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

package/dist/lib.js

@@ -1,19 +1,19 @@
-import { defineComponent as M, resolveDynamicComponent as H, computed as r, openBlock as a, createBlock as P, normalizeClass as x, withCtx as _, createCommentVNode as S, renderSlot as D, createTextVNode as A, createElementBlock as m, createElementVNode as i, createVNode as L, Transition as ge, unref as n, toDisplayString as I, toRefs as ae, Fragment as U, renderList as G, ref as O, onMounted as Y, mergeProps as oe, withDirectives as ne, isRef as ve, vModelText as Oe, useSlots as be, vModelDynamic as Xe, pushScopeId as Ne, popScopeId as Je, watch as le, withModifiers as ye, normalizeStyle as fe, onBeforeUnmount as Me } from "vue";
-import { isObjectLike as Le, clamp as Pe, isString as ie, isUndefined as Q, isArray as q, debounce as Ae, throttle as Qe, noop as Ye } from "lodash";
+import { defineComponent as A, resolveDynamicComponent as H, computed as r, openBlock as a, createBlock as L, normalizeClass as k, withCtx as _, createCommentVNode as I, renderSlot as z, createTextVNode as M, createElementBlock as m, createElementVNode as i, createVNode as P, Transition as ge, unref as l, toDisplayString as B, toRefs as ae, Fragment as W, renderList as G, ref as O, onMounted as Y, mergeProps as oe, withDirectives as ne, isRef as ve, vModelText as Ae, useSlots as be, vModelDynamic as Xe, pushScopeId as Ne, popScopeId as Je, watch as le, withModifiers as ye, normalizeStyle as fe, onBeforeUnmount as Me } from "vue";
+import { isObjectLike as Le, clamp as je, isString as ie, isUndefined as Q, isArray as q, debounce as ze, throttle as Qe, noop as Ye } from "lodash";
 import { ArrowPathIcon as Ze, ChevronUpIcon as De, ChevronDownIcon as et, XMarkIcon as tt, MagnifyingGlassIcon as st, CheckIcon as nt, Bars3Icon as lt, Squares2X2Icon as at } from "@heroicons/vue/24/solid";
 import { CheckCircleIcon as ot, XCircleIcon as rt, ExclamationCircleIcon as it, InformationCircleIcon as ut, XMarkIcon as ct, CheckIcon as dt, ExclamationTriangleIcon as ft } from "@heroicons/vue/24/outline";
-import { XMarkIcon as ue, CheckIcon as pt, CheckCircleIcon as Te, ExclamationCircleIcon as Re, EnvelopeIcon as ht, KeyIcon as mt } from "@heroicons/vue/20/solid";
-import { useField as xe } from "vee-validate";
-import { nanoid as ke } from "nanoid";
-import { isNullOrUndefined as gt, SourceApps as vt, getClientOperatingSystem as bt, OperatingSystem as pe } from "@speckle/shared";
-import { useResizeObserver as yt, useMutationObserver as xt, onKeyDown as kt, isClient as Ce, computedAsync as Ct } from "@vueuse/core";
-import { Listbox as wt, ListboxLabel as $t, ListboxButton as St, ListboxOptions as It, ListboxOption as Bt, TransitionRoot as _t, Dialog as Lt, TransitionChild as je, DialogPanel as Pt, Disclosure as jt, DisclosureButton as Vt, DisclosurePanel as Ot, Menu as Mt, MenuButton as At, MenuItems as Dt, MenuItem as Tt } from "@headlessui/vue";
-import { directive as Fe } from "vue-tippy";
-import Rt from "v3-infinite-loading";
-const Ft = {
+import { XMarkIcon as ue, CheckIcon as pt, CheckCircleIcon as Te, ExclamationCircleIcon as xe, EnvelopeIcon as ht, KeyIcon as mt, XCircleIcon as gt, InformationCircleIcon as vt } from "@heroicons/vue/20/solid";
+import { useField as ke } from "vee-validate";
+import { nanoid as Ce } from "nanoid";
+import { isNullOrUndefined as bt, SourceApps as yt, getClientOperatingSystem as xt, OperatingSystem as pe } from "@speckle/shared";
+import { useResizeObserver as kt, useMutationObserver as Ct, onKeyDown as wt, isClient as we, computedAsync as $t } from "@vueuse/core";
+import { Listbox as St, ListboxLabel as It, ListboxButton as Bt, ListboxOptions as _t, ListboxOption as Pt, TransitionRoot as Lt, Dialog as jt, TransitionChild as Ve, DialogPanel as Vt, Disclosure as Ot, DisclosureButton as At, DisclosurePanel as Mt, Menu as zt, MenuButton as Dt, MenuItems as Tt, MenuItem as Rt } from "@headlessui/vue";
+import { directive as Re } from "vue-tippy";
+import Ft from "v3-infinite-loading";
+const Et = {
   key: 2,
   style: { margin: "0 !important", width: "0.01px" }
-}, zt = /* @__PURE__ */ M({
+}, Wt = /* @__PURE__ */ A({
   __name: "Button",
   props: {
     /**
@@ -140,13 +140,13 @@ const Ft = {
     }
   },
   emits: ["click"],
-  setup(e, { emit: l }) {
-    const t = e, s = H("NuxtLink"), o = H("RouterLink"), c = r(() => t.linkComponent ? t.linkComponent : t.external ? "a" : Le(s) ? s : Le(o) ? o : "a"), f = r(() => {
+  setup(e, { emit: n }) {
+    const t = e, s = H("NuxtLink"), o = H("RouterLink"), c = r(() => t.linkComponent ? t.linkComponent : t.external ? "a" : Le(s) ? s : Le(o) ? o : "a"), d = r(() => {
       if (!t.to)
         return t.submit ? "submit" : "button";
-    }), d = r(() => t.disabled || t.loading), u = r(() => t.loading ? Ze : t.iconLeft), p = r(() => {
+    }), f = r(() => t.disabled || t.loading), x = r(() => t.loading ? Ze : t.iconLeft), p = r(() => {
       const g = [];
-      if (g.push("border-2"), d.value)
+      if (g.push("border-2"), f.value)
         g.push(
           t.outlined ? "border-foreground-disabled" : "bg-foundation-disabled border-transparent"
         );
@@ -190,7 +190,7 @@ const Ft = {
     }), b = r(() => {
       const g = [];
       if (!t.text && !t.link)
-        if (d.value)
+        if (f.value)
           g.push(
             (t.outlined, "text-foreground-disabled")
           );
@@ -237,16 +237,16 @@ const Ft = {
               break;
           }
       else
-        d.value ? g.push("text-foreground-disabled") : t.color === "invert" ? g.push(
+        f.value ? g.push("text-foreground-disabled") : t.color === "invert" ? g.push(
           "text-foundation hover:text-foundation-2 dark:text-foreground dark:hover:text-foreground"
         ) : t.color === "secondary" ? g.push("text-foreground-2 hover:text-primary-focus") : t.color === "success" ? g.push("text-success") : t.color === "warning" ? g.push("text-warning") : t.color === "info" ? g.push("text-info") : t.color === "danger" ? g.push("text-danger") : g.push("text-primary hover:text-primary-focus");
       return g.join(" ");
-    }), v = r(() => {
+    }), y = r(() => {
       const g = [];
       return g.push(t.rounded ? "rounded-full" : "rounded-md"), g.join(" ");
     }), h = r(() => {
       const g = [];
-      if (!d.value)
+      if (!f.value)
         switch (t.color) {
           case "invert":
             g.push("hover:ring-4 ring-white/50");
@@ -269,7 +269,7 @@ const Ft = {
             break;
         }
       return g.join(" ");
-    }), k = r(() => {
+    }), C = r(() => {
       switch (t.size) {
         case "xs":
           return "h-5 text-xs font-medium xxx-tracking-wide";
@@ -283,7 +283,7 @@ const Ft = {
         case "base":
           return "h-8 text-base font-medium xxx-tracking-wide";
       }
-    }), B = r(() => {
+    }), u = r(() => {
       switch (t.size) {
         case "xs":
           return "px-1";
@@ -299,10 +299,10 @@ const Ft = {
       }
     }), j = r(() => {
       const g = [];
-      return t.fullWidth && g.push("w-full"), d.value && g.push("cursor-not-allowed"), g.join(" ");
-    }), y = r(() => {
+      return t.fullWidth && g.push("w-full"), f.value && g.push("cursor-not-allowed"), g.join(" ");
+    }), v = r(() => {
       const g = [];
-      return !d.value && !t.link && !t.text && g.push("active:scale-[0.97]"), !d.value && t.link && g.push(
+      return !f.value && !t.link && !t.text && g.push("active:scale-[0.97]"), !f.value && t.link && g.push(
         "underline decoration-transparent decoration-2 underline-offset-4	hover:decoration-inherit"
       ), g.join(" ");
     }), w = r(() => {
@@ -310,15 +310,15 @@ const Ft = {
       return [
         "transition inline-flex justify-center items-center space-x-2 outline-none select-none",
         j.value,
-        k.value,
+        C.value,
         b.value,
         g ? "" : p.value,
-        g ? "" : v.value,
+        g ? "" : y.value,
         g ? "" : h.value,
-        t.link ? "" : B.value,
-        y.value
+        t.link ? "" : u.value,
+        v.value
       ].join(" ");
-    }), $ = r(() => {
+    }), S = r(() => {
       const g = [""];
       switch (t.loading && g.push("animate-spin"), t.size) {
         case "xs":
@@ -339,46 +339,46 @@ const Ft = {
           break;
       }
       return g.join(" ");
-    }), F = (g) => {
-      if (d.value) {
+    }), R = (g) => {
+      if (f.value) {
         g.preventDefault(), g.stopPropagation(), g.stopImmediatePropagation();
         return;
       }
-      l("click", g);
+      n("click", g);
     };
-    return (g, R) => (a(), P(H(e.to ? c.value : "button"), {
+    return (g, T) => (a(), L(H(e.to ? c.value : "button"), {
       href: e.to,
       to: e.to,
-      type: f.value,
+      type: d.value,
       external: e.external,
-      class: x(w.value),
-      disabled: d.value,
+      class: k(w.value),
+      disabled: f.value,
       role: "button",
-      onClick: F
+      onClick: R
     }, {
       default: _(() => [
-        u.value ? (a(), P(H(u.value), {
+        x.value ? (a(), L(H(x.value), {
           key: 0,
-          class: x(`${$.value} ${e.hideText ? "" : "mr-2"}`)
-        }, null, 8, ["class"])) : S("", !0),
-        e.hideText ? (a(), m("div", Ft, "   ")) : D(g.$slots, "default", { key: 1 }, () => [
-          A("Button")
+          class: k(`${S.value} ${e.hideText ? "" : "mr-2"}`)
+        }, null, 8, ["class"])) : I("", !0),
+        e.hideText ? (a(), m("div", Et, "   ")) : z(g.$slots, "default", { key: 1 }, () => [
+          M("Button")
         ], !0),
-        e.iconRight || !e.loading ? (a(), P(H(e.iconRight), {
+        e.iconRight || !e.loading ? (a(), L(H(e.iconRight), {
           key: 3,
-          class: x(`${$.value} ${e.hideText ? "" : "ml-2"}`)
-        }, null, 8, ["class"])) : S("", !0)
+          class: k(`${S.value} ${e.hideText ? "" : "ml-2"}`)
+        }, null, 8, ["class"])) : I("", !0)
       ]),
       _: 3
     }, 8, ["href", "to", "type", "external", "class", "disabled"]));
   }
 });
-const ze = (e, l) => {
+const Fe = (e, n) => {
   const t = e.__vccOpts || e;
-  for (const [s, o] of l)
+  for (const [s, o] of n)
     t[s] = o;
   return t;
-}, re = /* @__PURE__ */ ze(zt, [["__scopeId", "data-v-38aa371e"]]), Et = /* @__PURE__ */ M({
+}, re = /* @__PURE__ */ Fe(Wt, [["__scopeId", "data-v-38aa371e"]]), Ut = /* @__PURE__ */ A({
   __name: "Link",
   props: {
     to: {
@@ -427,15 +427,15 @@ const ze = (e, l) => {
     }
   },
   emits: ["click"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     const t = e, s = (o) => {
       if (t.disabled) {
         o.preventDefault(), o.stopPropagation(), o.stopImmediatePropagation();
         return;
       }
-      l("click", o);
+      n("click", o);
     };
-    return (o, c) => (a(), P(re, {
+    return (o, c) => (a(), L(re, {
       link: "",
       to: e.to,
       external: e.external,
@@ -449,8 +449,8 @@ const ze = (e, l) => {
       onClickCapture: s
     }, {
       default: _(() => [
-        D(o.$slots, "default", {}, () => [
-          A("Link")
+        z(o.$slots, "default", {}, () => [
+          M("Link")
         ])
       ]),
       _: 3
@@ -458,42 +458,42 @@ const ze = (e, l) => {
   }
 });
 var ee = /* @__PURE__ */ ((e) => (e[e.Success = 0] = "Success", e[e.Warning = 1] = "Warning", e[e.Danger = 2] = "Danger", e[e.Info = 3] = "Info", e))(ee || {});
-const Ut = {
+const qt = {
   "aria-live": "assertive",
   class: "pointer-events-none fixed inset-0 flex items-end px-4 py-6 mt-10 sm:items-start sm:p-6 z-50"
-}, Wt = { class: "flex w-full flex-col items-center space-y-4 sm:items-end" }, qt = {
+}, Ht = { class: "flex w-full flex-col items-center space-y-4 sm:items-end" }, Gt = {
   key: 0,
   class: "pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-foundation text-foreground shadow-lg ring-1 ring-primary-muted ring-opacity-5"
-}, Ht = { class: "p-4" }, Gt = { class: "flex items-start" }, Kt = { class: "flex-shrink-0" }, Xt = { class: "ml-2 w-0 flex-1 flex flex-col" }, Nt = {
+}, Kt = { class: "p-4" }, Xt = { class: "flex items-start" }, Nt = { class: "flex-shrink-0" }, Jt = { class: "ml-2 w-0 flex-1 flex flex-col" }, Qt = {
   key: 0,
   class: "text-foreground font-bold"
-}, Jt = {
+}, Yt = {
   key: 1,
   class: "label label--light text-foreground-2"
-}, Qt = {
+}, Zt = {
   key: 2,
   class: "flex justify-start mt-2"
-}, Yt = /* @__PURE__ */ i("span", { class: "sr-only" }, "Close", -1), yl = /* @__PURE__ */ M({
+}, es = /* @__PURE__ */ i("span", { class: "sr-only" }, "Close", -1), xl = /* @__PURE__ */ A({
   __name: "ToastRenderer",
   props: {
     notification: null
   },
   emits: ["update:notification"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     const t = e, s = r(
       () => {
-        var f, d;
-        return !((f = t.notification) != null && f.description) && !((d = t.notification) != null && d.cta);
+        var d, f;
+        return !((d = t.notification) != null && d.description) && !((f = t.notification) != null && f.cta);
       }
     ), o = () => {
-      l("update:notification", null);
-    }, c = (f) => {
-      var d, u, p;
-      (p = (u = (d = t.notification) == null ? void 0 : d.cta) == null ? void 0 : u.onClick) == null || p.call(u, f), o();
+      n("update:notification", null);
+    }, c = (d) => {
+      var f, x, p;
+      (p = (x = (f = t.notification) == null ? void 0 : f.cta) == null ? void 0 : x.onClick) == null || p.call(x, d), o();
     };
-    return (f, d) => (a(), m("div", Ut, [
-      i("div", Wt, [
-        L(ge, {
+    return (d, f) => (a(), m("div", qt, [
+      i("div", Ht, [
+        P(ge, {
           "enter-active-class": "transform ease-out duration-300 transition",
           "enter-from-class": "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2",
           "enter-to-class": "translate-y-0 opacity-100 sm:translate-x-0",
@@ -502,55 +502,55 @@ const Ut = {
           "leave-to-class": "opacity-0"
         }, {
           default: _(() => [
-            e.notification ? (a(), m("div", qt, [
-              i("div", Ht, [
-                i("div", Gt, [
-                  i("div", Kt, [
-                    e.notification.type === n(ee).Success ? (a(), P(n(ot), {
+            e.notification ? (a(), m("div", Gt, [
+              i("div", Kt, [
+                i("div", Xt, [
+                  i("div", Nt, [
+                    e.notification.type === l(ee).Success ? (a(), L(l(ot), {
                       key: 0,
                       class: "h-6 w-6 text-success",
                       "aria-hidden": "true"
-                    })) : e.notification.type === n(ee).Danger ? (a(), P(n(rt), {
+                    })) : e.notification.type === l(ee).Danger ? (a(), L(l(rt), {
                       key: 1,
                       class: "h-6 w-6 text-danger",
                       "aria-hidden": "true"
-                    })) : e.notification.type === n(ee).Warning ? (a(), P(n(it), {
+                    })) : e.notification.type === l(ee).Warning ? (a(), L(l(it), {
                       key: 2,
                       class: "h-6 w-6 text-warning",
                       "aria-hidden": "true"
-                    })) : e.notification.type === n(ee).Info ? (a(), P(n(ut), {
+                    })) : e.notification.type === l(ee).Info ? (a(), L(l(ut), {
                       key: 3,
                       class: "h-6 w-6 text-info",
                       "aria-hidden": "true"
-                    })) : S("", !0)
+                    })) : I("", !0)
                   ]),
-                  i("div", Xt, [
-                    e.notification.title ? (a(), m("p", Nt, I(e.notification.title), 1)) : S("", !0),
-                    e.notification.description ? (a(), m("p", Jt, I(e.notification.description), 1)) : S("", !0),
-                    e.notification.cta ? (a(), m("div", Qt, [
-                      L(Et, {
+                  i("div", Jt, [
+                    e.notification.title ? (a(), m("p", Qt, B(e.notification.title), 1)) : I("", !0),
+                    e.notification.description ? (a(), m("p", Yt, B(e.notification.description), 1)) : I("", !0),
+                    e.notification.cta ? (a(), m("div", Zt, [
+                      P(Ut, {
                         to: e.notification.cta.url,
                         class: "label",
                         primary: "",
                         onClick: c
                       }, {
                         default: _(() => [
-                          A(I(e.notification.cta.title), 1)
+                          M(B(e.notification.cta.title), 1)
                         ]),
                         _: 1
                       }, 8, ["to"])
-                    ])) : S("", !0)
+                    ])) : I("", !0)
                   ]),
                   i("div", {
-                    class: x(["ml-4 flex flex-shrink-0", { "self-center": s.value }])
+                    class: k(["ml-4 flex flex-shrink-0", { "self-center": s.value }])
                   }, [
                     i("button", {
                       type: "button",
                       class: "inline-flex rounded-md bg-foundation text-foreground-2 hover:text-foreground focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2",
                       onClick: o
                     }, [
-                      Yt,
-                      L(n(ue), {
+                      es,
+                      P(l(ue), {
                         class: "h-6 w-6",
                         "aria-hidden": "true"
                       })
@@ -558,20 +558,20 @@ const Ut = {
                   ], 2)
                 ])
               ])
-            ])) : S("", !0)
+            ])) : I("", !0)
           ]),
           _: 1
         })
       ])
     ]));
   }
-}), Zt = /* @__PURE__ */ i("circle", {
+}), ts = /* @__PURE__ */ i("circle", {
   cx: "4",
   cy: "4",
   r: "3"
-}, null, -1), es = [
-  Zt
-], ts = /* @__PURE__ */ M({
+}, null, -1), ss = [
+  ts
+], ns = /* @__PURE__ */ A({
   __name: "Badge",
   props: {
     size: null,
@@ -583,7 +583,7 @@ const Ut = {
     clickableIcon: { type: Boolean }
   },
   emits: ["click-icon"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     const t = e, s = r(
       () => t.colorClasses || "bg-blue-100 text-blue-800"
     ), o = r(
@@ -599,103 +599,103 @@ const Ut = {
       )) : (p.push("rounded-full"), p.push(
         t.size === "lg" ? "px-2.5 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
       )), p.join(" ");
-    }), f = r(() => {
+    }), d = r(() => {
       const p = [
         "mt-0.5 ml-0.5 inline-flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-full focus:outline-none"
       ];
       return t.clickableIcon ? p.push("cursor-pointer") : p.push("cursor-default"), p.join(" ");
-    }), d = r(() => [
+    }), f = r(() => [
       "-ml-0.5 mr-1.5 h-2 w-2",
       o.value
-    ].join(" ")), u = (p) => {
+    ].join(" ")), x = (p) => {
       if (!t.clickableIcon) {
         p.stopPropagation(), p.stopImmediatePropagation(), p.preventDefault();
         return;
       }
-      l("click-icon", p);
+      n("click-icon", p);
     };
     return (p, b) => (a(), m("span", {
-      class: x(c.value)
+      class: k(c.value)
     }, [
       e.dot ? (a(), m("svg", {
         key: 0,
-        class: x(d.value),
+        class: k(f.value),
         fill: "currentColor",
         viewBox: "0 0 8 8"
-      }, es, 2)) : S("", !0),
-      D(p.$slots, "default", {}, () => [
-        A("Badge")
+      }, ss, 2)) : I("", !0),
+      z(p.$slots, "default", {}, () => [
+        M("Badge")
       ]),
       e.iconLeft ? (a(), m("button", {
         key: 1,
-        class: x(f.value),
-        onClick: b[0] || (b[0] = (v) => u(v))
+        class: k(d.value),
+        onClick: b[0] || (b[0] = (y) => x(y))
       }, [
-        (a(), P(H(e.iconLeft), {
-          class: x(["h-4 w-4", o.value])
+        (a(), L(H(e.iconLeft), {
+          class: k(["h-4 w-4", o.value])
         }, null, 8, ["class"]))
-      ], 2)) : S("", !0)
+      ], 2)) : I("", !0)
     ], 2));
   }
 });
-let Ve = [];
-function ss(e) {
-  Ve = Ve ? e : e.slice();
+let Oe = [];
+function ls(e) {
+  Oe = Oe ? e : e.slice();
 }
 var te = /* @__PURE__ */ ((e) => (e[e.sm = 640] = "sm", e[e.md = 746] = "md", e[e.lg = 1024] = "lg", e[e.xl = 1280] = "xl", e[e["2xl"] = 1536] = "2xl", e))(te || {});
 function Ee(e) {
   const {
     props: {
-      modelValue: l,
+      modelValue: n,
       steps: t,
       orientation: s,
       goVerticalBelow: o,
       nonInteractive: c,
-      stepsPadding: f
+      stepsPadding: d
     },
-    emit: d
-  } = e, u = r(
+    emit: f
+  } = e, x = r(
     () => (s == null ? void 0 : s.value) === "vertical" ? "vertical" : "horizontal"
   ), p = r({
-    get: () => Pe((l == null ? void 0 : l.value) || 0, -1, t.value.length),
-    set: (y) => d("update:modelValue", Pe(y, 0, t.value.length))
-  }), b = (y) => `${y + 1}`, v = (y) => y === p.value, h = (y) => y < p.value, k = (y, w) => {
-    var F;
+    get: () => je((n == null ? void 0 : n.value) || 0, -1, t.value.length),
+    set: (v) => f("update:modelValue", je(v, 0, t.value.length))
+  }), b = (v) => `${v + 1}`, y = (v) => v === p.value, h = (v) => v < p.value, C = (v, w) => {
+    var R;
     if (c != null && c.value) {
       w == null || w.preventDefault(), w == null || w.stopPropagation(), w == null || w.stopImmediatePropagation();
       return;
     }
-    p.value = y;
-    const $ = t.value[p.value];
-    (F = $ == null ? void 0 : $.onClick) == null || F.call($);
-  }, B = r(() => {
-    const y = ["flex"];
-    let w, $;
-    return (f == null ? void 0 : f.value) === "xs" ? (w = "space-x-2", $ = "space-y-1") : (f == null ? void 0 : f.value) === "sm" ? (w = "space-x-4", $ = "space-y-1") : (w = "space-x-8", $ = "space-y-4"), y.push("flex"), u.value === "vertical" || o != null && o.value ? (y.push(`flex-col ${$} justify-center`), (o == null ? void 0 : o.value) === te.sm ? y.push(
+    p.value = v;
+    const S = t.value[p.value];
+    (R = S == null ? void 0 : S.onClick) == null || R.call(S);
+  }, u = r(() => {
+    const v = ["flex"];
+    let w, S;
+    return (d == null ? void 0 : d.value) === "xs" ? (w = "space-x-2", S = "space-y-1") : (d == null ? void 0 : d.value) === "sm" ? (w = "space-x-4", S = "space-y-1") : (w = "space-x-8", S = "space-y-4"), v.push("flex"), x.value === "vertical" || o != null && o.value ? (v.push(`flex-col ${S} justify-center`), (o == null ? void 0 : o.value) === te.sm ? v.push(
       `sm:flex-row sm:space-y-0 sm:justify-start sm:${w} sm:items-center`
-    ) : (o == null ? void 0 : o.value) === te.md ? y.push(
+    ) : (o == null ? void 0 : o.value) === te.md ? v.push(
       `md:flex-row md:space-y-0 md:justify-start md:${w} md:items-center`
-    ) : (o == null ? void 0 : o.value) === te.lg ? y.push(
+    ) : (o == null ? void 0 : o.value) === te.lg ? v.push(
       `lg:flex-row lg:space-y-0 lg:justify-start lg:${w} lg:items-center`
-    ) : (o == null ? void 0 : o.value) === te.xl && y.push(
+    ) : (o == null ? void 0 : o.value) === te.xl && v.push(
       `xl:flex-row xl:space-y-0 xl:justify-start xl:${w} xl:items-center`
-    )) : y.push(`flex-row ${w} items-center`), y.join(" ");
+    )) : v.push(`flex-row ${w} items-center`), v.join(" ");
   }), j = r(() => {
-    const y = ["flex items-center"];
-    return c != null && c.value || y.push("cursor-pointer"), y.join(" ");
+    const v = ["flex items-center"];
+    return c != null && c.value || v.push("cursor-pointer"), v.join(" ");
   });
   return {
     value: p,
-    isCurrentStep: v,
+    isCurrentStep: y,
     isFinishedStep: h,
-    switchStep: k,
+    switchStep: C,
     getStepDisplayValue: b,
-    listClasses: B,
+    listClasses: u,
     linkClasses: j,
-    orientation: u
+    orientation: x
   };
 }
-ss([
+ls([
   "sm:space-x-8",
   "md:space-x-8",
   "lg:space-x-8",
@@ -709,16 +709,16 @@ ss([
   "lg:space-x-4",
   "xl:space-x-4"
 ]);
-const ns = ["aria-label"], ls = ["href", "onClick"], as = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, os = { class: "shrink-0 h-8 w-8 rounded-full bg-primary-focus text-foreground-on-primary inline-flex items-center justify-center" }, rs = { class: "flex flex-col" }, is = {
+const as = ["aria-label"], os = ["href", "onClick"], rs = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, is = { class: "shrink-0 h-8 w-8 rounded-full bg-primary-focus text-foreground-on-primary inline-flex items-center justify-center" }, us = { class: "flex flex-col" }, cs = {
   key: 0,
   class: "label label--light text-foreground"
-}, us = ["href", "onClick"], cs = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, ds = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-primary-focus inline-flex items-center justify-center" }, fs = { class: "flex flex-col" }, ps = {
+}, ds = ["href", "onClick"], fs = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, ps = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-primary-focus inline-flex items-center justify-center" }, hs = { class: "flex flex-col" }, ms = {
   key: 0,
   class: "label label--light text-foreground"
-}, hs = ["href", "onClick"], ms = { class: "flex space-x-3 items-center text-foreground-disabled normal font-medium leading-5" }, gs = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-foreground-disabled inline-flex items-center justify-center" }, vs = { class: "flex flex-col" }, bs = {
+}, gs = ["href", "onClick"], vs = { class: "flex space-x-3 items-center text-foreground-disabled normal font-medium leading-5" }, bs = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-foreground-disabled inline-flex items-center justify-center" }, ys = { class: "flex flex-col" }, xs = {
   key: 0,
   class: "label label--light"
-}, xl = /* @__PURE__ */ M({
+}, kl = /* @__PURE__ */ A({
   __name: "Number",
   props: {
     ariaLabel: null,
@@ -730,94 +730,94 @@ const ns = ["aria-label"], ls = ["href", "onClick"], as = { class: "flex space-x
     stepsPadding: null
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     const t = e, {
       isCurrentStep: s,
       isFinishedStep: o,
       switchStep: c,
-      getStepDisplayValue: f,
-      listClasses: d,
-      linkClasses: u
+      getStepDisplayValue: d,
+      listClasses: f,
+      linkClasses: x
     } = Ee({
       props: ae(t),
-      emit: l
+      emit: n
     });
     return (p, b) => (a(), m("nav", {
       class: "flex justify-center",
       "aria-label": e.ariaLabel || "Progress steps"
     }, [
       i("ol", {
-        class: x(n(d))
+        class: k(l(f))
       }, [
-        (a(!0), m(U, null, G(e.steps, (v, h) => (a(), m("li", {
-          key: v.name
+        (a(!0), m(W, null, G(e.steps, (y, h) => (a(), m("li", {
+          key: y.name
         }, [
-          n(o)(h) ? (a(), m("a", {
+          l(o)(h) ? (a(), m("a", {
             key: 0,
-            href: v.href,
-            class: x(n(u)),
-            onClick: (k) => n(c)(h, k)
+            href: y.href,
+            class: k(l(x)),
+            onClick: (C) => l(c)(h, C)
           }, [
-            i("div", as, [
-              i("div", os, [
-                L(n(pt), { class: "w-5 h-5" })
+            i("div", rs, [
+              i("div", is, [
+                P(l(pt), { class: "w-5 h-5" })
               ]),
-              i("div", rs, [
-                i("div", null, I(v.name), 1),
-                v.description ? (a(), m("div", is, I(v.description), 1)) : S("", !0)
+              i("div", us, [
+                i("div", null, B(y.name), 1),
+                y.description ? (a(), m("div", cs, B(y.description), 1)) : I("", !0)
               ])
             ])
-          ], 10, ls)) : n(s)(h) ? (a(), m("a", {
+          ], 10, os)) : l(s)(h) ? (a(), m("a", {
             key: 1,
-            href: v.href,
-            class: x(n(u)),
+            href: y.href,
+            class: k(l(x)),
             "aria-current": "step",
-            onClick: (k) => n(c)(h, k)
+            onClick: (C) => l(c)(h, C)
           }, [
-            i("div", cs, [
-              i("div", ds, I(n(f)(h)), 1),
-              i("div", fs, [
-                i("div", null, I(v.name), 1),
-                v.description ? (a(), m("div", ps, I(v.description), 1)) : S("", !0)
+            i("div", fs, [
+              i("div", ps, B(l(d)(h)), 1),
+              i("div", hs, [
+                i("div", null, B(y.name), 1),
+                y.description ? (a(), m("div", ms, B(y.description), 1)) : I("", !0)
               ])
             ])
-          ], 10, us)) : (a(), m("a", {
+          ], 10, ds)) : (a(), m("a", {
             key: 2,
-            href: v.href,
-            class: x(n(u)),
-            onClick: (k) => n(c)(h, k)
+            href: y.href,
+            class: k(l(x)),
+            onClick: (C) => l(c)(h, C)
           }, [
-            i("div", ms, [
-              i("div", gs, I(n(f)(h)), 1),
-              i("div", vs, [
-                i("div", null, I(v.name), 1),
-                v.description ? (a(), m("div", bs, I(v.description), 1)) : S("", !0)
+            i("div", vs, [
+              i("div", bs, B(l(d)(h)), 1),
+              i("div", ys, [
+                i("div", null, B(y.name), 1),
+                y.description ? (a(), m("div", xs, B(y.description), 1)) : I("", !0)
               ])
             ])
-          ], 10, hs))
+          ], 10, gs))
         ]))), 128))
       ], 2)
-    ], 8, ns));
+    ], 8, as));
   }
-}), ys = ["aria-label"], xs = ["href", "onClick"], ks = { class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center" }, Cs = {
+}), ks = ["aria-label"], Cs = ["href", "onClick"], ws = { class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center" }, $s = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground-2"
-}, ws = ["href", "onClick"], $s = {
+}, Ss = ["href", "onClick"], Is = {
   class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center",
   "aria-hidden": "true"
-}, Ss = {
+}, Bs = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground"
-}, Is = /* @__PURE__ */ i("span", { class: "absolute h-4 w-4 rounded-full bg-outline-2" }, null, -1), Bs = /* @__PURE__ */ i("span", { class: "relative block h-2 w-2 rounded-full bg-primary-focus" }, null, -1), _s = ["href", "onClick"], Ls = {
+}, _s = /* @__PURE__ */ i("span", { class: "absolute h-4 w-4 rounded-full bg-outline-2" }, null, -1), Ps = /* @__PURE__ */ i("span", { class: "relative block h-2 w-2 rounded-full bg-primary-focus" }, null, -1), Ls = ["href", "onClick"], js = {
   class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center",
   "aria-hidden": "true"
-}, Ps = {
+}, Vs = {
   key: 0,
   class: "h-3 w-3 rounded-full bg-foreground-2"
-}, js = {
+}, Os = {
   key: 1,
   class: "h-4 w-4 rounded-full bg-foreground-disabled"
-}, kl = /* @__PURE__ */ M({
+}, Cl = /* @__PURE__ */ A({
   __name: "Bullet",
   props: {
     ariaLabel: null,
@@ -830,85 +830,85 @@ const ns = ["aria-label"], ls = ["href", "onClick"], as = { class: "flex space-x
     stepsPadding: null
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    const t = e, { isCurrentStep: s, isFinishedStep: o, switchStep: c, listClasses: f, linkClasses: d } = Ee({
+  setup(e, { emit: n }) {
+    const t = e, { isCurrentStep: s, isFinishedStep: o, switchStep: c, listClasses: d, linkClasses: f } = Ee({
       props: ae(t),
-      emit: l
-    }), u = r(() => {
+      emit: n
+    }), x = r(() => {
       const b = ["h6 font-medium leading-7"];
-      let v;
-      return t.stepsPadding === "xs" ? v = "ml-1" : t.stepsPadding === "sm" ? v = "ml-2" : v = "ml-3", b.push(v), t.basic && b.push("sr-only"), b.join(" ");
+      let y;
+      return t.stepsPadding === "xs" ? y = "ml-1" : t.stepsPadding === "sm" ? y = "ml-2" : y = "ml-3", b.push(y), t.basic && b.push("sr-only"), b.join(" ");
     }), p = r(() => {
       const b = [];
       return t.basic && b.push("basic"), b.join(" ");
     });
-    return (b, v) => (a(), m("nav", {
+    return (b, y) => (a(), m("nav", {
       class: "flex justify-center",
       "aria-label": e.ariaLabel || "Progress steps"
     }, [
       i("ol", {
-        class: x([n(f), p.value])
+        class: k([l(d), p.value])
       }, [
-        (a(!0), m(U, null, G(e.steps, (h, k) => (a(), m("li", {
+        (a(!0), m(W, null, G(e.steps, (h, C) => (a(), m("li", {
           key: h.name
         }, [
-          n(o)(k) ? (a(), m("a", {
+          l(o)(C) ? (a(), m("a", {
             key: 0,
             href: h.href,
-            class: x(n(d)),
-            onClick: (B) => n(c)(k, B)
+            class: k(l(f)),
+            onClick: (u) => l(c)(C, u)
           }, [
-            i("span", ks, [
-              e.basic ? (a(), m("span", Cs)) : (a(), P(n(Te), {
+            i("span", ws, [
+              e.basic ? (a(), m("span", $s)) : (a(), L(l(Te), {
                 key: 1,
                 class: "h-full w-full text-primary",
                 "aria-hidden": "true"
               }))
             ]),
             i("span", {
-              class: x(["text-foreground", u.value])
-            }, I(h.name), 3)
-          ], 10, xs)) : n(s)(k) ? (a(), m("a", {
+              class: k(["text-foreground", x.value])
+            }, B(h.name), 3)
+          ], 10, Cs)) : l(s)(C) ? (a(), m("a", {
             key: 1,
             href: h.href,
-            class: x(n(d)),
+            class: k(l(f)),
             "aria-current": "step",
-            onClick: (B) => n(c)(k, B)
+            onClick: (u) => l(c)(C, u)
           }, [
-            i("span", $s, [
-              e.basic ? (a(), m("span", Ss)) : (a(), m(U, { key: 1 }, [
-                Is,
-                Bs
+            i("span", Is, [
+              e.basic ? (a(), m("span", Bs)) : (a(), m(W, { key: 1 }, [
+                _s,
+                Ps
               ], 64))
             ]),
             i("span", {
-              class: x(["text-primary-focus", u.value])
-            }, I(h.name), 3)
-          ], 10, ws)) : (a(), m("a", {
+              class: k(["text-primary-focus", x.value])
+            }, B(h.name), 3)
+          ], 10, Ss)) : (a(), m("a", {
             key: 2,
             href: h.href,
-            class: x(n(d)),
-            onClick: (B) => n(c)(k, B)
+            class: k(l(f)),
+            onClick: (u) => l(c)(C, u)
           }, [
-            i("div", Ls, [
-              e.basic ? (a(), m("span", Ps)) : (a(), m("div", js))
+            i("div", js, [
+              e.basic ? (a(), m("span", Vs)) : (a(), m("div", Os))
             ]),
             i("p", {
-              class: x(["text-foreground-disabled", u.value])
-            }, I(h.name), 3)
-          ], 10, _s))
+              class: k(["text-foreground-disabled", x.value])
+            }, B(h.name), 3)
+          ], 10, Ls))
         ]))), 128))
       ], 2)
-    ], 8, ys));
+    ], 8, ks));
   }
-}), Vs = ["disabled"], Cl = /* @__PURE__ */ M({
+}), As = ["disabled"], wl = /* @__PURE__ */ A({
   __name: "CardButton",
   props: {
     disabled: { type: Boolean },
     modelValue: { type: Boolean }
   },
   emits: ["update:modelValue", "click"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     const t = e, s = r(() => {
       const c = [
         "h-20 bg-foundation-2 inline-flex justify-center items-center outline-none",
@@ -922,25 +922,25 @@ const ns = ["aria-label"], ls = ["href", "onClick"], as = { class: "flex space-x
         c.preventDefault(), c.stopPropagation(), c.stopImmediatePropagation();
         return;
       }
-      l("update:modelValue", !t.modelValue), l("click", c);
+      n("update:modelValue", !t.modelValue), n("click", c);
     };
-    return (c, f) => (a(), m("button", {
-      class: x(s.value),
+    return (c, d) => (a(), m("button", {
+      class: k(s.value),
       disabled: e.disabled,
       onClick: o
     }, [
-      D(c.$slots, "default", {}, () => [
-        A("Text")
+      z(c.$slots, "default", {}, () => [
+        M("Text")
       ])
-    ], 10, Vs));
+    ], 10, As));
   }
-}), Os = { class: "relative flex items-start" }, Ms = { class: "flex h-6 items-center" }, As = ["id", "checked", "aria-describedby", "name", "disabled", "value"], Ds = {
+}), Ms = { class: "relative flex items-start" }, zs = { class: "flex h-6 items-center" }, Ds = ["id", "checked", "aria-describedby", "name", "disabled", "value"], Ts = {
   class: "ml-2 text-sm",
   style: { "padding-top": "2px" }
-}, Ts = ["for"], Rs = {
+}, Rs = ["for"], Fs = {
   key: 0,
   class: "text-danger ml-1"
-}, Fs = ["id"], wl = /* @__PURE__ */ M({
+}, Es = ["id"], $l = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -1029,108 +1029,108 @@ const ns = ["aria-label"], ls = ["href", "onClick"], as = { class: "flex space-x
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const l = e, t = (y) => `${y}-${ke()}`, s = r(() => l.value || l.name), {
+    const n = e, t = (v) => `${v}-${Ce()}`, s = r(() => n.value || n.name), {
       checked: o,
       errorMessage: c,
-      handleChange: f,
-      value: d
-    } = xe(l.name, l.rules, {
-      validateOnMount: l.validateOnMount,
+      handleChange: d,
+      value: f
+    } = ke(n.name, n.rules, {
+      validateOnMount: n.validateOnMount,
       type: "checkbox",
       checkedValue: s,
-      initialValue: l.modelValue || void 0
-    }), u = r(() => l.label || l.name), p = r(() => c.value ? "border-danger-lighter" : "border-foreground-4 "), b = r(() => l.description || c.value), v = r(() => `${l.name}-description`), h = r(() => {
-      const y = [];
-      return l.inlineDescription ? y.push("inline ml-2") : y.push("block"), c.value ? y.push("text-danger") : y.push("text-foreground-2"), y.join(" ");
-    }), k = O(t("checkbox")), B = r(() => l.id || k.value), j = (y) => {
-      l.disabled || f(y);
+      initialValue: n.modelValue || void 0
+    }), x = r(() => n.label || n.name), p = r(() => c.value ? "border-danger-lighter" : "border-foreground-4 "), b = r(() => n.description || c.value), y = r(() => `${n.name}-description`), h = r(() => {
+      const v = [];
+      return n.inlineDescription ? v.push("inline ml-2") : v.push("block"), c.value ? v.push("text-danger") : v.push("text-foreground-2"), v.join(" ");
+    }), C = O(t("checkbox")), u = r(() => n.id || C.value), j = (v) => {
+      n.disabled || d(v);
     };
     return Y(() => {
-      const y = l.modelValue, w = d.value, $ = Array.isArray(y) ? y.includes(l.value) : y === l.value, F = Array.isArray(w) ? w.includes(l.value) : w === l.value;
-      $ !== F && f(y);
-    }), (y, w) => (a(), m("div", Os, [
-      i("div", Ms, [
+      const v = n.modelValue, w = f.value, S = Array.isArray(v) ? v.includes(n.value) : v === n.value, R = Array.isArray(w) ? w.includes(n.value) : w === n.value;
+      S !== R && d(v);
+    }), (v, w) => (a(), m("div", Ms, [
+      i("div", zs, [
         i("input", oe({
-          id: B.value,
-          checked: n(o),
-          "aria-describedby": v.value,
+          id: u.value,
+          checked: l(o),
+          "aria-describedby": y.value,
           name: e.name,
           disabled: e.disabled,
           value: s.value,
           type: "checkbox",
           class: ["h-4 w-4 rounded text-primary focus:ring-primary bg-foundation disabled:cursor-not-allowed disabled:bg-disabled disabled:text-disabled-2", p.value]
-        }, y.$attrs, { onChange: j }), null, 16, As)
+        }, v.$attrs, { onChange: j }), null, 16, Ds)
       ]),
-      i("div", Ds, [
+      i("div", Ts, [
         i("label", {
-          for: B.value,
-          class: x(["font-medium text-foreground", { "sr-only": e.hideLabel }])
+          for: u.value,
+          class: k(["font-medium text-foreground", { "sr-only": e.hideLabel }])
         }, [
-          i("span", null, I(u.value), 1),
-          e.showRequired ? (a(), m("span", Rs, "*")) : S("", !0)
-        ], 10, Ts),
+          i("span", null, B(x.value), 1),
+          e.showRequired ? (a(), m("span", Fs, "*")) : I("", !0)
+        ], 10, Rs),
         b.value ? (a(), m("p", {
           key: 0,
-          id: v.value,
-          class: x(h.value)
-        }, I(b.value), 11, Fs)) : S("", !0)
+          id: y.value,
+          class: k(h.value)
+        }, B(b.value), 11, Es)) : I("", !0)
       ])
     ]));
   }
 });
-function Ue(e) {
-  const { props: l, inputEl: t, emit: s } = e, { value: o, errorMessage: c } = xe(l.name, l.rules, {
-    validateOnMount: n(l.validateOnMount),
-    validateOnValueUpdate: n(l.validateOnValueUpdate),
-    initialValue: n(l.modelValue) || void 0
-  }), f = r(() => {
-    const $ = ["block label text-foreground-2 mb-2"];
-    return n(l.showLabel) || $.push("sr-only"), $.join(" ");
+function We(e) {
+  const { props: n, inputEl: t, emit: s } = e, { value: o, errorMessage: c } = ke(n.name, n.rules, {
+    validateOnMount: l(n.validateOnMount),
+    validateOnValueUpdate: l(n.validateOnValueUpdate),
+    initialValue: l(n.modelValue) || void 0
   }), d = r(() => {
-    const $ = [
+    const S = ["block label text-foreground-2 mb-2"];
+    return l(n.showLabel) || S.push("sr-only"), S.join(" ");
+  }), f = r(() => {
+    const S = [
       "block w-full rounded focus:outline-none text-foreground transition-all",
       "disabled:cursor-not-allowed disabled:bg-foundation-disabled disabled:text-disabled-muted",
       "placeholder:text-foreground-2"
     ];
-    return c.value ? $.push(
+    return c.value ? S.push(
       "border-2 border-danger text-danger-darker focus:border-danger focus:ring-danger"
-    ) : $.push("border-0 focus:ring-2 focus:ring-outline-2"), n(l.color) === "foundation" ? $.push("bg-foundation shadow-sm hover:shadow") : $.push("bg-foundation-page"), $.join(" ");
-  }), u = O(ke()), p = r(() => n(l.label) || n(l.name)), b = r(() => {
-    const $ = c.value;
-    return !$ || !n(l.useLabelInErrors) ? $ : $.replace("Value", p.value);
-  }), v = r(
-    () => b.value && n(l.hideErrorMessage)
-  ), h = r(() => b.value || n(l.help)), k = r(() => !!h.value), B = r(
-    () => k.value ? `${n(l.name)}-${u.value}` : void 0
+    ) : S.push("border-0 focus:ring-2 focus:ring-outline-2"), l(n.color) === "foundation" ? S.push("bg-foundation shadow-sm hover:shadow") : S.push("bg-foundation-page"), S.join(" ");
+  }), x = O(Ce()), p = r(() => l(n.label) || l(n.name)), b = r(() => {
+    const S = c.value;
+    return !S || !l(n.useLabelInErrors) ? S : S.replace("Value", p.value);
+  }), y = r(
+    () => b.value && l(n.hideErrorMessage)
+  ), h = r(() => b.value || l(n.help)), C = r(() => !!h.value), u = r(
+    () => C.value ? `${l(n.name)}-${x.value}` : void 0
   ), j = r(() => {
-    const $ = ["mt-2 text-sm"];
-    return $.push(c.value ? "text-danger" : "text-foreground-2"), $.join(" ");
-  }), y = () => {
-    var $;
-    ($ = t.value) == null || $.focus();
+    const S = ["mt-2 text-sm"];
+    return S.push(c.value ? "text-danger" : "text-foreground-2"), S.join(" ");
+  }), v = () => {
+    var S;
+    (S = t.value) == null || S.focus();
   }, w = () => {
     o.value = "", s("change", { value: "" }), s("clear");
   };
   return Y(() => {
-    n(l.autoFocus) && y();
+    l(n.autoFocus) && v();
   }), {
-    coreClasses: d,
+    coreClasses: f,
     title: p,
     value: o,
-    helpTipId: B,
+    helpTipId: u,
     helpTipClasses: j,
     helpTip: h,
-    hideHelpTip: v,
+    hideHelpTip: y,
     errorMessage: b,
     clear: w,
-    focus: y,
-    labelClasses: f
+    focus: v,
+    labelClasses: d
   };
 }
-const zs = ["for"], Es = { class: "relative" }, Us = ["id", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], Ws = /* @__PURE__ */ i("span", { class: "text-xs sr-only" }, "Clear input", -1), qs = {
+const Ws = ["for"], Us = { class: "relative" }, qs = ["id", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], Hs = /* @__PURE__ */ i("span", { class: "text-xs sr-only" }, "Clear input", -1), Gs = {
   key: 2,
   class: "pointer-events-none absolute inset-y-0 mt-3 text-4xl right-0 flex items-center pr-2 text-danger opacity-50"
-}, Hs = ["id"], $l = /* @__PURE__ */ M({
+}, Ks = ["id"], Sl = /* @__PURE__ */ A({
   __name: "TextArea",
   props: {
     name: null,
@@ -1151,96 +1151,96 @@ const zs = ["for"], Es = { class: "relative" }, Us = ["id", "name", "placeholder
     color: { default: "page" }
   },
   emits: ["update:modelValue", "change", "input", "clear"],
-  setup(e, { expose: l, emit: t }) {
+  setup(e, { expose: n, emit: t }) {
     const s = e, o = O(null), {
       coreClasses: c,
-      title: f,
-      value: d,
-      helpTipId: u,
+      title: d,
+      value: f,
+      helpTipId: x,
       helpTipClasses: p,
       helpTip: b,
-      errorMessage: v,
+      errorMessage: y,
       labelClasses: h,
-      clear: k,
-      focus: B
-    } = Ue({
+      clear: C,
+      focus: u
+    } = We({
       props: ae(s),
       emit: t,
       inputEl: o
     }), j = r(() => {
-      const y = ["pl-2"];
-      return s.showClear && v.value ? y.push("pr-12") : (s.showClear || v.value) && y.push("pr-8"), y.join(" ");
+      const v = ["pl-2"];
+      return s.showClear && y.value ? v.push("pr-12") : (s.showClear || y.value) && v.push("pr-8"), v.join(" ");
     });
-    return l({ focus: B }), (y, w) => (a(), m("div", {
-      class: x([e.fullWidth ? "w-full" : ""])
+    return n({ focus: u }), (v, w) => (a(), m("div", {
+      class: k([e.fullWidth ? "w-full" : ""])
     }, [
       i("label", {
         for: e.name,
-        class: x(n(h))
+        class: k(l(h))
       }, [
-        i("span", null, I(n(f)), 1)
-      ], 10, zs),
-      i("div", Es, [
+        i("span", null, B(l(d)), 1)
+      ], 10, Ws),
+      i("div", Us, [
         ne(i("textarea", oe({
           id: e.name,
           ref_key: "inputElement",
           ref: o,
-          "onUpdate:modelValue": w[0] || (w[0] = ($) => ve(d) ? d.value = $ : null),
+          "onUpdate:modelValue": w[0] || (w[0] = (S) => ve(f) ? f.value = S : null),
           name: e.name,
-          class: [n(c), j.value, "min-h-[4rem]"],
+          class: [l(c), j.value, "min-h-[4rem]"],
           placeholder: e.placeholder,
           disabled: e.disabled,
-          "aria-invalid": n(v) ? "true" : "false",
-          "aria-describedby": n(u)
-        }, y.$attrs, {
-          onChange: w[1] || (w[1] = ($) => y.$emit("change", { event: $, value: n(d) })),
-          onInput: w[2] || (w[2] = ($) => y.$emit("input", { event: $, value: n(d) }))
-        }), null, 16, Us), [
-          [Oe, n(d)]
+          "aria-invalid": l(y) ? "true" : "false",
+          "aria-describedby": l(x)
+        }, v.$attrs, {
+          onChange: w[1] || (w[1] = (S) => v.$emit("change", { event: S, value: l(f) })),
+          onInput: w[2] || (w[2] = (S) => v.$emit("input", { event: S, value: l(f) }))
+        }), null, 16, qs), [
+          [Ae, l(f)]
         ]),
         e.showClear ? (a(), m("a", {
           key: 0,
           title: "Clear input",
           class: "absolute top-2 right-0 flex items-center pr-2 cursor-pointer",
           onClick: w[3] || (w[3] = //@ts-ignore
-          (...$) => n(k) && n(k)(...$)),
+          (...S) => l(C) && l(C)(...S)),
           onKeydown: w[4] || (w[4] = //@ts-ignore
-          (...$) => n(k) && n(k)(...$))
+          (...S) => l(C) && l(C)(...S))
         }, [
-          Ws,
-          L(n(ue), {
+          Hs,
+          P(l(ue), {
             class: "h-5 w-5 text-foreground",
             "aria-hidden": "true"
           })
-        ], 32)) : S("", !0),
-        n(v) ? (a(), m("div", {
+        ], 32)) : I("", !0),
+        l(y) ? (a(), m("div", {
           key: 1,
-          class: x([
+          class: k([
             "pointer-events-none absolute inset-y-0 right-0 flex items-center",
             e.showClear ? "pr-8" : "pr-2"
           ])
         }, [
-          L(n(Re), {
+          P(l(xe), {
             class: "h-4 w-4 text-danger",
             "aria-hidden": "true"
           })
-        ], 2)) : S("", !0),
-        e.showRequired && !n(v) ? (a(), m("div", qs, " * ")) : S("", !0)
+        ], 2)) : I("", !0),
+        e.showRequired && !l(y) ? (a(), m("div", Gs, " * ")) : I("", !0)
       ]),
-      n(u) ? (a(), m("p", {
+      l(x) ? (a(), m("p", {
         key: 0,
-        id: n(u),
-        class: x(n(p))
-      }, I(n(b)), 11, Hs)) : S("", !0)
+        id: l(x),
+        class: k(l(p))
+      }, B(l(b)), 11, Ks)) : I("", !0)
     ], 2));
   }
-}), Gs = ["for"], Ks = { class: "relative" }, Xs = {
+}), Xs = ["for"], Ns = { class: "relative" }, Js = {
   key: 0,
   class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2"
-}, Ns = ["id", "type", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], Js = /* @__PURE__ */ i("span", { class: "text-xs sr-only" }, "Clear input", -1), Qs = {
+}, Qs = ["id", "type", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], Ys = /* @__PURE__ */ i("span", { class: "text-xs sr-only" }, "Clear input", -1), Zs = {
   key: 2,
   class: "pointer-events-none absolute inset-y-0 mt-3 text-4xl right-0 flex items-center pr-2 text-danger opacity-50"
-}, Ys = ["id"], Sl = /* @__PURE__ */ M({
+}, en = ["id"], Il = /* @__PURE__ */ A({
   inheritAttrs: !1,
   __name: "TextInput",
   props: {
@@ -1376,31 +1376,31 @@ const zs = ["for"], Es = { class: "relative" }, Us = ["id", "name", "placeholder
     }
   },
   emits: ["update:modelValue", "change", "input", "clear", "focusin", "focusout"],
-  setup(e, { expose: l, emit: t }) {
+  setup(e, { expose: n, emit: t }) {
     const s = e, o = be(), c = O(null), {
-      coreClasses: f,
-      title: d,
-      value: u,
+      coreClasses: d,
+      title: f,
+      value: x,
       helpTipId: p,
       helpTipClasses: b,
-      helpTip: v,
+      helpTip: y,
       hideHelpTip: h,
-      errorMessage: k,
-      clear: B,
+      errorMessage: C,
+      clear: u,
       focus: j,
-      labelClasses: y
-    } = Ue({
+      labelClasses: v
+    } = We({
       props: ae(s),
       emit: t,
       inputEl: c
     }), w = r(() => {
-      const R = ["h-5 w-5"];
-      return k.value ? R.push("text-danger") : R.push("text-foreground-2"), R.join(" ");
-    }), $ = r(
+      const T = ["h-5 w-5"];
+      return C.value ? T.push("text-danger") : T.push("text-foreground-2"), T.join(" ");
+    }), S = r(
       () => ["email", "password"].includes(s.type) || s.customIcon
-    ), F = r(() => {
-      const R = [];
-      return $.value ? R.push("pl-8") : R.push("pl-2"), o["input-right"] || (k.value || s.showClear) && (k.value && s.showClear ? R.push("pr-12") : R.push("pr-8")), R.join(" ");
+    ), R = r(() => {
+      const T = [];
+      return S.value ? T.push("pl-8") : T.push("pl-2"), o["input-right"] || (C.value || s.showClear) && (C.value && s.showClear ? T.push("pr-12") : T.push("pr-8")), T.join(" ");
     }), g = r(() => {
       switch (s.size) {
         case "sm":
@@ -1414,140 +1414,140 @@ const zs = ["for"], Es = { class: "relative" }, Us = ["id", "name", "placeholder
           return "h-8";
       }
     });
-    return l({ focus: j }), (R, E) => (a(), m("div", {
-      class: x([e.fullWidth ? "w-full" : "", e.wrapperClasses])
+    return n({ focus: j }), (T, E) => (a(), m("div", {
+      class: k([e.fullWidth ? "w-full" : "", e.wrapperClasses])
     }, [
       i("label", {
         for: e.name,
-        class: x(n(y))
+        class: k(l(v))
       }, [
-        i("span", null, I(n(d)), 1)
-      ], 10, Gs),
-      i("div", Ks, [
-        $.value ? (a(), m("div", Xs, [
-          e.customIcon ? (a(), P(H(e.customIcon), {
+        i("span", null, B(l(f)), 1)
+      ], 10, Xs),
+      i("div", Ns, [
+        S.value ? (a(), m("div", Js, [
+          e.customIcon ? (a(), L(H(e.customIcon), {
             key: 0,
-            class: x(w.value),
+            class: k(w.value),
             "aria-hidden": "true"
-          }, null, 8, ["class"])) : e.type === "email" ? (a(), P(n(ht), {
+          }, null, 8, ["class"])) : e.type === "email" ? (a(), L(l(ht), {
             key: 1,
-            class: x(w.value),
+            class: k(w.value),
             "aria-hidden": "true"
-          }, null, 8, ["class"])) : e.type === "password" ? (a(), P(n(mt), {
+          }, null, 8, ["class"])) : e.type === "password" ? (a(), L(l(mt), {
             key: 2,
-            class: x(w.value),
+            class: k(w.value),
             "aria-hidden": "true"
-          }, null, 8, ["class"])) : S("", !0)
-        ])) : S("", !0),
+          }, null, 8, ["class"])) : I("", !0)
+        ])) : I("", !0),
         ne(i("input", oe({
           id: e.name,
           ref_key: "inputElement",
           ref: c,
-          "onUpdate:modelValue": E[0] || (E[0] = (z) => ve(u) ? u.value = z : null),
+          "onUpdate:modelValue": E[0] || (E[0] = (F) => ve(x) ? x.value = F : null),
           type: e.type,
           name: e.name,
-          class: [n(f), F.value, g.value, e.inputClasses || ""],
+          class: [l(d), R.value, g.value, e.inputClasses || ""],
           placeholder: e.placeholder,
           disabled: e.disabled,
-          "aria-invalid": n(k) ? "true" : "false",
-          "aria-describedby": n(p),
+          "aria-invalid": l(C) ? "true" : "false",
+          "aria-describedby": l(p),
           role: "textbox"
-        }, R.$attrs, {
-          onChange: E[1] || (E[1] = (z) => R.$emit("change", { event: z, value: n(u) })),
-          onInput: E[2] || (E[2] = (z) => R.$emit("input", { event: z, value: n(u) }))
-        }), null, 16, Ns), [
-          [Xe, n(u)]
+        }, T.$attrs, {
+          onChange: E[1] || (E[1] = (F) => T.$emit("change", { event: F, value: l(x) })),
+          onInput: E[2] || (E[2] = (F) => T.$emit("input", { event: F, value: l(x) }))
+        }), null, 16, Qs), [
+          [Xe, l(x)]
         ]),
-        D(R.$slots, "input-right", {}, () => [
+        z(T.$slots, "input-right", {}, () => [
           e.showClear ? (a(), m("a", {
             key: 0,
             title: "Clear input",
             class: "absolute inset-y-0 right-0 flex items-center pr-2 cursor-pointer",
             onClick: E[3] || (E[3] = //@ts-ignore
-            (...z) => n(B) && n(B)(...z)),
+            (...F) => l(u) && l(u)(...F)),
             onKeydown: E[4] || (E[4] = //@ts-ignore
-            (...z) => n(B) && n(B)(...z))
+            (...F) => l(u) && l(u)(...F))
           }, [
-            Js,
-            L(n(ue), {
+            Ys,
+            P(l(ue), {
               class: "h-5 w-5 text-foreground",
               "aria-hidden": "true"
             })
-          ], 32)) : S("", !0),
-          n(k) ? (a(), m("div", {
+          ], 32)) : I("", !0),
+          l(C) ? (a(), m("div", {
             key: 1,
-            class: x([
+            class: k([
               "pointer-events-none absolute inset-y-0 right-0 flex items-center",
               e.showClear ? "pr-8" : "pr-2"
             ])
           }, [
-            L(n(Re), {
+            P(l(xe), {
               class: "h-4 w-4 text-danger",
               "aria-hidden": "true"
             })
-          ], 2)) : S("", !0),
-          e.showRequired && !n(k) ? (a(), m("div", Qs, " * ")) : S("", !0)
+          ], 2)) : I("", !0),
+          e.showRequired && !l(C) ? (a(), m("div", Zs, " * ")) : I("", !0)
         ])
       ]),
-      n(p) && !n(h) ? (a(), m("p", {
+      l(p) && !l(h) ? (a(), m("p", {
         key: 0,
-        id: n(p),
-        class: x(n(b))
-      }, I(n(v)), 11, Ys)) : S("", !0)
+        id: l(p),
+        class: k(l(b))
+      }, B(l(y)), 11, en)) : I("", !0)
     ], 2));
   }
-}), Zs = /^https?:\/\//, we = /^[\w-_.+]+@[\w-_.+]+$/, en = (e) => (e || "").match(we) ? !0 : "Value should be a valid e-mail address", tn = (e) => (e || "").split(",").map((s) => s.trim()).every((s) => s.match(we)) || "Value should be one or multiple comma-delimited e-mail addresses", sn = (e) => (ie(e) && (e = e.trim()), e ? !0 : "Value is required"), nn = (e, l) => (t, s) => t === s.form[e] ? !0 : `Value must be the same as in field '${l || e}'`, ln = (e) => (l) => {
+}), tn = /^https?:\/\//, $e = /^[\w-_.+]+@[\w-_.+]+$/, sn = (e) => (e || "").match($e) ? !0 : "Value should be a valid e-mail address", nn = (e) => (e || "").split(",").map((s) => s.trim()).every((s) => s.match($e)) || "Value should be one or multiple comma-delimited e-mail addresses", ln = (e) => (ie(e) && (e = e.trim()), e ? !0 : "Value is required"), an = (e, n) => (t, s) => t === s.form[e] ? !0 : `Value must be the same as in field '${n || e}'`, on = (e) => (n) => {
   const { minLength: t, maxLength: s } = e;
-  return l = gt(l) ? "" : l, ie(l) ? !Q(t) && l.length < t ? `Value needs to be at least ${t} characters long` : !Q(s) && l.length > s ? `Value needs to be no more than ${s} characters long` : !0 : "Value should be a text string";
-}, an = (e) => (l) => {
+  return n = bt(n) ? "" : n, ie(n) ? !Q(t) && n.length < t ? `Value needs to be at least ${t} characters long` : !Q(s) && n.length > s ? `Value needs to be no more than ${s} characters long` : !0 : "Value should be a text string";
+}, rn = (e) => (n) => {
   const { match: t, message: s } = e;
-  return ie(l) ? t ? ie(t) ? l.includes(t) ? !0 : s : t.test(l) ? !0 : s : !0 : "Value should be a text string";
-}, Il = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  return ie(n) ? t ? ie(t) ? n.includes(t) ? !0 : s : t.test(n) ? !0 : s : !0 : "Value should be a text string";
+}, Bl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VALID_EMAIL: we,
-  VALID_HTTP_URL: Zs,
-  isEmail: en,
-  isOneOrMultipleEmails: tn,
-  isRequired: sn,
-  isSameAs: nn,
-  isStringOfLength: ln,
-  stringContains: an
+  VALID_EMAIL: $e,
+  VALID_HTTP_URL: tn,
+  isEmail: sn,
+  isOneOrMultipleEmails: nn,
+  isRequired: ln,
+  isSameAs: an,
+  isStringOfLength: on,
+  stringContains: rn
 }, Symbol.toStringTag, { value: "Module" }));
-function on(e) {
+function un(e) {
   const {
-    skipCalculation: l,
+    skipCalculation: n,
     elementToWatchForChanges: t,
     itemContainer: s,
     trackResize: o = !1,
     trackMutations: c = !0
-  } = e || {}, f = O(0), d = () => {
-    const u = s.value;
-    if (l != null && l.value || !u)
+  } = e || {}, d = O(0), f = () => {
+    const x = s.value;
+    if (n != null && n.value || !x)
       return;
-    const p = u.children;
-    let b = 0, v = 0, h;
-    for (const k of p) {
-      const B = k.offsetTop;
-      Q(h) ? (h = B, b += 1) : B === h && (b += 1), v += 1;
+    const p = x.children;
+    let b = 0, y = 0, h;
+    for (const C of p) {
+      const u = C.offsetTop;
+      Q(h) ? (h = u, b += 1) : u === h && (b += 1), y += 1;
     }
-    f.value = v - b;
+    d.value = y - b;
   };
-  return o && yt(t, d), c && xt(t, d, {
+  return o && kt(t, f), c && Ct(t, f, {
     childList: !0,
     subtree: !0
   }), {
-    hiddenItemCount: f
+    hiddenItemCount: d
   };
 }
-function rn(e) {
-  const { props: l, emit: t, dynamicVisibility: s } = e;
+function cn(e) {
+  const { props: n, emit: t, dynamicVisibility: s } = e;
   let o;
   if (s) {
     const { elementToWatchForChanges: p, itemContainer: b } = s;
-    o = on({
+    o = un({
       skipCalculation: r(() => {
         var h;
-        return !((h = l.multiple) != null && h.value);
+        return !((h = n.multiple) != null && h.value);
       }),
       elementToWatchForChanges: p,
       itemContainer: b
@@ -1556,55 +1556,55 @@ function rn(e) {
     o = O(0);
   const c = r({
     get: () => {
-      var b, v;
-      const p = (b = l.modelValue) == null ? void 0 : b.value;
-      return (v = l.multiple) != null && v.value ? q(p) ? p : [] : q(p) ? void 0 : p;
+      var b, y;
+      const p = (b = n.modelValue) == null ? void 0 : b.value;
+      return (y = n.multiple) != null && y.value ? q(p) ? p : [] : q(p) ? void 0 : p;
     },
     set: (p) => {
-      var b, v, h;
-      if ((b = l.multiple) != null && b.value && !q(p)) {
+      var b, y, h;
+      if ((b = n.multiple) != null && b.value && !q(p)) {
         console.warn("Attempting to set non-array value in selector w/ multiple=true");
         return;
-      } else if (!((v = l.multiple) != null && v.value) && q(p)) {
+      } else if (!((y = n.multiple) != null && y.value) && q(p)) {
         console.warn("Attempting to set array value in selector w/ multiple=false");
         return;
       }
-      t("update:modelValue", (h = l.multiple) != null && h.value ? p || [] : p);
+      t("update:modelValue", (h = n.multiple) != null && h.value ? p || [] : p);
     }
-  }), f = (p) => q(p);
+  }), d = (p) => q(p);
   return {
     selectedValue: c,
     hiddenSelectedItemCount: o,
-    isArrayValue: f,
+    isArrayValue: d,
     isMultiItemArrayValue: (p) => q(p) && p.length > 1,
-    firstItem: (p) => f(p) ? p[0] : p
+    firstItem: (p) => d(p) ? p[0] : p
   };
 }
-const un = (e) => (Ne("data-v-60cf597b"), e = e(), Je(), e), cn = /* @__PURE__ */ un(() => /* @__PURE__ */ i("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), dn = [
-  cn
-], fn = /* @__PURE__ */ M({
+const dn = (e) => (Ne("data-v-60cf597b"), e = e(), Je(), e), fn = /* @__PURE__ */ dn(() => /* @__PURE__ */ i("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), pn = [
+  fn
+], hn = /* @__PURE__ */ A({
   __name: "Bar",
   props: {
     loading: { type: Boolean }
   },
   setup(e) {
-    return (l, t) => (a(), m("div", {
-      class: x([
+    return (n, t) => (a(), m("div", {
+      class: k([
         "relative w-full h-1 bg-blue-500/30 text-xs text-foreground-on-primary overflow-hidden rounded-xl",
         e.loading ? "opacity-100" : "opacity-0"
       ])
-    }, dn, 2));
+    }, pn, 2));
   }
 });
-const We = /* @__PURE__ */ ze(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { class: "flex items-center justify-between w-full" }, hn = { class: "block truncate grow text-left" }, mn = { class: "pointer-events-none shrink-0 ml-1 flex items-center" }, gn = ["disabled"], vn = {
+const Ue = /* @__PURE__ */ Fe(hn, [["__scopeId", "data-v-60cf597b"]]), mn = { class: "flex items-center justify-between w-full" }, gn = { class: "block truncate grow text-left" }, vn = { class: "pointer-events-none shrink-0 ml-1 flex items-center" }, bn = ["disabled"], yn = {
   key: 0,
   class: "flex flex-col mx-1 mb-1"
-}, bn = /* @__PURE__ */ i("span", { class: "sr-only label text-foreground" }, "Search", -1), yn = { class: "relative" }, xn = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2" }, kn = ["placeholder"], Cn = {
+}, xn = /* @__PURE__ */ i("span", { class: "sr-only label text-foreground" }, "Search", -1), kn = { class: "relative" }, Cn = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2" }, wn = ["placeholder"], $n = {
   key: 0,
   class: "px-1"
-}, wn = { key: 1 }, $n = /* @__PURE__ */ i("div", { class: "text-foreground-2 text-center" }, "Nothing found 🤷‍♂️", -1), Sn = {
-  class: /* @__PURE__ */ x(["block truncate"])
-}, In = ["id"], Bn = /* @__PURE__ */ M({
+}, Sn = { key: 1 }, In = /* @__PURE__ */ i("div", { class: "text-foreground-2 text-center" }, "Nothing found 🤷‍♂️", -1), Bn = {
+  class: /* @__PURE__ */ k(["block truncate"])
+}, _n = ["id"], Pn = /* @__PURE__ */ A({
   __name: "Base",
   props: {
     multiple: {
@@ -1739,117 +1739,127 @@ const We = /* @__PURE__ */ ze(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { cl
     fixedHeight: {
       type: Boolean,
       default: !1
+    },
+    /**
+     * By default component holds its own internal value state so that even if you don't have it tied up to a real `modelValue` ref somewhere
+     * it knows its internal state and can report it on form submits.
+     *
+     * If you set this to true, its only going to rely on `modelValue` as its primary source of truth so that you can reject updates etc.
+     */
+    fullyControlValue: {
+      type: Boolean,
+      default: !1
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { expose: l, emit: t }) {
-    const s = e, { value: o, errorMessage: c } = xe(s.name, s.rules, {
+  setup(e, { expose: n, emit: t }) {
+    const s = e, { value: o, errorMessage: c } = ke(s.name, s.rules, {
       validateOnMount: s.validateOnMount,
       validateOnValueUpdate: s.validateOnValueUpdate,
       initialValue: s.modelValue
-    }), f = O(null), d = O(""), u = O([]), p = O(!1), b = O(1), v = O(ke()), h = r(() => n(s.label) || n(s.name)), k = r(() => {
-      const C = c.value;
-      return !C || !n(s.useLabelInErrors) ? C : C.replace("Value", h.value);
-    }), B = r(() => k.value || n(s.help)), j = r(() => !!B.value), y = r(
-      () => j.value ? `${n(s.name)}-${v.value}` : void 0
+    }), d = O(null), f = O(""), x = O([]), p = O(!1), b = O(1), y = O(Ce()), h = r(() => l(s.label) || l(s.name)), C = r(() => {
+      const $ = c.value;
+      return !$ || !l(s.useLabelInErrors) ? $ : $.replace("Value", h.value);
+    }), u = r(() => C.value || l(s.help)), j = r(() => !!u.value), v = r(
+      () => j.value ? `${l(s.name)}-${y.value}` : void 0
     ), w = r(
       () => c.value ? "text-danger" : "text-foreground-2"
-    ), $ = r(
+    ), S = r(
       () => s.buttonStyle !== "simple" && s.clearable && !s.disabled
-    ), F = r(() => {
-      const C = ["relative flex group"];
-      return s.buttonStyle !== "simple" && (C.push("hover:shadow rounded-md"), C.push("outline outline-2 outline-primary-muted")), s.fixedHeight && C.push("h-8"), C.join(" ");
+    ), R = r(() => {
+      const $ = ["relative flex group"];
+      return s.buttonStyle !== "simple" && ($.push("hover:shadow rounded-md"), $.push("outline outline-2 outline-primary-muted")), s.fixedHeight && $.push("h-8"), $.join(" ");
     }), g = r(() => {
-      const C = [];
-      return s.buttonStyle !== "simple" && C.push(
+      const $ = [];
+      return s.buttonStyle !== "simple" && $.push(
         Z.value ? "bg-foundation-disabled text-foreground-disabled" : ""
-      ), Z.value && C.push("cursor-not-allowed"), C.join(" ");
-    }), R = r(() => {
-      const C = [
+      ), Z.value && $.push("cursor-not-allowed"), $.join(" ");
+    }), T = r(() => {
+      const $ = [
         "relative z-[1]",
         "flex items-center justify-center text-center shrink-0",
         "rounded-r-md overflow-hidden transition-all",
         "text-foreground",
-        $e.value ? `w-6 ${g.value}` : "w-0"
+        Se.value ? `w-6 ${g.value}` : "w-0"
       ];
-      return Z.value || (C.push(
+      return Z.value || ($.push(
         "hover:bg-primary hover:text-foreground-on-primary dark:text-foreground-on-primary"
-      ), s.buttonStyle === "tinted" ? C.push("bg-outline-3") : C.push("bg-primary-muted")), C.join(" ");
+      ), s.buttonStyle === "tinted" ? $.push("bg-outline-3") : $.push("bg-primary-muted")), $.join(" ");
     }), E = r(() => {
-      const C = [
+      const $ = [
         "relative z-[2]",
         "normal rounded-md cursor-pointer transition truncate flex-1",
         "flex items-center",
         g.value
       ];
-      return s.buttonStyle !== "simple" && (C.push("py-2 px-3"), Z.value || (s.buttonStyle === "tinted" ? C.push("bg-foundation-page text-foreground") : C.push("bg-foundation text-foreground"))), $.value && $e.value && C.push("rounded-r-none"), C.join(" ");
-    }), z = r(
+      return s.buttonStyle !== "simple" && ($.push("py-2 px-3"), Z.value || (s.buttonStyle === "tinted" ? $.push("bg-foundation-page text-foreground") : $.push("bg-foundation text-foreground"))), S.value && Se.value && $.push("rounded-r-none"), $.join(" ");
+    }), F = r(
       () => !!(s.search && (s.filterPredicate || s.getSearchResults))
-    ), X = r(() => z.value && s.getSearchResults), Z = r(
+    ), X = r(() => F.value && s.getSearchResults), Z = r(
       () => s.disabled || !s.items.length && !X.value
-    ), W = r({
+    ), U = r({
       get: () => {
-        const C = o.value;
-        return s.multiple ? q(C) ? C : [] : q(C) ? void 0 : C;
+        const $ = o.value;
+        return s.multiple ? q($) ? $ : [] : q($) ? void 0 : $;
       },
-      set: (C) => {
-        if (s.multiple && !q(C)) {
+      set: ($) => {
+        if (s.multiple && !q($)) {
           console.warn("Attempting to set non-array value in selector w/ multiple=true");
           return;
-        } else if (!s.multiple && q(C)) {
+        } else if (!s.multiple && q($)) {
           console.warn("Attempting to set array value in selector w/ multiple=false");
           return;
         }
-        let T;
+        let D;
         if (s.multiple)
-          T = C || [];
+          D = $ || [];
         else {
           const V = o.value;
-          T = s.allowUnset && V && C && ce(V) === ce(C) ? void 0 : C;
+          D = s.allowUnset && V && $ && ce(V) === ce($) ? void 0 : $;
         }
-        t("update:modelValue", T), b.value += 1;
+        s.fullyControlValue ? t("update:modelValue", D) : o.value = D, b.value += 1;
       }
-    }), $e = r(() => s.multiple ? W.value.length !== 0 : !!W.value), qe = () => {
-      s.multiple ? W.value = [] : W.value = void 0;
+    }), Se = r(() => s.multiple ? U.value.length !== 0 : !!U.value), qe = () => {
+      s.multiple ? U.value = [] : U.value = void 0;
     }, He = r(() => {
-      const C = d.value;
-      return !z.value || !(C != null && C.length) ? u.value : s.filterPredicate ? u.value.filter(
-        (T) => {
+      const $ = f.value;
+      return !F.value || !($ != null && $.length) ? x.value : s.filterPredicate ? x.value.filter(
+        (D) => {
           var V;
-          return ((V = s.filterPredicate) == null ? void 0 : V.call(s, T, C)) || !1;
+          return ((V = s.filterPredicate) == null ? void 0 : V.call(s, D, $)) || !1;
         }
-      ) : u.value;
-    }), Se = (C) => JSON.stringify(C), ce = (C) => s.by ? C[s.by] : C, de = async () => {
+      ) : x.value;
+    }), Ie = ($) => JSON.stringify($), ce = ($) => s.by ? $[s.by] : $, de = async () => {
       if (!(!X.value || !s.getSearchResults)) {
         p.value = !0;
         try {
-          u.value = await s.getSearchResults(d.value);
+          x.value = await s.getSearchResults(f.value);
         } finally {
           p.value = !1;
         }
       }
-    }, Ge = Ae(de, 1e3), Ke = (C) => {
-      const { active: T, disabled: V } = C || {}, { hideCheckmarks: K } = s, N = [
+    }, Ge = ze(de, 1e3), Ke = ($) => {
+      const { active: D, disabled: V } = $ || {}, { hideCheckmarks: K } = s, N = [
         "relative transition cursor-pointer select-none py-1.5 pl-3",
         K ? "" : "pr-9"
       ];
-      return V ? N.push("opacity-50 cursor-not-allowed") : N.push(T ? "text-primary" : "text-foreground"), N.join(" ");
+      return V ? N.push("opacity-50 cursor-not-allowed") : N.push(D ? "text-primary" : "text-foreground"), N.join(" ");
     };
     return le(
       () => s.items,
-      (C) => {
-        u.value = C.slice();
+      ($) => {
+        x.value = $.slice();
       },
       { immediate: !0 }
-    ), le(d, () => {
+    ), le(f, () => {
       X.value && Ge();
     }), Y(() => {
       X.value && !s.items.length && de();
-    }), l({ triggerSearch: de }), (C, T) => (a(), m("div", null, [
-      (a(), P(n(wt), {
+    }), n({ triggerSearch: de }), ($, D) => (a(), m("div", null, [
+      (a(), L(l(St), {
         key: b.value,
-        modelValue: W.value,
-        "onUpdate:modelValue": T[4] || (T[4] = (V) => W.value = V),
+        modelValue: U.value,
+        "onUpdate:modelValue": D[4] || (D[4] = (V) => U.value = V),
         name: e.name,
         multiple: e.multiple,
         by: e.by,
@@ -1857,38 +1867,38 @@ const We = /* @__PURE__ */ ze(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { cl
         as: "div"
       }, {
         default: _(() => [
-          L(n($t), {
-            class: x(["block label text-foreground-2 mb-2", { "sr-only": !e.showLabel }])
+          P(l(It), {
+            class: k(["block label text-foreground-2 mb-2", { "sr-only": !e.showLabel }])
           }, {
             default: _(() => [
-              A(I(e.label), 1)
+              M(B(e.label), 1)
             ]),
             _: 1
           }, 8, ["class"]),
           i("div", {
-            class: x(F.value)
+            class: k(R.value)
           }, [
-            L(n(St), {
-              class: x(E.value)
+            P(l(Bt), {
+              class: k(E.value)
             }, {
               default: _(({ open: V }) => [
-                i("div", pn, [
-                  i("div", hn, [
-                    !W.value || n(q)(W.value) && !W.value.length ? D(C.$slots, "nothing-selected", { key: 0 }, () => [
-                      A(I(e.label), 1)
-                    ]) : D(C.$slots, "something-selected", {
+                i("div", mn, [
+                  i("div", gn, [
+                    !U.value || l(q)(U.value) && !U.value.length ? z($.$slots, "nothing-selected", { key: 0 }, () => [
+                      M(B(e.label), 1)
+                    ]) : z($.$slots, "something-selected", {
                       key: 1,
-                      value: W.value
+                      value: U.value
                     }, () => [
-                      A(I(Se(W.value)), 1)
+                      M(B(Ie(U.value)), 1)
                     ])
                   ]),
-                  i("div", mn, [
-                    V ? (a(), P(n(De), {
+                  i("div", vn, [
+                    V ? (a(), L(l(De), {
                       key: 0,
                       class: "h-4 w-4 text-foreground",
                       "aria-hidden": "true"
-                    })) : (a(), P(n(et), {
+                    })) : (a(), L(l(et), {
                       key: 1,
                       class: "h-4 w-4 text-foreground",
                       "aria-hidden": "true"
@@ -1898,107 +1908,106 @@ const We = /* @__PURE__ */ ze(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { cl
               ]),
               _: 3
             }, 8, ["class"]),
-            $.value ? ne((a(), m("button", {
+            S.value ? ne((a(), m("button", {
               key: 0,
-              class: x(R.value),
+              class: k(T.value),
               disabled: e.disabled,
-              onClick: T[0] || (T[0] = (V) => qe())
+              onClick: D[0] || (D[0] = (V) => qe())
             }, [
-              L(n(tt), { class: "w-3 h-3" })
-            ], 10, gn)), [
-              [n(Fe), "Clear"]
-            ]) : S("", !0),
-            L(ge, {
+              P(l(tt), { class: "w-3 h-3" })
+            ], 10, bn)), [
+              [l(Re), "Clear"]
+            ]) : I("", !0),
+            P(ge, {
               "leave-active-class": "transition ease-in duration-100",
               "leave-from-class": "opacity-100",
               "leave-to-class": "opacity-0"
             }, {
               default: _(() => [
-                L(n(It), {
-                  unmount: !0,
+                P(l(_t), {
                   class: "absolute top-[100%] z-10 mt-1 w-full rounded-md bg-foundation-2 py-1 label label--light outline outline-2 outline-primary-muted focus:outline-none shadow",
-                  onFocus: T[3] || (T[3] = (V) => {
+                  onFocus: D[3] || (D[3] = (V) => {
                     var K;
-                    return (K = f.value) == null ? void 0 : K.focus();
+                    return (K = d.value) == null ? void 0 : K.focus();
                   })
                 }, {
                   default: _(() => [
-                    z.value ? (a(), m("label", vn, [
-                      bn,
-                      i("div", yn, [
-                        i("div", xn, [
-                          L(n(st), { class: "h-5 w-5 text-foreground" })
+                    F.value ? (a(), m("label", yn, [
+                      xn,
+                      i("div", kn, [
+                        i("div", Cn, [
+                          P(l(st), { class: "h-5 w-5 text-foreground" })
                         ]),
                         ne(i("input", {
                           ref_key: "searchInput",
-                          ref: f,
-                          "onUpdate:modelValue": T[1] || (T[1] = (V) => d.value = V),
+                          ref: d,
+                          "onUpdate:modelValue": D[1] || (D[1] = (V) => f.value = V),
                           type: "text",
                           class: "pl-9 w-full border-0 bg-foundation-page rounded placeholder:font-normal normal placeholder:text-foreground-2 focus:outline-none focus:ring-1 focus:border-outline-1 focus:ring-outline-1",
                           placeholder: e.searchPlaceholder,
-                          onKeydown: T[2] || (T[2] = ye(() => {
+                          onKeydown: D[2] || (D[2] = ye(() => {
                           }, ["stop"]))
-                        }, null, 40, kn), [
-                          [Oe, d.value]
+                        }, null, 40, wn), [
+                          [Ae, f.value]
                         ])
                       ])
-                    ])) : S("", !0),
+                    ])) : I("", !0),
                     i("div", {
-                      class: x(["overflow-auto simple-scrollbar", [z.value ? "max-h-52" : "max-h-60"]])
+                      class: k(["overflow-auto simple-scrollbar", [F.value ? "max-h-52" : "max-h-60"]])
                     }, [
-                      X.value && p.value ? (a(), m("div", Cn, [
-                        L(We, { loading: !0 })
-                      ])) : X.value && !u.value.length ? (a(), m("div", wn, [
-                        D(C.$slots, "nothing-found", {}, () => [
-                          $n
+                      X.value && p.value ? (a(), m("div", $n, [
+                        P(Ue, { loading: !0 })
+                      ])) : X.value && !x.value.length ? (a(), m("div", Sn, [
+                        z($.$slots, "nothing-found", {}, () => [
+                          In
                         ])
-                      ])) : S("", !0),
-                      !X.value || !p.value ? (a(!0), m(U, { key: 2 }, G(He.value, (V) => {
+                      ])) : I("", !0),
+                      !X.value || !p.value ? (a(!0), m(W, { key: 2 }, G(He.value, (V) => {
                         var K;
-                        return a(), P(n(Bt), {
+                        return a(), L(l(Pt), {
                           key: ce(V),
                           value: V,
                           disabled: ((K = e.disabledItemPredicate) == null ? void 0 : K.call(e, V)) || !1
                         }, {
-                          default: _(({ active: N, selected: Ie }) => {
-                            var Be, _e;
+                          default: _(({ active: N, selected: Be }) => {
+                            var _e, Pe;
                             return [
                               i("li", {
-                                class: x(
+                                class: k(
                                   Ke({
                                     active: N,
-                                    disabled: ((Be = e.disabledItemPredicate) == null ? void 0 : Be.call(e, V)) || !1
+                                    disabled: ((_e = e.disabledItemPredicate) == null ? void 0 : _e.call(e, V)) || !1
                                   })
                                 )
                               }, [
-                                i("span", Sn, [
-                                  D(C.$slots, "option", {
+                                i("span", Bn, [
+                                  z($.$slots, "option", {
                                     item: V,
                                     active: N,
-                                    selected: Ie,
-                                    disabled: ((_e = e.disabledItemPredicate) == null ? void 0 : _e.call(e, V)) || !1
+                                    selected: Be,
+                                    disabled: ((Pe = e.disabledItemPredicate) == null ? void 0 : Pe.call(e, V)) || !1
                                   }, () => [
-                                    A(I(Se(V)), 1)
+                                    M(B(Ie(V)), 1)
                                   ])
                                 ]),
-                                !e.hideCheckmarks && Ie ? (a(), m("span", {
+                                !e.hideCheckmarks && Be ? (a(), m("span", {
                                   key: 0,
-                                  class: x([
+                                  class: k([
                                     N ? "text-primary" : "text-foreground",
                                     "absolute inset-y-0 right-0 flex items-center pr-4"
                                   ])
                                 }, [
-                                  L(n(nt), {
+                                  P(l(nt), {
                                     class: "h-5 w-5",
                                     "aria-hidden": "true"
                                   })
-                                ], 2)) : S("", !0)
+                                ], 2)) : I("", !0)
                               ], 2)
                             ];
                           }),
                           _: 2
                         }, 1032, ["value", "disabled"]);
-                      }), 128)) : S("", !0)
+                      }), 128)) : I("", !0)
                     ], 2)
                   ]),
                   _: 3
@@ -2010,37 +2019,37 @@ const We = /* @__PURE__ */ ze(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { cl
         ]),
         _: 3
       }, 8, ["modelValue", "name", "multiple", "by", "disabled"])),
-      y.value ? (a(), m("p", {
+      v.value ? (a(), m("p", {
         key: 0,
-        id: y.value,
-        class: x(["mt-2 text-sm", w.value])
-      }, I(B.value), 11, In)) : S("", !0)
+        id: v.value,
+        class: k(["mt-2 text-sm", w.value])
+      }, B(u.value), 11, _n)) : I("", !0)
     ]));
   }
-}), _n = /* @__PURE__ */ M({
+}), Ln = /* @__PURE__ */ A({
   __name: "SourceAppBadge",
   props: {
     sourceApp: null
   },
   setup(e) {
-    return (l, t) => (a(), P(ts, {
+    return (n, t) => (a(), L(ns, {
       "color-classes": "text-foreground-on-primary",
       rounded: "",
       style: fe({ backgroundColor: e.sourceApp.bgColor })
     }, {
       default: _(() => [
-        A(I(e.sourceApp.short), 1)
+        M(B(e.sourceApp.short), 1)
       ]),
       _: 1
     }, 8, ["style"]));
   }
-}), Ln = {
+}), jn = {
   key: 0,
   class: "text-foreground-2 normal"
-}, Pn = {
+}, Vn = {
   key: 1,
   class: "flex items-center"
-}, jn = { class: "truncate" }, Vn = { class: "flex items-center" }, On = { class: "truncate" }, Bl = /* @__PURE__ */ M({
+}, On = { class: "truncate" }, An = { class: "flex items-center" }, Mn = { class: "truncate" }, _l = /* @__PURE__ */ A({
   __name: "SourceApps",
   props: {
     /**
@@ -2099,17 +2108,17 @@ const We = /* @__PURE__ */ ze(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { cl
     }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: l }) {
-    const t = e, s = O(null), o = O(null), { selectedValue: c, hiddenSelectedItemCount: f, isMultiItemArrayValue: d, firstItem: u } = rn({
+  setup(e, { emit: n }) {
+    const t = e, s = O(null), o = O(null), { selectedValue: c, hiddenSelectedItemCount: d, isMultiItemArrayValue: f, firstItem: x } = cn({
       props: ae(t),
-      emit: l,
+      emit: n,
       dynamicVisibility: { elementToWatchForChanges: s, itemContainer: o }
-    }), p = (b, v) => b.name.toLocaleLowerCase().includes(v.toLocaleLowerCase());
-    return (b, v) => (a(), P(Bn, {
-      modelValue: n(c),
-      "onUpdate:modelValue": v[0] || (v[0] = (h) => ve(c) ? c.value = h : null),
+    }), p = (b, y) => b.name.toLocaleLowerCase().includes(y.toLocaleLowerCase());
+    return (b, y) => (a(), L(Pn, {
+      modelValue: l(c),
+      "onUpdate:modelValue": y[0] || (y[0] = (h) => ve(c) ? c.value = h : null),
       multiple: e.multiple,
-      items: e.items ?? n(vt),
+      items: e.items ?? l(yt),
       search: e.search,
       "search-placeholder": e.searchPlaceholder,
       label: e.label,
@@ -2119,14 +2128,14 @@ const We = /* @__PURE__ */ ze(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { cl
       by: "name"
     }, {
       "nothing-selected": _(() => [
-        e.selectorPlaceholder ? (a(), m(U, { key: 0 }, [
-          A(I(e.selectorPlaceholder), 1)
-        ], 64)) : (a(), m(U, { key: 1 }, [
-          A(I(e.multiple ? "Select apps" : "Select an app"), 1)
+        e.selectorPlaceholder ? (a(), m(W, { key: 0 }, [
+          M(B(e.selectorPlaceholder), 1)
+        ], 64)) : (a(), m(W, { key: 1 }, [
+          M(B(e.multiple ? "Select apps" : "Select an app"), 1)
         ], 64))
       ]),
       "something-selected": _(({ value: h }) => [
-        n(d)(h) ? (a(), m("div", {
+        l(f)(h) ? (a(), m("div", {
           key: 0,
           ref_key: "elementToWatchForChanges",
           ref: s,
@@ -2137,27 +2146,27 @@ const We = /* @__PURE__ */ ze(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { cl
             ref: o,
             class: "flex flex-wrap overflow-hidden space-x-0.5 h-5"
           }, [
-            (a(!0), m(U, null, G(h, (k) => (a(), P(_n, {
-              key: k.name,
-              "source-app": k
+            (a(!0), m(W, null, G(h, (C) => (a(), L(Ln, {
+              key: C.name,
+              "source-app": C
             }, null, 8, ["source-app"]))), 128))
           ], 512),
-          n(f) > 0 ? (a(), m("div", Ln, " +" + I(n(f)), 1)) : S("", !0)
-        ], 512)) : (a(), m("div", Pn, [
+          l(d) > 0 ? (a(), m("div", jn, " +" + B(l(d)), 1)) : I("", !0)
+        ], 512)) : (a(), m("div", Vn, [
           i("div", {
             class: "h-2 w-2 rounded-full mr-2",
-            style: fe({ backgroundColor: n(u)(h).bgColor })
+            style: fe({ backgroundColor: l(x)(h).bgColor })
           }, null, 4),
-          i("span", jn, I(n(u)(h).name), 1)
+          i("span", On, B(l(x)(h).name), 1)
         ]))
       ]),
       option: _(({ item: h }) => [
-        i("div", Vn, [
+        i("div", An, [
           i("div", {
             class: "h-2 w-2 rounded-full mr-2",
             style: fe({ backgroundColor: h.bgColor })
           }, null, 4),
-          i("span", On, I(h.name), 1)
+          i("span", Mn, B(h.name), 1)
         ])
       ]),
       _: 1
@@ -2165,7 +2174,7 @@ const We = /* @__PURE__ */ ze(fn, [["__scopeId", "data-v-60cf597b"]]), pn = { cl
   }
 });
 var se = /* @__PURE__ */ ((e) => (e.CtrlOrCmd = "cmd-or-ctrl", e.AltOrOpt = "alt-or-opt", e.Shift = "shift", e))(se || {});
-const he = bt(), Mn = {
+const he = xt(), zn = {
   [
     "cmd-or-ctrl"
     /* CtrlOrCmd */
@@ -2176,17 +2185,17 @@ const he = bt(), Mn = {
   ]: he === pe.Mac ? "Opt" : "Alt",
   shift: "Shift"
 };
-function _l(e) {
-  const l = (t) => Object.values(se).includes(t);
-  return e.map((t) => l(t) ? Mn[t] : t).join("+");
+function Pl(e) {
+  const n = (t) => Object.values(se).includes(t);
+  return e.map((t) => n(t) ? zn[t] : t).join("+");
 }
-function Ll(e, ...l) {
-  kt(
-    l[0],
+function Ll(e, ...n) {
+  wt(
+    n[0],
     (t) => {
       const s = t.getModifierState("Alt"), o = he === pe.Mac ? t.getModifierState("Meta") : t.getModifierState("Control"), c = t.getModifierState("Shift");
-      for (const f of e)
-        switch (f) {
+      for (const d of e)
+        switch (d) {
           case se.CtrlOrCmd:
             if (!o)
               return;
@@ -2200,25 +2209,25 @@ function Ll(e, ...l) {
               return;
             break;
         }
-      l[1](t);
+      n[1](t);
     },
-    l[2]
+    n[2]
   );
 }
-function Pl(e) {
-  const l = (e == null ? void 0 : e.model) || O(), t = r({
-    get: () => !!l.value,
-    set: (s) => l.value = s ? !0 : void 0
+function jl(e) {
+  const n = (e == null ? void 0 : e.model) || O(), t = r({
+    get: () => !!n.value,
+    set: (s) => n.value = s ? !0 : void 0
   });
-  return { model: l, isChecked: t };
+  return { model: n, isChecked: t };
 }
-const An = /* @__PURE__ */ i("div", { class: "fixed inset-0 bg-neutral-100/70 dark:bg-neutral-900/70 transition-opacity" }, null, -1), Dn = { class: "fixed inset-0 z-10 overflow-y-auto" }, Tn = { class: "flex min-h-full justify-center p-4 text-center items-center sm:p-0" }, Rn = {
+const Dn = /* @__PURE__ */ i("div", { class: "fixed inset-0 bg-neutral-100/70 dark:bg-neutral-900/70 transition-opacity" }, null, -1), Tn = { class: "fixed inset-0 z-10 overflow-y-auto" }, Rn = { class: "flex min-h-full justify-center p-4 text-center items-center sm:p-0" }, Fn = {
   key: 0,
   class: "flex items-center justify-center shadow p-4 relative z-10 bg-foundation rounded-t-lg"
-}, Fn = { class: "text-2xl font-bold" }, zn = { class: "p-4 sm:p-6" }, En = {
+}, En = { class: "text-2xl font-bold" }, Wn = { class: "p-4 sm:p-6" }, Un = {
   key: 2,
   class: "flex p-4 sm:px-6 sm:py-5 border-t gap-2 border-outline-3"
-}, jl = /* @__PURE__ */ M({
+}, Vl = /* @__PURE__ */ A({
   __name: "Dialog",
   props: {
     open: { type: Boolean },
@@ -2230,11 +2239,11 @@ const An = /* @__PURE__ */ i("div", { class: "fixed inset-0 bg-neutral-100/70 da
     onSubmit: { type: Function }
   },
   emits: ["update:open", "fully-closed"],
-  setup(e, { emit: l }) {
-    const t = e, s = be(), o = r(() => !!t.onSubmit), c = r(() => t.buttons || s.buttons), f = r({
+  setup(e, { emit: n }) {
+    const t = e, s = be(), o = r(() => !!t.onSubmit), c = r(() => t.buttons || s.buttons), d = r({
       get: () => t.open,
-      set: (b) => l("update:open", b)
-    }), d = r(() => {
+      set: (b) => n("update:open", b)
+    }), f = r(() => {
       switch (t.maxWidth) {
         case "sm":
           return 0;
@@ -2247,24 +2256,24 @@ const An = /* @__PURE__ */ i("div", { class: "fixed inset-0 bg-neutral-100/70 da
         default:
           return 1e4;
       }
-    }), u = r(() => {
+    }), x = r(() => {
       const b = ["w-full", "sm:my-8 sm:w-full sm:max-w-xl"];
-      return !t.title && !c.value && b.push("px-4 pt-4 pb-4", "sm:p-6"), d.value >= 1 && b.push("md:max-w-2xl"), d.value >= 2 && b.push("lg:max-w-4xl"), d.value >= 3 && b.push("xl:max-w-6xl"), d.value >= 4 && b.push("2xl:max-w-7xl"), b.join(" ");
+      return !t.title && !c.value && b.push("px-4 pt-4 pb-4", "sm:p-6"), f.value >= 1 && b.push("md:max-w-2xl"), f.value >= 2 && b.push("lg:max-w-4xl"), f.value >= 3 && b.push("xl:max-w-6xl"), f.value >= 4 && b.push("2xl:max-w-7xl"), b.join(" ");
     }), p = () => {
-      t.preventCloseOnClickOutside || (f.value = !1);
+      t.preventCloseOnClickOutside || (d.value = !1);
     };
-    return (b, v) => (a(), P(n(_t), {
+    return (b, y) => (a(), L(l(Lt), {
       as: "template",
-      show: f.value
+      show: d.value
     }, {
       default: _(() => [
-        L(n(Lt), {
+        P(l(jt), {
           as: "div",
           class: "relative z-40",
           onClose: p
         }, {
           default: _(() => [
-            L(n(je), {
+            P(l(Ve), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -2274,13 +2283,13 @@ const An = /* @__PURE__ */ i("div", { class: "fixed inset-0 bg-neutral-100/70 da
               "leave-to": "opacity-0"
             }, {
               default: _(() => [
-                An
+                Dn
               ]),
               _: 1
             }),
-            i("div", Dn, [
-              i("div", Tn, [
-                L(n(je), {
+            i("div", Tn, [
+              i("div", Rn, [
+                P(l(Ve), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -2288,43 +2297,43 @@ const An = /* @__PURE__ */ i("div", { class: "fixed inset-0 bg-neutral-100/70 da
                   leave: "ease-in duration-200",
                   "leave-from": "opacity-100 translate-y-0 sm:scale-100",
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
-                  onAfterLeave: v[1] || (v[1] = (h) => b.$emit("fully-closed"))
+                  onAfterLeave: y[1] || (y[1] = (h) => b.$emit("fully-closed"))
                 }, {
                   default: _(() => [
-                    L(n(Pt), {
-                      class: x([
+                    P(l(Vt), {
+                      class: k([
                         "transform rounded-lg bg-foundation text-left shadow-xl transition-all",
-                        u.value
+                        x.value
                       ]),
                       as: o.value ? "form" : "div",
                       onSubmit: ye(e.onSubmit, ["prevent"])
                     }, {
                       default: _(() => [
-                        e.title ? (a(), m("div", Rn, [
-                          i("h4", Fn, I(e.title), 1)
-                        ])) : S("", !0),
-                        e.hideCloser ? S("", !0) : (a(), m("button", {
+                        e.title ? (a(), m("div", Fn, [
+                          i("h4", En, B(e.title), 1)
+                        ])) : I("", !0),
+                        e.hideCloser ? I("", !0) : (a(), m("button", {
                           key: 1,
                           class: "absolute z-20 top-5 right-4 text-foreground",
-                          onClick: v[0] || (v[0] = (h) => f.value = !1)
+                          onClick: y[0] || (y[0] = (h) => d.value = !1)
                         }, [
-                          L(n(ct), { class: "h-6 w-6" })
+                          P(l(ct), { class: "h-6 w-6" })
                         ])),
-                        i("div", zn, [
-                          D(b.$slots, "default", {}, () => [
-                            A("Put your content here!")
+                        i("div", Wn, [
+                          z(b.$slots, "default", {}, () => [
+                            M("Put your content here!")
                           ])
                         ]),
-                        c.value ? (a(), m("div", En, [
-                          e.buttons ? (a(!0), m(U, { key: 0 }, G(e.buttons, (h, k) => (a(), P(n(re), oe({ key: k }, h.props, {
+                        c.value ? (a(), m("div", Un, [
+                          e.buttons ? (a(!0), m(W, { key: 0 }, G(e.buttons, (h, C) => (a(), L(l(re), oe({ key: C }, h.props, {
                             onClick: h.onClick
                           }), {
                             default: _(() => [
-                              A(I(h.text), 1)
+                              M(B(h.text), 1)
                             ]),
                             _: 2
-                          }, 1040, ["onClick"]))), 128)) : D(b.$slots, "buttons", { key: 1 })
-                        ])) : S("", !0)
+                          }, 1040, ["onClick"]))), 128)) : z(b.$slots, "buttons", { key: 1 })
+                        ])) : I("", !0)
                       ]),
                       _: 3
                     }, 8, ["class", "as", "onSubmit"])
@@ -2340,7 +2349,7 @@ const An = /* @__PURE__ */ i("div", { class: "fixed inset-0 bg-neutral-100/70 da
       _: 3
     }, 8, ["show"]));
   }
-}), Un = { class: "inline-flex items-center space-x-2" }, Wn = { class: "label-light" }, Vl = /* @__PURE__ */ M({
+}), qn = { class: "inline-flex items-center space-x-2" }, Hn = { class: "label-light" }, Ol = /* @__PURE__ */ A({
   __name: "Disclosure",
   props: {
     title: null,
@@ -2348,12 +2357,22 @@ const An = /* @__PURE__ */ i("div", { class: "fixed inset-0 bg-neutral-100/70 da
     color: { default: "default" }
   },
   setup(e) {
-    const l = e, t = r(() => {
+    const n = e, t = r(() => {
       const o = [
         "pr-3 h-10 w-full flex items-center justify-between border-l-2 px-2 rounded transition",
-        "ring-1"
+        "ring-1 font-medium"
       ];
-      switch (l.color) {
+      switch (n.color) {
+        case "warning":
+          o.push(
+            "border-warning text-warning ring-warning-lighter hover:ring-warning"
+          );
+          break;
+        case "success":
+          o.push(
+            "border-success text-success ring-success-lighter hover:ring-success"
+          );
+          break;
         case "danger":
           o.push("border-danger text-danger ring-danger-lighter hover:ring-danger");
           break;
@@ -2367,7 +2386,13 @@ const An = /* @__PURE__ */ i("div", { class: "fixed inset-0 bg-neutral-100/70 da
       return o.join(" ");
     }), s = r(() => {
       const o = ["mt-4 px-3 py-1 border-x "];
-      switch (l.color) {
+      switch (n.color) {
+        case "warning":
+          o.push("border-warning-lighter");
+          break;
+        case "success":
+          o.push("border-success-lighter");
+          break;
         case "danger":
           o.push("border-danger-lighter");
           break;
@@ -2379,32 +2404,32 @@ const An = /* @__PURE__ */ i("div", { class: "fixed inset-0 bg-neutral-100/70 da
       return o.join(" ");
     });
     return (o, c) => (a(), m("div", null, [
-      L(n(jt), null, {
-        default: _(({ open: f }) => [
-          L(n(Vt), {
-            class: x(t.value)
+      P(l(Ot), null, {
+        default: _(({ open: d }) => [
+          P(l(At), {
+            class: k(t.value)
           }, {
             default: _(() => [
-              i("div", Un, [
-                e.icon ? (a(), P(H(e.icon), {
+              i("div", qn, [
+                e.icon ? (a(), L(H(e.icon), {
                   key: 0,
                   class: "h-4 w-4"
-                })) : S("", !0),
-                i("span", null, I(e.title), 1)
+                })) : I("", !0),
+                i("span", null, B(e.title), 1)
               ]),
-              L(n(De), {
-                class: x([f ? "" : "rotate-180 transform", "h-5 w-5"])
+              P(l(De), {
+                class: k([d ? "" : "rotate-180 transform", "h-5 w-5"])
               }, null, 8, ["class"])
             ]),
             _: 2
           }, 1032, ["class"]),
-          L(n(Ot), {
-            class: x(s.value)
+          P(l(Mt), {
+            class: k(s.value)
           }, {
             default: _(() => [
-              i("div", Wn, [
-                D(o.$slots, "default", {}, () => [
-                  A("Panel contents")
+              i("div", Hn, [
+                z(o.$slots, "default", {}, () => [
+                  M("Panel contents")
                 ])
               ])
             ]),
@@ -2417,40 +2442,40 @@ const An = /* @__PURE__ */ i("div", { class: "fixed inset-0 bg-neutral-100/70 da
   }
 });
 var J = /* @__PURE__ */ ((e) => (e.Grid = "grid", e.List = "list", e))(J || {});
-const Ol = /* @__PURE__ */ M({
+const Al = /* @__PURE__ */ A({
   __name: "GridListToggle",
   props: {
     modelValue: null
   },
   emits: ["click", "update:modelValue"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     const t = e, s = r({
       get: () => t.modelValue || J.Grid,
-      set: (f) => l("update:modelValue", f)
+      set: (d) => n("update:modelValue", d)
     }), o = r(
       () => s.value === J.Grid ? lt : at
-    ), c = (f) => {
-      l("click", f);
-      const d = s.value === J.Grid ? J.List : J.Grid;
-      s.value = d;
+    ), c = (d) => {
+      n("click", d);
+      const f = s.value === J.Grid ? J.List : J.Grid;
+      s.value = f;
     };
-    return (f, d) => (a(), m("button", {
+    return (d, f) => (a(), m("button", {
       class: "flex items-center justify-center rounded bg-foundation h-8 w-8 shadow cursor-pointer text-foreground",
       onClick: c
     }, [
-      (a(), P(H(o.value), { class: "h-6 w-6" }))
+      (a(), L(H(o.value), { class: "h-6 w-6" }))
     ]));
   }
 });
-var qn = /* @__PURE__ */ ((e) => (e[e.Throttle = 0] = "Throttle", e[e.Debounce = 1] = "Debounce", e))(qn || {}), me = /* @__PURE__ */ ((e) => (e[e.Left = 0] = "Left", e[e.Right = 1] = "Right", e))(me || {});
-function Hn(e, l) {
-  if (!Ce)
+var Gn = /* @__PURE__ */ ((e) => (e[e.Throttle = 0] = "Throttle", e[e.Debounce = 1] = "Debounce", e))(Gn || {}), me = /* @__PURE__ */ ((e) => (e[e.Left = 0] = "Left", e[e.Right = 1] = "Right", e))(me || {});
+function Kn(e, n) {
+  if (!we)
     return;
   const {
     wait: t = 100,
     throttleOrDebounce: s = 0
     /* Throttle */
-  } = l || {}, o = t ? s === 0 ? Qe(e, t) : Ae(e, t) : e;
+  } = n || {}, o = t ? s === 0 ? Qe(e, t) : ze(e, t) : e;
   Y(() => window.addEventListener("resize", o)), Me(() => window.removeEventListener("resize", o));
 }
 function Ml(e) {
@@ -2460,92 +2485,92 @@ function Ml(e) {
     window.removeEventListener("beforeunload", e);
   });
 }
-function Gn(e) {
-  const { el: l, defaultDirection: t } = e, s = O(
+function Xn(e) {
+  const { el: n, defaultDirection: t } = e, s = O(
     Q(t) ? 1 : t
     /* Right */
   ), o = r(() => {
-    const f = n(e.stopUpdatesBelowWidth);
-    if (!Q(f))
-      return f;
-    const d = n(l);
-    return d != null && d.offsetWidth ? d.offsetWidth * 2 : void 0;
+    const d = l(e.stopUpdatesBelowWidth);
+    if (!Q(d))
+      return d;
+    const f = l(n);
+    return f != null && f.offsetWidth ? f.offsetWidth * 2 : void 0;
   }), c = () => {
-    if (!Ce)
+    if (!we)
       return;
-    const f = n(l);
-    if (!f)
+    const d = l(n);
+    if (!d)
       return;
-    const d = f.getBoundingClientRect(), u = d.x + d.width > window.innerWidth, p = d.x < 0;
-    u && p || !Q(o.value) && window.innerWidth < o.value || (u ? s.value = 0 : p && (s.value = 1));
+    const f = d.getBoundingClientRect(), x = f.x + f.width > window.innerWidth, p = f.x < 0;
+    x && p || !Q(o.value) && window.innerWidth < o.value || (x ? s.value = 0 : p && (s.value = 1));
   };
-  return Hn(() => c()), le(
-    () => n(l),
-    (f) => {
-      f && c();
+  return Kn(() => c()), le(
+    () => l(n),
+    (d) => {
+      d && c();
     }
   ), {
     direction: r(() => s.value),
     recalculateDirection: c
   };
 }
-const Kn = ["disabled", "onClick"], Al = /* @__PURE__ */ M({
+const Nn = ["disabled", "onClick"], zl = /* @__PURE__ */ A({
   __name: "Menu",
   props: {
     open: { type: Boolean },
     items: null
   },
   emits: ["update:open", "chosen"],
-  setup(e, { emit: l }) {
-    const t = e, s = O(null), { direction: o } = Gn({
+  setup(e, { emit: n }) {
+    const t = e, s = O(null), { direction: o } = Xn({
       el: r(() => {
         var h;
         return ((h = s.value) == null ? void 0 : h.el) || null;
       }),
       defaultDirection: me.Left,
       stopUpdatesBelowWidth: 300
-    }), c = O(null), f = O(!1), d = r({
+    }), c = O(null), d = O(!1), f = r({
       get: () => t.open || !1,
-      set: (h) => l("update:open", h)
-    }), u = (h) => {
-      const { active: k, disabled: B } = h, j = ["group flex w-full items-center rounded-md px-2 py-2 text-sm"];
-      return k ? j.push("bg-primary text-foreground-on-primary") : B ? j.push("text-foreground-disabled") : j.push("text-foreground"), j.join(" ");
-    }, p = (h, k) => {
-      l("chosen", { item: h, event: k });
+      set: (h) => n("update:open", h)
+    }), x = (h) => {
+      const { active: C, disabled: u } = h, j = ["group flex w-full items-center rounded-md px-2 py-2 text-sm"];
+      return C ? j.push("bg-primary text-foreground-on-primary") : u ? j.push("text-foreground-disabled") : j.push("text-foreground"), j.join(" ");
+    }, p = (h, C) => {
+      n("chosen", { item: h, event: C });
     }, b = () => {
       var h;
       return (h = c.value) == null ? void 0 : h.el.click();
-    }, v = (h) => {
-      const k = !!h;
-      return f.value = k, k;
+    }, y = (h) => {
+      const C = !!h;
+      return d.value = C, C;
     };
-    return le(f, (h, k) => {
-      h !== k && (d.value = h);
-    }), le(d, (h) => {
-      (h && !f.value || !h && f.value) && b();
-    }), (h, k) => (a(), P(n(Mt), {
+    return le(d, (h, C) => {
+      h !== C && (f.value = h);
+    }), le(f, (h) => {
+      (h && !d.value || !h && d.value) && b();
+    }), (h, C) => (a(), L(l(zt), {
       as: "div",
       class: "relative inline-block"
     }, {
-      default: _(({ open: B }) => [
+      default: _(({ open: u }) => [
         i("div", null, [
-          L(n(At), {
+          P(l(Dt), {
             ref_key: "menuButton",
             ref: c,
             class: "hidden",
-            onClick: k[0] || (k[0] = ye(() => {
+            onClick: C[0] || (C[0] = ye(() => {
             }, ["stop", "prevent"]))
           }, null, 512),
           i("div", {
-            class: x(B ? "pointer-events-none" : "")
+            class: k(u ? "pointer-events-none" : "")
           }, [
-            D(h.$slots, "default", {
+            z(h.$slots, "default", {
               toggle: b,
-              open: v(B)
+              open: y(u)
             })
           ], 2)
         ]),
-        L(ge, {
+        P(ge, {
           "enter-active-class": "transition duration-100 ease-out",
           "enter-from-class": "transform scale-95 opacity-0",
           "enter-to-class": "transform scale-100 opacity-100",
@@ -2554,36 +2579,36 @@ const Kn = ["disabled", "onClick"], Al = /* @__PURE__ */ M({
           "leave-to-class": "transform scale-95 opacity-0"
         }, {
           default: _(() => [
-            L(n(Dt), {
+            P(l(Tt), {
               ref_key: "menuItems",
               ref: s,
-              class: x([
+              class: k([
                 "absolute mt-2 w-56 origin-top-right divide-y divide-outline-3 rounded-md bg-foundation shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none z-40",
-                n(o) === n(me).Left ? "right-0" : ""
+                l(o) === l(me).Left ? "right-0" : ""
               ])
             }, {
               default: _(() => [
-                (a(!0), m(U, null, G(e.items, (j, y) => (a(), m("div", {
-                  key: y,
+                (a(!0), m(W, null, G(e.items, (j, v) => (a(), m("div", {
+                  key: v,
                   class: "px-1 py-1"
                 }, [
-                  (a(!0), m(U, null, G(j, (w) => (a(), P(n(Tt), {
+                  (a(!0), m(W, null, G(j, (w) => (a(), L(l(Rt), {
                     key: w.id,
                     disabled: w.disabled
                   }, {
-                    default: _(({ active: $, disabled: F }) => [
+                    default: _(({ active: S, disabled: R }) => [
                       ne((a(), m("span", null, [
                         i("button", {
-                          class: x(u({ active: $, disabled: F })),
-                          disabled: F,
+                          class: k(x({ active: S, disabled: R })),
+                          disabled: R,
                           onClick: (g) => p(w, g)
                         }, [
-                          D(h.$slots, "item", { item: w }, () => [
-                            A(I(w.title), 1)
+                          z(h.$slots, "item", { item: w }, () => [
+                            M(B(w.title), 1)
                           ])
-                        ], 10, Kn)
+                        ], 10, Nn)
                       ])), [
-                        [n(Fe), w.disabled && w.disabledTooltip]
+                        [l(Re), w.disabled && w.disabledTooltip]
                       ])
                     ]),
                     _: 2
@@ -2599,33 +2624,33 @@ const Kn = ["disabled", "onClick"], Al = /* @__PURE__ */ M({
       _: 3
     }));
   }
-}), Xn = { class: "flex flex-col space-y-4" }, Nn = { class: "flex space-x-6" }, Dl = /* @__PURE__ */ M({
+}), Jn = { class: "flex flex-col space-y-4" }, Qn = { class: "flex space-x-6" }, Dl = /* @__PURE__ */ A({
   __name: "Tabs",
   props: {
     items: null
   },
   setup(e) {
-    const l = e, t = O(null), s = r(() => t.value && l.items.find((c) => c.id === t.value) || l.items[0]), o = (c) => {
+    const n = e, t = O(null), s = r(() => t.value && n.items.find((c) => c.id === t.value) || n.items[0]), o = (c) => {
       t.value = c.id;
     };
-    return (c, f) => (a(), m("div", Xn, [
-      i("div", Nn, [
-        (a(!0), m(U, null, G(e.items, (d) => (a(), P(re, {
-          key: d.id,
+    return (c, d) => (a(), m("div", Jn, [
+      i("div", Qn, [
+        (a(!0), m(W, null, G(e.items, (f) => (a(), L(re, {
+          key: f.id,
           link: "",
-          color: s.value.id === d.id ? "default" : "secondary",
-          onClick: (u) => o(d)
+          color: s.value.id === f.id ? "default" : "secondary",
+          onClick: (x) => o(f)
         }, {
           default: _(() => [
-            A(I(d.title), 1)
+            M(B(f.title), 1)
           ]),
           _: 2
         }, 1032, ["color", "onClick"]))), 128))
       ]),
-      D(c.$slots, "default", { activeItem: s.value })
+      z(c.$slots, "default", { activeItem: s.value })
     ]));
   }
-}), Jn = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, Qn = { class: "inline-flex items-center space-x-1" }, Yn = /* @__PURE__ */ i("span", { class: "text-foreground-2" }, "That's it, you've loaded everything!", -1), Zn = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, el = { class: "inline-flex items-center space-x-1" }, tl = /* @__PURE__ */ i("span", { class: "text-foreground-2" }, "An error occurred while loading", -1), Tl = /* @__PURE__ */ M({
+}), Yn = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, Zn = { class: "inline-flex items-center space-x-1" }, el = /* @__PURE__ */ i("span", { class: "text-foreground-2" }, "That's it, you've loaded everything!", -1), tl = { class: "w-full flex flex-col items-center my-2 space-y-2 mt-4" }, sl = { class: "inline-flex items-center space-x-1" }, nl = /* @__PURE__ */ i("span", { class: "text-foreground-2" }, "An error occurred while loading", -1), Tl = /* @__PURE__ */ A({
   __name: "InfiniteLoading",
   props: {
     settings: null,
@@ -2633,58 +2658,58 @@ const Kn = ["disabled", "onClick"], Al = /* @__PURE__ */ M({
   },
   emits: ["infinite"],
   setup(e) {
-    const l = O(null), t = O(!1);
-    return Ce && Y(() => {
+    const n = O(null), t = O(!1);
+    return we && Y(() => {
       const s = setInterval(() => {
         var o;
-        (o = l.value) != null && o.isConnected && (t.value = !0, clearInterval(s));
+        (o = n.value) != null && o.isConnected && (t.value = !0, clearInterval(s));
       }, 200);
     }), (s, o) => (a(), m("div", {
       ref_key: "wrapper",
-      ref: l
+      ref: n
     }, [
-      t.value ? (a(), P(n(Rt), oe({ key: 0 }, s.$props.settings || {}, {
+      t.value ? (a(), L(l(Ft), oe({ key: 0 }, s.$props.settings || {}, {
         onInfinite: o[0] || (o[0] = (c) => s.$emit("infinite", c))
       }), {
         spinner: _(() => [
-          L(We, {
+          P(Ue, {
             loading: !0,
             class: "my-2"
           })
         ]),
         complete: _(() => [
-          i("div", Jn, [
-            i("div", Qn, [
-              L(n(dt), { class: "w-5 h-5 text-success" }),
-              Yn
+          i("div", Yn, [
+            i("div", Zn, [
+              P(l(dt), { class: "w-5 h-5 text-success" }),
+              el
             ])
           ])
         ]),
         error: _(({ retry: c }) => [
-          i("div", Zn, [
-            i("div", el, [
-              L(n(ft), { class: "w-5 h-5 text-danger" }),
-              tl
+          i("div", tl, [
+            i("div", sl, [
+              P(l(ft), { class: "w-5 h-5 text-danger" }),
+              nl
             ]),
-            e.allowRetry ? (a(), P(re, {
+            e.allowRetry ? (a(), L(re, {
               key: 0,
               onClick: c
             }, {
               default: _(() => [
-                A("Retry")
+                M("Retry")
               ]),
               _: 2
-            }, 1032, ["onClick"])) : S("", !0)
+            }, 1032, ["onClick"])) : I("", !0)
           ])
         ]),
         _: 1
-      }, 16)) : S("", !0)
+      }, 16)) : I("", !0)
     ], 512));
   }
-}), sl = { class: "relative group" }, nl = {
+}), ll = { class: "relative group" }, al = {
   key: 0,
   class: "absolute -inset-1 bg-blue-300 dark:bg-blue-500 opacity-5 dark:opacity-0 rounded-md blur-sm group-hover:opacity-60 dark:group-hover:opacity-30 transition duration-500"
-}, Rl = /* @__PURE__ */ M({
+}, Rl = /* @__PURE__ */ A({
   __name: "Panel",
   props: {
     /**
@@ -2715,65 +2740,90 @@ const Kn = ["disabled", "onClick"], Al = /* @__PURE__ */ M({
     noShadow: {
       type: Boolean,
       default: !1
+    },
+    panelClasses: {
+      type: String
     }
   },
   emits: ["submit"],
-  setup(e, { emit: l }) {
+  setup(e, { emit: n }) {
     const t = e, s = r(
       () => t.customPadding ? "" : "px-4 py-4 sm:px-6"
     ), o = r(
       () => t.customPadding ? "" : "px-4 py-4 sm:p-6"
     ), c = r(() => {
-      const f = ["rounded-lg"];
-      return t.noShadow || f.push("shadow"), t.ring && f.push("ring-outline-2 hover:ring-2"), f.join(" ");
+      const d = ["rounded-lg"];
+      return t.noShadow || d.push("shadow"), t.ring && d.push("ring-outline-2 hover:ring-2"), t.panelClasses && d.push(t.panelClasses), d.join(" ");
     });
-    return (f, d) => (a(), m("div", sl, [
-      e.fancyGlow ? (a(), m("div", nl)) : S("", !0),
-      (a(), P(H(e.form ? "form" : "div"), {
-        class: x([
+    return (d, f) => (a(), m("div", ll, [
+      e.fancyGlow ? (a(), m("div", al)) : I("", !0),
+      (a(), L(H(e.form ? "form" : "div"), {
+        class: k([
           "relative divide-outline-3 bg-foundation text-foreground flex flex-col divide-y overflow-hidden",
           c.value
         ]),
-        onSubmit: d[0] || (d[0] = (u) => l("submit", u))
+        onSubmit: f[0] || (f[0] = (x) => n("submit", x))
       }, {
         default: _(() => [
-          f.$slots.header ? (a(), m("div", {
+          d.$slots.header ? (a(), m("div", {
             key: 0,
-            class: x(s.value)
+            class: k(s.value)
           }, [
-            D(f.$slots, "header")
-          ], 2)) : S("", !0),
+            z(d.$slots, "header")
+          ], 2)) : I("", !0),
           i("div", {
-            class: x(["grow", o.value])
+            class: k(["grow", o.value])
           }, [
-            D(f.$slots, "default")
+            z(d.$slots, "default")
           ], 2),
-          f.$slots.footer ? (a(), m("div", {
+          d.$slots.footer ? (a(), m("div", {
             key: 1,
-            class: x(s.value)
+            class: k(s.value)
           }, [
-            D(f.$slots, "footer")
-          ], 2)) : S("", !0)
+            z(d.$slots, "footer")
+          ], 2)) : I("", !0)
         ]),
         _: 3
       }, 40, ["class"]))
     ]));
   }
-}), ll = { class: "flex-shrink-0" }, al = {
-  key: 0,
-  class: "mt-2 text-sm"
-}, ol = /* @__PURE__ */ i("span", { class: "sr-only" }, "Dismiss", -1), Fl = /* @__PURE__ */ M({
+}), ol = { class: "flex-shrink-0" }, rl = /* @__PURE__ */ i("span", { class: "sr-only" }, "Dismiss", -1), Fl = /* @__PURE__ */ A({
   __name: "Alert",
   props: {
     color: { default: "success" },
     withDismiss: { type: Boolean },
-    actions: null
+    actions: null,
+    customIcon: null,
+    size: { default: "default" }
   },
   emits: ["dismiss"],
   setup(e) {
-    const l = e, t = be(), s = r(() => !!t.description), o = r(() => {
+    const n = e, t = be(), s = r(() => !!t.description), o = r(() => {
+      if (n.customIcon)
+        return n.customIcon;
+      switch (n.color) {
+        case "info":
+          return vt;
+        case "warning":
+          return xe;
+        case "danger":
+          return gt;
+        case "success":
+        default:
+          return Te;
+      }
+    }), c = r(() => {
       const u = [];
-      switch (u.push(s.value ? "p-4" : "p-2"), l.color) {
+      switch (n.size) {
+        case "xs":
+          u.push("p-1");
+          break;
+        case "default":
+        default:
+          u.push(s.value ? "p-4" : "p-2");
+          break;
+      }
+      switch (n.color) {
         case "success":
           u.push("bg-success-lighter border-l-4 border-success");
           break;
@@ -2788,9 +2838,63 @@ const Kn = ["disabled", "onClick"], Al = /* @__PURE__ */ M({
           break;
       }
       return u.join(" ");
-    }), c = r(() => {
+    }), d = r(() => {
+      const u = [];
+      if (s.value)
+        u.push("");
+      else
+        switch (u.push("items-center"), n.size) {
+          case "xs":
+            u.push("space-x-1");
+            break;
+          case "default":
+          default:
+            u.push("space-x-2");
+            break;
+        }
+      return u.join(" ");
+    }), f = r(() => {
+      const u = ["grow"];
+      switch (s.value || u.push("flex items-center space-x-2"), n.size) {
+        case "xs":
+          u.push("ml-1");
+          break;
+        case "default":
+        default:
+          u.push("ml-3");
+          break;
+      }
+      return u.join(" ");
+    }), x = r(() => {
+      const u = [];
+      switch (n.size) {
+        case "xs":
+          u.push("text-xs");
+          break;
+        case "default":
+        default:
+          u.push("mt-2 text-sm");
+          break;
+      }
+      return u.join(" ");
+    }), p = r(() => {
+      var v;
+      const u = ["flex"];
+      s.value || u.push("grow justify-end");
+      const j = s.value && ((v = n.actions) == null ? void 0 : v.length);
+      switch (n.size) {
+        case "xs":
+          u.push("space-x-1"), j && u.push("mt-1");
+          break;
+        case "default":
+        default:
+          u.push("space-x-2"), j && u.push("mt-4");
+          break;
+      }
+      return u.join(" ");
+    }), b = r(() => {
       const u = [];
-      switch (l.color) {
+      switch (n.color) {
         case "success":
           u.push("text-success-darker");
           break;
@@ -2805,9 +2909,18 @@ const Kn = ["disabled", "onClick"], Al = /* @__PURE__ */ M({
           break;
       }
       return u.join(" ");
-    }), f = r(() => {
+    }), y = r(() => {
       const u = [];
-      switch (l.color) {
+      switch (n.size) {
+        case "xs":
+          u.push("h-4 w-4"), u.push(s.value ? "mt-0.5" : "");
+          break;
+        case "default":
+        default:
+          u.push("h-5 w-5");
+          break;
+      }
+      switch (n.color) {
         case "success":
           u.push("text-success");
           break;
@@ -2822,9 +2935,9 @@ const Kn = ["disabled", "onClick"], Al = /* @__PURE__ */ M({
           break;
       }
       return u.join(" ");
-    }), d = r(() => {
+    }), h = r(() => {
       const u = [];
-      switch (l.color) {
+      switch (n.color) {
         case "success":
           u.push("bg-success-lighter ring-success");
           break;
@@ -2839,125 +2952,129 @@ const Kn = ["disabled", "onClick"], Al = /* @__PURE__ */ M({
           break;
       }
       return u.join(" ");
+    }), C = r(() => {
+      switch (n.size) {
+        case "xs":
+          return "xs";
+        case "default":
+        default:
+          return "sm";
+      }
     });
-    return (u, p) => {
-      var b;
-      return a(), m("div", {
-        class: x(["rounded-md", [o.value, c.value]])
+    return (u, j) => (a(), m("div", {
+      class: k(["rounded-md", [c.value, b.value]])
+    }, [
+      i("div", {
+        class: k(["flex", d.value])
       }, [
+        i("div", ol, [
+          (a(), L(H(o.value), {
+            class: k(y.value),
+            "aria-hidden": "true"
+          }, null, 8, ["class"]))
+        ]),
         i("div", {
-          class: x(["flex", [s.value ? "" : "items-center space-x-2"]])
+          class: k(f.value)
         }, [
-          i("div", ll, [
-            L(n(Te), {
-              class: x(["h-5 w-5", f.value]),
-              "aria-hidden": "true"
-            }, null, 8, ["class"])
-          ]),
-          i("div", {
-            class: x(["ml-3 grow", [s.value ? "" : "flex items-center space-x-2"]])
+          i("h3", {
+            class: k(["text-sm", [s.value ? "font-medium" : ""]])
           }, [
-            i("h3", {
-              class: x(["text-sm", [s.value ? "font-medium" : ""]])
-            }, [
-              D(u.$slots, "title", {}, () => [
-                A("Title")
-              ])
-            ], 2),
-            s.value ? (a(), m("div", al, [
-              D(u.$slots, "description", {}, () => [
-                A(" Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid pariatur, ipsum similique veniam. ")
-              ])
-            ])) : S("", !0),
-            i("div", {
-              class: x([s.value ? (b = e.actions) != null && b.length ? "mt-4" : "" : "grow flex"])
-            }, [
-              i("div", {
-                class: x(["flex", ["space-x-2", s.value ? "" : "grow justify-end"]])
-              }, [
-                (a(!0), m(U, null, G(e.actions || [], (v, h) => (a(), P(re, {
-                  key: h,
-                  color: e.color,
-                  size: "sm",
-                  to: v.url,
-                  external: v.externalUrl || !1,
-                  onClick: (k) => v.onClick || n(Ye)
-                }, {
-                  default: _(() => [
-                    A(I(v.title), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["color", "to", "external", "onClick"]))), 128))
-              ], 2)
-            ], 2)
+            z(u.$slots, "title", {}, () => [
+              M("Title")
+            ])
           ], 2),
-          e.withDismiss ? (a(), m("div", {
+          s.value ? (a(), m("div", {
             key: 0,
-            class: x(["flex", [s.value ? "items-start" : "items-center"]])
+            class: k(x.value)
           }, [
-            i("button", {
-              type: "button",
-              class: x(["inline-flex rounded-md focus:outline-none focus:ring-2", d.value]),
-              onClick: p[0] || (p[0] = (v) => u.$emit("dismiss"))
-            }, [
-              ol,
-              L(n(ue), {
-                class: "h-5 w-5",
-                "aria-hidden": "true"
-              })
-            ], 2)
-          ], 2)) : S("", !0)
-        ], 2)
-      ], 2);
-    };
+            z(u.$slots, "description", {}, () => [
+              M(" Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid pariatur, ipsum similique veniam. ")
+            ])
+          ], 2)) : I("", !0),
+          i("div", {
+            class: k(p.value)
+          }, [
+            (a(!0), m(W, null, G(e.actions || [], (v, w) => (a(), L(re, {
+              key: w,
+              color: e.color,
+              size: C.value,
+              to: v.url,
+              external: v.externalUrl || !1,
+              onClick: (S) => v.onClick || l(Ye)
+            }, {
+              default: _(() => [
+                M(B(v.title), 1)
+              ]),
+              _: 2
+            }, 1032, ["color", "size", "to", "external", "onClick"]))), 128))
+          ], 2)
+        ], 2),
+        e.withDismiss ? (a(), m("div", {
+          key: 0,
+          class: k(["flex", [s.value ? "items-start" : "items-center"]])
+        }, [
+          i("button", {
+            type: "button",
+            class: k(["inline-flex rounded-md focus:outline-none focus:ring-2", h.value]),
+            onClick: j[0] || (j[0] = (v) => u.$emit("dismiss"))
+          }, [
+            rl,
+            P(l(ue), {
+              class: "h-5 w-5",
+              "aria-hidden": "true"
+            })
+          ], 2)
+        ], 2)) : I("", !0)
+      ], 2)
+    ], 2));
   }
 });
-function zl(e) {
-  var B, j;
-  const { get: l, initialState: t, readOptions: s, set: o, asyncRead: c = !0, debugging: f } = e, d = f == null ? void 0 : f.log, u = () => (new Error("Trace:").stack || "").substring(7), p = ((j = (B = e.debugging) == null ? void 0 : B.log) == null ? void 0 : j.logger) || console.debug, b = d && !d.writesOnly ? () => {
-    const y = l();
-    return p(`debugging: '${d.name}' read`, y, u()), y;
-  } : l, v = d && !d.readsOnly ? (y) => (p(`debugging: '${d.name}' written to`, y, u()), o(y)) : o, h = c ? Ct(b, t, s) : r(b), k = r(() => h.value);
-  return k.update = v, k;
+function El(e) {
+  var u, j;
+  const { get: n, initialState: t, readOptions: s, set: o, asyncRead: c = !0, debugging: d } = e, f = d == null ? void 0 : d.log, x = () => (new Error("Trace:").stack || "").substring(7), p = ((j = (u = e.debugging) == null ? void 0 : u.log) == null ? void 0 : j.logger) || console.debug, b = f && !f.writesOnly ? () => {
+    const v = n();
+    return p(`debugging: '${f.name}' read`, v, x()), v;
+  } : n, y = f && !f.readsOnly ? (v) => (p(`debugging: '${f.name}' written to`, v, x()), o(v)) : o, h = c ? $t(b, t, s) : r(b), C = r(() => h.value);
+  return C.update = y, C;
 }
 export {
   Fl as CommonAlert,
-  ts as CommonBadge,
-  We as CommonLoadingBar,
-  kl as CommonStepsBullet,
-  xl as CommonStepsNumber,
-  Et as CommonTextLink,
+  ns as CommonBadge,
+  Ue as CommonLoadingBar,
+  Cl as CommonStepsBullet,
+  kl as CommonStepsNumber,
+  Ut as CommonTextLink,
   re as FormButton,
-  Cl as FormCardButton,
-  wl as FormCheckbox,
-  Bn as FormSelectBase,
-  Bl as FormSelectSourceApps,
-  $l as FormTextArea,
-  Sl as FormTextInput,
-  yl as GlobalToastRenderer,
+  wl as FormCardButton,
+  $l as FormCheckbox,
+  Pn as FormSelectBase,
+  _l as FormSelectSourceApps,
+  Sl as FormTextArea,
+  Il as FormTextInput,
+  xl as GlobalToastRenderer,
   J as GridListToggleValue,
   me as HorizontalDirection,
   Tl as InfiniteLoading,
-  jl as LayoutDialog,
-  Vl as LayoutDisclosure,
-  Ol as LayoutGridListToggle,
-  Al as LayoutMenu,
+  Vl as LayoutDialog,
+  Ol as LayoutDisclosure,
+  Al as LayoutGridListToggle,
+  zl as LayoutMenu,
   Rl as LayoutPanel,
   Dl as LayoutTabs,
   se as ModifierKeys,
-  _n as SourceAppBadge,
+  Ln as SourceAppBadge,
   te as TailwindBreakpoints,
-  qn as ThrottleOrDebounce,
+  Gn as ThrottleOrDebounce,
   ee as ToastNotificationType,
-  Il as ValidationHelpers,
+  Bl as ValidationHelpers,
   he as clientOs,
-  _l as getKeyboardShortcutTitle,
+  Pl as getKeyboardShortcutTitle,
   Ll as onKeyboardShortcut,
-  Pl as useFormCheckboxModel,
-  rn as useFormSelectChildInternals,
+  jl as useFormCheckboxModel,
+  cn as useFormSelectChildInternals,
   Ml as useOnBeforeWindowUnload,
-  Gn as useResponsiveHorizontalDirectionCalculation,
-  Hn as useWindowResizeHandler,
-  on as useWrappingContainerHiddenCount,
-  zl as writableAsyncComputed
+  Xn as useResponsiveHorizontalDirectionCalculation,
+  Kn as useWindowResizeHandler,
+  un as useWrappingContainerHiddenCount,
+  El as writableAsyncComputed
 };