@speckle/ui-components 2.23.6 → 2.23.7

package/dist/lib.js

@@ -1,20 +1,20 @@
 var nl = Object.defineProperty;
 var ol = (e, t, a) => t in e ? nl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
-var xe = (e, t, a) => (ol(e, typeof t != "symbol" ? t + "" : t, a), a);
-import { defineComponent as U, resolveDynamicComponent as se, computed as d, openBlock as s, createBlock as T, normalizeClass as b, normalizeStyle as oe, withCtx as R, createCommentVNode as x, renderSlot as D, createTextVNode as F, createElementBlock as r, createElementVNode as u, createVNode as A, Transition as mt, unref as o, toDisplayString as O, toRefs as be, Fragment as X, renderList as ee, ref as j, onMounted as de, onBeforeUnmount as tt, mergeProps as Ce, mergeModels as Se, useModel as ze, watch as ue, withDirectives as Y, isRef as lt, vModelText as st, useSlots as nt, vModelDynamic as al, pushScopeId as zt, popScopeId as At, Teleport as pt, withModifiers as we, onUnmounted as il, toHandlers as It, nextTick as rl, resolveDirective as Ae, vShow as Et, getCurrentInstance as ul, inject as dl, withKeys as je, defineAsyncComponent as cl } from "vue";
-import { isObjectLike as Je, clamp as Bt, isBoolean as fl, noop as vt, debounce as _e, isUndefined as Be, isArray as le, isString as Oe, throttle as dt, uniq as hl, intersection as ml, difference as pl } from "lodash";
+var we = (e, t, a) => (ol(e, typeof t != "symbol" ? t + "" : t, a), a);
+import { defineComponent as U, resolveDynamicComponent as se, computed as d, openBlock as s, createBlock as T, normalizeClass as b, normalizeStyle as oe, withCtx as R, createCommentVNode as x, renderSlot as D, createTextVNode as F, createElementBlock as r, createElementVNode as u, createVNode as A, Transition as mt, unref as o, toDisplayString as O, toRefs as ge, Fragment as X, renderList as ee, ref as j, onMounted as de, onBeforeUnmount as tt, mergeProps as Ce, mergeModels as Se, useModel as ze, watch as ue, withDirectives as Y, isRef as lt, withModifiers as me, vModelText as st, useSlots as nt, vModelDynamic as al, pushScopeId as zt, popScopeId as At, Teleport as pt, onUnmounted as il, toHandlers as It, nextTick as rl, resolveDirective as Ae, vShow as Et, getCurrentInstance as ul, inject as dl, withKeys as je, defineAsyncComponent as cl } from "vue";
+import { isObjectLike as Je, clamp as Bt, isBoolean as fl, noop as vt, debounce as Ge, isUndefined as Be, isArray as le, isString as Oe, throttle as dt, uniq as hl, intersection as ml, difference as pl } from "lodash";
 import { CheckCircleIcon as Rt, XCircleIcon as vl, ExclamationCircleIcon as Ne, InformationCircleIcon as bl, XMarkIcon as Pe, CheckIcon as bt, ChevronUpIcon as Ft, ChevronDownIcon as Dt, MagnifyingGlassIcon as Ut } from "@heroicons/vue/20/solid";
 import { wait as gl, isNullOrUndefined as yl, SourceApps as xl, getClientOperatingSystem as wl, OperatingSystem as ct, md5 as kl } from "@speckle/shared";
-import { buildManualPromise as Pd } from "@speckle/shared";
+import { buildManualPromise as jd } from "@speckle/shared";
 import { useField as Ee } from "vee-validate";
 import { nanoid as Ze } from "nanoid";
 import { CheckIcon as Cl, InformationCircleIcon as Qe, ClipboardDocumentCheckIcon as $l, ClipboardDocumentIcon as Il, ChevronLeftIcon as Bl, XMarkIcon as Sl, ChevronDownIcon as Ol, ArrowLongLeftIcon as Pl, ArrowLongRightIcon as Ll, ExclamationTriangleIcon as Ml, ArrowUpRightIcon as Vl, CheckCircleIcon as jl, XCircleIcon as Tl, ExclamationCircleIcon as zl } from "@heroicons/vue/24/outline";
 import { directive as Le } from "vue-tippy";
 import { useResizeObserver as Wt, useMutationObserver as Al, useMounted as gt, useElementBounding as yt, useIntersectionObserver as Ht, onClickOutside as El, useClipboard as Rl, useMagicKeys as Fl, whenever as Dl, isClient as Me, useEventListener as St, useElementSize as Ul, computedAsync as Wl, useFocus as Hl, useDropZone as ql } from "@vueuse/core";
-import { Listbox as Kl, ListboxLabel as Gl, ListboxButton as _l, ListboxOptions as Nl, ListboxOption as Zl, Switch as Xl, TransitionRoot as qt, Dialog as Jl, TransitionChild as Ot, DialogPanel as Ql, Disclosure as Yl, DisclosureButton as es, DisclosurePanel as ts, Menu as ls, MenuButton as ss, MenuItems as ns, MenuItem as os, Combobox as as, ComboboxOptions as is, ComboboxOption as rs } from "@headlessui/vue";
+import { Listbox as Kl, ListboxLabel as _l, ListboxButton as Gl, ListboxOptions as Nl, ListboxOption as Zl, Switch as Xl, TransitionRoot as qt, Dialog as Jl, TransitionChild as Ot, DialogPanel as Ql, Disclosure as Yl, DisclosureButton as es, DisclosurePanel as ts, Menu as ls, MenuButton as ss, MenuItems as ns, MenuItem as os, Combobox as as, ComboboxOptions as is, ComboboxOption as rs } from "@headlessui/vue";
 import { XMarkIcon as us, ChevronUpIcon as ds, Bars3Icon as cs, Squares2X2Icon as fs, UserCircleIcon as hs } from "@heroicons/vue/24/solid";
 import ms from "v3-infinite-loading";
-const me = /* @__PURE__ */ U({
+const pe = /* @__PURE__ */ U({
   __name: "Button",
   props: {
     to: null,
@@ -240,7 +240,7 @@ const me = /* @__PURE__ */ U({
       }
       a("click", l);
     };
-    return (l, v) => (s(), T(me, {
+    return (l, v) => (s(), T(pe, {
       link: e.underline,
       text: !e.underline,
       to: e.to,
@@ -273,7 +273,7 @@ const vs = {
 }, ks = {
   key: 1,
   class: "text-foreground-2 text-body-xs leading-snug"
-}, Cs = { key: 2 }, $s = { class: "ml-2 flex-shrink-0 mt-0.5" }, Is = /* @__PURE__ */ u("span", { class: "sr-only" }, "Close", -1), Ru = /* @__PURE__ */ U({
+}, Cs = { key: 2 }, $s = { class: "ml-2 flex-shrink-0 mt-0.5" }, Is = /* @__PURE__ */ u("span", { class: "sr-only" }, "Close", -1), Wu = /* @__PURE__ */ U({
   __name: "ToastRenderer",
   props: {
     notification: null
@@ -450,7 +450,7 @@ function Ls(e) {
   Pt = Pt ? e : e.slice();
 }
 var Ke = /* @__PURE__ */ ((e) => (e[e.sm = 640] = "sm", e[e.md = 768] = "md", e[e.lg = 1024] = "lg", e[e.xl = 1280] = "xl", e[e["2xl"] = 1536] = "2xl", e))(Ke || {});
-function Gt(e) {
+function _t(e) {
   const {
     props: {
       modelValue: t,
@@ -478,7 +478,7 @@ function Gt(e) {
   }, $ = d(() => {
     const k = ["flex"];
     let C, B;
-    return (v == null ? void 0 : v.value) === "xs" ? (C = "space-x-2", B = "space-y-1") : (v == null ? void 0 : v.value) === "sm" ? (C = "space-x-4", B = "space-y-1") : (C = "space-x-8", B = "space-y-4"), k.push("flex"), h.value === "vertical" || i != null && i.value ? (k.push(`flex-col ${B} justify-center`), (i == null ? void 0 : i.value) === Ke.sm ? k.push(
+    return (v == null ? void 0 : v.value) === "xs" ? (C = "space-x-2", B = "space-y-1") : (v == null ? void 0 : v.value) === "sm" ? (C = "space-x-4", B = "space-y-1") : (C = "space-x-6", B = "space-y-4"), k.push("flex"), h.value === "vertical" || i != null && i.value ? (k.push(`flex-col ${B} justify-center`), (i == null ? void 0 : i.value) === Ke.sm ? k.push(
       `sm:flex-row sm:space-y-0 sm:justify-start sm:${C} sm:items-center`
     ) : (i == null ? void 0 : i.value) === Ke.md ? k.push(
       `md:flex-row md:space-y-0 md:justify-start md:${C} md:items-center`
@@ -503,10 +503,10 @@ function Gt(e) {
   };
 }
 Ls([
-  "sm:space-x-8",
-  "md:space-x-8",
-  "lg:space-x-8",
-  "xl:space-x-8",
+  "sm:space-x-6",
+  "md:space-x-6",
+  "lg:space-x-6",
+  "xl:space-x-6",
   "sm:space-x-2",
   "md:space-x-2",
   "lg:space-x-2",
@@ -516,16 +516,16 @@ Ls([
   "lg:space-x-4",
   "xl:space-x-4"
 ]);
-const Ms = ["aria-label"], Vs = ["href", "onClick"], js = { class: "flex space-x-3 items-center text-primary normal font-medium leading-5" }, Ts = { class: "shrink-0 h-8 w-8 rounded-full bg-primary text-foreground-on-primary inline-flex items-center justify-center select-none" }, zs = { class: "flex flex-col" }, As = {
+const Ms = ["aria-label"], Vs = ["href", "onClick"], js = { class: "flex space-x-2 items-center" }, Ts = { class: "shrink-0 h-7 w-7 rounded-full border border-primary text-white bg-primary inline-flex items-center justify-center select-none" }, zs = { class: "flex flex-col" }, As = { class: "text-body-xs font-medium text-primary" }, Es = {
   key: 0,
-  class: "label label--light text-foreground"
-}, Es = ["href", "onClick"], Rs = { class: "flex space-x-3 items-center text-primary normal font-medium leading-5" }, Fs = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-primary inline-flex items-center justify-center select-none" }, Ds = { class: "flex flex-col" }, Us = {
+  class: "text-body-2xs text-foreground-2"
+}, Rs = ["href", "onClick"], Fs = { class: "flex space-x-2 items-center" }, Ds = { class: "shrink-0 h-7 w-7 text-body-xs rounded-full border border-primary inline-flex items-center justify-center select-none text-primary" }, Us = { class: "flex flex-col" }, Ws = { class: "text-body-xs font-medium text-primary" }, Hs = {
   key: 0,
-  class: "label label--light text-foreground"
-}, Ws = ["href", "onClick"], Hs = { class: "flex space-x-3 items-center text-foreground-disabled normal font-medium leading-5" }, qs = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-foreground-disabled inline-flex items-center justify-center select-none" }, Ks = { class: "flex flex-col" }, Gs = {
+  class: "text-body-2xs text-foreground-2"
+}, qs = ["href", "onClick"], Ks = { class: "flex space-x-2 items-center" }, _s = { class: "shrink-0 h-7 w-7 rounded-full border border-foreground-3 inline-flex items-center justify-center select-none text-foreground-3" }, Gs = { class: "flex flex-col" }, Ns = { class: "text-body-xs font-medium text-foreground-2" }, Zs = {
   key: 0,
-  class: "label label--light"
-}, Fu = /* @__PURE__ */ U({
+  class: "text-body-2xs text-foreground-2"
+}, Hu = /* @__PURE__ */ U({
   __name: "Number",
   props: {
     ariaLabel: null,
@@ -545,8 +545,8 @@ const Ms = ["aria-label"], Vs = ["href", "onClick"], js = { class: "flex space-x
       getStepDisplayValue: p,
       listClasses: h,
       linkClasses: m
-    } = Gt({
-      props: be(n),
+    } = _t({
+      props: ge(n),
       emit: a
     });
     return (f, y) => (s(), r("nav", {
@@ -567,11 +567,11 @@ const Ms = ["aria-label"], Vs = ["href", "onClick"], js = { class: "flex space-x
           }, [
             u("div", js, [
               u("div", Ts, [
-                A(o(bt), { class: "w-5 h-5" })
+                A(o(bt), { class: "w-4 h-4" })
               ]),
               u("div", zs, [
-                u("div", null, O(c.name), 1),
-                c.description ? (s(), r("div", As, O(c.description), 1)) : x("", !0)
+                u("div", As, O(c.name), 1),
+                c.description ? (s(), r("div", Es, O(c.description), 1)) : x("", !0)
               ])
             ])
           ], 10, Vs)) : o(i)(g) ? (s(), r("a", {
@@ -581,50 +581,50 @@ const Ms = ["aria-label"], Vs = ["href", "onClick"], js = { class: "flex space-x
             "aria-current": "step",
             onClick: ($) => o(v)(g, $)
           }, [
-            u("div", Rs, [
-              u("div", Fs, O(o(p)(g)), 1),
-              u("div", Ds, [
-                u("div", null, O(c.name), 1),
-                c.description ? (s(), r("div", Us, O(c.description), 1)) : x("", !0)
+            u("div", Fs, [
+              u("div", Ds, O(o(p)(g)), 1),
+              u("div", Us, [
+                u("div", Ws, O(c.name), 1),
+                c.description ? (s(), r("div", Hs, O(c.description), 1)) : x("", !0)
               ])
             ])
-          ], 10, Es)) : (s(), r("a", {
+          ], 10, Rs)) : (s(), r("a", {
             key: 2,
             href: c.href,
             class: b(o(m)),
             onClick: ($) => o(v)(g, $)
           }, [
-            u("div", Hs, [
-              u("div", qs, O(o(p)(g)), 1),
-              u("div", Ks, [
-                u("div", null, O(c.name), 1),
-                c.description ? (s(), r("div", Gs, O(c.description), 1)) : x("", !0)
+            u("div", Ks, [
+              u("div", _s, O(o(p)(g)), 1),
+              u("div", Gs, [
+                u("div", Ns, O(c.name), 1),
+                c.description ? (s(), r("div", Zs, O(c.description), 1)) : x("", !0)
               ])
             ])
-          ], 10, Ws))
+          ], 10, qs))
         ]))), 128))
       ], 2)
     ], 8, Ms));
   }
-}), _s = ["aria-label"], Ns = ["href", "onClick"], Zs = { class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center" }, Xs = {
+}), Xs = ["aria-label"], Js = ["href", "onClick"], Qs = { class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center" }, Ys = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground-2"
-}, Js = ["href", "onClick"], Qs = {
+}, en = ["href", "onClick"], tn = {
   class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center",
   "aria-hidden": "true"
-}, Ys = {
+}, ln = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground"
-}, en = /* @__PURE__ */ u("span", { class: "absolute h-4 w-4 rounded-full bg-outline-2" }, null, -1), tn = /* @__PURE__ */ u("span", { class: "relative block h-2 w-2 rounded-full bg-primary-focus" }, null, -1), ln = ["href", "onClick"], sn = {
+}, sn = /* @__PURE__ */ u("span", { class: "absolute h-4 w-4 rounded-full bg-outline-2" }, null, -1), nn = /* @__PURE__ */ u("span", { class: "relative block h-2 w-2 rounded-full bg-primary-focus" }, null, -1), on = ["href", "onClick"], an = {
   class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center",
   "aria-hidden": "true"
-}, nn = {
+}, rn = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground-2"
-}, on = {
+}, un = {
   key: 1,
   class: "h-4 w-4 rounded-full bg-foreground-disabled"
-}, Du = /* @__PURE__ */ U({
+}, qu = /* @__PURE__ */ U({
   __name: "Bullet",
   props: {
     ariaLabel: null,
@@ -638,8 +638,8 @@ const Ms = ["aria-label"], Vs = ["href", "onClick"], js = { class: "flex space-x
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
-    const a = t, n = e, { isCurrentStep: i, isFinishedStep: l, switchStep: v, listClasses: p, linkClasses: h } = Gt({
-      props: be(n),
+    const a = t, n = e, { isCurrentStep: i, isFinishedStep: l, switchStep: v, listClasses: p, linkClasses: h } = _t({
+      props: ge(n),
       emit: a
     }), m = d(() => {
       const y = ["h6 font-medium leading-7"];
@@ -665,8 +665,8 @@ const Ms = ["aria-label"], Vs = ["href", "onClick"], js = { class: "flex space-x
             class: b(o(h)),
             onClick: (E) => o(v)($, E)
           }, [
-            u("span", Zs, [
-              e.basic ? (s(), r("span", Xs)) : (s(), T(o(Rt), {
+            u("span", Qs, [
+              e.basic ? (s(), r("span", Ys)) : (s(), T(o(Rt), {
                 key: 1,
                 class: "h-full w-full text-primary",
                 "aria-hidden": "true"
@@ -675,45 +675,45 @@ const Ms = ["aria-label"], Vs = ["href", "onClick"], js = { class: "flex space-x
             u("span", {
               class: b(["text-foreground", m.value])
             }, O(g.name), 3)
-          ], 10, Ns)) : o(i)($) ? (s(), r("a", {
+          ], 10, Js)) : o(i)($) ? (s(), r("a", {
             key: 1,
             href: g.href,
             class: b(o(h)),
             "aria-current": "step",
             onClick: (E) => o(v)($, E)
           }, [
-            u("span", Qs, [
-              e.basic ? (s(), r("span", Ys)) : (s(), r(X, { key: 1 }, [
-                en,
-                tn
+            u("span", tn, [
+              e.basic ? (s(), r("span", ln)) : (s(), r(X, { key: 1 }, [
+                sn,
+                nn
               ], 64))
             ]),
             u("span", {
               class: b(["text-primary-focus", m.value])
             }, O(g.name), 3)
-          ], 10, Js)) : (s(), r("a", {
+          ], 10, en)) : (s(), r("a", {
             key: 2,
             href: g.href,
             class: b(o(h)),
             onClick: (E) => o(v)($, E)
           }, [
-            u("div", sn, [
-              e.basic ? (s(), r("span", nn)) : (s(), r("div", on))
+            u("div", an, [
+              e.basic ? (s(), r("span", rn)) : (s(), r("div", un))
             ]),
             u("p", {
               class: b(["text-foreground-disabled", m.value])
             }, O(g.name), 3)
-          ], 10, ln))
+          ], 10, on))
         ]))), 128))
       ], 2)
-    ], 8, _s));
+    ], 8, Xs));
   }
 }), ke = (e, t) => {
   const a = e.__vccOpts || e;
   for (const [n, i] of t)
     a[n] = i;
   return a;
-}, an = {}, rn = {
+}, dn = {}, cn = {
   xmlns: "http://www.w3.org/2000/svg",
   class: "icon icon-tabler icon-tabler-pointer",
   width: "44",
@@ -724,34 +724,34 @@ const Ms = ["aria-label"], Vs = ["href", "onClick"], js = { class: "flex space-x
   fill: "rgba(255,255,255,0.8)",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, un = /* @__PURE__ */ u("path", {
+}, fn = /* @__PURE__ */ u("path", {
   stroke: "none",
   d: "M0 0h24v24H0z",
   fill: "none"
-}, null, -1), dn = /* @__PURE__ */ u("path", { d: "M7.904 17.563a1.2 1.2 0 0 0 2.228 .308l2.09 -3.093l4.907 4.907a1.067 1.067 0 0 0 1.509 0l1.047 -1.047a1.067 1.067 0 0 0 0 -1.509l-4.907 -4.907l3.113 -2.09a1.2 1.2 0 0 0 -.309 -2.228l-13.582 -3.904l3.904 13.563z" }, null, -1), cn = [
-  un,
-  dn
+}, null, -1), hn = /* @__PURE__ */ u("path", { d: "M7.904 17.563a1.2 1.2 0 0 0 2.228 .308l2.09 -3.093l4.907 4.907a1.067 1.067 0 0 0 1.509 0l1.047 -1.047a1.067 1.067 0 0 0 0 -1.509l-4.907 -4.907l3.113 -2.09a1.2 1.2 0 0 0 -.309 -2.228l-13.582 -3.904l3.904 13.563z" }, null, -1), mn = [
+  fn,
+  hn
 ];
-function fn(e, t) {
-  return s(), r("svg", rn, cn);
+function pn(e, t) {
+  return s(), r("svg", cn, mn);
 }
-const hn = /* @__PURE__ */ ke(an, [["render", fn]]), mn = {}, pn = {
+const vn = /* @__PURE__ */ ke(dn, [["render", pn]]), bn = {}, gn = {
   viewBox: "0 0 18 17",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, vn = /* @__PURE__ */ u("path", {
+}, yn = /* @__PURE__ */ u("path", {
   d: "M9 1.25V3.5M14.834 3.666L13.243 5.257M17.25 9.5H15M4.757 13.743L3.167 15.333M3 9.5H0.75M4.757 5.257L3.167 3.667",
   stroke: "currentColor",
   "stroke-width": "1",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), bn = [
-  vn
+}, null, -1), xn = [
+  yn
 ];
-function gn(e, t) {
-  return s(), r("svg", pn, bn);
+function wn(e, t) {
+  return s(), r("svg", gn, xn);
 }
-const yn = /* @__PURE__ */ ke(mn, [["render", gn]]), xn = { class: "relative aspect-square w-full h-full max-w-[250px] mx-auto mb-8 border-t border-r border-outline-3 select-none" }, wn = { class: "w-full h-full overflow-hidden" }, Uu = /* @__PURE__ */ U({
+const kn = /* @__PURE__ */ ke(bn, [["render", wn]]), Cn = { class: "relative aspect-square w-full h-full max-w-[250px] mx-auto mb-8 border-t border-r border-outline-3 select-none" }, $n = { class: "w-full h-full overflow-hidden" }, Ku = /* @__PURE__ */ U({
   __name: "Instructional",
   props: {
     actions: Array,
@@ -795,7 +795,7 @@ const yn = /* @__PURE__ */ ke(mn, [["render", gn]]), xn = { class: "relative asp
       })();
     }), tt(() => {
       a.value = !1;
-    }), (y, c) => (s(), r("div", xn, [
+    }), (y, c) => (s(), r("div", Cn, [
       u("div", {
         class: "absolute z-50 text-foreground dark:text-foundation",
         style: oe({
@@ -805,12 +805,12 @@ const yn = /* @__PURE__ */ ke(mn, [["render", gn]]), xn = { class: "relative asp
           transitionDuration: l.value + "ms"
         })
       }, [
-        A(yn, {
+        A(kn, {
           class: b(["absolute -top-5 -left-4 h-12 w-12 -rotate-12 text-foreground", [{ hidden: !i.value }]])
         }, null, 8, ["class"]),
-        A(hn, { class: "absolute top-0 left-0 right-0 bottom-0 h-11 w-11" })
+        A(vn, { class: "absolute top-0 left-0 right-0 bottom-0 h-11 w-11" })
       ], 4),
-      u("div", wn, [
+      u("div", $n, [
         D(y.$slots, "background"),
         (s(!0), r(X, null, ee(p.value, (g) => (s(), r(X, {
           key: g.name
@@ -820,7 +820,7 @@ const yn = /* @__PURE__ */ ke(mn, [["render", gn]]), xn = { class: "relative asp
       ])
     ]));
   }
-}), kn = { class: "relative bg-foundation" }, Cn = /* @__PURE__ */ u("div", {
+}), In = { class: "relative bg-foundation" }, Bn = /* @__PURE__ */ u("div", {
   class: "absolute top-0 left-0 right-0 bottom-0 flex items-center justify-center",
   role: "status"
 }, [
@@ -841,7 +841,7 @@ const yn = /* @__PURE__ */ ke(mn, [["render", gn]]), xn = { class: "relative asp
     })
   ]),
   /* @__PURE__ */ u("span", { class: "sr-only" }, "Loading...")
-], -1), $n = ["title", "src"], Wu = /* @__PURE__ */ U({
+], -1), Sn = ["title", "src"], _u = /* @__PURE__ */ U({
   __name: "VimeoEmbed",
   props: {
     vimeoId: null,
@@ -851,8 +851,8 @@ const yn = /* @__PURE__ */ ke(mn, [["render", gn]]), xn = { class: "relative asp
     controls: { type: Boolean }
   },
   setup(e) {
-    return (t, a) => (s(), r("div", kn, [
-      Cn,
+    return (t, a) => (s(), r("div", In, [
+      Bn,
       u("iframe", {
         title: e.title,
         src: `https://player.vimeo.com/video/${e.vimeoId}?badge=0&autopause=0&player_id=0&app_id=58479&autoplay=${e.autoplay ? "1" : "0"}&muted=${e.muted ? "1" : "0"}&controls=${e.controls ? "1" : "0"}`,
@@ -860,10 +860,10 @@ const yn = /* @__PURE__ */ ke(mn, [["render", gn]]), xn = { class: "relative asp
         allow: "autoplay; fullscreen;",
         allowfullscreen: "",
         class: "aspect-video w-full relative z-10"
-      }, null, 8, $n)
+      }, null, 8, Sn)
     ]));
   }
-}), In = ["disabled"], Hu = /* @__PURE__ */ U({
+}), On = ["disabled"], Gu = /* @__PURE__ */ U({
   __name: "CardButton",
   props: {
     disabled: { type: Boolean },
@@ -894,12 +894,12 @@ const yn = /* @__PURE__ */ ke(mn, [["render", gn]]), xn = { class: "relative asp
       D(v.$slots, "default", {}, () => [
         F("Text")
       ])
-    ], 10, In));
+    ], 10, On));
   }
-}), Bn = ["id", "checked", "aria-describedby", "name", "disabled", "value"], Sn = ["for"], On = { class: "text-body-xs text-foreground font-medium" }, Pn = {
+}), Pn = ["id", "checked", "aria-describedby", "name", "disabled", "value"], Ln = ["for"], Mn = { class: "text-body-xs text-foreground font-medium" }, Vn = {
   key: 0,
   class: "text-danger ml-1"
-}, Ln = ["id"], Mn = /* @__PURE__ */ U({
+}, jn = ["id"], Tn = /* @__PURE__ */ U({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -1034,7 +1034,7 @@ const yn = /* @__PURE__ */ ke(mn, [["render", gn]]), xn = { class: "relative asp
           value: n.value,
           type: "checkbox",
           class: $.value
-        }, k.$attrs, { onChange: E }), null, 16, Bn)
+        }, k.$attrs, { onChange: E }), null, 16, Pn)
       ], 2),
       u("div", {
         class: b(["text-sm", e.labelPosition === "left" ? "w-1/2" : "ml-2"])
@@ -1043,21 +1043,21 @@ const yn = /* @__PURE__ */ ke(mn, [["render", gn]]), xn = { class: "relative asp
           for: g.value,
           class: b({ "sr-only": e.hideLabel })
         }, [
-          u("span", On, O(h.value), 1),
-          e.showRequired ? (s(), r("span", Pn, "*")) : x("", !0),
+          u("span", Mn, O(h.value), 1),
+          e.showRequired ? (s(), r("span", Vn, "*")) : x("", !0),
           m.value ? (s(), r("p", {
             key: 1,
             id: f.value,
             class: b(y.value)
-          }, O(m.value), 11, Ln)) : x("", !0)
-        ], 10, Sn)
+          }, O(m.value), 11, jn)) : x("", !0)
+        ], 10, Ln)
       ], 2)
     ], 2));
   }
-}), Vn = { class: "flex h-6 items-center" }, jn = ["id", "checked", "aria-describedby", "name", "disabled", "value"], Tn = ["for"], zn = { key: 0 }, An = { class: "flex flex-col" }, En = { class: "text-body-sm font-medium" }, Rn = ["id"], Fn = {
+}), zn = { class: "flex h-6 items-center" }, An = ["id", "checked", "aria-describedby", "name", "disabled", "value"], En = ["for"], Rn = { key: 0 }, Fn = { class: "flex flex-col" }, Dn = { class: "text-body-sm font-medium" }, Un = ["id"], Wn = {
   key: 1,
   class: "text-danger ml-1"
-}, Dn = ["id"], qu = /* @__PURE__ */ U({
+}, Hn = ["id"], Nu = /* @__PURE__ */ U({
   inheritAttrs: !1,
   __name: "Radio",
   props: {
@@ -1175,7 +1175,7 @@ const yn = /* @__PURE__ */ ke(mn, [["render", gn]]), xn = { class: "relative asp
     }), (k, C) => (s(), r("div", {
       class: b(["relative flex space-x-2 mb-2 last:mb-0", e.description && e.inlineDescription ? "items-start" : "items-center"])
     }, [
-      u("div", Vn, [
+      u("div", zn, [
         u("input", Ce({
           id: $.value,
           checked: o(i),
@@ -1185,7 +1185,7 @@ const yn = /* @__PURE__ */ ke(mn, [["render", gn]]), xn = { class: "relative asp
           value: n.value,
           type: "radio",
           class: ["h-4 w-4 rounded-full text-primary focus:ring-primary bg-foundation disabled:cursor-not-allowed disabled:bg-disabled disabled:text-disabled-2", m.value]
-        }, k.$attrs, { onChange: E }), null, 16, jn)
+        }, k.$attrs, { onChange: E }), null, 16, An)
       ]),
       u("div", {
         class: b(["text-xs sm:text-sm", e.inlineDescription ? "flex space-x-2 items-center" : ""])
@@ -1194,40 +1194,40 @@ const yn = /* @__PURE__ */ ke(mn, [["render", gn]]), xn = { class: "relative asp
           for: $.value,
           class: b(["text-foreground flex space-x-2 items-center", { "sr-only": e.hideLabel }])
         }, [
-          e.icon ? (s(), r("div", zn, [
+          e.icon ? (s(), r("div", Rn, [
             (s(), T(se(e.icon), { class: "h-8 sm:h-10 w-8 sm:w-10" }))
           ])) : x("", !0),
-          u("div", An, [
-            u("span", En, O(h.value), 1),
+          u("div", Fn, [
+            u("span", Dn, O(h.value), 1),
             f.value && !e.inlineDescription ? (s(), r("p", {
               key: 0,
               id: y.value,
               class: b(c.value)
-            }, O(f.value), 11, Rn)) : x("", !0)
+            }, O(f.value), 11, Un)) : x("", !0)
           ]),
-          e.showRequired ? (s(), r("span", Fn, "*")) : x("", !0)
-        ], 10, Tn),
+          e.showRequired ? (s(), r("span", Wn, "*")) : x("", !0)
+        ], 10, En),
         f.value && e.inlineDescription ? (s(), r("p", {
           key: 0,
           id: y.value,
           class: b(c.value)
-        }, O(f.value), 11, Dn)) : x("", !0)
+        }, O(f.value), 11, Hn)) : x("", !0)
       ], 2)
     ], 2));
   }
-}), Un = { class: "flex flex-col sm:flex-row items-stretch space-y-3 sm:space-y-0 sm:space-x-3 w-full" }, Wn = ["disabled", "onClick"], Hn = {
+}), qn = { class: "flex flex-col sm:flex-row items-stretch space-y-3 sm:space-y-0 sm:space-x-3 w-full" }, Kn = ["disabled", "onClick"], _n = {
   key: 0,
   class: "h-full w-full rounded-full bg-primary flex items-center justify-center"
-}, qn = { class: "px-3 py-4 flex flex-col space-y-3 h-full" }, Kn = { class: "flex flex-col items-start text-left" }, Gn = {
+}, Gn = { class: "px-3 py-4 flex flex-col space-y-3 h-full" }, Nn = { class: "flex flex-col items-start text-left" }, Zn = {
   key: 0,
   class: "text-body-xs text-foreground-2 pb-1 select-none"
-}, _n = {
+}, Xn = {
   key: 0,
   class: "sm:hidden text-xs flex space-x-0.5 mt-2 text-foreground"
-}, Nn = { class: "hidden sm:flex space-x-3 w-full" }, Zn = {
+}, Jn = { class: "hidden sm:flex space-x-3 w-full" }, Qn = {
   key: 0,
   class: "text-xs flex space-x-0.5 mt-2 text-foreground select-none"
-}, Ku = /* @__PURE__ */ U({
+}, Zu = /* @__PURE__ */ U({
   __name: "RadioGroup",
   props: /* @__PURE__ */ Se({
     options: null,
@@ -1242,7 +1242,7 @@ const yn = /* @__PURE__ */ ke(mn, [["render", gn]]), xn = { class: "relative asp
       t.value = n;
     };
     return (n, i) => (s(), r("div", null, [
-      u("div", Un, [
+      u("div", qn, [
         (s(!0), r(X, null, ee(e.options, (l) => (s(), r("div", {
           key: l.value,
           class: "w-full flex flex-col"
@@ -1258,32 +1258,32 @@ const yn = /* @__PURE__ */ ke(mn, [["render", gn]]), xn = { class: "relative asp
             u("div", {
               class: b(["absolute top-4 right-3 h-6 w-6 rounded-full", [t.value === l.value ? "" : "border border-outline-3"]])
             }, [
-              t.value === l.value ? (s(), r("div", Hn, [
+              t.value === l.value ? (s(), r("div", _n, [
                 A(o(Cl), { class: "w-4 h-4 text-white" })
               ])) : x("", !0)
             ], 2),
-            u("div", qn, [
+            u("div", Gn, [
               (s(), T(se(l.icon), { class: "text-foreground h-8 w-8 -mt-1 stroke-[1px]" })),
-              u("div", Kn, [
+              u("div", Nn, [
                 u("h4", {
                   class: b(["font-medium", l.introduction ? "text-body-sm" : "text-body-xs"])
                 }, O(l.title), 3),
-                l.introduction ? (s(), r("div", Gn, O(l.introduction), 1)) : x("", !0)
+                l.introduction ? (s(), r("div", Zn, O(l.introduction), 1)) : x("", !0)
               ])
             ])
-          ], 10, Wn),
-          l.help ? (s(), r("div", _n, [
+          ], 10, Kn),
+          l.help ? (s(), r("div", Xn, [
             A(o(Qe), { class: "h-4 w-4" }),
             F(" " + O(l.help), 1)
           ])) : x("", !0)
         ]))), 128))
       ]),
-      u("div", Nn, [
+      u("div", Jn, [
         (s(!0), r(X, null, ee(e.options, (l) => (s(), r("div", {
           key: l.value,
           class: "w-full"
         }, [
-          l.help ? (s(), r("div", Zn, [
+          l.help ? (s(), r("div", Qn, [
             A(o(Qe), { class: "h-4 w-4" }),
             F(" " + O(l.help), 1)
           ])) : x("", !0)
@@ -1363,7 +1363,7 @@ function xt(e) {
     hasError: g
   };
 }
-function Gu(e) {
+function Xu(e) {
   const { debouncedBy: t = 1e3, isBasicHtmlInput: a = !1, submitOnEnter: n } = e || {}, i = e != null && e.debug ? fl(e.debug) ? console.debug : e.debug : vt, l = (e == null ? void 0 : e.model) || j(""), v = j(l.value), p = (c) => {
     if (Oe(c))
       return c;
@@ -1371,7 +1371,7 @@ function Gu(e) {
       return c.value;
     const g = c.target;
     return (g == null ? void 0 : g.value) || "";
-  }, h = _e((c) => {
+  }, h = Ge((c) => {
     l.value = c, i("Value updated: " + c);
   }, t), m = a ? "input" : "update:modelValue", f = {
     [m]: (c) => {
@@ -1401,13 +1401,13 @@ function Gu(e) {
     value: l
   };
 }
-const Xn = ["for"], Jn = {
+const Yn = ["for"], eo = {
   key: 0,
   class: "text-danger text-body-xs opacity-80"
-}, Qn = {
+}, to = {
   key: 1,
   class: "text-body-2xs font-normal"
-}, Yn = ["id", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], eo = /* @__PURE__ */ u("span", { class: "text-xs sr-only" }, "Clear input", -1), to = ["id"], _u = /* @__PURE__ */ U({
+}, lo = ["id", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], so = /* @__PURE__ */ u("span", { class: "text-xs sr-only" }, "Clear input", -1), no = ["id"], Ju = /* @__PURE__ */ U({
   __name: "TextArea",
   props: {
     name: null,
@@ -1447,7 +1447,7 @@ const Xn = ["for"], Jn = {
       focus: E,
       shouldShowClear: k
     } = xt({
-      props: be(i),
+      props: ge(i),
       emit: n,
       inputEl: l
     }), C = d(() => {
@@ -1484,8 +1484,8 @@ const Xn = ["for"], Jn = {
           class: b(o(g))
         }, [
           u("span", null, O(o(p)), 1),
-          e.showRequired ? (s(), r("div", Jn, "*")) : e.showOptional ? (s(), r("div", Qn, "(optional)")) : x("", !0)
-        ], 10, Xn)
+          e.showRequired ? (s(), r("div", eo, "*")) : e.showOptional ? (s(), r("div", to, "(optional)")) : x("", !0)
+        ], 10, Yn)
       ], 2),
       u("div", {
         class: b(["relative", e.labelPosition === "left" ? "w-full md:w-6/12" : "w-full"])
@@ -1509,20 +1509,22 @@ const Xn = ["for"], Jn = {
           "aria-describedby": o(m)
         }, I.$attrs, {
           onChange: V[1] || (V[1] = (w) => I.$emit("change", { event: w, value: o(h) })),
-          onInput: V[2] || (V[2] = (w) => I.$emit("input", { event: w, value: o(h) }))
-        }), null, 16, Yn), [
+          onInput: V[2] || (V[2] = (w) => I.$emit("input", { event: w, value: o(h) })),
+          onKeydown: V[3] || (V[3] = me(() => {
+          }, ["stop"]))
+        }), null, 16, lo), [
           [st, o(h)]
         ]),
         o(k) ? (s(), r("a", {
           key: 0,
           title: "Clear input",
           class: "absolute top-2 right-0 flex items-center pr-2 cursor-pointer",
-          onClick: V[3] || (V[3] = //@ts-ignore
+          onClick: V[4] || (V[4] = //@ts-ignore
           (...w) => o($) && o($)(...w)),
-          onKeydown: V[4] || (V[4] = //@ts-ignore
+          onKeydown: V[5] || (V[5] = //@ts-ignore
           (...w) => o($) && o($)(...w))
         }, [
-          eo,
+          so,
           A(o(Pe), {
             class: "h-5 w-5 text-foreground",
             "aria-hidden": "true"
@@ -1549,22 +1551,22 @@ const Xn = ["for"], Jn = {
         key: 0,
         id: o(m),
         class: b(["mt-1.5", o(f)])
-      }, O(o(y)), 11, to)) : x("", !0)
+      }, O(o(y)), 11, no)) : x("", !0)
     ], 2));
   }
-}), lo = ["for"], so = {
+}), oo = ["for"], ao = {
   key: 0,
   class: "text-danger text-body-xs opacity-80"
-}, no = {
+}, io = {
   key: 1,
   class: "text-body-2xs font-normal"
-}, oo = ["id"], ao = {
+}, ro = ["id"], uo = {
   key: 0,
   class: "pointer-events-none absolute top-0 bottom-0 left-0 flex items-center pl-2"
-}, io = {
+}, co = {
   key: 1,
   class: "absolute top-0 h-full right-0 flex items-center pr-2 text-foreground-3"
-}, ro = ["id", "type", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby", "readonly"], uo = ["title"], co = { class: "text-body-xs sr-only" }, fo = /* @__PURE__ */ u("span", { class: "text-body-xs sr-only" }, "Clear input", -1), ho = ["id"], mo = /* @__PURE__ */ U({
+}, fo = ["id", "type", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby", "readonly"], ho = ["title"], mo = { class: "text-body-xs sr-only" }, po = /* @__PURE__ */ u("span", { class: "text-body-xs sr-only" }, "Clear input", -1), vo = ["id"], bo = /* @__PURE__ */ U({
   inheritAttrs: !1,
   __name: "TextInput",
   props: {
@@ -1757,7 +1759,7 @@ const Xn = ["for"], Jn = {
       labelClasses: C,
       shouldShowClear: B
     } = xt({
-      props: be(n),
+      props: ge(n),
       emit: i,
       inputEl: v
     }), M = d(() => {
@@ -1784,7 +1786,7 @@ const Xn = ["for"], Jn = {
     }), P = () => {
       i("rightIconClick");
     };
-    return t({ focus: k }), (z, q) => (s(), r("div", {
+    return t({ focus: k }), (z, W) => (s(), r("div", {
       class: b(w.value)
     }, [
       u("div", {
@@ -1797,25 +1799,25 @@ const Xn = ["for"], Jn = {
           class: b(o(C))
         }, [
           u("span", null, O(o(h)), 1),
-          e.showRequired ? (s(), r("div", so, "*")) : e.showOptional ? (s(), r("div", no, "(optional)")) : x("", !0)
-        ], 10, lo),
+          e.showRequired ? (s(), r("div", ao, "*")) : e.showOptional ? (s(), r("div", io, "(optional)")) : x("", !0)
+        ], 10, oo),
         e.labelPosition === "left" && o(f) && !o(g) ? (s(), r("p", {
           key: 0,
           id: o(f),
           class: b(o(y))
-        }, O(o(c)), 11, oo)) : x("", !0)
+        }, O(o(c)), 11, ro)) : x("", !0)
       ], 2),
       u("div", {
         class: b(["group relative", e.labelPosition === "left" ? "w-full md:w-6/12" : "w-full"])
       }, [
-        e.customIcon ? (s(), r("div", ao, [
+        e.customIcon ? (s(), r("div", uo, [
           e.customIcon ? (s(), T(se(e.customIcon), {
             key: 0,
             class: b(M.value),
             "aria-hidden": "true"
           }, null, 8, ["class"])) : x("", !0)
         ])) : x("", !0),
-        e.loading ? (s(), r("div", io, [
+        e.loading ? (s(), r("div", co, [
           A(o(it))
         ])) : x("", !0),
         Y((s(), r("div", null, [
@@ -1823,7 +1825,7 @@ const Xn = ["for"], Jn = {
             id: e.name,
             ref_key: "inputElement",
             ref: v,
-            "onUpdate:modelValue": q[0] || (q[0] = (J) => lt(m) ? m.value = J : null),
+            "onUpdate:modelValue": W[0] || (W[0] = (J) => lt(m) ? m.value = J : null),
             type: e.type,
             name: e.name,
             class: [o(p), I.value, V.value, e.inputClasses || ""],
@@ -1834,11 +1836,13 @@ const Xn = ["for"], Jn = {
             readonly: e.readOnly,
             role: "textbox"
           }, z.$attrs, {
-            onChange: q[1] || (q[1] = (J) => z.$emit("change", { event: J, value: o(m) })),
-            onInput: q[2] || (q[2] = (J) => z.$emit("input", { event: J, value: o(m) })),
-            onFocus: q[3] || (q[3] = (J) => z.$emit("focus")),
-            onBlur: q[4] || (q[4] = (J) => z.$emit("blur"))
-          }), null, 16, ro), [
+            onChange: W[1] || (W[1] = (J) => z.$emit("change", { event: J, value: o(m) })),
+            onInput: W[2] || (W[2] = (J) => z.$emit("input", { event: J, value: o(m) })),
+            onFocus: W[3] || (W[3] = (J) => z.$emit("focus")),
+            onBlur: W[4] || (W[4] = (J) => z.$emit("blur")),
+            onKeydown: W[5] || (W[5] = me(() => {
+            }, ["stop"]))
+          }), null, 16, fo), [
             [al, o(m)]
           ])
         ])), [
@@ -1855,21 +1859,21 @@ const Xn = ["for"], Jn = {
             onClick: P,
             onKeydown: P
           }, [
-            u("span", co, O(e.rightIconTitle), 1),
+            u("span", mo, O(e.rightIconTitle), 1),
             (s(), T(se(e.rightIcon), {
               class: "h-6 w-6 text-foreground",
               "aria-hidden": "true"
             }))
-          ], 42, uo)) : o(B) ? (s(), r("a", {
+          ], 42, ho)) : o(B) ? (s(), r("a", {
             key: 1,
             title: "Clear input",
             class: "absolute top-0 bottom-0 right-0 flex items-center pr-2 cursor-pointer",
-            onClick: q[5] || (q[5] = //@ts-ignore
+            onClick: W[6] || (W[6] = //@ts-ignore
             (...J) => o(E) && o(E)(...J)),
-            onKeydown: q[6] || (q[6] = //@ts-ignore
+            onKeydown: W[7] || (W[7] = //@ts-ignore
             (...J) => o(E) && o(E)(...J))
           }, [
-            fo,
+            po,
             A(o(Pe), {
               class: "h-5 w-5 text-foreground",
               "aria-hidden": "true"
@@ -1884,29 +1888,29 @@ const Xn = ["for"], Jn = {
         key: 0,
         id: o(f),
         class: b(["mt-1.5", o(y)])
-      }, O(o(c)), 11, ho)) : x("", !0)
+      }, O(o(c)), 11, vo)) : x("", !0)
     ], 2));
   }
-}), _t = /^https?:\/\//, ot = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, po = (e) => (e || "").match(ot) ? !0 : "Value should be a valid e-mail address", vo = (e) => (e || "").match(ot) || !e ? !0 : "Value should be a valid e-mail address", bo = (e) => (e || "").split(",").map((n) => n.trim()).every((n) => n.match(ot)) || "Value should be one or multiple comma-delimited e-mail addresses", go = (e) => (Oe(e) && (e = e.trim()), e ? !0 : "Value is required"), yo = (e, t) => (a, n) => a === n.form[e] ? !0 : `Value must be the same as in field '${t || e}'`, xo = (e) => (t) => {
+}), Gt = /^https?:\/\//, ot = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, go = (e) => (e || "").match(ot) ? !0 : "Value should be a valid e-mail address", yo = (e) => (e || "").match(ot) || !e ? !0 : "Value should be a valid e-mail address", xo = (e) => (e || "").split(",").map((n) => n.trim()).every((n) => n.match(ot)) || "Value should be one or multiple comma-delimited e-mail addresses", wo = (e) => (Oe(e) && (e = e.trim()), e ? !0 : "Value is required"), ko = (e, t) => (a, n) => a === n.form[e] ? !0 : `Value must be the same as in field '${t || e}'`, Co = (e) => (t) => {
   const { minLength: a, maxLength: n } = e;
   return t = yl(t) ? "" : t, Oe(t) ? !Be(a) && t.length < a ? `Value needs to be at least ${a} characters long` : !Be(n) && t.length > n ? `Value needs to be no more than ${n} characters long` : !0 : "Value should be a text string";
-}, wo = (e) => (t) => {
+}, $o = (e) => (t) => {
   const { match: a, message: n } = e;
   return Oe(t) ? a ? Oe(a) ? t.includes(a) ? !0 : n : a.test(t) ? !0 : n : !0 : "Value should be a text string";
-}, ko = (e) => _t.test(e) ? !0 : "Value is not a valid URL", Co = (e) => Array.isArray(e) && e.length > 0 ? !0 : "Value should have at least a single item selected", $o = (e) => Array.isArray(e) && e.length > 0 ? !0 : "Value should have at least a single item selected", Nu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Io = (e) => Gt.test(e) ? !0 : "Value is not a valid URL", Bo = (e) => Array.isArray(e) && e.length > 0 ? !0 : "Value should have at least a single item selected", So = (e) => Array.isArray(e) && e.length > 0 ? !0 : "Value should have at least a single item selected", Qu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VALID_EMAIL: ot,
-  VALID_HTTP_URL: _t,
-  isEmail: po,
-  isEmailOrEmpty: vo,
-  isItemSelected: Co,
-  isMultiItemSelected: $o,
-  isOneOrMultipleEmails: bo,
-  isRequired: go,
-  isSameAs: yo,
-  isStringOfLength: xo,
-  isUrl: ko,
-  stringContains: wo
+  VALID_HTTP_URL: Gt,
+  isEmail: go,
+  isEmailOrEmpty: yo,
+  isItemSelected: Bo,
+  isMultiItemSelected: So,
+  isOneOrMultipleEmails: xo,
+  isRequired: wo,
+  isSameAs: ko,
+  isStringOfLength: Co,
+  isUrl: Io,
+  stringContains: $o
 }, Symbol.toStringTag, { value: "Module" }));
 function Nt(e) {
   const {
@@ -1975,9 +1979,9 @@ function Zt(e) {
     firstItem: (m) => v(m) ? m[0] : m
   };
 }
-const Io = (e) => (zt("data-v-985badae"), e = e(), At(), e), Bo = /* @__PURE__ */ Io(() => /* @__PURE__ */ u("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), So = [
-  Bo
-], Oo = /* @__PURE__ */ U({
+const Oo = (e) => (zt("data-v-985badae"), e = e(), At(), e), Po = /* @__PURE__ */ Oo(() => /* @__PURE__ */ u("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), Lo = [
+  Po
+], Mo = /* @__PURE__ */ U({
   __name: "Bar",
   props: {
     loading: { type: Boolean },
@@ -1990,30 +1994,30 @@ const Io = (e) => (zt("data-v-985badae"), e = e(), At(), e), Bo = /* @__PURE__ *
         "relative w-full h-1 bg-blue-500/30 text-xs text-foreground-on-primary overflow-hidden rounded-xl",
         n.value ? "opacity-100" : "opacity-0"
       ])
-    }, So, 2));
+    }, Lo, 2));
   }
 });
-const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
+const at = /* @__PURE__ */ ke(Mo, [["__scopeId", "data-v-985badae"]]), Vo = {
   key: 0,
   class: "text-danger text-xs opacity-80"
-}, Lo = {
+}, jo = {
   key: 1,
   class: "text-body-2xs font-normal"
-}, Mo = ["id"], Vo = { class: "flex items-center justify-between w-full" }, jo = { class: "pointer-events-none shrink-0 ml-1 flex items-center space-x-2" }, To = {
+}, To = ["id"], zo = { class: "flex items-center justify-between w-full" }, Ao = { class: "pointer-events-none shrink-0 ml-1 flex items-center space-x-2" }, Eo = {
   key: 1,
   class: "text-4xl text-danger opacity-50 h-4 w-4 leading-6"
-}, zo = ["disabled"], Ao = {
+}, Ro = ["disabled"], Fo = {
   key: 0,
   class: "flex flex-col mx-1 mb-1"
-}, Eo = /* @__PURE__ */ u("span", { class: "sr-only label text-foreground" }, "Search", -1), Ro = { class: "relative" }, Fo = { class: "pointer-events-none absolute top-0 bottom-0 left-0 flex items-center pl-2" }, Do = ["placeholder"], Uo = { class: "overflow-auto simple-scrollbar max-h-60" }, Wo = {
+}, Do = /* @__PURE__ */ u("span", { class: "sr-only label text-foreground" }, "Search", -1), Uo = { class: "relative" }, Wo = { class: "pointer-events-none absolute top-0 bottom-0 left-0 flex items-center pl-2" }, Ho = ["placeholder"], qo = { class: "overflow-auto simple-scrollbar max-h-60" }, Ko = {
   key: 0,
   class: "px-1"
-}, Ho = { key: 1 }, qo = { class: "text-foreground-2 text-center" }, Ko = {
+}, _o = { key: 1 }, Go = { class: "text-foreground-2 text-center" }, No = {
   key: 0,
   class: /* @__PURE__ */ b([
     "absolute top-0 bottom-0 right-0 text-foreground flex items-center pr-4"
   ])
-}, Go = ["id"], Xt = /* @__PURE__ */ U({
+}, Zo = ["id"], Xt = /* @__PURE__ */ U({
   __name: "Base",
   props: {
     size: {
@@ -2248,9 +2252,9 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
       () => w.value ? `${o(l.name)}-${k.value}` : void 0
     ), z = d(
       () => p.value ? "text-danger" : "text-foreground-2"
-    ), q = d(() => l.labelPosition === "left"), J = d(
+    ), W = d(() => l.labelPosition === "left"), J = d(
       () => l.buttonStyle !== "simple" && l.clearable && !l.disabled
-    ), pe = d(() => {
+    ), ve = d(() => {
       if (!l.size)
         return "";
       switch (l.size) {
@@ -2267,7 +2271,7 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
     }), Re = d(() => {
       var N;
       const L = ["relative flex group"];
-      return p.value ? (L.push("hover:shadow rounded-md"), L.push("text-danger-darker focus:border-danger"), l.buttonStyle !== "simple" && L.push("border border-danger")) : l.buttonStyle !== "simple" && (L.push("rounded-md border"), C.value ? L.push("border-outline-4") : L.push("border-outline-2 hover:border-outline-5 focus:outline-0")), l.fixedHeight ? L.push("h-8") : (N = pe.value) != null && N.length && L.push(pe.value), q.value && L.push("md:basis-1/2"), L.join(" ");
+      return p.value ? (L.push("hover:shadow rounded-md"), L.push("text-danger-darker focus:border-danger"), l.buttonStyle !== "simple" && L.push("border border-danger")) : l.buttonStyle !== "simple" && (L.push("rounded-md border"), C.value ? L.push("border-outline-4") : L.push("border-outline-2 hover:border-outline-5 focus:outline-0")), l.fixedHeight ? L.push("h-8") : (N = ve.value) != null && N.length && L.push(ve.value), W.value && L.push("md:basis-1/2"), L.join(" ");
     }), Ie = d(() => {
       const L = [];
       return l.buttonStyle !== "simple" && L.push(
@@ -2292,9 +2296,9 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
         Ie.value
       ];
       return l.buttonStyle !== "simple" && (L.push("p-2"), ae.value || (l.buttonStyle, L.push("bg-foundation text-foreground"))), J.value && fe.value && L.push("rounded-r-none"), L.join(" ");
-    }), ge = d(
+    }), ye = d(
       () => !!(l.search && (l.filterPredicate || l.getSearchResults))
-    ), te = d(() => ge.value && l.getSearchResults), ae = d(
+    ), te = d(() => ye.value && l.getSearchResults), ae = d(
       () => l.disabled || !l.items.length && !te.value
     ), Q = d({
       get: () => {
@@ -2313,22 +2317,22 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
         if (l.multiple)
           N = L || [];
         else {
-          const _ = v.value;
-          N = l.allowUnset && _ && L && ne(_) === ne(L) ? void 0 : L;
+          const G = v.value;
+          N = l.allowUnset && G && L && ne(G) === ne(L) ? void 0 : L;
         }
         l.fullyControlValue ? i("update:modelValue", N) : v.value = N, E.value += 1;
       }
-    }), fe = d(() => l.multiple && le(Q.value) ? Q.value.length !== 0 : !!Q.value), W = () => {
+    }), fe = d(() => l.multiple && le(Q.value) ? Q.value.length !== 0 : !!Q.value), H = () => {
       l.multiple ? Q.value = [] : Q.value = void 0;
     }, K = d(() => {
       const L = c.value;
-      return !ge.value || !(L != null && L.length) ? g.value : l.filterPredicate ? g.value.filter(
+      return !ye.value || !(L != null && L.length) ? g.value : l.filterPredicate ? g.value.filter(
         (N) => {
-          var _;
-          return ((_ = l.filterPredicate) == null ? void 0 : _.call(l, N, L)) || !1;
+          var G;
+          return ((G = l.filterPredicate) == null ? void 0 : G.call(l, N, L)) || !1;
         }
       ) : g.value;
-    }), G = d(() => {
+    }), _ = d(() => {
       const L = [
         "rounded-md bg-foundation py-1 label label--light border border-outline-3 shadow-md mt-1 "
       ];
@@ -2336,8 +2340,8 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
     }), ie = d(() => {
       const L = {};
       if (l.mountMenuOnBody) {
-        const N = B.top.value, _ = B.left.value, S = B.width.value, Z = B.height.value;
-        L.top = `${N + Z}px`, L.left = `${_}px`, L.width = `${S}px`;
+        const N = B.top.value, G = B.left.value, S = B.width.value, Z = B.height.value;
+        L.top = `${N + Z}px`, L.left = `${G}px`, L.width = `${S}px`;
       }
       return L;
     }), re = (L) => JSON.stringify(L), ne = (L) => n(L) ? L[l.by || "id"] : L, he = async () => {
@@ -2349,9 +2353,9 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
           $.value = !1;
         }
       }
-    }, Ue = _e(he, 1e3), rt = (L) => {
-      const { disabled: N } = L || {}, _ = ["relative transition select-none py-1 px-2"];
-      return N ? _.push("opacity-50 cursor-not-allowed") : _.push("text-foreground cursor-pointer"), _.join(" ");
+    }, Ue = Ge(he, 1e3), rt = (L) => {
+      const { disabled: N } = L || {}, G = ["relative transition select-none py-1 px-2"];
+      return N ? G.push("opacity-50 cursor-not-allowed") : G.push("text-foreground cursor-pointer"), G.join(" ");
     };
     return ue(
       () => l.items,
@@ -2367,49 +2371,49 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
       (s(), T(o(Kl), {
         key: E.value,
         modelValue: Q.value,
-        "onUpdate:modelValue": N[4] || (N[4] = (_) => Q.value = _),
+        "onUpdate:modelValue": N[4] || (N[4] = (G) => Q.value = G),
         name: e.name,
         multiple: e.multiple,
         by: e.by,
         disabled: ae.value,
         as: "div",
         class: b({
-          "md:flex md:items-center md:space-x-2 md:justify-between": q.value
+          "md:flex md:items-center md:space-x-2 md:justify-between": W.value
         })
       }, {
         default: R(() => [
           u("div", {
-            class: b(["flex flex-col", { "pb-1": e.showLabel && !q.value }])
+            class: b(["flex flex-col", { "pb-1": e.showLabel && !W.value }])
           }, [
-            A(o(Gl), {
+            A(o(_l), {
               id: e.labelId,
               class: b(["flex text-body-xs text-foreground font-medium", [{ "sr-only": !e.showLabel }, { "items-center gap-1": e.showOptional }]]),
               for: e.buttonId
             }, {
               default: R(() => [
                 F(O(e.label) + " ", 1),
-                e.showRequired ? (s(), r("div", Po, "*")) : e.showOptional ? (s(), r("div", Lo, " (optional) ")) : x("", !0)
+                e.showRequired ? (s(), r("div", Vo, "*")) : e.showOptional ? (s(), r("div", jo, " (optional) ")) : x("", !0)
               ]),
               _: 1
             }, 8, ["id", "class", "for"]),
-            P.value && q.value ? (s(), r("p", {
+            P.value && W.value ? (s(), r("p", {
               key: 0,
               id: P.value,
               class: b(["text-xs", z.value])
-            }, O(V.value), 11, Mo)) : x("", !0)
+            }, O(V.value), 11, To)) : x("", !0)
           ], 2),
           Y((s(), r("div", null, [
             u("div", {
               class: b(Re.value)
             }, [
-              A(o(_l), {
+              A(o(Gl), {
                 id: e.buttonId,
                 ref_key: "listboxButton",
                 ref: y,
                 class: b(De.value)
               }, {
-                default: R(({ open: _ }) => [
-                  u("div", Vo, [
+                default: R(({ open: G }) => [
+                  u("div", zo, [
                     u("div", {
                       class: b(["block truncate grow text-left text-xs sm:text-[13px]", [fe.value ? "text-foreground" : "text-foreground-2"]])
                     }, [
@@ -2422,13 +2426,13 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
                         F(O(re(Q.value)), 1)
                       ])
                     ], 2),
-                    u("div", jo, [
+                    u("div", Ao, [
                       I.value ? (s(), T(o(Ne), {
                         key: 0,
                         class: "h-4 w-4 text-danger",
                         "aria-hidden": "true"
-                      })) : !e.showLabel && e.showRequired ? (s(), r("div", To, " * ")) : x("", !0),
-                      _ ? (s(), T(o(Ft), {
+                      })) : !e.showLabel && e.showRequired ? (s(), r("div", Eo, " * ")) : x("", !0),
+                      G ? (s(), T(o(Ft), {
                         key: 2,
                         class: "h-4 w-4 text-foreground",
                         "aria-hidden": "true"
@@ -2439,7 +2443,7 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
                       }))
                     ])
                   ]),
-                  (C.value = _) ? (s(), r(X, { key: 0 }, [], 64)) : x("", !0)
+                  (C.value = G) ? (s(), r(X, { key: 0 }, [], 64)) : x("", !0)
                 ]),
                 _: 3
               }, 8, ["id", "class"]),
@@ -2447,10 +2451,10 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
                 key: 0,
                 class: b(Fe.value),
                 disabled: e.disabled,
-                onClick: N[0] || (N[0] = (_) => W())
+                onClick: N[0] || (N[0] = (G) => H())
               }, [
                 A(o(Pe), { class: "w-3 h-3" })
-              ], 10, zo)) : x("", !0),
+              ], 10, Ro)) : x("", !0),
               o(h) ? (s(), T(mt, {
                 key: 1,
                 "leave-active-class": "transition ease-in duration-100",
@@ -2465,82 +2469,82 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
                     A(o(Nl), {
                       ref_key: "menuEl",
                       ref: f,
-                      class: b(G.value),
+                      class: b(_.value),
                       style: oe(ie.value),
-                      onFocus: N[3] || (N[3] = (_) => {
+                      onFocus: N[3] || (N[3] = (G) => {
                         var S;
                         return (S = m.value) == null ? void 0 : S.focus();
                       })
                     }, {
                       default: R(() => [
-                        ge.value ? (s(), r("label", Ao, [
-                          Eo,
-                          u("div", Ro, [
-                            u("div", Fo, [
+                        ye.value ? (s(), r("label", Fo, [
+                          Do,
+                          u("div", Uo, [
+                            u("div", Wo, [
                               A(o(Ut), { class: "h-4 w-4 text-foreground-2" })
                             ]),
                             Y(u("input", {
                               ref_key: "searchInput",
                               ref: m,
-                              "onUpdate:modelValue": N[1] || (N[1] = (_) => c.value = _),
+                              "onUpdate:modelValue": N[1] || (N[1] = (G) => c.value = G),
                               type: "text",
                               class: "py-1 pl-7 w-full bg-foundation placeholder:font-normal normal placeholder:text-foreground-2 text-[13px] focus-visible:[box-shadow:none] rounded-md hover:border-outline-5 focus-visible:border-outline-4",
                               placeholder: e.searchPlaceholder,
-                              onKeydown: N[2] || (N[2] = we(() => {
+                              onKeydown: N[2] || (N[2] = me(() => {
                               }, ["stop"]))
-                            }, null, 40, Do), [
+                            }, null, 40, Ho), [
                               [st, c.value]
                             ])
                           ])
                         ])) : x("", !0),
-                        u("div", Uo, [
-                          te.value && $.value ? (s(), r("div", Wo, [
+                        u("div", qo, [
+                          te.value && $.value ? (s(), r("div", Ko, [
                             A(at, { loading: !0 })
-                          ])) : te.value && !g.value.length ? (s(), r("div", Ho, [
-                            u("div", qo, [
+                          ])) : te.value && !g.value.length ? (s(), r("div", _o, [
+                            u("div", Go, [
                               D(L.$slots, "nothing-found", {}, () => [
                                 F("Nothing found")
                               ])
                             ])
                           ])) : x("", !0),
-                          !te.value || !$.value ? (s(!0), r(X, { key: 2 }, ee(K.value, (_) => {
+                          !te.value || !$.value ? (s(!0), r(X, { key: 2 }, ee(K.value, (G) => {
                             var S;
                             return s(), T(o(Zl), {
-                              key: ne(_),
-                              value: _,
-                              disabled: ((S = e.disabledItemPredicate) == null ? void 0 : S.call(e, _)) || !1
+                              key: ne(G),
+                              value: G,
+                              disabled: ((S = e.disabledItemPredicate) == null ? void 0 : S.call(e, G)) || !1
                             }, {
                               default: R(({
                                 active: Z,
-                                selected: H
+                                selected: q
                               }) => {
-                                var ce, ve, ye, We;
+                                var ce, be, xe, We;
                                 return [
                                   Y((s(), r("li", {
                                     class: b(
                                       rt({
                                         active: Z,
-                                        disabled: ((ce = e.disabledItemPredicate) == null ? void 0 : ce.call(e, _)) || !1
+                                        disabled: ((ce = e.disabledItemPredicate) == null ? void 0 : ce.call(e, G)) || !1
                                       })
                                     )
                                   }, [
                                     u("span", {
                                       class: b(["block px-2 py-1.5 rounded-md", [
-                                        H ? "bg-highlight-3" : "",
+                                        q ? "bg-highlight-3" : "",
                                         e.hideCheckmarks ? "pr-2" : "pr-8",
-                                        !((ve = e.disabledItemPredicate) != null && ve.call(e, _)) && !H ? "hover:bg-highlight-1" : ""
+                                        !((be = e.disabledItemPredicate) != null && be.call(e, G)) && !q ? "hover:bg-highlight-1" : ""
                                       ]])
                                     }, [
                                       D(L.$slots, "option", {
                                         class: "truncate",
-                                        item: _,
+                                        item: G,
                                         active: Z,
-                                        selected: H,
-                                        disabled: ((ye = e.disabledItemPredicate) == null ? void 0 : ye.call(e, _)) || !1
+                                        selected: q,
+                                        disabled: ((xe = e.disabledItemPredicate) == null ? void 0 : xe.call(e, G)) || !1
                                       }, () => [
-                                        F(O(re(_)), 1)
+                                        F(O(re(G)), 1)
                                       ]),
-                                      !e.hideCheckmarks && H ? (s(), r("span", Ko, [
+                                      !e.hideCheckmarks && q ? (s(), r("span", No, [
                                         A(o(bt), {
                                           class: "h-4 w-4",
                                           "aria-hidden": "true"
@@ -2550,7 +2554,7 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
                                   ], 2)), [
                                     [
                                       o(Le),
-                                      (We = e.disabledItemPredicate) != null && We.call(e, _) ? e.disabledItemTooltip : void 0
+                                      (We = e.disabledItemPredicate) != null && We.call(e, G) ? e.disabledItemTooltip : void 0
                                     ]
                                   ])
                                 ];
@@ -2573,14 +2577,14 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
         ]),
         _: 3
       }, 8, ["modelValue", "name", "multiple", "by", "disabled", "class"])),
-      P.value && !q.value ? (s(), r("p", {
+      P.value && !W.value ? (s(), r("p", {
         key: 0,
         id: P.value,
         class: b(["mt-2 text-xs", z.value])
-      }, O(V.value), 11, Go)) : x("", !0)
+      }, O(V.value), 11, Zo)) : x("", !0)
     ]));
   }
-}), _o = /* @__PURE__ */ U({
+}), Xo = /* @__PURE__ */ U({
   __name: "SourceAppBadge",
   props: {
     sourceApp: null
@@ -2597,13 +2601,13 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
       _: 1
     }, 8, ["style"]));
   }
-}), No = {
+}), Jo = {
   key: 0,
   class: "text-foreground-2 normal"
-}, Zo = {
+}, Qo = {
   key: 1,
   class: "flex items-center"
-}, Xo = { class: "truncate" }, Jo = { class: "flex items-center" }, Qo = { class: "truncate" }, Zu = /* @__PURE__ */ U({
+}, Yo = { class: "truncate" }, ea = { class: "flex items-center" }, ta = { class: "truncate" }, Yu = /* @__PURE__ */ U({
   __name: "SourceApps",
   props: {
     /**
@@ -2676,7 +2680,7 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const a = t, n = e, i = j(null), l = j(null), { selectedValue: v, hiddenSelectedItemCount: p, isMultiItemArrayValue: h, firstItem: m } = Zt({
-      props: be(n),
+      props: ge(n),
       emit: a,
       dynamicVisibility: { elementToWatchForChanges: i, itemContainer: l }
     }), f = (y, c) => y.name.toLocaleLowerCase().includes(c.toLocaleLowerCase());
@@ -2716,33 +2720,33 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
             ref: l,
             class: "flex flex-wrap overflow-hidden space-x-0.5 h-5"
           }, [
-            (s(!0), r(X, null, ee(g, ($) => (s(), T(_o, {
+            (s(!0), r(X, null, ee(g, ($) => (s(), T(Xo, {
               key: $.name,
               "source-app": $
             }, null, 8, ["source-app"]))), 128))
           ], 512),
-          o(p) > 0 ? (s(), r("div", No, " +" + O(o(p)), 1)) : x("", !0)
-        ], 512)) : (s(), r("div", Zo, [
+          o(p) > 0 ? (s(), r("div", Jo, " +" + O(o(p)), 1)) : x("", !0)
+        ], 512)) : (s(), r("div", Qo, [
           u("div", {
             class: "h-2 w-2 rounded-full mr-2",
             style: oe({ backgroundColor: o(m)(g).bgColor })
           }, null, 4),
-          u("span", Xo, O(o(m)(g).name), 1)
+          u("span", Yo, O(o(m)(g).name), 1)
         ]))
       ]),
       option: R(({ item: g }) => [
-        u("div", Jo, [
+        u("div", ea, [
           u("div", {
             class: "h-2 w-2 rounded-full mr-2",
             style: oe({ backgroundColor: g.bgColor })
           }, null, 4),
-          u("span", Qo, O(g.name), 1)
+          u("span", ta, O(g.name), 1)
         ])
       ]),
       _: 1
     }, 8, ["modelValue", "multiple", "items", "search", "search-placeholder", "label", "show-label", "name", "clearable", "help", "label-id", "button-id"]));
   }
-}), Yo = { class: "flex flex-wrap gap-1.5" }, Xu = /* @__PURE__ */ U({
+}), la = { class: "flex flex-wrap gap-1.5" }, ed = /* @__PURE__ */ U({
   __name: "Badges",
   props: {
     items: null,
@@ -2759,7 +2763,7 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const a = t, n = e, { selectedValue: i, isArrayValue: l } = Zt({
-      props: be(n),
+      props: ge(n),
       emit: a
     }), v = (p) => {
       l(i.value) ? i.value = i.value.filter((h) => h.id !== p.id) : i.value = void 0;
@@ -2778,7 +2782,7 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
       "button-id": e.buttonId
     }, {
       "something-selected": R(({ value: m }) => [
-        u("ul", Yo, [
+        u("ul", la, [
           (s(!0), r(X, null, ee(o(l)(m) ? m : [m], (f) => (s(), r("li", {
             key: f[e.by]
           }, [
@@ -2789,7 +2793,7 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
               rounded: "",
               "clickable-icon": !0,
               "icon-left": o(us),
-              onClickIcon: we((y) => v(f), ["stop"])
+              onClickIcon: me((y) => v(f), ["stop"])
             }, {
               default: R(() => [
                 F(O(f.text), 1)
@@ -2805,22 +2809,22 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
       _: 1
     }, 8, ["modelValue", "multiple", "items", "label", "name", "help", "rules", "by", "label-id", "button-id"]));
   }
-}), ea = ["id", "for"], ta = {
+}), sa = ["id", "for"], na = {
   key: 0,
   class: "text-danger text-xs opacity-80"
-}, la = {
+}, oa = {
   key: 1,
   class: "text-body-2xs font-normal"
-}, sa = ["id"], na = ["id", "aria-expanded"], oa = { class: "flex items-center justify-between w-full" }, aa = { class: "pointer-events-none shrink-0 ml-1 flex items-center space-x-2" }, ia = {
+}, aa = ["id"], ia = ["id", "aria-expanded"], ra = { class: "flex items-center justify-between w-full" }, ua = { class: "pointer-events-none shrink-0 ml-1 flex items-center space-x-2" }, da = {
   key: 1,
   class: "text-4xl text-danger opacity-50 h-4 w-4 leading-6"
-}, ra = ["disabled"], ua = ["aria-labelledby"], da = {
+}, ca = ["disabled"], fa = ["aria-labelledby"], ha = {
   key: 0,
   class: "flex flex-col mx-1 mb-1"
-}, ca = /* @__PURE__ */ u("span", { class: "sr-only label text-foreground" }, "Search", -1), fa = { class: "relative" }, ha = { class: "pointer-events-none absolute top-0 bottom-0 left-0 flex items-center pl-2" }, ma = ["placeholder"], pa = { class: "overflow-auto simple-scrollbar max-h-60 flex flex-col" }, va = {
+}, ma = /* @__PURE__ */ u("span", { class: "sr-only label text-foreground" }, "Search", -1), pa = { class: "relative" }, va = { class: "pointer-events-none absolute top-0 bottom-0 left-0 flex items-center pl-2" }, ba = ["placeholder"], ga = { class: "overflow-auto simple-scrollbar max-h-60 flex flex-col" }, ya = {
   key: 0,
   class: "px-1"
-}, ba = { key: 1 }, ga = { class: "text-foreground-2 text-center" }, ya = ["aria-selected", "disabled", "onClick"], xa = ["id"], Ju = /* @__PURE__ */ U({
+}, xa = { key: 1 }, wa = { class: "text-foreground-2 text-center" }, ka = ["aria-selected", "disabled", "onClick"], Ca = ["id"], td = /* @__PURE__ */ U({
   __name: "Multi",
   props: {
     size: {
@@ -3045,9 +3049,9 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
       () => w.value ? `${o(l.name)}-${k.value}` : void 0
     ), z = d(
       () => p.value ? "text-danger" : "text-foreground-2"
-    ), q = d(() => l.labelPosition === "left"), J = d(
+    ), W = d(() => l.labelPosition === "left"), J = d(
       () => l.buttonStyle !== "simple" && l.clearable && !l.disabled
-    ), pe = d(() => {
+    ), ve = d(() => {
       if (!l.size)
         return "";
       switch (l.size) {
@@ -3064,7 +3068,7 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
     }), Re = d(() => {
       var Z;
       const S = ["relative flex group"];
-      return p.value ? (S.push("hover:shadow rounded-md"), S.push("text-danger-darker focus:border-danger"), l.buttonStyle !== "simple" && S.push("border border-danger")) : l.buttonStyle !== "simple" && (S.push("rounded-md border"), C.value ? S.push("border-outline-4") : S.push("border-outline-2 hover:border-outline-5 focus:outline-0")), l.fixedHeight ? S.push("h-8") : (Z = pe.value) != null && Z.length && S.push(pe.value), q.value && S.push("md:basis-1/2"), S.join(" ");
+      return p.value ? (S.push("hover:shadow rounded-md"), S.push("text-danger-darker focus:border-danger"), l.buttonStyle !== "simple" && S.push("border border-danger")) : l.buttonStyle !== "simple" && (S.push("rounded-md border"), C.value ? S.push("border-outline-4") : S.push("border-outline-2 hover:border-outline-5 focus:outline-0")), l.fixedHeight ? S.push("h-8") : (Z = ve.value) != null && Z.length && S.push(ve.value), W.value && S.push("md:basis-1/2"), S.join(" ");
     }), Ie = d(() => {
       const S = [];
       return l.buttonStyle !== "simple" && S.push(
@@ -3089,9 +3093,9 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
         Ie.value
       ];
       return l.buttonStyle !== "simple" && (S.push("p-2"), ae.value || (l.buttonStyle, S.push("bg-foundation text-foreground"))), J.value && fe.value && S.push("rounded-r-none"), S.join(" ");
-    }), ge = d(
+    }), ye = d(
       () => !!(l.search && (l.filterPredicate || l.getSearchResults))
-    ), te = d(() => ge.value && l.getSearchResults), ae = d(
+    ), te = d(() => ye.value && l.getSearchResults), ae = d(
       () => l.disabled || !l.items.length && !te.value
     ), Q = d({
       get: () => {
@@ -3105,17 +3109,17 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
         }
         l.fullyControlValue ? i("update:modelValue", S) : v.value = S, E.value += 1;
       }
-    }), fe = d(() => le(Q.value) ? Q.value.length !== 0 : !!Q.value), W = () => {
+    }), fe = d(() => le(Q.value) ? Q.value.length !== 0 : !!Q.value), H = () => {
       Q.value = [];
     }, K = d(() => {
       const S = c.value;
-      return !ge.value || !(S != null && S.length) ? g.value : l.filterPredicate ? g.value.filter(
+      return !ye.value || !(S != null && S.length) ? g.value : l.filterPredicate ? g.value.filter(
         (Z) => {
-          var H;
-          return ((H = l.filterPredicate) == null ? void 0 : H.call(l, Z, S)) || !1;
+          var q;
+          return ((q = l.filterPredicate) == null ? void 0 : q.call(l, Z, S)) || !1;
         }
       ) : g.value;
-    }), G = d(() => {
+    }), _ = d(() => {
       const S = [
         "rounded-md bg-foundation py-1 label label--light border border-outline-3 shadow-md mt-1 "
       ];
@@ -3123,8 +3127,8 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
     }), ie = d(() => {
       const S = {};
       if (l.mountMenuOnBody) {
-        const Z = B.top.value, H = B.left.value, ce = B.width.value, ve = B.height.value;
-        S.top = `${Z + ve}px`, S.left = `${H}px`, S.width = `${ce}px`;
+        const Z = B.top.value, q = B.left.value, ce = B.width.value, be = B.height.value;
+        S.top = `${Z + be}px`, S.left = `${q}px`, S.width = `${ce}px`;
       }
       return S;
     }), re = (S) => JSON.stringify(S), ne = (S) => n(S) ? S[l.by || "id"] : S, he = async () => {
@@ -3136,9 +3140,9 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
           $.value = !1;
         }
       }
-    }, Ue = _e(he, 1e3), rt = (S) => {
-      const { disabled: Z } = S, H = ["relative transition select-none px-2"];
-      return Z ? H.push("opacity-50 cursor-not-allowed") : H.push("text-foreground cursor-pointer"), H.join(" ");
+    }, Ue = Ge(he, 1e3), rt = (S) => {
+      const { disabled: Z } = S, q = ["relative transition select-none px-2"];
+      return Z ? q.push("opacity-50 cursor-not-allowed") : q.push("text-foreground cursor-pointer"), q.join(" ");
     };
     ue(
       () => l.items,
@@ -3153,13 +3157,13 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
     });
     const L = () => {
       ae.value || (C.value = !C.value);
-    }, N = (S) => Q.value.some((Z) => ne(Z) === ne(S)), _ = (S, Z) => {
-      var ve;
-      if ((ve = l.disabledItemPredicate) != null && ve.call(l, S))
+    }, N = (S) => Q.value.some((Z) => ne(Z) === ne(S)), G = (S, Z) => {
+      var be;
+      if ((be = l.disabledItemPredicate) != null && be.call(l, S))
         return;
       Z == null || Z.stopPropagation();
-      const H = Q.value, ce = H.some((ye) => ne(ye) === ne(S));
-      Q.value = ce ? H.filter((ye) => ne(ye) !== ne(S)) : [...H, S];
+      const q = Q.value, ce = q.some((xe) => ne(xe) === ne(S));
+      Q.value = ce ? q.filter((xe) => ne(xe) !== ne(S)) : [...q, S];
     };
     return El(
       f,
@@ -3173,11 +3177,11 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
       (s(), r("div", {
         key: E.value,
         class: b({
-          "md:flex md:items-center md:space-x-2 md:justify-between": q.value
+          "md:flex md:items-center md:space-x-2 md:justify-between": W.value
         })
       }, [
         u("div", {
-          class: b(["flex flex-col", { "pb-1": e.showLabel && !q.value }])
+          class: b(["flex flex-col", { "pb-1": e.showLabel && !W.value }])
         }, [
           u("label", {
             id: e.labelId,
@@ -3185,13 +3189,13 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
             for: e.buttonId
           }, [
             F(O(e.label) + " ", 1),
-            e.showRequired ? (s(), r("div", ta, "*")) : e.showOptional ? (s(), r("div", la, " (optional) ")) : x("", !0)
-          ], 10, ea),
-          P.value && q.value ? (s(), r("p", {
+            e.showRequired ? (s(), r("div", na, "*")) : e.showOptional ? (s(), r("div", oa, " (optional) ")) : x("", !0)
+          ], 10, sa),
+          P.value && W.value ? (s(), r("p", {
             key: 0,
             id: P.value,
             class: b(["text-xs", z.value])
-          }, O(V.value), 11, sa)) : x("", !0)
+          }, O(V.value), 11, aa)) : x("", !0)
         ], 2),
         Y((s(), r("div", null, [
           u("div", {
@@ -3207,7 +3211,7 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
               "aria-haspopup": !0,
               onClick: L
             }, [
-              u("div", oa, [
+              u("div", ra, [
                 u("div", {
                   class: b(["block truncate grow text-left text-xs sm:text-[13px]", [fe.value ? "text-foreground" : "text-foreground-2"]])
                 }, [
@@ -3220,12 +3224,12 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
                     F(O(re(Q.value)), 1)
                   ])
                 ], 2),
-                u("div", aa, [
+                u("div", ua, [
                   I.value ? (s(), T(o(Ne), {
                     key: 0,
                     class: "h-4 w-4 text-danger",
                     "aria-hidden": "true"
-                  })) : !e.showLabel && e.showRequired ? (s(), r("div", ia, " * ")) : x("", !0),
+                  })) : !e.showLabel && e.showRequired ? (s(), r("div", da, " * ")) : x("", !0),
                   C.value ? (s(), T(o(Ft), {
                     key: 2,
                     class: "h-4 w-4 text-foreground",
@@ -3237,15 +3241,15 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
                   }))
                 ])
               ])
-            ], 10, na),
+            ], 10, ia),
             J.value ? (s(), r("button", {
               key: 0,
               class: b(Fe.value),
               disabled: e.disabled,
-              onClick: Z[0] || (Z[0] = (H) => W())
+              onClick: Z[0] || (Z[0] = (q) => H())
             }, [
               A(o(Pe), { class: "w-3 h-3" })
-            ], 10, ra)) : x("", !0),
+            ], 10, ca)) : x("", !0),
             o(h) ? (s(), T(mt, {
               key: 1,
               "leave-active-class": "transition ease-in duration-100",
@@ -3261,93 +3265,93 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
                     key: 0,
                     ref_key: "menuEl",
                     ref: f,
-                    class: b(G.value),
+                    class: b(_.value),
                     style: oe(ie.value),
                     role: "listbox",
                     "aria-labelledby": e.labelId,
-                    onFocus: Z[4] || (Z[4] = (H) => {
+                    onFocus: Z[4] || (Z[4] = (q) => {
                       var ce;
                       return (ce = m.value) == null ? void 0 : ce.focus();
                     })
                   }, [
-                    ge.value ? (s(), r("label", da, [
-                      ca,
-                      u("div", fa, [
-                        u("div", ha, [
+                    ye.value ? (s(), r("label", ha, [
+                      ma,
+                      u("div", pa, [
+                        u("div", va, [
                           A(o(Ut), { class: "h-4 w-4 text-foreground-2" })
                         ]),
                         Y(u("input", {
                           ref_key: "searchInput",
                           ref: m,
-                          "onUpdate:modelValue": Z[1] || (Z[1] = (H) => c.value = H),
+                          "onUpdate:modelValue": Z[1] || (Z[1] = (q) => c.value = q),
                           type: "text",
                           class: "py-1 pl-7 w-full bg-foundation placeholder:font-normal normal placeholder:text-foreground-2 text-[13px] focus-visible:[box-shadow:none] rounded-md hover:border-outline-5 focus-visible:border-outline-4",
                           placeholder: e.searchPlaceholder,
-                          onKeydown: Z[2] || (Z[2] = we(() => {
+                          onKeydown: Z[2] || (Z[2] = me(() => {
                           }, ["stop"]))
-                        }, null, 40, ma), [
+                        }, null, 40, ba), [
                           [st, c.value]
                         ])
                       ])
                     ])) : x("", !0),
-                    u("div", pa, [
-                      te.value && $.value ? (s(), r("div", va, [
+                    u("div", ga, [
+                      te.value && $.value ? (s(), r("div", ya, [
                         A(at, { loading: !0 })
-                      ])) : te.value && !g.value.length ? (s(), r("div", ba, [
-                        u("div", ga, [
+                      ])) : te.value && !g.value.length ? (s(), r("div", xa, [
+                        u("div", wa, [
                           D(S.$slots, "nothing-found", {}, () => [
                             F("Nothing found")
                           ])
                         ])
                       ])) : x("", !0),
-                      !te.value || !$.value ? (s(!0), r(X, { key: 2 }, ee(K.value, (H) => {
-                        var ce, ve, ye, We, Ct, $t;
+                      !te.value || !$.value ? (s(!0), r(X, { key: 2 }, ee(K.value, (q) => {
+                        var ce, be, xe, We, Ct, $t;
                         return Y((s(), r("button", {
-                          key: ne(H),
+                          key: ne(q),
                           type: "button",
                           role: "option",
-                          "aria-selected": N(H),
-                          disabled: ((ce = e.disabledItemPredicate) == null ? void 0 : ce.call(e, H)) || !1,
+                          "aria-selected": N(q),
+                          disabled: ((ce = e.disabledItemPredicate) == null ? void 0 : ce.call(e, q)) || !1,
                           class: b(
                             rt({
-                              disabled: ((ve = e.disabledItemPredicate) == null ? void 0 : ve.call(e, H)) || !1
+                              disabled: ((be = e.disabledItemPredicate) == null ? void 0 : be.call(e, q)) || !1
                             })
                           ),
-                          onClick: (sl) => _(H, sl)
+                          onClick: (sl) => G(q, sl)
                         }, [
                           u("div", {
                             class: b(["block w-full px-2 py-1.5 rounded-md text-left flex items-center gap-1", [
-                              N(H) ? "bg-highlight-3" : "",
+                              N(q) ? "bg-highlight-3" : "",
                               e.hideCheckmarks ? "pr-2" : "pr-8",
-                              !((ye = e.disabledItemPredicate) != null && ye.call(e, H)) && !N(H) ? "hover:bg-highlight-1" : ""
+                              !((xe = e.disabledItemPredicate) != null && xe.call(e, q)) && !N(q) ? "hover:bg-highlight-1" : ""
                             ]])
                           }, [
-                            A(Mn, {
-                              name: `select-${ne(H)}`,
-                              checked: N(H),
-                              disabled: (We = e.disabledItemPredicate) == null ? void 0 : We.call(e, H),
+                            A(Tn, {
+                              name: `select-${ne(q)}`,
+                              checked: N(q),
+                              disabled: (We = e.disabledItemPredicate) == null ? void 0 : We.call(e, q),
                               "hide-label": !0,
-                              onChange: Z[3] || (Z[3] = we(() => {
+                              onChange: Z[3] || (Z[3] = me(() => {
                               }, ["stop"]))
                             }, null, 8, ["name", "checked", "disabled"]),
                             D(S.$slots, "option", {
                               class: "truncate",
-                              item: H,
-                              selected: N(H),
-                              disabled: ((Ct = e.disabledItemPredicate) == null ? void 0 : Ct.call(e, H)) || !1
+                              item: q,
+                              selected: N(q),
+                              disabled: ((Ct = e.disabledItemPredicate) == null ? void 0 : Ct.call(e, q)) || !1
                             }, () => [
-                              F(O(re(H)), 1)
+                              F(O(re(q)), 1)
                             ])
                           ], 2)
-                        ], 10, ya)), [
+                        ], 10, ka)), [
                           [
                             o(Le),
-                            ($t = e.disabledItemPredicate) != null && $t.call(e, H) ? e.disabledItemTooltip : void 0
+                            ($t = e.disabledItemPredicate) != null && $t.call(e, q) ? e.disabledItemTooltip : void 0
                           ]
                         ]);
                       }), 128)) : x("", !0)
                     ])
-                  ], 46, ua)) : x("", !0)
+                  ], 46, fa)) : x("", !0)
                 ], 8, ["disabled"]))
               ]),
               _: 3
@@ -3357,14 +3361,14 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
           [o(Le), e.tooltipText]
         ])
       ], 2)),
-      P.value && !q.value ? (s(), r("p", {
+      P.value && !W.value ? (s(), r("p", {
         key: 0,
         id: P.value,
         class: b(["mt-2 text-xs", z.value])
-      }, O(V.value), 11, xa)) : x("", !0)
+      }, O(V.value), 11, Ca)) : x("", !0)
     ]));
   }
-}), wa = { class: "flex items-center space-x-2" }, ka = ["for"], Qu = /* @__PURE__ */ U({
+}), $a = { class: "flex items-center space-x-2" }, Ia = ["for"], ld = /* @__PURE__ */ U({
   __name: "Switch",
   props: /* @__PURE__ */ Se({
     showLabel: { type: Boolean, default: !0 },
@@ -3395,7 +3399,7 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
       ];
       return a.value ? p.push("translate-x-[12px]") : p.push("translate-x-0"), p.join(" ");
     });
-    return (p, h) => (s(), r("div", wa, [
+    return (p, h) => (s(), r("div", $a, [
       A(o(Xl), {
         id: e.id || e.name,
         modelValue: a.value,
@@ -3416,10 +3420,10 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
         class: b(i.value)
       }, [
         u("span", null, O(n.value), 1)
-      ], 10, ka)
+      ], 10, Ia)
     ]));
   }
-}), Ca = { class: "relative group bg-foundation border border-outline-2 p-2 rounded-lg pr-20" }, $a = { class: "absolute top-3 right-2 flex justify-end items-center" }, Yu = /* @__PURE__ */ U({
+}), Ba = { class: "relative group bg-foundation border border-outline-2 p-2 rounded-lg pr-20" }, Sa = { class: "absolute top-3 right-2 flex justify-end items-center" }, sd = /* @__PURE__ */ U({
   __name: "ClipboardInput",
   props: {
     value: null,
@@ -3440,12 +3444,12 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
         y.selectNodeContents(m), f.removeAllRanges(), f.addRange(y);
       }
     };
-    return (h, m) => (s(), r("div", Ca, [
+    return (h, m) => (s(), r("div", Ba, [
       e.isMultiline ? (s(), r("div", {
         key: 0,
         class: "relative z-10 text-body-2xs select-all text-foreground font-mono break-all p-2 pl-3 max-h-[4.8rem] simple-scrollbar overflow-y-auto",
         onKeypress: m[0] || (m[0] = (f) => o(Kt)(p))
-      }, O(e.value), 33)) : (s(), T(o(mo), {
+      }, O(e.value), 33)) : (s(), T(o(bo), {
         key: 1,
         color: "transparent",
         name: "contentInput",
@@ -3453,8 +3457,8 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
         "model-value": e.value,
         class: "relative z-10 text-sm text-foreground font-mono select-all"
       }, null, 8, ["model-value"])),
-      u("div", $a, [
-        A(o(me), {
+      u("div", Sa, [
+        A(o(pe), {
           color: "outline",
           size: "sm",
           "icon-left": e.isIconButton ? l.value ? o($l) : o(Il) : void 0,
@@ -3470,24 +3474,24 @@ const at = /* @__PURE__ */ ke(Oo, [["__scopeId", "data-v-985badae"]]), Po = {
     ]));
   }
 });
-var Ge = /* @__PURE__ */ ((e) => (e.CtrlOrCmd = "cmd-or-ctrl", e.AltOrOpt = "alt-or-opt", e.Shift = "shift", e))(Ge || {});
-const ft = wl(), Ia = {
+var _e = /* @__PURE__ */ ((e) => (e.CtrlOrCmd = "cmd-or-ctrl", e.AltOrOpt = "alt-or-opt", e.Shift = "shift", e))(_e || {});
+const ft = wl(), Oa = {
   "cmd-or-ctrl": ft === ct.Mac ? "⌘" : "⌃",
   "alt-or-opt": ft === ct.Mac ? "⌥" : "Alt",
   shift: "⇧"
 };
-function ed(e) {
-  const t = (a) => Object.values(Ge).includes(a);
-  return e.map((a) => t(a) ? Ia[a] : a).join("");
+function nd(e) {
+  const t = (a) => Object.values(_e).includes(a);
+  return e.map((a) => t(a) ? Oa[a] : a).join("");
 }
-function td(e, t, a) {
+function od(e, t, a) {
   const n = Fl(), l = `${e.map((v) => {
     switch (v) {
-      case Ge.CtrlOrCmd:
+      case _e.CtrlOrCmd:
         return ft === ct.Mac ? "Meta" : "Control";
-      case Ge.AltOrOpt:
+      case _e.AltOrOpt:
         return "Alt";
-      case Ge.Shift:
+      case _e.Shift:
         return "Shift";
       default:
         return "";
@@ -3495,17 +3499,17 @@ function td(e, t, a) {
   }).join("+")}+${t}`;
   Dl(n[l], a);
 }
-function ld(e) {
+function ad(e) {
   const t = (e == null ? void 0 : e.model) || j(), a = d({
     get: () => !!t.value,
     set: (n) => t.value = n ? !0 : void 0
   });
   return { model: t, isChecked: a };
 }
-const Ba = /* @__PURE__ */ u("div", { class: "fixed top-0 left-0 w-full h-full backdrop-blur-xs bg-black/60 dark:bg-neutral-900/60 transition-opacity" }, null, -1), Sa = { class: "fixed top-0 left-0 z-10 h-screen !h-[100dvh] w-screen" }, Oa = { class: "flex items-center justify-start rounded-t-lg shrink-0 min-h-[2rem] sm:min-h-[3rem] px-6 py-4 truncate text-heading-sm" }, Pa = { class: "flex items-center pr-12" }, La = { class: "w-full truncate" }, Ma = /* @__PURE__ */ u("button", {
+const Pa = /* @__PURE__ */ u("div", { class: "fixed top-0 left-0 w-full h-full backdrop-blur-xs bg-black/60 dark:bg-neutral-900/60 transition-opacity" }, null, -1), La = { class: "fixed top-0 left-0 z-10 h-screen !h-[100dvh] w-screen" }, Ma = { class: "flex items-center justify-start rounded-t-lg shrink-0 min-h-[2rem] sm:min-h-[3rem] px-6 py-4 truncate text-heading-sm" }, Va = { class: "flex items-center pr-12" }, ja = { class: "w-full truncate" }, Ta = /* @__PURE__ */ u("button", {
   class: "hidden",
   type: "button"
-}, null, -1), sd = /* @__PURE__ */ U({
+}, null, -1), id = /* @__PURE__ */ U({
   __name: "Dialog",
   props: {
     open: { type: Boolean },
@@ -3599,11 +3603,11 @@ const Ba = /* @__PURE__ */ u("div", { class: "fixed top-0 left-0 w-full h-full b
               "leave-to": "opacity-0"
             }, {
               default: R(() => [
-                Ba
+                Pa
               ]),
               _: 1
             }),
-            u("div", Sa, [
+            u("div", La, [
               u("div", {
                 class: b(["flex md:justify-center h-full w-full md:p-6", [
                   e.fullscreen === "none" || e.fullscreen === "desktop" ? "p-4 items-center" : "items-end md:items-center"
@@ -3624,29 +3628,29 @@ const Ba = /* @__PURE__ */ u("div", { class: "fixed top-0 left-0 w-full h-full b
                       class: b(E.value),
                       "dialog-panel-classes": "",
                       as: h.value ? "form" : "div",
-                      onSubmit: we(B, ["prevent"])
+                      onSubmit: me(B, ["prevent"])
                     }, {
                       default: R(() => [
                         f.value ? (s(), r("div", {
                           key: 0,
                           class: b(["border-b border-outline-3", l.value && "relative z-20 shadow-lg"])
                         }, [
-                          u("div", Oa, [
-                            u("div", Pa, [
+                          u("div", Ma, [
+                            u("div", Va, [
                               e.showBackButton ? (s(), T(o(Bl), {
                                 key: 0,
                                 class: "w-5 h-5 -ml-1 mr-3",
                                 onClick: V[0] || (V[0] = (w) => I.$emit("back"))
                               })) : x("", !0),
-                              u("div", La, [
+                              u("div", ja, [
                                 F(O(e.title) + " ", 1),
                                 D(I.$slots, "header")
                               ])
                             ])
                           ])
                         ], 2)) : x("", !0),
-                        Ma,
-                        e.hideCloser ? x("", !0) : (s(), T(o(me), {
+                        Ta,
+                        e.hideCloser ? x("", !0) : (s(), T(o(pe), {
                           key: 1,
                           color: "subtle",
                           size: "sm",
@@ -3677,15 +3681,15 @@ const Ba = /* @__PURE__ */ u("div", { class: "fixed top-0 left-0 w-full h-full b
                           }])
                         }, [
                           e.buttons ? (s(!0), r(X, { key: 0 }, ee(e.buttons, (w, P) => {
-                            var z, q;
-                            return s(), T(o(me), Ce({
+                            var z, W;
+                            return s(), T(o(pe), Ce({
                               key: w.id || P
                             }, w.props || {}, {
                               disabled: ((z = w.props) == null ? void 0 : z.disabled) || w.disabled,
-                              submit: ((q = w.props) == null ? void 0 : q.submit) || w.submit,
+                              submit: ((W = w.props) == null ? void 0 : W.submit) || w.submit,
                               onClick: (J) => {
-                                var pe;
-                                return (pe = w.onClick) == null ? void 0 : pe.call(w, J);
+                                var ve;
+                                return (ve = w.onClick) == null ? void 0 : ve.call(w, J);
                               }
                             }), {
                               default: R(() => [
@@ -3711,10 +3715,10 @@ const Ba = /* @__PURE__ */ u("div", { class: "fixed top-0 left-0 w-full h-full b
     }, 8, ["show"]));
   }
 });
-const Va = {
+const za = {
   key: 0,
   class: "h-4 w-4 empty:h-0 empty:w-0"
-}, nd = /* @__PURE__ */ U({
+}, rd = /* @__PURE__ */ U({
   __name: "DialogSection",
   props: {
     title: String,
@@ -3781,7 +3785,7 @@ const Va = {
           u("div", {
             class: b(["text-heading-sm flex items-center space-x-1 sm:space-x-2 select-none", v.value])
           }, [
-            h.$slots.icon || e.icon ? (s(), r("div", Va, [
+            h.$slots.icon || e.icon ? (s(), r("div", za, [
               h.$slots.icon ? D(h.$slots, "icon", { key: 0 }) : x("", !0),
               e.icon ? (s(), T(se(e.icon), {
                 key: 1,
@@ -3795,7 +3799,7 @@ const Va = {
               key: 0,
               class: b(["w-4 h-4 transition-all duration-400", i.value && "rotate-180"])
             }, null, 8, ["class"])) : x("", !0),
-            e.button ? (s(), T(o(me), Ce({
+            e.button ? (s(), T(o(pe), Ce({
               key: 1,
               to: e.button.expandContent ? void 0 : e.button.to,
               color: e.button.expandContent && i.value ? "outline" : e.button.color,
@@ -3845,7 +3849,7 @@ const Va = {
       ], 2);
     };
   }
-}), ja = { class: "inline-flex items-center space-x-2" }, Ta = { class: "label-light" }, od = /* @__PURE__ */ U({
+}), Aa = { class: "inline-flex items-center space-x-2" }, Ea = { class: "label-light" }, ud = /* @__PURE__ */ U({
   __name: "Disclosure",
   props: {
     title: null,
@@ -3906,7 +3910,7 @@ const Va = {
             class: b(a.value)
           }, {
             default: R(() => [
-              u("div", ja, [
+              u("div", Aa, [
                 e.icon ? (s(), T(se(e.icon), {
                   key: 0,
                   class: "h-5 w-5"
@@ -3923,7 +3927,7 @@ const Va = {
             class: b(n.value)
           }, {
             default: R(() => [
-              u("div", Ta, [
+              u("div", Ea, [
                 D(i.$slots, "default", {}, () => [
                   F("Panel contents")
                 ])
@@ -3938,9 +3942,9 @@ const Va = {
   }
 });
 var Te = /* @__PURE__ */ ((e) => (e.Grid = "grid", e.List = "list", e))(Te || {});
-const za = { class: "relative flex bg-primary-muted rounded-md" }, Aa = /* @__PURE__ */ u("div", { class: "w-7 h-7 bg-foundation dark:bg-foundation-2 transition rounded shadow" }, null, -1), Ea = [
-  Aa
-], Ra = { class: "relative z-10 flex space-x-1 items-center p-1 rounded-l" }, Fa = { class: "relative z-10 flex space-x-1 items-center p-1 rounded-r" }, ad = /* @__PURE__ */ U({
+const Ra = { class: "relative flex bg-primary-muted rounded-md" }, Fa = /* @__PURE__ */ u("div", { class: "w-7 h-7 bg-foundation dark:bg-foundation-2 transition rounded shadow" }, null, -1), Da = [
+  Fa
+], Ua = { class: "relative z-10 flex space-x-1 items-center p-1 rounded-l" }, Wa = { class: "relative z-10 flex space-x-1 items-center p-1 rounded-r" }, dd = /* @__PURE__ */ U({
   __name: "GridListToggle",
   props: {
     modelValue: null
@@ -3961,18 +3965,18 @@ const za = { class: "relative flex bg-primary-muted rounded-md" }, Aa = /* @__PU
         class: "max-w-max transition flex justify-center items-center space-x-2 outline-none select-none h-8 text-foreground border-2 border-primary-muted dark:border-foundation bg-primary-muted rounded-md active:scale-[0.97] grow",
         onClick: l
       }, [
-        u("div", za, [
+        u("div", Ra, [
           u("div", {
             class: b(["absolute transition", {
               "translate-x-7": i.value !== o(Te).List
             }])
-          }, Ea, 2),
-          Y((s(), r("div", Ra, [
+          }, Da, 2),
+          Y((s(), r("div", Ua, [
             A(o(cs), { class: "h-5 w-5" })
           ])), [
             [h, "List View"]
           ]),
-          Y((s(), r("div", Fa, [
+          Y((s(), r("div", Wa, [
             A(o(fs), { class: "h-5 w-5" })
           ])), [
             [h, "Grid View"]
@@ -3982,25 +3986,25 @@ const za = { class: "relative flex bg-primary-muted rounded-md" }, Aa = /* @__PU
     };
   }
 });
-var Da = /* @__PURE__ */ ((e) => (e[e.Throttle = 0] = "Throttle", e[e.Debounce = 1] = "Debounce", e))(Da || {}), Xe = /* @__PURE__ */ ((e) => (e[e.Left = 0] = "Left", e[e.Right = 1] = "Right", e))(Xe || {});
-function Ua(e, t) {
+var Ha = /* @__PURE__ */ ((e) => (e[e.Throttle = 0] = "Throttle", e[e.Debounce = 1] = "Debounce", e))(Ha || {}), Xe = /* @__PURE__ */ ((e) => (e[e.Left = 0] = "Left", e[e.Right = 1] = "Right", e))(Xe || {});
+function qa(e, t) {
   if (!Me)
     return;
   const {
     wait: a = 100,
     throttleOrDebounce: n = 0
     /* Throttle */
-  } = t || {}, i = a ? n === 0 ? dt(e, a) : _e(e, a) : e;
+  } = t || {}, i = a ? n === 0 ? dt(e, a) : Ge(e, a) : e;
   de(() => window.addEventListener("resize", i)), tt(() => window.removeEventListener("resize", i));
 }
-function id(e) {
+function cd(e) {
   de(() => {
     window.addEventListener("beforeunload", e);
   }), tt(() => {
     window.removeEventListener("beforeunload", e);
   });
 }
-function Wa(e) {
+function Ka(e) {
   const { el: t, defaultDirection: a } = e, n = j(
     Be(a) ? 1 : a
     /* Right */
@@ -4019,7 +4023,7 @@ function Wa(e) {
     const p = v.getBoundingClientRect(), h = p.x + p.width > window.innerWidth, m = p.x < 0;
     h && m || !Be(i.value) && window.innerWidth < i.value || (h ? n.value = 0 : m && (n.value = 1));
   };
-  return Ua(() => l()), ue(
+  return qa(() => l()), ue(
     () => o(t),
     (v) => {
       v && l();
@@ -4029,7 +4033,7 @@ function Wa(e) {
     recalculateDirection: l
   };
 }
-const Ha = ["disabled", "onClick"], rd = /* @__PURE__ */ U({
+const _a = ["disabled", "onClick"], fd = /* @__PURE__ */ U({
   __name: "Menu",
   props: {
     open: { type: Boolean },
@@ -4064,7 +4068,7 @@ const Ha = ["disabled", "onClick"], rd = /* @__PURE__ */ U({
         left: `${B}px`,
         zIndex: 50
       };
-    }), { direction: c } = Wa({
+    }), { direction: c } = Ka({
       el: d(() => {
         var B;
         return ((B = i.value) == null ? void 0 : B.el) || null;
@@ -4106,7 +4110,7 @@ const Ha = ["disabled", "onClick"], rd = /* @__PURE__ */ U({
             ref_key: "menuButton",
             ref: l,
             class: "hidden",
-            onClick: M[0] || (M[0] = we(() => {
+            onClick: M[0] || (M[0] = me(() => {
             }, ["stop", "prevent"]))
           }, null, 8, ["id"]),
           u("div", {
@@ -4146,11 +4150,11 @@ const Ha = ["disabled", "onClick"], rd = /* @__PURE__ */ U({
                   disabled: P.disabled,
                   color: P.color
                 }, {
-                  default: R(({ active: z, disabled: q }) => [
+                  default: R(({ active: z, disabled: W }) => [
                     Y((s(), r("span", null, [
                       u("button", {
-                        class: b($({ active: z, disabled: q, color: P.color })),
-                        disabled: q,
+                        class: b($({ active: z, disabled: W, color: P.color })),
+                        disabled: W,
                         onClick: (J) => E(P, J)
                       }, [
                         P.icon ? (s(), T(se(P.icon), {
@@ -4160,7 +4164,7 @@ const Ha = ["disabled", "onClick"], rd = /* @__PURE__ */ U({
                         D(B.$slots, "item", { item: P }, () => [
                           F(O(P.title), 1)
                         ])
-                      ], 10, Ha)
+                      ], 10, _a)
                     ])), [
                       [o(Le), P.disabled && P.disabledTooltip]
                     ])
@@ -4177,57 +4181,57 @@ const Ha = ["disabled", "onClick"], rd = /* @__PURE__ */ U({
     }));
   }
 });
-var qa = typeof global == "object" && global && global.Object === Object && global;
-const Ka = qa;
-var Ga = typeof self == "object" && self && self.Object === Object && self, _a = Ka || Ga || Function("return this")();
-const Jt = _a;
-var Na = Jt.Symbol;
-const Ye = Na;
-var Qt = Object.prototype, Za = Qt.hasOwnProperty, Xa = Qt.toString, He = Ye ? Ye.toStringTag : void 0;
-function Ja(e) {
-  var t = Za.call(e, He), a = e[He];
+var Ga = typeof global == "object" && global && global.Object === Object && global;
+const Na = Ga;
+var Za = typeof self == "object" && self && self.Object === Object && self, Xa = Na || Za || Function("return this")();
+const Jt = Xa;
+var Ja = Jt.Symbol;
+const Ye = Ja;
+var Qt = Object.prototype, Qa = Qt.hasOwnProperty, Ya = Qt.toString, He = Ye ? Ye.toStringTag : void 0;
+function ei(e) {
+  var t = Qa.call(e, He), a = e[He];
   try {
     e[He] = void 0;
     var n = !0;
   } catch {
   }
-  var i = Xa.call(e);
+  var i = Ya.call(e);
   return n && (t ? e[He] = a : delete e[He]), i;
 }
-var Qa = Object.prototype, Ya = Qa.toString;
-function ei(e) {
-  return Ya.call(e);
-}
-var ti = "[object Null]", li = "[object Undefined]", Lt = Ye ? Ye.toStringTag : void 0;
+var ti = Object.prototype, li = ti.toString;
 function si(e) {
-  return e == null ? e === void 0 ? li : ti : Lt && Lt in Object(e) ? Ja(e) : ei(e);
+  return li.call(e);
 }
-function ni(e) {
+var ni = "[object Null]", oi = "[object Undefined]", Lt = Ye ? Ye.toStringTag : void 0;
+function ai(e) {
+  return e == null ? e === void 0 ? oi : ni : Lt && Lt in Object(e) ? ei(e) : si(e);
+}
+function ii(e) {
   return e != null && typeof e == "object";
 }
-var oi = "[object Symbol]";
-function ai(e) {
-  return typeof e == "symbol" || ni(e) && si(e) == oi;
+var ri = "[object Symbol]";
+function ui(e) {
+  return typeof e == "symbol" || ii(e) && ai(e) == ri;
 }
-var ii = /\s/;
-function ri(e) {
-  for (var t = e.length; t-- && ii.test(e.charAt(t)); )
+var di = /\s/;
+function ci(e) {
+  for (var t = e.length; t-- && di.test(e.charAt(t)); )
     ;
   return t;
 }
-var ui = /^\s+/;
-function di(e) {
-  return e && e.slice(0, ri(e) + 1).replace(ui, "");
+var fi = /^\s+/;
+function hi(e) {
+  return e && e.slice(0, ci(e) + 1).replace(fi, "");
 }
 function et(e) {
   var t = typeof e;
   return e != null && (t == "object" || t == "function");
 }
-var Mt = 0 / 0, ci = /^[-+]0x[0-9a-f]+$/i, fi = /^0b[01]+$/i, hi = /^0o[0-7]+$/i, mi = parseInt;
+var Mt = 0 / 0, mi = /^[-+]0x[0-9a-f]+$/i, pi = /^0b[01]+$/i, vi = /^0o[0-7]+$/i, bi = parseInt;
 function Vt(e) {
   if (typeof e == "number")
     return e;
-  if (ai(e))
+  if (ui(e))
     return Mt;
   if (et(e)) {
     var t = typeof e.valueOf == "function" ? e.valueOf() : e;
@@ -4235,20 +4239,20 @@ function Vt(e) {
   }
   if (typeof e != "string")
     return e === 0 ? e : +e;
-  e = di(e);
-  var a = fi.test(e);
-  return a || hi.test(e) ? mi(e.slice(2), a ? 2 : 8) : ci.test(e) ? Mt : +e;
+  e = hi(e);
+  var a = pi.test(e);
+  return a || vi.test(e) ? bi(e.slice(2), a ? 2 : 8) : mi.test(e) ? Mt : +e;
 }
-var pi = function() {
+var gi = function() {
   return Jt.Date.now();
 };
-const ut = pi;
-var vi = "Expected a function", bi = Math.max, gi = Math.min;
-function yi(e, t, a) {
+const ut = gi;
+var yi = "Expected a function", xi = Math.max, wi = Math.min;
+function ki(e, t, a) {
   var n, i, l, v, p, h, m = 0, f = !1, y = !1, c = !0;
   if (typeof e != "function")
-    throw new TypeError(vi);
-  t = Vt(t) || 0, et(a) && (f = !!a.leading, y = "maxWait" in a, l = y ? bi(Vt(a.maxWait) || 0, t) : l, c = "trailing" in a ? !!a.trailing : c);
+    throw new TypeError(yi);
+  t = Vt(t) || 0, et(a) && (f = !!a.leading, y = "maxWait" in a, l = y ? xi(Vt(a.maxWait) || 0, t) : l, c = "trailing" in a ? !!a.trailing : c);
   function g(w) {
     var P = n, z = i;
     return n = i = void 0, m = w, v = e.apply(z, P), v;
@@ -4257,8 +4261,8 @@ function yi(e, t, a) {
     return m = w, p = setTimeout(C, t), f ? g(w) : v;
   }
   function E(w) {
-    var P = w - h, z = w - m, q = t - P;
-    return y ? gi(q, l - z) : q;
+    var P = w - h, z = w - m, W = t - P;
+    return y ? wi(W, l - z) : W;
   }
   function k(w) {
     var P = w - h, z = w - m;
@@ -4291,18 +4295,18 @@ function yi(e, t, a) {
   }
   return V.cancel = M, V.flush = I, V;
 }
-var xi = "Expected a function";
-function wi(e, t, a) {
+var Ci = "Expected a function";
+function $i(e, t, a) {
   var n = !0, i = !0;
   if (typeof e != "function")
-    throw new TypeError(xi);
-  return et(a) && (n = "leading" in a ? !!a.leading : n, i = "trailing" in a ? !!a.trailing : i), yi(e, t, {
+    throw new TypeError(Ci);
+  return et(a) && (n = "leading" in a ? !!a.leading : n, i = "trailing" in a ? !!a.trailing : i), ki(e, t, {
     leading: n,
     maxWait: t,
     trailing: i
   });
 }
-const ki = { class: "relative z-10 flex flex-col !mt-0" }, Ci = { class: "absolute left-[-2px] top-[-2px] z-20 pr-8 bg-gradient-to-r from-foundation-page to-transparent" }, $i = /* @__PURE__ */ u("div", { class: "absolute left-0 z-10 w-full h-[1px] mt-px bg-outline-3 top-8" }, null, -1), Ii = ["data-tab-id", "disabled", "onClick"], Bi = { class: "flex space-x-2 items-center" }, Si = { class: "min-w-6" }, Oi = { key: 0 }, Pi = { key: 1 }, Li = { class: "absolute right-[-2px] top-[-2px] z-20 pl-8 bg-gradient-to-l from-foundation-page to-transparent" }, Mi = { class: "pt-4" }, ud = /* @__PURE__ */ U({
+const Ii = { class: "relative z-10 flex flex-col !mt-0" }, Bi = { class: "absolute left-[-2px] top-[-2px] z-20 pr-8 bg-gradient-to-r from-foundation-page to-transparent" }, Si = /* @__PURE__ */ u("div", { class: "absolute left-0 z-10 w-full h-[1px] mt-px bg-outline-3 top-8" }, null, -1), Oi = ["data-tab-id", "disabled", "onClick"], Pi = { class: "flex space-x-2 items-center" }, Li = { class: "min-w-6" }, Mi = { key: 0 }, Vi = { key: 1 }, ji = { class: "absolute right-[-2px] top-[-2px] z-20 pl-8 bg-gradient-to-l from-foundation-page to-transparent" }, Ti = { class: "pt-4" }, hd = /* @__PURE__ */ U({
   __name: "Horizontal",
   props: /* @__PURE__ */ Se({
     items: null
@@ -4363,7 +4367,7 @@ const ki = { class: "relative z-10 flex flex-col !mt-0" }, Ci = { class: "absolu
     }, k = () => {
       var M;
       (M = i.value) == null || M.scrollBy({ left: 100, behavior: "smooth" }), $();
-    }, C = wi(() => {
+    }, C = $i(() => {
       $();
     }, 250), B = () => {
       const M = f.value;
@@ -4384,8 +4388,8 @@ const ki = { class: "relative z-10 flex flex-col !mt-0" }, Ci = { class: "absolu
       C.cancel();
     }), (M, I) => {
       const V = Ae("tippy");
-      return s(), r("div", ki, [
-        u("div", Ci, [
+      return s(), r("div", Ii, [
+        u("div", Bi, [
           l.value ? (s(), r("button", {
             key: 0,
             class: "bg-foundation p-1 rounded-full border border-outline-4 shadow",
@@ -4394,7 +4398,7 @@ const ki = { class: "relative z-10 flex flex-col !mt-0" }, Ci = { class: "absolu
             A(o(Pl), { class: "h-4 w-4" })
           ])) : x("", !0)
         ]),
-        $i,
+        Si,
         u("div", {
           ref_key: "scrollContainer",
           ref: i,
@@ -4423,17 +4427,17 @@ const ki = { class: "relative z-10 flex flex-col !mt-0" }, Ci = { class: "absolu
                 disabled: w.disabled,
                 onClick: (z) => c(w)
               }, [
-                u("div", Bi, [
+                u("div", Pi, [
                   w.icon ? (s(), T(se(w.icon), {
                     key: 0,
                     class: "shrink-0 h-4 w-4 stroke-[2px]"
                   })) : x("", !0),
-                  u("div", Si, [
-                    w.disabled && w.disabledMessage ? Y((s(), r("span", Oi, [
+                  u("div", Li, [
+                    w.disabled && w.disabledMessage ? Y((s(), r("span", Mi, [
                       F(O(w.title), 1)
                     ])), [
                       [V, w.disabledMessage]
-                    ]) : (s(), r("span", Pi, O(w.title), 1))
+                    ]) : (s(), r("span", Vi, O(w.title), 1))
                   ]),
                   w.count ? (s(), r("div", {
                     key: 1,
@@ -4451,11 +4455,11 @@ const ki = { class: "relative z-10 flex flex-col !mt-0" }, Ci = { class: "absolu
                     _: 2
                   }, 1024)) : x("", !0)
                 ])
-              ], 10, Ii);
+              ], 10, Oi);
             }), 128))
           ], 512)
         ], 544),
-        u("div", Li, [
+        u("div", ji, [
           v.value ? (s(), r("button", {
             key: 0,
             class: "bg-foundation p-1 rounded-full border border-outline-3 shadow",
@@ -4464,17 +4468,17 @@ const ki = { class: "relative z-10 flex flex-col !mt-0" }, Ci = { class: "absolu
             A(o(Ll), { class: "h-4 w-4" })
           ])) : x("", !0)
         ]),
-        u("div", Mi, [
+        u("div", Ti, [
           D(M.$slots, "default", { activeItem: a.value })
         ])
       ]);
     };
   }
 });
-const Vi = { class: "flex space-y-8 lg:space-y-0 lg:space-x-8 flex-col lg:flex-row" }, ji = { class: "lg:w-2/12" }, Ti = { class: "flex w-full flex-col space-y-1" }, zi = ["data-tab-id", "disabled", "onClick"], Ai = { class: "absolute top-0 right-0 left-0 bottom-0" }, Ei = { class: "flex space-x-2 items-center px-2" }, Ri = { class: "min-w-6" }, Fi = {
+const zi = { class: "flex space-y-8 lg:space-y-0 lg:space-x-8 flex-col lg:flex-row" }, Ai = { class: "lg:w-2/12" }, Ei = { class: "flex w-full flex-col space-y-1" }, Ri = ["data-tab-id", "disabled", "onClick"], Fi = { class: "absolute top-0 right-0 left-0 bottom-0" }, Di = { class: "flex space-x-2 items-center px-2" }, Ui = { class: "min-w-6" }, Wi = {
   key: 2,
   class: "text-body-3xs font-medium py-0.5 px-1.5 bg-info-lighter uppercase text-outline-4 rounded"
-}, Di = { class: "lg:w-10/12" }, dd = /* @__PURE__ */ U({
+}, Hi = { class: "lg:w-10/12" }, md = /* @__PURE__ */ U({
   __name: "Vertical",
   props: /* @__PURE__ */ Se({
     items: null
@@ -4507,9 +4511,9 @@ const Vi = { class: "flex space-y-8 lg:space-y-0 lg:space-x-8 flex-col lg:flex-r
       }
     ), (l, v) => {
       const p = Ae("tippy");
-      return s(), r("div", Vi, [
-        u("div", ji, [
-          u("div", Ti, [
+      return s(), r("div", zi, [
+        u("div", Ai, [
+          u("div", Ei, [
             (s(!0), r(X, null, ee(e.items, (h) => {
               var m;
               return s(), r("button", {
@@ -4519,18 +4523,18 @@ const Vi = { class: "flex space-y-8 lg:space-y-0 lg:space-x-8 flex-col lg:flex-r
                 disabled: h.disabled,
                 onClick: (f) => i(h)
               }, [
-                Y(u("div", Ai, null, 512), [
+                Y(u("div", Fi, null, 512), [
                   [
                     p,
                     h.disabled && h.disabledMessage ? h.disabledMessage : void 0
                   ]
                 ]),
-                u("div", Ei, [
+                u("div", Di, [
                   h.icon ? (s(), T(se(h.icon), {
                     key: 0,
                     class: "shrink-0 h-4 w-4 stroke-[2px]"
                   })) : x("", !0),
-                  u("span", Ri, O(h.title), 1),
+                  u("span", Ui, O(h.title), 1),
                   h.count ? (s(), r("div", {
                     key: 1,
                     class: b([
@@ -4540,26 +4544,26 @@ const Vi = { class: "flex space-y-8 lg:space-y-0 lg:space-x-8 flex-col lg:flex-r
                   }, [
                     u("span", null, O(h.count), 1)
                   ], 2)) : x("", !0),
-                  h.tag ? (s(), r("div", Fi, O(h.tag), 1)) : x("", !0)
+                  h.tag ? (s(), r("div", Wi, O(h.tag), 1)) : x("", !0)
                 ])
-              ], 10, zi);
+              ], 10, Ri);
             }), 128))
           ])
         ]),
-        u("div", Di, [
+        u("div", Hi, [
           D(l.$slots, "default", { activeItem: a.value })
         ])
       ]);
     };
   }
-}), Ui = { class: "text-foreground" }, Wi = { class: "w-full text-sm overflow-x-auto overflow-y-visible simple-scrollbar border border-outline-3 rounded-lg" }, Hi = {
+}), qi = { class: "text-foreground" }, Ki = { class: "w-full text-sm overflow-x-auto overflow-y-visible simple-scrollbar border border-outline-3 rounded-lg" }, _i = {
   key: 0,
   class: "flex items-center justify-center py-3",
   tabindex: "0"
-}, qi = ["onClick", "onKeypress"], Ki = /* @__PURE__ */ u("div", { class: "text-gray-900 font-medium order-1" }, "Placeholder", -1), Gi = {
+}, Gi = ["onClick", "onKeypress"], Ni = /* @__PURE__ */ u("div", { class: "text-gray-900 font-medium order-1" }, "Placeholder", -1), Zi = {
   key: 0,
   class: "absolute right-1.5 space-x-1 flex items-center p-0 h-full"
-}, _i = { class: "w-full text-center label-light text-foreground-2 italic" }, cd = /* @__PURE__ */ U({
+}, Xi = { class: "w-full text-center label-light text-foreground-2 italic" }, pd = /* @__PURE__ */ U({
   __name: "Table",
   props: {
     items: null,
@@ -4609,8 +4613,8 @@ const Vi = { class: "flex space-y-8 lg:space-y-0 lg:space-x-8 flex-col lg:flex-r
     ]);
     return (m, f) => {
       var y;
-      return s(), r("div", Ui, [
-        u("div", Wi, [
+      return s(), r("div", qi, [
+        u("div", Ki, [
           u("div", {
             class: b(h.value),
             style: oe({ paddingRight: n.value })
@@ -4623,7 +4627,7 @@ const Vi = { class: "flex space-y-8 lg:space-y-0 lg:space-x-8 flex-col lg:flex-r
           u("div", {
             class: b(["divide-y divide-outline-3 h-full overflow-visible", { "pb-32": e.overflowCells }])
           }, [
-            e.loading || !e.items ? (s(), r("div", Hi, [
+            e.loading || !e.items ? (s(), r("div", _i, [
               A(o(it))
             ])) : (y = e.items) != null && y.length ? (s(!0), r(X, { key: 1 }, ee(e.items, (c) => (s(), r("div", {
               key: c.id,
@@ -4639,27 +4643,27 @@ const Vi = { class: "flex space-y-8 lg:space-y-0 lg:space-x-8 flex-col lg:flex-r
                 tabindex: "0"
               }, [
                 D(m.$slots, g.id, { item: c }, () => [
-                  Ki
+                  Ni
                 ])
               ], 2))), 128)),
-              e.buttons ? (s(), r("div", Gi, [
+              e.buttons ? (s(), r("div", Zi, [
                 (s(!0), r(X, null, ee(e.buttons, (g) => (s(), r("div", {
                   key: g.label
                 }, [
-                  Y(A(o(me), {
+                  Y(A(o(pe), {
                     "icon-left": g.icon,
                     size: "sm",
                     color: "outline",
                     "hide-text": "",
                     class: b(g.class),
                     to: o(Oe)(g.action) ? g.action : void 0,
-                    onClick: we(($) => o(Oe)(g.action) ? o(vt) : g.action(c), ["stop"])
+                    onClick: me(($) => o(Oe)(g.action) ? o(vt) : g.action(c), ["stop"])
                   }, null, 8, ["icon-left", "class", "to", "onClick"]), [
                     [o(Le), g.tooltip]
                   ])
                 ]))), 128))
               ])) : x("", !0)
-            ], 46, qi))), 128)) : (s(), r("div", {
+            ], 46, Gi))), 128)) : (s(), r("div", {
               key: 2,
               tabindex: "0",
               style: oe({ paddingRight: n.value }),
@@ -4670,7 +4674,7 @@ const Vi = { class: "flex space-y-8 lg:space-y-0 lg:space-x-8 flex-col lg:flex-r
                 tabindex: "0"
               }, [
                 D(m.$slots, "empty", {}, () => [
-                  u("div", _i, O(e.emptyMessage), 1)
+                  u("div", Xi, O(e.emptyMessage), 1)
                 ])
               ], 2)
             ], 6))
@@ -4679,7 +4683,7 @@ const Vi = { class: "flex space-y-8 lg:space-y-0 lg:space-x-8 flex-col lg:flex-r
       ]);
     };
   }
-}), Ni = /* @__PURE__ */ u("div", { class: "h-8" }, null, -1), Zi = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, Xi = { class: "inline-flex items-center space-x-1" }, Ji = /* @__PURE__ */ u("span", { class: "text-foreground-2" }, "An error occurred while loading", -1), fd = /* @__PURE__ */ U({
+}), Ji = /* @__PURE__ */ u("div", { class: "h-8" }, null, -1), Qi = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, Yi = { class: "inline-flex items-center space-x-1" }, er = /* @__PURE__ */ u("span", { class: "text-foreground-2" }, "An error occurred while loading", -1), vd = /* @__PURE__ */ U({
   __name: "InfiniteLoading",
   props: {
     settings: null,
@@ -4707,15 +4711,15 @@ const Vi = { class: "flex space-y-8 lg:space-y-0 lg:space-x-8 flex-col lg:flex-r
           })
         ]),
         complete: R(() => [
-          Ni
+          Ji
         ]),
         error: R(({ retry: l }) => [
-          u("div", Zi, [
-            u("div", Xi, [
+          u("div", Qi, [
+            u("div", Yi, [
               A(o(Ml), { class: "w-5 h-5 text-danger" }),
-              Ji
+              er
             ]),
-            e.allowRetry ? (s(), T(me, {
+            e.allowRetry ? (s(), T(pe, {
               key: 0,
               onClick: l
             }, {
@@ -4730,10 +4734,10 @@ const Vi = { class: "flex space-y-8 lg:space-y-0 lg:space-x-8 flex-col lg:flex-r
       }, 16)) : x("", !0)
     ], 512));
   }
-}), Qi = { class: "relative group" }, Yi = {
+}), tr = { class: "relative group" }, lr = {
   key: 0,
   class: "absolute -top-1 -left-1 -right-1 -bottom-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"
-}, hd = /* @__PURE__ */ U({
+}, bd = /* @__PURE__ */ U({
   __name: "Panel",
   props: {
     /**
@@ -4777,10 +4781,10 @@ const Vi = { class: "flex space-y-8 lg:space-y-0 lg:space-x-8 flex-col lg:flex-r
       () => n.customPadding ? "" : "px-4 py-4 sm:p-6"
     ), v = d(() => {
       const p = ["rounded-lg"];
-      return n.noShadow || p.push("shadow"), n.ring && p.push("ring-outline-2 hover:ring-2"), n.panelClasses && p.push(n.panelClasses), p.join(" ");
+      return n.noShadow || p.push("shadow"), n.ring && p.push("ring-outline-1 hover:ring-1"), n.panelClasses && p.push(n.panelClasses), p.join(" ");
     });
-    return (p, h) => (s(), r("div", Qi, [
-      e.fancyGlow ? (s(), r("div", Yi)) : x("", !0),
+    return (p, h) => (s(), r("div", tr, [
+      e.fancyGlow ? (s(), r("div", lr)) : x("", !0),
       (s(), T(se(e.form ? "form" : "div"), {
         class: b([
           "relative divide-outline-3 bg-foundation text-foreground flex flex-col divide-y overflow-hidden",
@@ -4811,11 +4815,11 @@ const Vi = { class: "flex space-y-8 lg:space-y-0 lg:space-x-8 flex-col lg:flex-r
       }, 40, ["class"]))
     ]));
   }
-}), er = {}, tr = {
+}), sr = {}, nr = {
   key: 0,
   class: "shrink-0 pt-2"
 };
-function lr(e, t) {
+function or(e, t) {
   return s(), r("aside", {
     class: b(["flex flex-col justify-between h-full w-full", e.$slots.promo ? "" : "overflow-y-auto overflow-x-hidden simple-scrollbar"])
   }, [
@@ -4824,18 +4828,18 @@ function lr(e, t) {
     }, [
       D(e.$slots, "default")
     ], 2),
-    e.$slots.promo ? (s(), r("div", tr, [
+    e.$slots.promo ? (s(), r("div", nr, [
       D(e.$slots, "promo")
     ])) : x("", !0)
   ], 2);
 }
-const md = /* @__PURE__ */ ke(er, [["render", lr]]), sr = { class: "flex flex-col gap-y-1 sm:gap-y-2 border border-outline-3 rounded-lg py-2 px-3 sm:p-4 select-none" }, nr = {
+const gd = /* @__PURE__ */ ke(sr, [["render", or]]), ar = { class: "flex flex-col gap-y-1 sm:gap-y-2 border border-outline-3 rounded-lg py-2 px-3 sm:p-4 select-none" }, ir = {
   key: 0,
   class: "text-body-xs sm:text-heading-sm font-medium text-foreground"
-}, or = {
+}, rr = {
   key: 1,
   class: "text-body-2xs sm:text-body-xs text-foreground-2 !leading-5"
-}, pd = /* @__PURE__ */ U({
+}, yd = /* @__PURE__ */ U({
   __name: "Promo",
   props: {
     title: null,
@@ -4845,10 +4849,10 @@ const md = /* @__PURE__ */ ke(er, [["render", lr]]), sr = { class: "flex flex-co
   },
   emits: ["onClick"],
   setup(e) {
-    return (t, a) => (s(), r("div", sr, [
-      e.title ? (s(), r("h6", nr, O(e.title), 1)) : x("", !0),
-      e.text ? (s(), r("p", or, O(e.text), 1)) : x("", !0),
-      e.buttonText ? (s(), T(me, {
+    return (t, a) => (s(), r("div", ar, [
+      e.title ? (s(), r("h6", ir, O(e.title), 1)) : x("", !0),
+      e.text ? (s(), r("p", rr, O(e.text), 1)) : x("", !0),
+      e.buttonText ? (s(), T(pe, {
         key: 2,
         size: "sm",
         class: "mt-1",
@@ -4863,85 +4867,85 @@ const md = /* @__PURE__ */ ke(er, [["render", lr]]), sr = { class: "flex flex-co
       }, 8, ["to", "target"])) : x("", !0)
     ]));
   }
-}), ar = {}, ir = { class: "flex flex-col space-y-4" };
-function rr(e, t) {
-  return s(), r("nav", ir, [
+}), ur = {}, dr = { class: "flex flex-col space-y-4" };
+function cr(e, t) {
+  return s(), r("nav", dr, [
     D(e.$slots, "default")
   ]);
 }
-const vd = /* @__PURE__ */ ke(ar, [["render", rr]]), ur = {}, dr = {
+const xd = /* @__PURE__ */ ke(ur, [["render", cr]]), fr = {}, hr = {
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, cr = /* @__PURE__ */ u("path", {
+}, mr = /* @__PURE__ */ u("path", {
   d: "M8 3V13M3 8H13",
   stroke: "currentColor",
   "stroke-width": "1.5"
-}, null, -1), fr = [
-  cr
+}, null, -1), pr = [
+  mr
 ];
-function hr(e, t) {
-  return s(), r("svg", dr, fr);
+function vr(e, t) {
+  return s(), r("svg", hr, pr);
 }
-const mr = /* @__PURE__ */ ke(ur, [["render", hr]]), pr = {}, vr = {
+const br = /* @__PURE__ */ ke(fr, [["render", vr]]), gr = {}, yr = {
   width: "14",
   height: "14",
   viewBox: "0 0 14 14",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, br = /* @__PURE__ */ u("path", {
+}, xr = /* @__PURE__ */ u("path", {
   d: "M3.66748 3.66687H3.00081C2.64719 3.66687 2.30805 3.80735 2.058 4.05739C1.80796 4.30744 1.66748 4.64658 1.66748 5.0002V11.0002C1.66748 11.3538 1.80796 11.693 2.058 11.943C2.30805 12.1931 2.64719 12.3335 3.00081 12.3335H9.00081C9.35443 12.3335 9.69357 12.1931 9.94362 11.943C10.1937 11.693 10.3341 11.3538 10.3341 11.0002V10.3335",
   stroke: "currentColor",
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), gr = /* @__PURE__ */ u("path", {
+}, null, -1), wr = /* @__PURE__ */ u("path", {
   d: "M12.59 3.39007C12.8526 3.12751 13.0001 2.77139 13.0001 2.40007C13.0001 2.02875 12.8526 1.67264 12.59 1.41007C12.3274 1.14751 11.9713 1 11.6 1C11.2287 1 10.8726 1.14751 10.61 1.41007L5 7.00007V9.00007H7L12.59 3.39007Z",
   stroke: "currentColor",
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), yr = /* @__PURE__ */ u("path", {
+}, null, -1), kr = /* @__PURE__ */ u("path", {
   d: "M9.66748 2.33313L11.6675 4.33313",
   stroke: "currentColor",
   "stroke-width": "1.5",
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
-}, null, -1), xr = [
-  br,
-  gr,
-  yr
+}, null, -1), Cr = [
+  xr,
+  wr,
+  kr
 ];
-function wr(e, t) {
-  return s(), r("svg", vr, xr);
+function $r(e, t) {
+  return s(), r("svg", yr, Cr);
 }
-const kr = /* @__PURE__ */ ke(pr, [["render", wr]]), Cr = {}, $r = {
+const Ir = /* @__PURE__ */ ke(gr, [["render", $r]]), Br = {}, Sr = {
   width: "16",
   height: "32",
   viewBox: "0 0 16 32",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, Ir = /* @__PURE__ */ u("path", {
+}, Or = /* @__PURE__ */ u("path", {
   d: "M7.64645 17.7498C7.84171 17.9451 8.15829 17.9451 8.35355 17.7498L11.1464 14.9569C11.4614 14.642 11.2383 14.1034 10.7929 14.1034H5.20711C4.76165 14.1034 4.53857 14.642 4.85355 14.9569L7.64645 17.7498Z",
   fill: "currentColor"
-}, null, -1), Br = [
-  Ir
+}, null, -1), Pr = [
+  Or
 ];
-function Sr(e, t) {
-  return s(), r("svg", $r, Br);
+function Lr(e, t) {
+  return s(), r("svg", Sr, Pr);
 }
-const Yt = /* @__PURE__ */ ke(Cr, [["render", Sr]]), Or = { class: "flex flex-col group" }, Pr = {
+const Yt = /* @__PURE__ */ ke(Br, [["render", Lr]]), Mr = { class: "flex flex-col group" }, Vr = {
   key: 0,
   class: "flex items-center justify-center ml-1 mr-2"
-}, Lr = { class: "flex flex-1 items-center truncate justify-between" }, Mr = { class: "font-semibold text-foreground-2 truncate text-body-2xs pr-2" }, Vr = {
+}, jr = { class: "flex flex-1 items-center truncate justify-between" }, Tr = { class: "font-semibold text-foreground-2 truncate text-body-2xs pr-2" }, zr = {
   key: 1,
   class: "flex space-x-1 items-center w-full p-1 text-foreground-2 pl-2"
-}, jr = {
+}, Ar = {
   key: 0,
   class: "flex items-center justify-center"
-}, Tr = { class: "flex flex-1 items-center justify-between truncate" }, zr = { class: "font-semibold text-foreground-2 truncate text-body-2xs pr-2" }, Ar = { class: "flex flex-col" }, bd = /* @__PURE__ */ U({
+}, Er = { class: "flex flex-1 items-center justify-between truncate" }, Rr = { class: "font-semibold text-foreground-2 truncate text-body-2xs pr-2" }, Fr = { class: "flex flex-col" }, wd = /* @__PURE__ */ U({
   __name: "Group",
   props: /* @__PURE__ */ Se({
     tag: null,
@@ -4961,7 +4965,7 @@ const Yt = /* @__PURE__ */ ke(Cr, [["render", Sr]]), Or = { class: "flex flex-co
     const t = ze(e, "collapsed");
     return (a, n) => {
       const i = Ae("tippy");
-      return s(), r("div", Or, [
+      return s(), r("div", Mr, [
         e.title ? (s(), r("div", {
           key: 0,
           class: b(["h-8 flex items-center justify-between select-none rounded-md", [e.collapsible && !e.noHover && "hover:bg-highlight-1"]])
@@ -4974,11 +4978,11 @@ const Yt = /* @__PURE__ */ ke(Cr, [["render", Sr]]), Or = { class: "flex flex-co
             A(Yt, {
               class: b([[t.value ? "-rotate-90" : "", e.noHover ? "-ml-1" : ""], "text-foreground-2 shrink-0"])
             }, null, 8, ["class"]),
-            a.$slots["title-icon"] ? (s(), r("div", Pr, [
+            a.$slots["title-icon"] ? (s(), r("div", Vr, [
               D(a.$slots, "title-icon")
             ])) : x("", !0),
-            u("div", Lr, [
-              u("h6", Mr, O(e.title), 1),
+            u("div", jr, [
+              u("h6", Tr, O(e.title), 1),
               e.tag ? (s(), T(Ve, {
                 key: 0,
                 rounded: ""
@@ -4989,12 +4993,12 @@ const Yt = /* @__PURE__ */ ke(Cr, [["render", Sr]]), Or = { class: "flex flex-co
                 _: 1
               })) : x("", !0)
             ])
-          ], 2)) : (s(), r("div", Vr, [
-            a.$slots["title-icon"] ? (s(), r("div", jr, [
+          ], 2)) : (s(), r("div", zr, [
+            a.$slots["title-icon"] ? (s(), r("div", Ar, [
               D(a.$slots, "title-icon")
             ])) : x("", !0),
-            u("div", Tr, [
-              u("h6", zr, O(e.title), 1),
+            u("div", Er, [
+              u("h6", Rr, O(e.title), 1),
               e.tag ? (s(), T(Ve, {
                 key: 0,
                 rounded: ""
@@ -5012,10 +5016,10 @@ const Yt = /* @__PURE__ */ ke(Cr, [["render", Sr]]), Or = { class: "flex flex-co
             onClick: n[1] || (n[1] = //@ts-ignore
             (...l) => e.iconClick && e.iconClick(...l))
           }, [
-            e.icon === "edit" ? (s(), T(kr, {
+            e.icon === "edit" ? (s(), T(Ir, {
               key: 0,
               class: "h-4 w-4"
-            })) : (s(), T(mr, {
+            })) : (s(), T(br, {
               key: 1,
               class: "h-4 w-4"
             }))
@@ -5023,7 +5027,7 @@ const Yt = /* @__PURE__ */ ke(Cr, [["render", Sr]]), Or = { class: "flex flex-co
             [i, e.iconText ? e.iconText : void 0]
           ]) : x("", !0)
         ], 2)) : x("", !0),
-        Y(u("div", Ar, [
+        Y(u("div", Fr, [
           D(a.$slots, "default")
         ], 512), [
           [Et, !t.value]
@@ -5031,13 +5035,13 @@ const Yt = /* @__PURE__ */ ke(Cr, [["render", Sr]]), Or = { class: "flex flex-co
       ]);
     };
   }
-}), Er = ["to"], Rr = {
+}), Dr = ["to"], Ur = {
   key: 0,
   class: "h-6 w-6 flex items-center justify-center"
-}, Fr = { class: "truncate" }, Dr = {
+}, Wr = { class: "truncate" }, Hr = {
   key: 1,
   class: "flex flex-col"
-}, Ur = { class: "text-heading-sm flex items-center space-x-1.5" }, Wr = { class: "pl-4" }, gd = /* @__PURE__ */ U({
+}, qr = { class: "text-heading-sm flex items-center space-x-1.5" }, Kr = { class: "pl-4" }, kd = /* @__PURE__ */ U({
   __name: "Item",
   props: {
     label: null,
@@ -5055,7 +5059,7 @@ const Yt = /* @__PURE__ */ ke(Cr, [["render", Sr]]), Or = { class: "flex flex-co
     };
     return (v, p) => {
       const h = Ae("tippy");
-      return i ? (s(), r("div", Dr, [
+      return i ? (s(), r("div", Hr, [
         Y((s(), r("button", {
           class: b(["flex space-x-1.5 items-center w-full rounded-md p-0.5", [
             !e.disabled && "cursor-pointer text-foreground-2 hover:text-foreground",
@@ -5066,11 +5070,11 @@ const Yt = /* @__PURE__ */ ke(Cr, [["render", Sr]]), Or = { class: "flex flex-co
           A(Yt, {
             class: b(["h-1 w-2 shrink-0", [a.value ? "" : "-rotate-90"]])
           }, null, 8, ["class"]),
-          u("h6", Ur, O(e.label), 1)
+          u("h6", qr, O(e.label), 1)
         ], 2)), [
           [h, e.tooltipText]
         ]),
-        Y(u("div", Wr, [
+        Y(u("div", Kr, [
           D(v.$slots, "default")
         ], 512), [
           [Et, a.value]
@@ -5088,10 +5092,10 @@ const Yt = /* @__PURE__ */ ke(Cr, [["render", Sr]]), Or = { class: "flex flex-co
         u("div", {
           class: b(["flex items-center space-x-2 truncate", [e.disabled && "opacity-60"]])
         }, [
-          v.$slots.icon ? (s(), r("div", Rr, [
+          v.$slots.icon ? (s(), r("div", Ur, [
             D(v.$slots, "icon")
           ])) : x("", !0),
-          u("span", Fr, O(e.label), 1),
+          u("span", Wr, O(e.label), 1),
           e.external ? (s(), T(o(Vl), {
             key: 1,
             class: "h-2.5 w-2.5 !stroke-[3px] -ml-1 -mt-1.5 opacity-0 group-hover/item:opacity-100 shrink-0"
@@ -5107,18 +5111,18 @@ const Yt = /* @__PURE__ */ ke(Cr, [["render", Sr]]), Or = { class: "flex flex-co
           ]),
           _: 1
         }, 8, ["color-classes"])) : x("", !0)
-      ], 10, Er)), [
+      ], 10, Dr)), [
         [h, e.tooltipText]
       ]);
     };
   }
-}), Hr = { key: 0 }, qr = { class: "flex-1" }, Kr = {
+}), _r = { key: 0 }, Gr = { class: "flex-1" }, Nr = {
   key: 0,
   class: "text-body-xs font-medium"
-}, Gr = {
+}, Zr = {
   key: 1,
   class: "text-body-xs"
-}, _r = { class: "flex gap-x-2" }, yd = /* @__PURE__ */ U({
+}, Xr = { class: "flex gap-x-2" }, Cd = /* @__PURE__ */ U({
   __name: "Alert",
   props: {
     color: { default: "success" },
@@ -5225,26 +5229,26 @@ const Yt = /* @__PURE__ */ ke(Cr, [["render", Sr]]), Or = { class: "flex flex-co
       u("div", {
         class: b(p.value)
       }, [
-        e.hideIcon ? x("", !0) : (s(), r("div", Hr, [
+        e.hideIcon ? x("", !0) : (s(), r("div", _r, [
           (s(), T(se(l.value), {
             class: b(h.value),
             "aria-hidden": "true"
           }, null, 8, ["class"]))
         ])),
-        u("div", qr, [
-          i.value ? (s(), r("h3", Kr, [
+        u("div", Gr, [
+          i.value ? (s(), r("h3", Nr, [
             D(f.$slots, "title", {}, () => [
               F("Title")
             ])
           ])) : x("", !0),
-          n.value ? (s(), r("div", Gr, [
+          n.value ? (s(), r("div", Zr, [
             D(f.$slots, "description", {}, () => [
               F(" Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid pariatur, ipsum similique veniam. ")
             ])
           ])) : x("", !0)
         ]),
-        u("div", _r, [
-          (s(!0), r(X, null, ee(e.actions || [], (c, g) => (s(), T(me, {
+        u("div", Xr, [
+          (s(!0), r(X, null, ee(e.actions || [], (c, g) => (s(), T(pe, {
             key: g,
             color: "outline",
             size: "sm",
@@ -5263,7 +5267,7 @@ const Yt = /* @__PURE__ */ ke(Cr, [["render", Sr]]), Or = { class: "flex flex-co
           key: 1,
           class: b(["flex", [n.value ? "items-start" : "items-center"]])
         }, [
-          A(me, {
+          A(pe, {
             type: "button",
             color: "subtle",
             size: "sm",
@@ -5279,7 +5283,7 @@ const Yt = /* @__PURE__ */ ke(Cr, [["render", Sr]]), Or = { class: "flex flex-co
     ], 2));
   }
 });
-function xd(e) {
+function $d(e) {
   var $, E;
   const { get: t, initialState: a, readOptions: n, set: i, asyncRead: l = !0, debugging: v } = e, p = v == null ? void 0 : v.log, h = () => (new Error("Trace:").stack || "").substring(7), m = ((E = ($ = e.debugging) == null ? void 0 : $.log) == null ? void 0 : E.logger) || console.debug, f = p && !p.writesOnly ? () => {
     const k = t();
@@ -5287,7 +5291,7 @@ function xd(e) {
   } : t, y = p && !p.readsOnly ? (k) => (m(`debugging: '${p.name}' written to`, k, h()), i(k)) : i, c = l ? Wl(f, a, n) : d(f), g = d(() => c.value);
   return g.update = y, g;
 }
-const Nr = /* @__PURE__ */ U({
+const Jr = /* @__PURE__ */ U({
   __name: "ContextManager",
   setup(e, { expose: t }) {
     const n = ul().provides, i = Object.getOwnPropertySymbols(n).find(
@@ -5307,13 +5311,16 @@ const Nr = /* @__PURE__ */ U({
       l == null || l.selectActiveOption();
     }, isOpen: () => (l == null ? void 0 : l.comboboxState.value) === 0 }), (c, g) => D(c.$slots, "default");
   }
-}), Zr = ["for"], Xr = ["disabled", "placeholder"], Jr = /* @__PURE__ */ u("span", { class: "text-xs sr-only" }, "Clear input", -1), Qr = { key: 1 }, Yr = /* @__PURE__ */ u("div", { class: "text-foreground-2 text-center" }, [
+}), Qr = ["for"], Yr = ["disabled", "placeholder"], eu = /* @__PURE__ */ u("span", { class: "text-xs sr-only" }, "Clear input", -1), tu = {
+  key: 3,
+  class: "text-body-2xs font-normal"
+}, lu = { key: 1 }, su = /* @__PURE__ */ u("div", { class: "text-foreground-2 text-center" }, [
   /* @__PURE__ */ F(" Press "),
   /* @__PURE__ */ u("strong", null, "Enter"),
   /* @__PURE__ */ F(" to create tag ⚡ ")
-], -1), eu = [
-  Yr
-], tu = ["id"], wd = /* @__PURE__ */ U({
+], -1), nu = [
+  su
+], ou = ["id"], Id = /* @__PURE__ */ U({
   __name: "Tags",
   props: {
     name: null,
@@ -5326,6 +5333,7 @@ const Nr = /* @__PURE__ */ U({
     autoFocus: { type: Boolean },
     showClear: { type: Boolean },
     showRequired: { type: Boolean },
+    showOptional: { type: Boolean },
     color: { default: "page" },
     wrapperClasses: null,
     size: { default: "base" },
@@ -5337,7 +5345,7 @@ const Nr = /* @__PURE__ */ U({
   },
   emits: ["update:modelValue", "change", "clear"],
   setup(e, { expose: t, emit: a }) {
-    const n = (W) => W.type === "input", i = a, l = e, v = j(null), { focused: p } = Hl(v), h = j(
+    const n = (H) => H.type === "input", i = a, l = e, v = j(null), { focused: p } = Hl(v), h = j(
       null
     ), {
       coreInputClasses: m,
@@ -5352,7 +5360,7 @@ const Nr = /* @__PURE__ */ U({
       clear: B,
       value: M
     } = xt({
-      props: be(l),
+      props: ge(l),
       emit: i,
       inputEl: v
       // options: {
@@ -5360,10 +5368,10 @@ const Nr = /* @__PURE__ */ U({
       // }
     }), I = j([]), V = j(!1), w = j(!1), P = j(""), z = d({
       get: () => M.value || [],
-      set: (W) => {
-        M.value = hl(W).filter((K) => !!K.length);
+      set: (H) => {
+        M.value = hl(H).filter((K) => !!K.length);
       }
-    }), q = d(() => {
+    }), W = d(() => {
       switch (l.size) {
         case "sm":
           return "h-6";
@@ -5375,71 +5383,71 @@ const Nr = /* @__PURE__ */ U({
         default:
           return "h-8";
       }
-    }), J = d(() => l.showClear && !!z.value.length), pe = d(() => {
-      const W = [
+    }), J = d(() => l.showClear && !!z.value.length), ve = d(() => {
+      const H = [
         f.value,
         l.disabled ? "cursor-not-allowed !bg-foundation-disabled !text-disabled-muted" : ""
       ];
-      return J.value && (C.value || l.showRequired) ? W.push("pr-14") : (J.value || C.value || l.showRequired) && W.push("pr-8"), C.value ? (W.push("border-2 border-danger text-danger-darker"), p.value && W.push("ring-1 ring-danger")) : (W.push("border border-outline-3"), p.value && W.push("ring-1 ring-outline-3")), W.join(" ");
-    }), Re = (W) => {
+      return J.value && (C.value || l.showRequired) ? H.push("pr-14") : (J.value || C.value || l.showRequired) && H.push("pr-8"), C.value ? (H.push("border-2 border-danger text-danger-darker"), p.value && H.push("ring-1 ring-danger")) : (H.push("border border-outline-3"), p.value && H.push("ring-1 ring-outline-3")), H.join(" ");
+    }), Re = (H) => {
       if (l.disabled)
         return;
-      const K = z.value.indexOf(W);
+      const K = z.value.indexOf(H);
       if (K !== -1) {
-        const G = z.value.slice();
-        G.splice(K, 1), z.value = G;
+        const _ = z.value.slice();
+        _.splice(K, 1), z.value = _;
       }
     }, Ie = () => {
-      var W;
-      (W = v.value) == null || W.blur(), w.value = !1;
-    }, Fe = (W) => {
-      if (W.key !== "Backspace" || P.value.length)
+      var H;
+      (H = v.value) == null || H.blur(), w.value = !1;
+    }, Fe = (H) => {
+      if (H.key !== "Backspace" || P.value.length)
         return;
       const K = z.value.slice();
       K.pop(), z.value = K, w.value = !1;
     }, De = () => {
-      var W, K, G;
-      (W = h.value) != null && W.isOpen() ? (K = h.value) == null || K.goUp() : (G = h.value) == null || G.open();
-    }, ge = () => {
-      var W, K, G;
-      (W = h.value) != null && W.isOpen() ? (K = h.value) == null || K.goDown() : (G = h.value) == null || G.open();
+      var H, K, _;
+      (H = h.value) != null && H.isOpen() ? (K = h.value) == null || K.goUp() : (_ = h.value) == null || _.open();
+    }, ye = () => {
+      var H, K, _;
+      (H = h.value) != null && H.isOpen() ? (K = h.value) == null || K.goDown() : (_ = h.value) == null || _.open();
     }, te = async () => {
       l.getAutocompleteItems && (V.value = !0, I.value = await Promise.resolve(
         l.getAutocompleteItems(P.value)
       ), V.value = !1);
-    }, ae = _e(te, 1e3), Q = async () => {
+    }, ae = Ge(te, 1e3), Q = async () => {
       V.value = !0, await ae();
-    }, fe = (W, K) => {
+    }, fe = (H, K) => {
       var ie, re;
-      if (n(W) ? W.data === " " || W.data === "," || W.data === ";" : !0) {
+      if (n(H) ? H.data === " " || H.data === "," || H.data === ";" : !0) {
         let ne = !1;
         if ((ie = h.value) != null && ie.isOpen() && I.value.length && !K)
           (re = h.value) == null || re.selectActive(), ne = !0;
         else {
-          const he = P.value.trim().substring(0, P.value.length - (n(W) ? 1 : 0)), Ue = z.value.includes(he);
+          const he = P.value.trim().substring(0, P.value.length - (n(H) ? 1 : 0)), Ue = z.value.includes(he);
           he.length > 0 && !Ue && (z.value = [...z.value, he], ne = !0);
         }
         ne && (P.value = "", w.value = !1);
       } else
         w.value = !!P.value.length;
     };
-    return ue(w, (W, K) => {
-      var G, ie;
-      W && !K ? l.getAutocompleteItems && ((G = h.value) == null || G.open()) : !W && K && ((ie = h.value) == null || ie.close());
+    return ue(w, (H, K) => {
+      var _, ie;
+      H && !K ? l.getAutocompleteItems && ((_ = h.value) == null || _.open()) : !H && K && ((ie = h.value) == null || ie.close());
     }), ue(P, () => {
       Q();
     }), de(() => {
       te();
-    }), t({ resolveAutocompleteItems: te }), (W, K) => (s(), T(o(as), {
+    }), t({ resolveAutocompleteItems: te }), (H, K) => (s(), T(o(as), {
       modelValue: z.value,
-      "onUpdate:modelValue": K[5] || (K[5] = (G) => z.value = G),
+      "onUpdate:modelValue": K[5] || (K[5] = (_) => z.value = _),
       as: "div",
       multiple: "",
       clearable: "",
       class: b([e.wrapperClasses])
     }, {
       default: R(() => [
-        A(Nr, {
+        A(Jr, {
           ref_key: "ctxManager",
           ref: h
         }, {
@@ -5449,41 +5457,41 @@ const Nr = /* @__PURE__ */ U({
               class: b(o(y))
             }, [
               u("span", null, O(o(c)), 1)
-            ], 10, Zr),
+            ], 10, Qr),
             u("div", {
-              class: b(["relative flex flex-wrap items-center space-x-1 px-2 py-1", pe.value])
+              class: b(["relative flex flex-wrap items-center space-x-1 px-2 py-1", ve.value])
             }, [
-              (s(!0), r(X, null, ee(z.value, (G) => (s(), T(Ve, {
-                key: G,
+              (s(!0), r(X, null, ee(z.value, (_) => (s(), T(Ve, {
+                key: _,
                 "icon-left": e.disabled ? void 0 : o(Pe),
                 "clickable-icon": "",
                 size: "lg",
-                onClickIcon: () => Re(G)
+                onClickIcon: () => Re(_)
               }, {
                 default: R(() => [
-                  F(O(G), 1)
+                  F(O(_), 1)
                 ]),
                 _: 2
               }, 1032, ["icon-left", "onClickIcon"]))), 128)),
               Y(u("input", {
                 ref_key: "inputEl",
                 ref: v,
-                "onUpdate:modelValue": K[0] || (K[0] = (G) => P.value = G),
+                "onUpdate:modelValue": K[0] || (K[0] = (_) => P.value = _),
                 disabled: e.disabled,
-                class: b(["bg-transparent grow shrink border-0 focus:ring-0 p-0", [o(m), q.value]]),
+                class: b(["bg-transparent grow shrink border-0 focus:ring-0 p-0", [o(m), W.value]]),
                 style: { "flex-basis": "70px", "min-width": "70px" },
                 placeholder: z.value.length ? void 0 : e.placeholder,
                 onInput: fe,
                 onKeydown: [
                   je(Ie, ["escape"]),
-                  K[1] || (K[1] = je(we((G) => fe(G, !0), ["stop", "prevent"]), ["enter"])),
+                  K[1] || (K[1] = je(me((_) => fe(_, !0), ["stop", "prevent"]), ["enter"])),
                   je(fe, ["tab"]),
                   je(Fe, ["backspace"]),
                   je(De, ["arrow-up"]),
-                  je(ge, ["arrow-down"])
+                  je(ye, ["arrow-down"])
                 ],
-                onBlur: K[2] || (K[2] = (G) => w.value = !1)
-              }, null, 42, Xr), [
+                onBlur: K[2] || (K[2] = (_) => w.value = !1)
+              }, null, 42, Yr), [
                 [st, P.value]
               ]),
               J.value ? (s(), r("a", {
@@ -5491,11 +5499,11 @@ const Nr = /* @__PURE__ */ U({
                 title: "Clear input",
                 class: "absolute top-2 right-0 flex items-center pr-2 cursor-pointer",
                 onClick: K[3] || (K[3] = //@ts-ignore
-                (...G) => o(B) && o(B)(...G)),
+                (..._) => o(B) && o(B)(..._)),
                 onKeydown: K[4] || (K[4] = //@ts-ignore
-                (...G) => o(B) && o(B)(...G))
+                (..._) => o(B) && o(B)(..._))
               }, [
-                Jr,
+                eu,
                 A(o(Pe), {
                   class: "h-5 w-5 text-foreground",
                   "aria-hidden": "true"
@@ -5512,11 +5520,10 @@ const Nr = /* @__PURE__ */ U({
                   class: "h-4 w-4 text-danger",
                   "aria-hidden": "true"
                 })
-              ], 2)) : x("", !0),
-              e.showRequired && !o(C) ? (s(), r("div", {
+              ], 2)) : e.showRequired ? (s(), r("div", {
                 key: 2,
                 class: b(["pointer-events-none absolute top-[2px] text-4xl right-0 flex items-center text-danger opacity-50", J.value ? "pr-8" : "pr-2"])
-              }, " * ", 2)) : x("", !0)
+              }, " * ", 2)) : e.showOptional ? (s(), r("div", tu, "(optional)")) : x("", !0)
             ], 2),
             A(o(qt), {
               leave: "transition ease-in duration-100",
@@ -5533,11 +5540,11 @@ const Nr = /* @__PURE__ */ U({
                     }, [
                       A(at, { loading: !0 })
                     ], 2)) : x("", !0),
-                    !I.value.length && !V.value ? (s(), r("div", Qr, eu)) : x("", !0),
-                    I.value.length ? (s(!0), r(X, { key: 2 }, ee(I.value, (G) => (s(), T(o(rs), {
-                      key: G,
+                    !I.value.length && !V.value ? (s(), r("div", lu, nu)) : x("", !0),
+                    I.value.length ? (s(!0), r(X, { key: 2 }, ee(I.value, (_) => (s(), T(o(rs), {
+                      key: _,
                       as: "template",
-                      value: G
+                      value: _
                     }, {
                       default: R(({ selected: ie, active: re }) => [
                         u("li", {
@@ -5548,7 +5555,7 @@ const Nr = /* @__PURE__ */ U({
                         }, [
                           u("span", {
                             class: b(["block truncate", { "font-medium": ie, "font-normal": !ie }])
-                          }, O(G), 3),
+                          }, O(_), 3),
                           ie ? (s(), r("span", {
                             key: 0,
                             class: b(["absolute top-0 bottom-0 right-0 flex items-center pr-4", { "text-primary": re, "text-foreground": !re }])
@@ -5571,8 +5578,8 @@ const Nr = /* @__PURE__ */ U({
             o($) && !o(E) ? (s(), r("p", {
               key: 0,
               id: o($),
-              class: b(o(k))
-            }, O(o(g)), 11, tu)) : x("", !0)
+              class: b(["mt-2", o(k)])
+            }, O(o(g)), 11, ou)) : x("", !0)
           ]),
           _: 1
         }, 512)
@@ -5596,6 +5603,8 @@ function wt(e) {
       case "xl":
         return "h-14";
       case "xxl":
+        return "h-24";
+      case "3xl":
         return "h-32";
       case "editable":
         return "h-60";
@@ -5617,6 +5626,8 @@ function wt(e) {
       case "xl":
         return "w-14";
       case "xxl":
+        return "w-24";
+      case "3xl":
         return "w-32";
       case "editable":
         return "w-60";
@@ -5637,6 +5648,8 @@ function wt(e) {
       case "xl":
         return "text-2xl";
       case "xxl":
+        return "text-2xl";
+      case "3xl":
         return "text-3xl";
       case "editable":
         return "h1";
@@ -5669,7 +5682,7 @@ function wt(e) {
   );
   return { heightClasses: a, widthClasses: n, sizeClasses: v, iconClasses: l };
 }
-const lu = { key: 2 }, ht = /* @__PURE__ */ U({
+const au = { key: 2 }, ht = /* @__PURE__ */ U({
   __name: "Avatar",
   props: {
     user: { default: null },
@@ -5683,7 +5696,7 @@ const lu = { key: 2 }, ht = /* @__PURE__ */ U({
     lightStyle: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, { sizeClasses: a, iconClasses: n } = wt({ props: be(t) }), i = d(() => {
+    const t = e, { sizeClasses: a, iconClasses: n } = wt({ props: ge(t) }), i = d(() => {
       var g, $, E, k;
       if (!(($ = (g = t.user) == null ? void 0 : g.name) != null && $.length))
         return;
@@ -5719,7 +5732,7 @@ const lu = { key: 2 }, ht = /* @__PURE__ */ U({
               F(O(i.value), 1)
             ], 2)), [
               [c, e.hideTooltip || (E = t.user) == null ? void 0 : E.name]
-            ]) : (s(), r("div", lu, [
+            ]) : (s(), r("div", au, [
               A(o(hs), {
                 class: b(o(n))
               }, null, 8, ["class"])
@@ -5730,7 +5743,7 @@ const lu = { key: 2 }, ht = /* @__PURE__ */ U({
       ], 2);
     };
   }
-}), kd = /* @__PURE__ */ U({
+}), Bd = /* @__PURE__ */ U({
   __name: "AvatarGroup",
   props: {
     users: { default: () => [] },
@@ -5746,7 +5759,7 @@ const lu = { key: 2 }, ht = /* @__PURE__ */ U({
       itemContainer: n,
       trackResize: !0,
       trackMutations: !0
-    }), { heightClasses: l } = wt({ props: be(t) }), v = d(() => t.maxCount ? Math.max(t.users.length - t.maxCount, 0) : 0), p = d(() => {
+    }), { heightClasses: l } = wt({ props: ge(t) }), v = d(() => t.maxCount ? Math.max(t.users.length - t.maxCount, 0) : 0), p = d(() => {
       const f = t.users, y = Math.min(t.maxCount ?? 1 / 0, t.maxAvatars ?? 1 / 0);
       return f.slice(0, y);
     }), h = d(() => t.maxAvatars ? Math.max(t.users.length - t.maxAvatars, 0) : 0), m = d(
@@ -5781,7 +5794,7 @@ const lu = { key: 2 }, ht = /* @__PURE__ */ U({
       }, 8, ["size"])) : x("", !0)
     ], 2));
   }
-}), su = (e) => (zt("data-v-b5abb5fe"), e = e(), At(), e), nu = /* @__PURE__ */ su(() => /* @__PURE__ */ u("circle", {
+}), iu = (e) => (zt("data-v-b5abb5fe"), e = e(), At(), e), ru = /* @__PURE__ */ iu(() => /* @__PURE__ */ u("circle", {
   class: "path",
   fill: "none",
   stroke: "currentColor",
@@ -5790,9 +5803,9 @@ const lu = { key: 2 }, ht = /* @__PURE__ */ U({
   cx: "33",
   cy: "33",
   r: "30"
-}, null, -1)), ou = [
-  nu
-], au = /* @__PURE__ */ U({
+}, null, -1)), uu = [
+  ru
+], du = /* @__PURE__ */ U({
   __name: "Icon",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -5820,16 +5833,16 @@ const lu = { key: 2 }, ht = /* @__PURE__ */ U({
       height: "40px",
       viewBox: "0 0 66 66",
       xmlns: "http://www.w3.org/2000/svg"
-    }, ou, 2));
+    }, uu, 2));
   }
 });
-const it = /* @__PURE__ */ ke(au, [["__scopeId", "data-v-b5abb5fe"]]), iu = { class: "flex flex-col items-center space-y-2" }, ru = {
+const it = /* @__PURE__ */ ke(du, [["__scopeId", "data-v-b5abb5fe"]]), cu = { class: "flex flex-col items-center space-y-2" }, fu = {
   key: 1,
   class: "relative group"
-}, uu = ["src", "alt"], du = { class: "opacity-0 transition-all absolute group-hover:opacity-100 top-0 right-0 left-0 bottom-0 flex items-end justify-center bottom-4" }, cu = {
+}, hu = ["src", "alt"], mu = { class: "opacity-0 transition-all absolute group-hover:opacity-100 top-0 right-0 left-0 bottom-0 flex items-end justify-center bottom-4" }, pu = {
   key: 2,
   class: "w-full text-center text-danger text-sm"
-}, Cd = /* @__PURE__ */ U({
+}, Sd = /* @__PURE__ */ U({
   __name: "AvatarEditable",
   props: /* @__PURE__ */ Se({
     modelValue: null,
@@ -5850,14 +5863,14 @@ const it = /* @__PURE__ */ ke(au, [["__scopeId", "data-v-b5abb5fe"]]), iu = { cl
   emits: /* @__PURE__ */ Se(["save", "update:modelValue"], ["update:editMode"]),
   setup(e, { expose: t, emit: a }) {
     const n = cl({
-      loader: () => import("./AvatarEditor-664d2235.js"),
+      loader: () => import("./AvatarEditor-25fde016.js"),
       loadingComponent: it,
       delay: 100
     }), i = a, l = e, { value: v, errorMessage: p } = Ee(l.name, l.rules, {
       validateOnMount: l.validateOnMount,
       validateOnValueUpdate: l.validateOnValueUpdate,
       initialValue: l.modelValue || void 0
-    }), { sizeClasses: h } = wt({ props: be(l) }), m = ze(e, "editMode"), f = d(
+    }), { sizeClasses: h } = wt({ props: ge(l) }), m = ze(e, "editMode"), f = d(
       () => ({
         avatar: v.value,
         name: l.placeholder
@@ -5865,7 +5878,7 @@ const it = /* @__PURE__ */ ke(au, [["__scopeId", "data-v-b5abb5fe"]]), iu = { cl
     ), y = ($) => {
       v.value = $, i("save", $);
     };
-    return t({ open: () => m.value = !0, close: () => m.value = !1 }), ($, E) => (s(), r("div", iu, [
+    return t({ open: () => m.value = !0, close: () => m.value = !1 }), ($, E) => (s(), r("div", cu, [
       m.value ? (s(), T(o(n), {
         key: 0,
         user: f.value,
@@ -5874,13 +5887,13 @@ const it = /* @__PURE__ */ ke(au, [["__scopeId", "data-v-b5abb5fe"]]), iu = { cl
         rounded: e.rounded,
         onCancel: E[0] || (E[0] = (k) => m.value = !1),
         onSave: y
-      }, null, 8, ["user", "disabled", "size", "rounded"])) : (s(), r("div", ru, [
+      }, null, 8, ["user", "disabled", "size", "rounded"])) : (s(), r("div", fu, [
         !f.value.avatar && e.defaultImg ? (s(), r("img", {
           key: 0,
           src: e.defaultImg,
           alt: f.value.name,
           class: b(o(h))
-        }, null, 10, uu)) : (s(), T(ht, {
+        }, null, 10, hu)) : (s(), T(ht, {
           key: 1,
           "hide-tooltip": "",
           user: f.value,
@@ -5888,8 +5901,8 @@ const it = /* @__PURE__ */ ke(au, [["__scopeId", "data-v-b5abb5fe"]]), iu = { cl
           "light-style": e.lightStyle,
           rounded: e.rounded
         }, null, 8, ["user", "size", "light-style", "rounded"])),
-        u("div", du, [
-          A(me, {
+        u("div", mu, [
+          A(pe, {
             size: "sm",
             disabled: e.disabled,
             color: "outline",
@@ -5902,7 +5915,7 @@ const it = /* @__PURE__ */ ke(au, [["__scopeId", "data-v-b5abb5fe"]]), iu = { cl
           }, 8, ["disabled"])
         ])
       ])),
-      o(p) ? (s(), r("div", cu, O(o(p)), 1)) : x("", !0)
+      o(p) ? (s(), r("div", pu, O(o(p)), 1)) : x("", !0)
     ]));
   }
 });
@@ -5914,21 +5927,21 @@ class $e extends Error {
 /**
  * Default message if none is passed
  */
-xe($e, "defaultMessage", "Unexpected error occurred");
-class fu extends $e {
+we($e, "defaultMessage", "Unexpected error occurred");
+class vu extends $e {
 }
-xe(fu, "defaultMessage", "An unexpected logic error occurred!");
-class hu extends $e {
+we(vu, "defaultMessage", "An unexpected logic error occurred!");
+class bu extends $e {
 }
-xe(hu, "defaultMessage", "Attempting to access an uninitialized resource");
-class mu extends $e {
+we(bu, "defaultMessage", "Attempting to access an uninitialized resource");
+class gu extends $e {
 }
-xe(mu, "defaultMessage", "getCurrentInstance() returned null. Method must be called at the top of a setup function");
-class pu extends $e {
+we(gu, "defaultMessage", "getCurrentInstance() returned null. Method must be called at the top of a setup function");
+class yu extends $e {
 }
-xe(pu, "defaultMessage", "Operation not supported in current (server or client) environment");
+we(yu, "defaultMessage", "Operation not supported in current (server or client) environment");
 var kt = /* @__PURE__ */ ((e) => (e.AnyAudio = "audio/*", e.AnyVideo = "video/*", e.AnyImage = "image/*", e))(kt || {});
-function vu(e, t) {
+function xu(e, t) {
   const a = ml(
     Object.values(kt),
     t
@@ -5948,7 +5961,7 @@ function vu(e, t) {
           return !0;
         break;
     }
-  const n = pl(t, a), i = bu(e.name);
+  const n = pl(t, a), i = wu(e.name);
   if (!i)
     return new el();
   for (const l of n)
@@ -5956,11 +5969,11 @@ function vu(e, t) {
       return !0;
   return new tl();
 }
-function bu(e) {
+function wu(e) {
   const t = e.split(".").pop() || null;
   return t ? `.${t}` : null;
 }
-function gu(e) {
+function ku(e) {
   return e.startsWith(".") || Object.values(kt).includes(e);
 }
 function jt(e) {
@@ -5976,7 +5989,7 @@ function jt(e) {
   const i = n / 1024;
   return `${t(i)}GB`;
 }
-function yu(e) {
+function Cu(e) {
   const t = {
     name: e.name,
     lastModified: e.lastModified,
@@ -5987,27 +6000,27 @@ function yu(e) {
 }
 class el extends $e {
 }
-xe(el, "defaultMessage", "The selected file has a missing extension");
+we(el, "defaultMessage", "The selected file has a missing extension");
 class tl extends $e {
 }
-xe(tl, "defaultMessage", "The selected file type is forbidden");
-var xu = /* @__PURE__ */ ((e) => (e[e.Success = 1] = "Success", e[e.Failure = 2] = "Failure", e))(xu || {});
-function wu(e) {
+we(tl, "defaultMessage", "The selected file type is forbidden");
+var $u = /* @__PURE__ */ ((e) => (e[e.Success = 1] = "Success", e[e.Failure = 2] = "Failure", e))($u || {});
+function Iu(e) {
   if (!e)
     return;
-  const t = e.split(",").map((a) => gu(a) ? a : null).filter((a) => a !== null);
+  const t = e.split(",").map((a) => ku(a) ? a : null).filter((a) => a !== null);
   return t.length ? t : void 0;
 }
-function ku(e) {
-  const { disabled: t, accept: a, multiple: n, sizeLimit: i, countLimit: l } = e, v = d(() => wu(o(a))), p = (h) => {
+function Bu(e) {
+  const { disabled: t, accept: a, multiple: n, sizeLimit: i, countLimit: l } = e, v = d(() => Iu(o(a))), p = (h) => {
     const m = [], f = v.value;
     for (const y of h) {
-      const c = yu(y), g = o(n) ? o(l) : 1;
+      const c = Cu(y), g = o(n) ? o(l) : 1;
       if (!m.find(($) => $.id === c)) {
         if (g && m.length >= g)
           break;
         if (f) {
-          const $ = vu(y, f);
+          const $ = xu(y, f);
           if ($ instanceof Error) {
             m.push({
               file: y,
@@ -6046,8 +6059,8 @@ function ku(e) {
 }
 class ll extends $e {
 }
-xe(ll, "defaultMessage", "The selected file's size is too large");
-const Cu = ["accept", "multiple"], $d = /* @__PURE__ */ U({
+we(ll, "defaultMessage", "The selected file's size is too large");
+const Su = ["accept", "multiple"], Od = /* @__PURE__ */ U({
   __name: "Zone",
   props: {
     accept: null,
@@ -6058,7 +6071,7 @@ const Cu = ["accept", "multiple"], $d = /* @__PURE__ */ U({
   },
   emits: ["files-selected"],
   setup(e, { expose: t, emit: a }) {
-    const n = a, i = e, l = j(null), v = j(null), { buildUploadableFiles: p } = ku({
+    const n = a, i = e, l = j(null), v = j(null), { buildUploadableFiles: p } = Bu({
       sizeLimit: d(() => i.sizeLimit),
       countLimit: d(() => i.countLimit),
       accept: d(() => i.accept),
@@ -6098,23 +6111,23 @@ const Cu = ["accept", "multiple"], $d = /* @__PURE__ */ U({
         class: "hidden",
         accept: e.accept,
         multiple: e.multiple,
-        onClick: g[0] || (g[0] = we(() => {
+        onClick: g[0] || (g[0] = me(() => {
         }, ["stop"])),
         onChange: f
-      }, null, 40, Cu)
+      }, null, 40, Su)
     ], 512));
   }
 }), Tt = (e) => {
   var t;
   e.code === "Enter" && ((t = e.target) == null || t.click());
-}, Id = {
+}, Pd = {
   created(e) {
     e.setAttribute("tabindex", "0"), e.addEventListener("keypress", Tt);
   },
   unmounted(e) {
     e.removeEventListener("keypress", Tt);
   }
-}, $u = { class: "relative w-full bg-outline-3 rounded h-1.5 overflow-hidden" }, Bd = /* @__PURE__ */ U({
+}, Ou = { class: "relative w-full bg-outline-3 rounded h-1.5 overflow-hidden" }, Ld = /* @__PURE__ */ U({
   __name: "ProgressBar",
   props: {
     currentValue: null,
@@ -6122,7 +6135,7 @@ const Cu = ["accept", "multiple"], $d = /* @__PURE__ */ U({
   },
   setup(e) {
     const t = e, a = d(() => t.currentValue / t.maxValue * 100), n = d(() => a.value >= 100 ? "bg-danger" : a.value >= 80 ? "bg-warning" : "bg-success");
-    return (i, l) => (s(), r("div", $u, [
+    return (i, l) => (s(), r("div", Ou, [
       u("div", {
         class: b(["aboslute left-0 top-0 rounded h-1.5", n.value]),
         style: oe({ width: `${a.value <= 100 ? a.value : 100}%` })
@@ -6132,79 +6145,79 @@ const Cu = ["accept", "multiple"], $d = /* @__PURE__ */ U({
 });
 export {
   $e as BaseError,
-  xu as BlobUploadStatus,
-  yd as CommonAlert,
-  Uu as CommonAnimationInstructional,
+  $u as BlobUploadStatus,
+  Cd as CommonAlert,
+  Ku as CommonAnimationInstructional,
   Ve as CommonBadge,
   at as CommonLoadingBar,
   it as CommonLoadingIcon,
-  Bd as CommonProgressBar,
-  Du as CommonStepsBullet,
-  Fu as CommonStepsNumber,
+  Ld as CommonProgressBar,
+  qu as CommonStepsBullet,
+  Hu as CommonStepsNumber,
   ps as CommonTextLink,
-  Wu as CommonVimeoEmbed,
-  mu as ComposableInvokedOutOfScopeError,
-  me as FormButton,
-  Hu as FormCardButton,
-  Mn as FormCheckbox,
-  Yu as FormClipboardInput,
-  $d as FormFileUploadZone,
-  qu as FormRadio,
-  Ku as FormRadioGroup,
-  Xu as FormSelectBadges,
+  _u as CommonVimeoEmbed,
+  gu as ComposableInvokedOutOfScopeError,
+  pe as FormButton,
+  Gu as FormCardButton,
+  Tn as FormCheckbox,
+  sd as FormClipboardInput,
+  Od as FormFileUploadZone,
+  Nu as FormRadio,
+  Zu as FormRadioGroup,
+  ed as FormSelectBadges,
   Xt as FormSelectBase,
-  Ju as FormSelectMulti,
-  Zu as FormSelectSourceApps,
-  Qu as FormSwitch,
-  wd as FormTags,
-  _u as FormTextArea,
-  mo as FormTextInput,
-  Ru as GlobalToastRenderer,
+  td as FormSelectMulti,
+  Yu as FormSelectSourceApps,
+  ld as FormSwitch,
+  Id as FormTags,
+  Ju as FormTextArea,
+  bo as FormTextInput,
+  Wu as GlobalToastRenderer,
   Te as GridListToggleValue,
   Xe as HorizontalDirection,
-  fd as InfiniteLoading,
-  sd as LayoutDialog,
-  nd as LayoutDialogSection,
-  od as LayoutDisclosure,
-  ad as LayoutGridListToggle,
-  rd as LayoutMenu,
-  hd as LayoutPanel,
-  md as LayoutSidebar,
-  vd as LayoutSidebarMenu,
-  bd as LayoutSidebarMenuGroup,
-  gd as LayoutSidebarMenuGroupItem,
-  pd as LayoutSidebarPromo,
-  cd as LayoutTable,
-  ud as LayoutTabsHorizontal,
-  dd as LayoutTabsVertical,
-  fu as LogicError,
-  Ge as ModifierKeys,
-  _o as SourceAppBadge,
+  vd as InfiniteLoading,
+  id as LayoutDialog,
+  rd as LayoutDialogSection,
+  ud as LayoutDisclosure,
+  dd as LayoutGridListToggle,
+  fd as LayoutMenu,
+  bd as LayoutPanel,
+  gd as LayoutSidebar,
+  xd as LayoutSidebarMenu,
+  wd as LayoutSidebarMenuGroup,
+  kd as LayoutSidebarMenuGroupItem,
+  yd as LayoutSidebarPromo,
+  pd as LayoutTable,
+  hd as LayoutTabsHorizontal,
+  md as LayoutTabsVertical,
+  vu as LogicError,
+  _e as ModifierKeys,
+  Xo as SourceAppBadge,
   Ke as TailwindBreakpoints,
-  Da as ThrottleOrDebounce,
+  Ha as ThrottleOrDebounce,
   qe as ToastNotificationType,
-  hu as UninitializedResourceAccessError,
+  bu as UninitializedResourceAccessError,
   kt as UniqueFileTypeSpecifier,
-  pu as UnsupportedEnvironmentError,
+  yu as UnsupportedEnvironmentError,
   ht as UserAvatar,
-  Cd as UserAvatarEditable,
-  kd as UserAvatarGroup,
-  Nu as ValidationHelpers,
-  Pd as buildManualPromise,
+  Sd as UserAvatarEditable,
+  Bd as UserAvatarGroup,
+  Qu as ValidationHelpers,
+  jd as buildManualPromise,
   ft as clientOs,
-  ed as getKeyboardShortcutTitle,
+  nd as getKeyboardShortcutTitle,
   Kt as keyboardClick,
-  td as onKeyboardShortcut,
+  od as onKeyboardShortcut,
   jt as prettyFileSize,
   wt as useAvatarSizeClasses,
-  Gu as useDebouncedTextInput,
-  ld as useFormCheckboxModel,
+  Xu as useDebouncedTextInput,
+  ad as useFormCheckboxModel,
   Zt as useFormSelectChildInternals,
-  id as useOnBeforeWindowUnload,
-  Wa as useResponsiveHorizontalDirectionCalculation,
-  Ua as useWindowResizeHandler,
+  cd as useOnBeforeWindowUnload,
+  Ka as useResponsiveHorizontalDirectionCalculation,
+  qa as useWindowResizeHandler,
   Nt as useWrappingContainerHiddenCount,
-  Id as vKeyboardClickable,
-  xd as writableAsyncComputed
+  Pd as vKeyboardClickable,
+  $d as writableAsyncComputed
 };
 //# sourceMappingURL=lib.js.map