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

package/dist/lib.js

@@ -141,123 +141,123 @@ const Pt = {
   },
   emits: ["click"],
   setup(e, { emit: s }) {
-    const n = e, o = W("NuxtLink"), a = W("RouterLink"), r = c(() => n.linkComponent ? n.linkComponent : n.external ? "a" : Ce(o) ? o : Ce(a) ? a : "a"), i = c(() => {
+    const n = e, o = W("NuxtLink"), a = W("RouterLink"), r = c(() => n.linkComponent ? n.linkComponent : n.external ? "a" : Ce(o) ? o : Ce(a) ? a : "a"), d = c(() => {
       if (!n.to)
         return n.submit ? "submit" : "button";
-    }), d = c(() => n.disabled || n.loading), y = c(() => n.loading ? Ue : n.iconLeft), p = c(() => {
-      const f = [];
-      if (f.push("border-2"), d.value)
-        f.push(
+    }), i = c(() => n.disabled || n.loading), y = c(() => n.loading ? Ue : n.iconLeft), f = c(() => {
+      const p = [];
+      if (p.push("border-2"), i.value)
+        p.push(
           n.outlined ? "border-foreground-disabled" : "bg-foundation-disabled border-transparent"
         );
       else
         switch (n.color) {
           case "invert":
-            f.push(
+            p.push(
               n.outlined ? "border-foundation dark:border-foreground" : "bg-foundation dark:bg-foreground border-transparent"
             );
             break;
           case "card":
-            f.push(
+            p.push(
               n.outlined ? "border-foundation-2 shadow" : "bg-foundation-2 dark:bg-foundation-2 border-foundation shadow"
             );
             break;
           case "danger":
-            f.push(n.outlined ? "border-danger" : "bg-danger border-danger");
+            p.push(n.outlined ? "border-danger" : "bg-danger border-danger");
             break;
           case "secondary":
-            f.push(
+            p.push(
               n.outlined ? "border-foundation" : "bg-foundation border-foundation-2"
             );
             break;
           case "warning":
-            f.push(n.outlined ? "border-warning" : "bg-warning border-warning");
+            p.push(n.outlined ? "border-warning" : "bg-warning border-warning");
             break;
           case "success":
-            f.push(n.outlined ? "border-success" : "bg-success border-success");
+            p.push(n.outlined ? "border-success" : "bg-success border-success");
             break;
           case "default":
           default:
-            f.push(
+            p.push(
               n.outlined ? "border-primary hover:border-primary-focus" : "bg-primary hover:bg-primary-focus border-transparent"
             );
             break;
         }
-      return f.join(" ");
+      return p.join(" ");
     }), w = c(() => {
-      const f = [];
+      const p = [];
       if (!n.text && !n.link)
-        if (d.value)
-          f.push(
+        if (i.value)
+          p.push(
             (n.outlined, "text-foreground-disabled")
           );
         else
           switch (n.color) {
             case "invert":
-              f.push(
+              p.push(
                 n.outlined ? "text-foundation dark:text-foreground" : "text-primary"
               );
               break;
             case "card":
-              f.push((n.outlined, "text-foreground"));
+              p.push((n.outlined, "text-foreground"));
               break;
             case "danger":
-              f.push(
+              p.push(
                 n.outlined ? "text-danger" : "text-foundation dark:text-foreground"
               );
               break;
             case "warning":
-              f.push(
+              p.push(
                 n.outlined ? "text-warning" : "text-foundation dark:text-foreground"
               );
               break;
             case "success":
-              f.push(
+              p.push(
                 n.outlined ? "text-success" : "text-foundation dark:text-foreground"
               );
               break;
             case "secondary":
-              f.push(
+              p.push(
                 (n.outlined, "text-foreground hover:text-primary")
               );
               break;
             case "default":
             default:
-              f.push(
+              p.push(
                 n.outlined ? "text-primary hover:text-primary-focus" : "text-foundation dark:text-foreground"
               );
               break;
           }
       else
-        d.value ? f.push("text-foreground-disabled") : n.color === "invert" ? f.push(
+        i.value ? p.push("text-foreground-disabled") : n.color === "invert" ? p.push(
           "text-foundation hover:text-foundation-2 dark:text-foreground dark:hover:text-foreground"
-        ) : n.color === "secondary" ? f.push("text-foreground-2 hover:text-primary-focus") : n.color === "success" ? f.push("text-success") : n.color === "warning" ? f.push("text-warning") : n.color === "danger" ? f.push("text-danger") : f.push("text-primary hover:text-primary-focus");
-      return f.join(" ");
+        ) : n.color === "secondary" ? p.push("text-foreground-2 hover:text-primary-focus") : n.color === "success" ? p.push("text-success") : n.color === "warning" ? p.push("text-warning") : n.color === "danger" ? p.push("text-danger") : p.push("text-primary hover:text-primary-focus");
+      return p.join(" ");
     }), g = c(() => {
-      const f = [];
-      return f.push(n.rounded ? "rounded-full" : "rounded-md"), f.join(" ");
+      const p = [];
+      return p.push(n.rounded ? "rounded-full" : "rounded-md"), p.join(" ");
     }), m = c(() => {
-      const f = [];
-      if (!d.value)
+      const p = [];
+      if (!i.value)
         switch (n.color) {
           case "invert":
-            f.push("hover:ring-4 ring-white/50");
+            p.push("hover:ring-4 ring-white/50");
             break;
           case "danger":
-            f.push("hover:ring-4 ring-danger-lighter dark:ring-danger-darker");
+            p.push("hover:ring-4 ring-danger-lighter dark:ring-danger-darker");
             break;
           case "warning":
-            f.push("hover:ring-4 ring-warning-lighter dark:ring-warning-darker");
+            p.push("hover:ring-4 ring-warning-lighter dark:ring-warning-darker");
             break;
           case "success":
-            f.push("hover:ring-4 ring-success-lighter dark:ring-success-darker");
+            p.push("hover:ring-4 ring-success-lighter dark:ring-success-darker");
             break;
           case "default":
           default:
-            f.push("hover:ring-2");
+            p.push("hover:ring-2");
             break;
         }
-      return f.join(" ");
+      return p.join(" ");
     }), b = c(() => {
       switch (n.size) {
         case "xs":
@@ -287,61 +287,61 @@ const Pt = {
           return "px-3";
       }
     }), x = c(() => {
-      const f = [];
-      return n.fullWidth && f.push("w-full"), d.value && f.push("cursor-not-allowed"), f.join(" ");
+      const p = [];
+      return n.fullWidth && p.push("w-full"), i.value && p.push("cursor-not-allowed"), p.join(" ");
     }), L = c(() => {
-      const f = [];
-      return !d.value && !n.link && !n.text && f.push("active:scale-[0.97]"), !d.value && n.link && f.push(
+      const p = [];
+      return !i.value && !n.link && !n.text && p.push("active:scale-[0.97]"), !i.value && n.link && p.push(
         "underline decoration-transparent decoration-2 underline-offset-4	hover:decoration-inherit"
-      ), f.join(" ");
+      ), p.join(" ");
     }), S = c(() => {
-      const f = n.link || n.text;
+      const p = n.link || n.text;
       return [
         "transition inline-flex justify-center items-center space-x-2 outline-none select-none",
         x.value,
         b.value,
         w.value,
-        f ? "" : p.value,
-        f ? "" : g.value,
-        f ? "" : m.value,
+        p ? "" : f.value,
+        p ? "" : g.value,
+        p ? "" : m.value,
         n.link ? "" : j.value,
         L.value
       ].join(" ");
     }), C = c(() => {
-      const f = [""];
-      switch (n.loading && f.push("animate-spin"), n.size) {
+      const p = [""];
+      switch (n.loading && p.push("animate-spin"), n.size) {
         case "xs":
-          f.push("h-3 w-3");
+          p.push("h-3 w-3");
           break;
         case "sm":
-          f.push("h-4 w-4");
+          p.push("h-4 w-4");
           break;
         case "lg":
-          f.push("h-6 w-6");
+          p.push("h-6 w-6");
           break;
         case "xl":
-          f.push("h-8 w-8");
+          p.push("h-8 w-8");
           break;
         case "base":
         default:
-          f.push("h-5 w-5");
+          p.push("h-5 w-5");
           break;
       }
-      return f.join(" ");
-    }), q = (f) => {
-      if (d.value) {
-        f.preventDefault(), f.stopPropagation(), f.stopImmediatePropagation();
+      return p.join(" ");
+    }), q = (p) => {
+      if (i.value) {
+        p.preventDefault(), p.stopPropagation(), p.stopImmediatePropagation();
         return;
       }
-      s("click", f);
+      s("click", p);
     };
-    return (f, V) => (l(), P(W(e.to ? t(r) : "button"), {
+    return (p, V) => (l(), P(W(e.to ? t(r) : "button"), {
       href: e.to,
       to: e.to,
-      type: t(i),
+      type: t(d),
       external: e.external,
       class: v(t(S)),
-      disabled: t(d),
+      disabled: t(i),
       role: "button",
       onClick: q
     }, {
@@ -350,7 +350,7 @@ const Pt = {
           key: 0,
           class: v(`${t(C)} ${e.hideText ? "" : "mr-2"}`)
         }, null, 8, ["class"])) : $("", !0),
-        e.hideText ? (l(), h("div", Pt, "   ")) : R(f.$slots, "default", { key: 1 }, () => [
+        e.hideText ? (l(), h("div", Pt, "   ")) : R(p.$slots, "default", { key: 1 }, () => [
           T("Button")
         ], !0),
         e.iconRight || !e.loading ? (l(), P(W(e.iconRight), {
@@ -471,16 +471,16 @@ const Ot = {
   setup(e, { emit: s }) {
     const n = e, o = c(
       () => {
-        var i, d;
-        return !((i = n.notification) != null && i.description) && !((d = n.notification) != null && d.cta);
+        var d, i;
+        return !((d = n.notification) != null && d.description) && !((i = n.notification) != null && i.cta);
       }
     ), a = () => {
       s("update:notification", null);
-    }, r = (i) => {
-      var d, y, p;
-      (p = (y = (d = n.notification) == null ? void 0 : d.cta) == null ? void 0 : y.onClick) == null || p.call(y, i), a();
+    }, r = (d) => {
+      var i, y, f;
+      (f = (y = (i = n.notification) == null ? void 0 : i.cta) == null ? void 0 : y.onClick) == null || f.call(y, d), a();
     };
-    return (i, d) => (l(), h("div", Ot, [
+    return (d, i) => (l(), h("div", Ot, [
       u("div", Mt, [
         I(ce, {
           "enter-active-class": "transform ease-out duration-300 transition",
@@ -578,46 +578,46 @@ const Ot = {
     ), a = c(
       () => n.dotIconColorClasses || "text-blue-400"
     ), r = c(() => {
-      const p = [
+      const f = [
         "inline-flex items-center",
         o.value,
         n.size === "lg" ? "px-3 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
       ];
-      return n.rounded ? (p.push("rounded"), p.push(
+      return n.rounded ? (f.push("rounded"), f.push(
         n.size === "lg" ? "px-2 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
-      )) : (p.push("rounded-full"), p.push(
+      )) : (f.push("rounded-full"), f.push(
         n.size === "lg" ? "px-2.5 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
-      )), p.join(" ");
-    }), i = c(() => {
-      const p = [
+      )), f.join(" ");
+    }), d = c(() => {
+      const f = [
         "mt-0.5 ml-0.5 inline-flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-full focus:outline-none"
       ];
-      return n.clickableIcon ? p.push("cursor-pointer") : p.push("cursor-default"), p.join(" ");
-    }), d = c(() => [
+      return n.clickableIcon ? f.push("cursor-pointer") : f.push("cursor-default"), f.join(" ");
+    }), i = c(() => [
       "-ml-0.5 mr-1.5 h-2 w-2",
       a.value
-    ].join(" ")), y = (p) => {
+    ].join(" ")), y = (f) => {
       if (!n.clickableIcon) {
-        p.stopPropagation(), p.stopImmediatePropagation(), p.preventDefault();
+        f.stopPropagation(), f.stopImmediatePropagation(), f.preventDefault();
         return;
       }
-      s("click-icon", p);
+      s("click-icon", f);
     };
-    return (p, w) => (l(), h("span", {
+    return (f, w) => (l(), h("span", {
       class: v(t(r))
     }, [
       e.dot ? (l(), h("svg", {
         key: 0,
-        class: v(t(d)),
+        class: v(t(i)),
         fill: "currentColor",
         viewBox: "0 0 8 8"
       }, Ht, 2)) : $("", !0),
-      R(p.$slots, "default", {}, () => [
+      R(f.$slots, "default", {}, () => [
         T("Badge")
       ]),
       e.iconLeft ? (l(), h("button", {
         key: 1,
-        class: v(t(i)),
+        class: v(t(d)),
         onClick: w[0] || (w[0] = (g) => y(g))
       }, [
         (l(), P(W(e.iconLeft), {
@@ -631,13 +631,13 @@ var J = /* @__PURE__ */ ((e) => (e[e.sm = 640] = "sm", e[e.md = 746] = "md", e[e
 function Oe(e) {
   const {
     props: { modelValue: s, steps: n, orientation: o, goVerticalBelow: a, nonInteractive: r },
-    emit: i
-  } = e, d = c(
+    emit: d
+  } = e, i = c(
     () => (o == null ? void 0 : o.value) === "vertical" ? "vertical" : "horizontal"
   ), y = c({
     get: () => we((s == null ? void 0 : s.value) || 0, -1, n.value.length),
-    set: (x) => i("update:modelValue", we(x, 0, n.value.length))
-  }), p = (x) => `${x + 1}`, w = (x) => x === y.value, g = (x) => x < y.value, m = (x, L) => {
+    set: (x) => d("update:modelValue", we(x, 0, n.value.length))
+  }), f = (x) => `${x + 1}`, w = (x) => x === y.value, g = (x) => x < y.value, m = (x, L) => {
     var C;
     if (r != null && r.value) {
       L == null || L.preventDefault(), L == null || L.stopPropagation(), L == null || L.stopImmediatePropagation();
@@ -648,7 +648,7 @@ function Oe(e) {
     (C = S == null ? void 0 : S.onClick) == null || C.call(S);
   }, b = c(() => {
     const x = ["flex"];
-    return x.push("flex"), d.value === "vertical" || a != null && a.value ? (x.push("flex-col space-y-4 justify-center"), (a == null ? void 0 : a.value) === J.sm ? x.push(
+    return x.push("flex"), i.value === "vertical" || a != null && a.value ? (x.push("flex-col space-y-4 justify-center"), (a == null ? void 0 : a.value) === J.sm ? x.push(
       "sm:flex-row sm:space-y-0 sm:justify-start sm:space-x-8 sm:items-center"
     ) : (a == null ? void 0 : a.value) === J.md ? x.push(
       "md:flex-row md:space-y-0 md:justify-start md:space-x-8 md:items-center"
@@ -666,10 +666,10 @@ function Oe(e) {
     isCurrentStep: w,
     isFinishedStep: g,
     switchStep: m,
-    getStepDisplayValue: p,
+    getStepDisplayValue: f,
     listClasses: b,
     linkClasses: j,
-    orientation: d
+    orientation: i
   };
 }
 const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, Jt = { class: "shrink-0 h-8 w-8 rounded-full bg-primary-focus text-foreground-on-primary inline-flex items-center justify-center" }, Qt = { class: "flex flex-col" }, Yt = {
@@ -697,19 +697,19 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
       isCurrentStep: o,
       isFinishedStep: a,
       switchStep: r,
-      getStepDisplayValue: i,
-      listClasses: d,
+      getStepDisplayValue: d,
+      listClasses: i,
       linkClasses: y
     } = Oe({
       props: Z(n),
       emit: s
     });
-    return (p, w) => (l(), h("nav", {
+    return (f, w) => (l(), h("nav", {
       class: "flex justify-center",
       "aria-label": e.ariaLabel || "Progress steps"
     }, [
       u("ol", {
-        class: v(t(d))
+        class: v(t(i))
       }, [
         (l(!0), h(U, null, H(e.steps, (g, m) => (l(), h("li", {
           key: g.name
@@ -737,7 +737,7 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
             onClick: (b) => t(r)(m, b)
           }, [
             u("div", es, [
-              u("div", ts, _(t(i)(m)), 1),
+              u("div", ts, _(t(d)(m)), 1),
               u("div", ss, [
                 u("div", null, _(g.name), 1),
                 g.description ? (l(), h("div", ns, _(g.description), 1)) : $("", !0)
@@ -750,7 +750,7 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
             onClick: (b) => t(r)(m, b)
           }, [
             u("div", as, [
-              u("div", os, _(t(i)(m)), 1),
+              u("div", os, _(t(d)(m)), 1),
               u("div", rs, [
                 u("div", null, _(g.name), 1),
                 g.description ? (l(), h("div", is, _(g.description), 1)) : $("", !0)
@@ -792,19 +792,19 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    const n = e, { isCurrentStep: o, isFinishedStep: a, switchStep: r, listClasses: i, linkClasses: d } = Oe({
+    const n = e, { isCurrentStep: o, isFinishedStep: a, switchStep: r, listClasses: d, linkClasses: i } = Oe({
       props: Z(n),
       emit: s
     }), y = c(() => {
-      const p = ["ml-3 h6 font-medium leading-7"];
-      return n.basic && p.push("sr-only"), p.join(" ");
+      const f = ["ml-3 h6 font-medium leading-7"];
+      return n.basic && f.push("sr-only"), f.join(" ");
     });
-    return (p, w) => (l(), h("nav", {
+    return (f, w) => (l(), h("nav", {
       class: "flex justify-center",
       "aria-label": e.ariaLabel || "Progress steps"
     }, [
       u("ol", {
-        class: v([t(i), e.basic ? "basic" : ""])
+        class: v([t(d), e.basic ? "basic" : ""])
       }, [
         (l(!0), h(U, null, H(e.steps, (g, m) => (l(), h("li", {
           key: g.name
@@ -812,7 +812,7 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
           t(a)(m) ? (l(), h("a", {
             key: 0,
             href: g.href,
-            class: v(t(d)),
+            class: v(t(i)),
             onClick: (b) => t(r)(m, b)
           }, [
             u("span", ds, [
@@ -828,7 +828,7 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
           ], 10, cs)) : t(o)(m) ? (l(), h("a", {
             key: 1,
             href: g.href,
-            class: v(t(d)),
+            class: v(t(i)),
             "aria-current": "step",
             onClick: (b) => t(r)(m, b)
           }, [
@@ -844,7 +844,7 @@ const Kt = ["aria-label"], Xt = ["href", "onClick"], Nt = { class: "flex space-x
           ], 10, ps)) : (l(), h("a", {
             key: 2,
             href: g.href,
-            class: v(t(d)),
+            class: v(t(i)),
             onClick: (b) => t(r)(m, b)
           }, [
             u("div", bs, [
@@ -882,7 +882,7 @@ const il = /* @__PURE__ */ me(Cs, [["__scopeId", "data-v-56fc6520"]]), ws = ["di
       }
       s("update:modelValue", !n.modelValue), s("click", r);
     };
-    return (r, i) => (l(), h("button", {
+    return (r, d) => (l(), h("button", {
       class: v(t(o)),
       disabled: e.disabled,
       onClick: a
@@ -992,15 +992,15 @@ const il = /* @__PURE__ */ me(Cs, [["__scopeId", "data-v-56fc6520"]]), ws = ["di
     const s = e, n = (x) => `${x}-${pe()}`, o = c(() => s.value || s.name), {
       checked: a,
       errorMessage: r,
-      handleChange: i
+      handleChange: d
     } = fe(s.name, s.rules, {
       validateOnMount: s.validateOnMount,
       type: "checkbox",
       checkedValue: o,
       initialValue: s.modelValue || void 0
-    }), d = (x) => {
-      s.disabled || i(x);
-    }, y = c(() => s.label || s.name), p = c(() => r.value ? "border-danger-lighter" : "border-foreground-4 "), w = c(() => s.description || r.value), g = c(() => `${s.name}-description`), m = c(() => {
+    }), i = (x) => {
+      s.disabled || d(x);
+    }, y = c(() => s.label || s.name), f = c(() => r.value ? "border-danger-lighter" : "border-foreground-4 "), w = c(() => s.description || r.value), g = c(() => `${s.name}-description`), m = c(() => {
       const x = [];
       return s.inlineDescription ? x.push("inline ml-2") : x.push("block"), r.value ? x.push("text-danger") : x.push("text-foreground-2"), x.join(" ");
     }), b = A(n("checkbox")), j = c(() => s.id || b.value);
@@ -1014,8 +1014,8 @@ const il = /* @__PURE__ */ me(Cs, [["__scopeId", "data-v-56fc6520"]]), ws = ["di
           value: t(o),
           disabled: e.disabled,
           type: "checkbox",
-          class: ["h-4 w-4 rounded text-primary focus:ring-primary bg-foundation disabled:cursor-not-allowed disabled:bg-disabled disabled:text-disabled-2", t(p)]
-        }, x.$attrs, { onChange: d }), null, 16, Ss)
+          class: ["h-4 w-4 rounded text-primary focus:ring-primary bg-foundation disabled:cursor-not-allowed disabled:bg-disabled disabled:text-disabled-2", t(f)]
+        }, x.$attrs, { onChange: i }), null, 16, Ss)
       ]),
       u("div", Is, [
         u("label", {
@@ -1039,10 +1039,10 @@ function Ae(e) {
     validateOnMount: t(s.validateOnMount),
     validateOnValueUpdate: t(s.validateOnValueUpdate),
     initialValue: t(s.modelValue) || void 0
-  }), i = c(() => {
+  }), d = c(() => {
     const C = ["block label text-foreground-2 mb-2"];
     return t(s.showLabel) || C.push("sr-only"), C.join(" ");
-  }), d = c(() => {
+  }), i = c(() => {
     const C = [
       "block w-full rounded focus:outline-none text-foreground transition-all",
       "disabled:cursor-not-allowed disabled:bg-foundation-disabled disabled:text-disabled-muted",
@@ -1051,9 +1051,9 @@ function Ae(e) {
     return r.value ? C.push(
       "border-2 border-danger text-danger-darker focus:border-danger focus:ring-danger"
     ) : C.push("border-0 focus:ring-2 focus:ring-outline-2"), t(s.color) === "foundation" ? C.push("bg-foundation shadow-sm hover:shadow") : C.push("bg-foundation-page"), C.join(" ");
-  }), y = A(pe()), p = c(() => t(s.label) || t(s.name)), w = c(() => {
+  }), y = A(pe()), f = c(() => t(s.label) || t(s.name)), w = c(() => {
     const C = r.value;
-    return !C || !t(s.useLabelInErrors) ? C : C.replace("Value", p.value);
+    return !C || !t(s.useLabelInErrors) ? C : C.replace("Value", f.value);
   }), g = c(
     () => w.value && t(s.hideErrorMessage)
   ), m = c(() => w.value || t(s.help)), b = c(() => !!m.value), j = c(
@@ -1070,8 +1070,8 @@ function Ae(e) {
   return ee(() => {
     t(s.autoFocus) && L();
   }), {
-    coreClasses: d,
-    title: p,
+    coreClasses: i,
+    title: f,
     value: a,
     helpTipId: j,
     helpTipClasses: x,
@@ -1080,7 +1080,7 @@ function Ae(e) {
     errorMessage: w,
     clear: S,
     focus: L,
-    labelClasses: i
+    labelClasses: d
   };
 }
 const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], As = /* @__PURE__ */ u("span", { class: "text-xs sr-only" }, "Clear input", -1), Ds = {
@@ -1110,10 +1110,10 @@ const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
   setup(e, { expose: s, emit: n }) {
     const o = e, a = A(null), {
       coreClasses: r,
-      title: i,
-      value: d,
+      title: d,
+      value: i,
       helpTipId: y,
-      helpTipClasses: p,
+      helpTipClasses: f,
       helpTip: w,
       errorMessage: g,
       labelClasses: m,
@@ -1134,14 +1134,14 @@ const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
         for: e.name,
         class: v(t(m))
       }, [
-        u("span", null, _(t(i)), 1)
+        u("span", null, _(t(d)), 1)
       ], 10, Vs),
       u("div", Os, [
         te(u("textarea", ne({
           id: e.name,
           ref_key: "inputElement",
           ref: a,
-          "onUpdate:modelValue": S[0] || (S[0] = (C) => le(d) ? d.value = C : null),
+          "onUpdate:modelValue": S[0] || (S[0] = (C) => le(i) ? i.value = C : null),
           name: e.name,
           class: [t(r), t(x), "min-h-[4rem]"],
           placeholder: e.placeholder,
@@ -1149,10 +1149,10 @@ const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
           "aria-invalid": t(g) ? "true" : "false",
           "aria-describedby": t(y)
         }, L.$attrs, {
-          onChange: S[1] || (S[1] = (C) => L.$emit("change", { event: C, value: t(d) })),
-          onInput: S[2] || (S[2] = (C) => L.$emit("input", { event: C, value: t(d) }))
+          onChange: S[1] || (S[1] = (C) => L.$emit("change", { event: C, value: t(i) })),
+          onInput: S[2] || (S[2] = (C) => L.$emit("input", { event: C, value: t(i) }))
         }), null, 16, Ms), [
-          [Ie, t(d)]
+          [Ie, t(i)]
         ]),
         e.showClear ? (l(), h("a", {
           key: 0,
@@ -1186,7 +1186,7 @@ const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
       t(y) ? (l(), h("p", {
         key: 0,
         id: t(y),
-        class: v(t(p))
+        class: v(t(f))
       }, _(t(w)), 11, Rs)) : $("", !0)
     ], 2));
   }
@@ -1336,10 +1336,10 @@ const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
   emits: ["update:modelValue", "change", "input", "clear", "focusin", "focusout"],
   setup(e, { expose: s, emit: n }) {
     const o = e, a = ze(), r = A(null), {
-      coreClasses: i,
-      title: d,
+      coreClasses: d,
+      title: i,
       value: y,
-      helpTipId: p,
+      helpTipId: f,
       helpTipClasses: w,
       helpTip: g,
       hideHelpTip: m,
@@ -1359,7 +1359,7 @@ const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
     ), q = c(() => {
       const V = [];
       return C.value ? V.push("pl-8") : V.push("pl-2"), a["input-right"] || (b.value || o.showClear) && (b.value && o.showClear ? V.push("pr-12") : V.push("pr-8")), V.join(" ");
-    }), f = c(() => {
+    }), p = c(() => {
       switch (o.size) {
         case "sm":
           return "h-6";
@@ -1379,7 +1379,7 @@ const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
         for: e.name,
         class: v(t(L))
       }, [
-        u("span", null, _(t(d)), 1)
+        u("span", null, _(t(i)), 1)
       ], 10, Ts),
       u("div", Fs, [
         t(C) ? (l(), h("div", zs, [
@@ -1404,11 +1404,11 @@ const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
           "onUpdate:modelValue": F[0] || (F[0] = (M) => le(y) ? y.value = M : null),
           type: e.type,
           name: e.name,
-          class: [t(i), t(q), t(f), e.inputClasses || ""],
+          class: [t(d), t(q), t(p), e.inputClasses || ""],
           placeholder: e.placeholder,
           disabled: e.disabled,
           "aria-invalid": t(b) ? "true" : "false",
-          "aria-describedby": t(p),
+          "aria-describedby": t(f),
           role: "textbox"
         }, V.$attrs, {
           onChange: F[1] || (F[1] = (M) => V.$emit("change", { event: M, value: t(y) })),
@@ -1447,9 +1447,9 @@ const Vs = ["for"], Os = { class: "relative" }, Ms = ["id", "name", "placeholder
           e.showRequired && !t(b) ? (l(), h("div", Us, " * ")) : $("", !0)
         ])
       ]),
-      t(p) && !t(m) ? (l(), h("p", {
+      t(f) && !t(m) ? (l(), h("p", {
         key: 0,
-        id: t(p),
+        id: t(f),
         class: v(t(w))
       }, _(t(g)), 11, qs)) : $("", !0)
     ], 2));
@@ -1478,36 +1478,36 @@ function Zs(e) {
     itemContainer: o,
     trackResize: a = !1,
     trackMutations: r = !0
-  } = e || {}, i = A(0), d = () => {
+  } = e || {}, d = A(0), i = () => {
     const y = o.value;
     if (s != null && s.value || !y)
       return;
-    const p = y.children;
+    const f = y.children;
     let w = 0, g = 0, m;
-    for (const b of p) {
+    for (const b of f) {
       const j = b.offsetTop;
       X(m) ? (m = j, w += 1) : j === m && (w += 1), g += 1;
     }
-    i.value = g - w;
+    d.value = g - w;
   };
-  return a && ct(n, d), r && dt(n, d, {
+  return a && ct(n, i), r && dt(n, i, {
     childList: !0,
     subtree: !0
   }), {
-    hiddenItemCount: i
+    hiddenItemCount: d
   };
 }
 function en(e) {
   const { props: s, emit: n, dynamicVisibility: o } = e;
   let a;
   if (o) {
-    const { elementToWatchForChanges: p, itemContainer: w } = o;
+    const { elementToWatchForChanges: f, itemContainer: w } = o;
     a = Zs({
       skipCalculation: c(() => {
         var m;
         return !((m = s.multiple) != null && m.value);
       }),
-      elementToWatchForChanges: p,
+      elementToWatchForChanges: f,
       itemContainer: w
     }).hiddenItemCount;
   } else
@@ -1515,27 +1515,27 @@ function en(e) {
   const r = c({
     get: () => {
       var w, g;
-      const p = (w = s.modelValue) == null ? void 0 : w.value;
-      return (g = s.multiple) != null && g.value ? E(p) ? p : [] : E(p) ? void 0 : p;
+      const f = (w = s.modelValue) == null ? void 0 : w.value;
+      return (g = s.multiple) != null && g.value ? E(f) ? f : [] : E(f) ? void 0 : f;
     },
-    set: (p) => {
+    set: (f) => {
       var w, g, m;
-      if ((w = s.multiple) != null && w.value && !E(p)) {
+      if ((w = s.multiple) != null && w.value && !E(f)) {
         console.warn("Attempting to set non-array value in selector w/ multiple=true");
         return;
-      } else if (!((g = s.multiple) != null && g.value) && E(p)) {
+      } else if (!((g = s.multiple) != null && g.value) && E(f)) {
         console.warn("Attempting to set array value in selector w/ multiple=false");
         return;
       }
-      n("update:modelValue", (m = s.multiple) != null && m.value ? p || [] : p);
+      n("update:modelValue", (m = s.multiple) != null && m.value ? f || [] : f);
     }
-  }), i = (p) => E(p);
+  }), d = (f) => E(f);
   return {
     selectedValue: r,
     hiddenSelectedItemCount: a,
-    isArrayValue: i,
-    isMultiItemArrayValue: (p) => E(p) && p.length > 1,
-    firstItem: (p) => i(p) ? p[0] : p
+    isArrayValue: d,
+    isMultiItemArrayValue: (f) => E(f) && f.length > 1,
+    firstItem: (f) => d(f) ? f[0] : f
   };
 }
 const tn = (e) => (_e("data-v-60cf597b"), e = e(), Se(), e), sn = /* @__PURE__ */ tn(() => /* @__PURE__ */ u("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), nn = [
@@ -1698,9 +1698,9 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
       validateOnMount: s.validateOnMount,
       validateOnValueUpdate: s.validateOnValueUpdate,
       initialValue: s.modelValue
-    }), a = A(null), r = A(""), i = A([]), d = A(!1), y = A(pe()), p = c(() => t(s.label) || t(s.name)), w = c(() => {
+    }), a = A(null), r = A(""), d = A([]), i = A(!1), y = A(pe()), f = c(() => t(s.label) || t(s.name)), w = c(() => {
       const k = o.value;
-      return !k || !t(s.useLabelInErrors) ? k : k.replace("Value", p.value);
+      return !k || !t(s.useLabelInErrors) ? k : k.replace("Value", f.value);
     }), g = c(() => w.value || t(s.help)), m = c(() => !!g.value), b = c(
       () => m.value ? `${t(s.name)}-${y.value}` : void 0
     ), j = c(
@@ -1733,9 +1733,9 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
         S.value
       ];
       return s.buttonStyle !== "simple" && (k.push("py-2 px-3"), F.value || k.push("bg-foundation text-foreground")), x.value && ve.value && k.push("rounded-r-none"), k.join(" ");
-    }), f = c(
+    }), p = c(
       () => !!(s.search && (s.filterPredicate || s.getSearchResults))
-    ), V = c(() => f.value && s.getSearchResults), F = c(
+    ), V = c(() => p.value && s.getSearchResults), F = c(
       () => s.disabled || !s.items.length && !V.value
     ), M = c({
       get: () => {
@@ -1761,26 +1761,26 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
       s.multiple ? M.value = [] : M.value = void 0;
     }, Te = c(() => {
       const k = r.value;
-      return !f.value || !(k != null && k.length) ? i.value : s.filterPredicate ? i.value.filter(
+      return !p.value || !(k != null && k.length) ? d.value : s.filterPredicate ? d.value.filter(
         (z) => {
           var D;
           return ((D = s.filterPredicate) == null ? void 0 : D.call(s, z, k)) || !1;
         }
-      ) : i.value;
+      ) : d.value;
     }), be = (k) => JSON.stringify(k), ae = (k) => s.by ? k[s.by] : k, xe = async () => {
       if (console.log("triggerSearch"), !(!V.value || !s.getSearchResults)) {
-        d.value = !0;
+        i.value = !0;
         try {
-          i.value = await s.getSearchResults(r.value);
+          d.value = await s.getSearchResults(r.value);
         } finally {
-          d.value = !1;
+          i.value = !1;
         }
       }
     }, Fe = Pe(xe, 1e3);
     return Y(
       () => s.items,
       (k) => {
-        i.value = k.slice();
+        d.value = k.slice();
       },
       { immediate: !0 }
     ), Y(r, () => {
@@ -1863,7 +1863,7 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
                   })
                 }, {
                   default: B(() => [
-                    t(f) ? (l(), h("label", cn, [
+                    t(p) ? (l(), h("label", cn, [
                       dn,
                       u("div", fn, [
                         u("div", pn, [
@@ -1884,16 +1884,16 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
                       ])
                     ])) : $("", !0),
                     u("div", {
-                      class: v(["overflow-auto simple-scrollbar", [t(f) ? "max-h-52" : "max-h-60"]])
+                      class: v(["overflow-auto simple-scrollbar", [t(p) ? "max-h-52" : "max-h-60"]])
                     }, [
-                      t(V) && d.value ? (l(), h("div", mn, [
+                      t(V) && i.value ? (l(), h("div", mn, [
                         I(De, { loading: !0 })
-                      ])) : t(V) && !i.value.length ? (l(), h("div", gn, [
+                      ])) : t(V) && !d.value.length ? (l(), h("div", gn, [
                         R(k.$slots, "nothing-found", {}, () => [
                           yn
                         ])
                       ])) : $("", !0),
-                      !t(V) || !d.value ? (l(!0), h(U, { key: 2 }, H(t(Te), (D) => (l(), P(t(yt), {
+                      !t(V) || !i.value ? (l(!0), h(U, { key: 2 }, H(t(Te), (D) => (l(), P(t(yt), {
                         key: ae(D),
                         value: D
                       }, {
@@ -2031,11 +2031,11 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
-    const n = e, o = A(null), a = A(null), { selectedValue: r, hiddenSelectedItemCount: i, isMultiItemArrayValue: d, firstItem: y } = en({
+    const n = e, o = A(null), a = A(null), { selectedValue: r, hiddenSelectedItemCount: d, isMultiItemArrayValue: i, firstItem: y } = en({
       props: Z(n),
       emit: s,
       dynamicVisibility: { elementToWatchForChanges: o, itemContainer: a }
-    }), p = (w, g) => w.name.toLocaleLowerCase().includes(g.toLocaleLowerCase());
+    }), f = (w, g) => w.name.toLocaleLowerCase().includes(g.toLocaleLowerCase());
     return (w, g) => (l(), P(xn, {
       modelValue: t(r),
       "onUpdate:modelValue": g[0] || (g[0] = (m) => le(r) ? r.value = m : null),
@@ -2046,7 +2046,7 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
       label: e.label,
       "show-label": e.showLabel,
       name: e.name || "sourceApps",
-      "filter-predicate": p,
+      "filter-predicate": f,
       by: "name"
     }, {
       "nothing-selected": B(() => [
@@ -2057,7 +2057,7 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
         ], 64))
       ]),
       "something-selected": B(({ value: m }) => [
-        t(d)(m) ? (l(), h("div", {
+        t(i)(m) ? (l(), h("div", {
           key: 0,
           ref_key: "elementToWatchForChanges",
           ref: o,
@@ -2073,7 +2073,7 @@ const De = /* @__PURE__ */ me(ln, [["__scopeId", "data-v-60cf597b"]]), an = { cl
               "source-app": b
             }, null, 8, ["source-app"]))), 128))
           ], 512),
-          t(i) > 0 ? (l(), h("div", Cn, " +" + _(t(i)), 1)) : $("", !0)
+          t(d) > 0 ? (l(), h("div", Cn, " +" + _(t(d)), 1)) : $("", !0)
         ], 512)) : (l(), h("div", wn, [
           u("div", {
             class: "h-2 w-2 rounded-full mr-2",
@@ -2116,8 +2116,8 @@ function gl(e, ...s) {
     s[0],
     (n) => {
       const o = n.getModifierState("Alt"), a = ie === re.Mac ? n.getModifierState("Meta") : n.getModifierState("Control"), r = n.getModifierState("Shift");
-      for (const i of e)
-        switch (i) {
+      for (const d of e)
+        switch (d) {
           case Q.CtrlOrCmd:
             if (!a)
               return;
@@ -2141,7 +2141,8 @@ const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
   props: {
     open: { type: Boolean },
     maxWidth: null,
-    hideCloser: { type: Boolean }
+    hideCloser: { type: Boolean },
+    preventCloseOnClickOutside: { type: Boolean }
   },
   emits: ["update:open", "fully-closed"],
   setup(e, { emit: s }) {
@@ -2167,8 +2168,10 @@ const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
         "sm:my-8 sm:w-full sm:max-w-xl sm:p-6"
       ];
       return a.value >= 1 && i.push("md:max-w-2xl"), a.value >= 2 && i.push("lg:max-w-4xl"), a.value >= 3 && i.push("xl:max-w-6xl"), a.value >= 4 && i.push("2xl:max-w-7xl"), i.join(" ");
-    });
-    return (i, d) => (l(), P(t(vt), {
+    }), d = () => {
+      n.preventCloseOnClickOutside || (o.value = !1);
+    };
+    return (i, y) => (l(), P(t(vt), {
       as: "template",
       show: t(o)
     }, {
@@ -2176,7 +2179,7 @@ const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
         I(t(bt), {
           as: "div",
           class: "relative z-40",
-          onClose: d[2] || (d[2] = (y) => o.value = !1)
+          onClose: d
         }, {
           default: B(() => [
             I(t($e), {
@@ -2203,7 +2206,7 @@ const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
                   leave: "ease-in duration-200",
                   "leave-from": "opacity-100 translate-y-0 sm:scale-100",
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
-                  onAfterLeave: d[1] || (d[1] = (y) => i.$emit("fully-closed"))
+                  onAfterLeave: y[1] || (y[1] = (f) => i.$emit("fully-closed"))
                 }, {
                   default: B(() => [
                     I(t(xt), {
@@ -2220,7 +2223,7 @@ const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
                           e.hideCloser ? $("", !0) : (l(), h("button", {
                             key: 0,
                             class: "absolute top-0 right-0 text-foreground",
-                            onClick: d[0] || (d[0] = (y) => o.value = !1)
+                            onClick: y[0] || (y[0] = (f) => o.value = !1)
                           }, [
                             I(t(et), { class: "h-6 w-6" })
                           ]))
@@ -2280,7 +2283,7 @@ const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
     });
     return (a, r) => (l(), h("div", null, [
       I(t(kt), null, {
-        default: B(({ open: i }) => [
+        default: B(({ open: d }) => [
           I(t(Ct), {
             class: v(t(n))
           }, {
@@ -2293,7 +2296,7 @@ const Bn = /* @__PURE__ */ u("div", { class: "fixed inset-0 bg-neutral-100/70 da
                 u("span", null, _(e.title), 1)
               ]),
               I(t(je), {
-                class: v([i ? "" : "rotate-180 transform", "h-5 w-5"])
+                class: v([d ? "" : "rotate-180 transform", "h-5 w-5"])
               }, null, 8, ["class"])
             ]),
             _: 2
@@ -2326,15 +2329,15 @@ const bl = /* @__PURE__ */ O({
   setup(e, { emit: s }) {
     const n = e, o = c({
       get: () => n.modelValue || K.Grid,
-      set: (i) => s("update:modelValue", i)
+      set: (d) => s("update:modelValue", d)
     }), a = c(
       () => o.value === K.Grid ? Xe : Ne
-    ), r = (i) => {
-      s("click", i);
-      const d = o.value === K.Grid ? K.List : K.Grid;
-      o.value = d;
+    ), r = (d) => {
+      s("click", d);
+      const i = o.value === K.Grid ? K.List : K.Grid;
+      o.value = i;
     };
-    return (i, d) => (l(), h("button", {
+    return (d, i) => (l(), h("button", {
       class: "flex items-center justify-center rounded bg-foundation h-8 w-8 shadow cursor-pointer text-foreground",
       onClick: r
     }, [
@@ -2365,24 +2368,24 @@ function Dn(e) {
     X(n) ? 1 : n
     /* Right */
   ), a = c(() => {
-    const i = t(e.stopUpdatesBelowWidth);
-    if (!X(i))
-      return i;
-    const d = t(s);
-    return d != null && d.offsetWidth ? d.offsetWidth * 2 : void 0;
+    const d = t(e.stopUpdatesBelowWidth);
+    if (!X(d))
+      return d;
+    const i = t(s);
+    return i != null && i.offsetWidth ? i.offsetWidth * 2 : void 0;
   }), r = () => {
     if (!he)
       return;
-    const i = t(s);
-    if (!i)
+    const d = t(s);
+    if (!d)
       return;
-    const d = i.getBoundingClientRect(), y = d.x + d.width > window.innerWidth, p = d.x < 0;
-    y && p || !X(a.value) && window.innerWidth < a.value || (y ? o.value = 0 : p && (o.value = 1));
+    const i = d.getBoundingClientRect(), y = i.x + i.width > window.innerWidth, f = i.x < 0;
+    y && f || !X(a.value) && window.innerWidth < a.value || (y ? o.value = 0 : f && (o.value = 1));
   };
   return An(() => r()), Y(
     () => t(s),
-    (i) => {
-      i && r();
+    (d) => {
+      d && r();
     }
   ), {
     direction: c(() => o.value),
@@ -2404,25 +2407,25 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
       }),
       defaultDirection: ue.Left,
       stopUpdatesBelowWidth: 300
-    }), r = A(null), i = A(!1), d = c({
+    }), r = A(null), d = A(!1), i = c({
       get: () => n.open || !1,
       set: (m) => s("update:open", m)
     }), y = (m) => {
       const { active: b, disabled: j } = m, x = ["group flex w-full items-center rounded-md px-2 py-2 text-sm"];
       return b ? x.push("bg-primary text-foreground-on-primary") : j ? x.push("text-foreground-disabled") : x.push("text-foreground"), x.join(" ");
-    }, p = (m, b) => {
+    }, f = (m, b) => {
       s("chosen", { item: m, event: b });
     }, w = () => {
       var m;
       return (m = r.value) == null ? void 0 : m.el.click();
     }, g = (m) => {
       const b = !!m;
-      return i.value = b, b;
+      return d.value = b, b;
     };
-    return Y(i, (m, b) => {
-      m !== b && (d.value = m);
-    }), Y(d, (m) => {
-      (m && !i.value || !m && i.value) && w();
+    return Y(d, (m, b) => {
+      m !== b && (i.value = m);
+    }), Y(i, (m) => {
+      (m && !d.value || !m && d.value) && w();
     }), (m, b) => (l(), P(t($t), {
       as: "div",
       class: "relative inline-block"
@@ -2474,7 +2477,7 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
                     default: B(({ active: C, disabled: q }) => [
                       u("button", {
                         class: v(y({ active: C, disabled: q })),
-                        onClick: (f) => p(S, f)
+                        onClick: (p) => f(S, p)
                       }, [
                         R(m.$slots, "item", { item: S }, () => [
                           T(_(S.title), 1)
@@ -2503,16 +2506,16 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
     const s = e, n = A(null), o = c(() => n.value && s.items.find((r) => r.id === n.value) || s.items[0]), a = (r) => {
       n.value = r.id;
     };
-    return (r, i) => (l(), h("div", Tn, [
+    return (r, d) => (l(), h("div", Tn, [
       u("div", Fn, [
-        (l(!0), h(U, null, H(e.items, (d) => (l(), P(ge, {
-          key: d.id,
+        (l(!0), h(U, null, H(e.items, (i) => (l(), P(ge, {
+          key: i.id,
           link: "",
-          color: t(o).id === d.id ? "default" : "secondary",
-          onClick: (y) => a(d)
+          color: t(o).id === i.id ? "default" : "secondary",
+          onClick: (y) => a(i)
         }, {
           default: B(() => [
-            T(_(d.title), 1)
+            T(_(i.title), 1)
           ]),
           _: 2
         }, 1032, ["color", "onClick"]))), 128))
@@ -2619,35 +2622,35 @@ const Rn = ["onClick"], kl = /* @__PURE__ */ O({
     ), a = c(
       () => n.customPadding ? "" : "px-4 py-4 sm:p-6"
     ), r = c(() => {
-      const i = ["rounded-lg"];
-      return n.noShadow || i.push("shadow"), n.ring && i.push("ring-outline-2 hover:ring-2"), i.join(" ");
+      const d = ["rounded-lg"];
+      return n.noShadow || d.push("shadow"), n.ring && d.push("ring-outline-2 hover:ring-2"), d.join(" ");
     });
-    return (i, d) => (l(), h("div", Gn, [
+    return (d, i) => (l(), h("div", Gn, [
       e.fancyGlow ? (l(), h("div", Kn)) : $("", !0),
       (l(), P(W(e.form ? "form" : "div"), {
         class: v([
           "relative divide-outline-3 bg-foundation text-foreground flex flex-col divide-y overflow-hidden",
           t(r)
         ]),
-        onSubmit: d[0] || (d[0] = (y) => s("submit", y))
+        onSubmit: i[0] || (i[0] = (y) => s("submit", y))
       }, {
         default: B(() => [
-          i.$slots.header ? (l(), h("div", {
+          d.$slots.header ? (l(), h("div", {
             key: 0,
             class: v(t(o))
           }, [
-            R(i.$slots, "header")
+            R(d.$slots, "header")
           ], 2)) : $("", !0),
           u("div", {
             class: v(["grow", t(a)])
           }, [
-            R(i.$slots, "default")
+            R(d.$slots, "default")
           ], 2),
-          i.$slots.footer ? (l(), h("div", {
+          d.$slots.footer ? (l(), h("div", {
             key: 1,
             class: v(t(o))
           }, [
-            R(i.$slots, "footer")
+            R(d.$slots, "footer")
           ], 2)) : $("", !0)
         ]),
         _: 3