@speckle/ui-components 2.12.666

package/dist/lib.js

@@ -0,0 +1,2155 @@
+import { defineComponent as M, resolveDynamicComponent as D, computed as i, openBlock as a, createBlock as L, unref as t, normalizeClass as v, withCtx as F, createCommentVNode as $, renderSlot as E, createTextVNode as R, createElementBlock as f, createElementVNode as r, createVNode as O, Transition as ye, toDisplayString as w, toRefs as G, Fragment as q, renderList as Y, pushScopeId as ve, popScopeId as xe, ref as T, mergeProps as ae, onMounted as ke, withDirectives as J, isRef as Z, vModelText as Ce, useSlots as Le, vModelDynamic as je, watch as me, withModifiers as Oe, normalizeStyle as te } from "vue";
+import { isObjectLike as ge, clamp as be, isString as Q, isUndefined as se, isArray as z, debounce as Pe } from "lodash";
+import { CheckCircleIcon as Me, XCircleIcon as Ae, ExclamationCircleIcon as Fe, InformationCircleIcon as Te } from "@heroicons/vue/24/outline";
+import { XMarkIcon as oe, CheckIcon as Re, CheckCircleIcon as ze, ExclamationCircleIcon as we, EnvelopeIcon as Ee, KeyIcon as De } from "@heroicons/vue/20/solid";
+import { useField as re } from "vee-validate";
+import { nanoid as ie } from "nanoid";
+import { isNullOrUndefined as qe, SourceApps as Ue, getClientOperatingSystem as We, OperatingSystem as le } from "@speckle/shared";
+import { useResizeObserver as He, useMutationObserver as Ke, onKeyDown as Xe } from "@vueuse/core";
+import { Listbox as Ne, ListboxLabel as Ge, ListboxButton as Je, ListboxOptions as Qe, ListboxOption as Ye } from "@headlessui/vue";
+import { ChevronUpIcon as Ze, ChevronDownIcon as et, XMarkIcon as tt, MagnifyingGlassIcon as st, CheckIcon as lt } from "@heroicons/vue/24/solid";
+import { directive as nt } from "vue-tippy";
+const at = {
+  key: 2,
+  style: { margin: "0 !important", width: "0.01px" }
+}, ot = /* @__PURE__ */ M({
+  __name: "Button",
+  props: {
+    /**
+     * URL to which to navigate - can be a relative (app) path or an absolute link for an external URL
+     */
+    to: {
+      type: String,
+      required: !1,
+      default: void 0
+    },
+    /**
+     * Choose from one of many button sizes
+     */
+    size: {
+      type: String,
+      default: "base"
+    },
+    /**
+     * If set, will make the button take up all available space horizontally
+     */
+    fullWidth: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Will outline the button.
+     */
+    outlined: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Will apply a rounded class.
+     */
+    rounded: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Similar to "link", but without an underline and possibly in different colors
+     */
+    text: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Will remove paddings and background. Use for links.
+     */
+    link: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Colors:
+     * default: the default primary blue.
+     * invert: for when you want to use this button on a primary background.
+     * danger: for dangerous actions (e.g. deletions).
+     * warning: for less dangerous actions (e.g. archival).
+     */
+    color: {
+      type: String,
+      default: "default"
+    },
+    /**
+     * Whether the target location should be forcefully treated as an external URL
+     * (for relative paths this will likely cause a redirect)
+     */
+    external: {
+      type: Boolean,
+      required: !1,
+      default: void 0
+    },
+    /**
+     * Whether to disable the button so that it can't be pressed
+     */
+    disabled: {
+      type: Boolean,
+      required: !1,
+      default: void 0
+    },
+    /**
+     * If set, will have type set to "submit" to enable it to submit any parent forms
+     */
+    submit: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Add icon to the left from the text
+     */
+    iconLeft: {
+      type: [Object, Function],
+      default: null
+    },
+    /**
+     * Add icon to the right from the text
+     */
+    iconRight: {
+      type: [Object, Function],
+      default: null
+    },
+    /**
+     * Hide default slot (when you want to show icons only)
+     */
+    hideText: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Customize component to be used when rendering links.
+     *
+     * The component will try to dynamically resolve NuxtLink and RouterLink and use those, if this is set to null.
+     */
+    linkComponent: {
+      type: [Object, Function],
+      default: null
+    }
+  },
+  emits: ["click"],
+  setup(e, { emit: s }) {
+    const l = e, u = D("NuxtLink"), d = D("RouterLink"), c = i(() => l.linkComponent ? l.linkComponent : ge(u) ? u : ge(d) ? d : "a"), y = i(() => {
+      if (!l.to)
+        return l.submit ? "submit" : "button";
+    }), x = i(() => {
+      const n = [];
+      if (n.push("border-2"), l.disabled)
+        n.push(
+          l.outlined ? "border-foreground-disabled" : "bg-foundation-disabled border-transparent"
+        );
+      else
+        switch (l.color) {
+          case "invert":
+            n.push(
+              l.outlined ? "border-foundation dark:border-foreground" : "bg-foundation dark:bg-foreground border-transparent"
+            );
+            break;
+          case "card":
+            n.push(
+              l.outlined ? "border-foundation-2 shadow" : "bg-foundation-2 dark:bg-foundation-2 border-foundation shadow"
+            );
+            break;
+          case "danger":
+            n.push(l.outlined ? "border-danger" : "bg-danger border-danger");
+            break;
+          case "secondary":
+            n.push(
+              l.outlined ? "border-foundation" : "bg-foundation border-foundation-2"
+            );
+            break;
+          case "warning":
+            n.push(l.outlined ? "border-warning" : "bg-warning border-warning");
+            break;
+          case "success":
+            n.push(l.outlined ? "border-success" : "bg-success border-success");
+            break;
+          case "default":
+          default:
+            n.push(
+              l.outlined ? "border-primary hover:border-primary-focus" : "bg-primary hover:bg-primary-focus border-transparent"
+            );
+            break;
+        }
+      return n.join(" ");
+    }), g = i(() => {
+      const n = [];
+      if (!l.text && !l.link)
+        if (l.disabled)
+          n.push(
+            (l.outlined, "text-foreground-disabled")
+          );
+        else
+          switch (l.color) {
+            case "invert":
+              n.push(
+                l.outlined ? "text-foundation dark:text-foreground" : "text-primary"
+              );
+              break;
+            case "card":
+              n.push((l.outlined, "text-foreground"));
+              break;
+            case "danger":
+              n.push(
+                l.outlined ? "text-danger" : "text-foundation dark:text-foreground"
+              );
+              break;
+            case "warning":
+              n.push(
+                l.outlined ? "text-warning" : "text-foundation dark:text-foreground"
+              );
+              break;
+            case "success":
+              n.push(
+                l.outlined ? "text-success" : "text-foundation dark:text-foreground"
+              );
+              break;
+            case "secondary":
+              n.push(
+                (l.outlined, "text-foreground hover:text-primary")
+              );
+              break;
+            case "default":
+            default:
+              n.push(
+                l.outlined ? "text-primary hover:text-primary-focus" : "text-foundation dark:text-foreground"
+              );
+              break;
+          }
+      else
+        l.disabled ? n.push("text-foreground-disabled") : l.color === "invert" ? n.push(
+          "text-foundation hover:text-foundation-2 dark:text-foreground dark:hover:text-foreground"
+        ) : l.color === "secondary" ? n.push("text-foreground-2 hover:text-primary-focus") : l.color === "success" ? n.push("text-success") : l.color === "warning" ? n.push("text-warning") : l.color === "danger" ? n.push("text-danger") : n.push("text-primary hover:text-primary-focus");
+      return n.join(" ");
+    }), o = i(() => {
+      const n = [];
+      return n.push(l.rounded ? "rounded-full" : "rounded-md"), n.join(" ");
+    }), C = i(() => {
+      const n = [];
+      if (!l.disabled)
+        switch (l.color) {
+          case "invert":
+            n.push("hover:ring-4 ring-white/50");
+            break;
+          case "danger":
+            n.push("hover:ring-4 ring-danger-lighter dark:ring-danger-darker");
+            break;
+          case "warning":
+            n.push("hover:ring-4 ring-warning-lighter dark:ring-warning-darker");
+            break;
+          case "success":
+            n.push("hover:ring-4 ring-success-lighter dark:ring-success-darker");
+            break;
+          case "default":
+          default:
+            n.push("hover:ring-2");
+            break;
+        }
+      return n.join(" ");
+    }), p = i(() => {
+      switch (l.size) {
+        case "xs":
+          return "h-5 text-xs font-medium xxx-tracking-wide";
+        case "sm":
+          return "h-6 text-sm font-medium xxx-tracking-wide";
+        case "lg":
+          return "h-10 text-lg font-semibold xxx-tracking-wide";
+        case "xl":
+          return "h-14 text-xl font-bold xxx-tracking-wide";
+        default:
+        case "base":
+          return "h-8 text-base font-medium xxx-tracking-wide";
+      }
+    }), m = i(() => {
+      switch (l.size) {
+        case "xs":
+          return "px-1";
+        case "sm":
+          return "px-2";
+        case "lg":
+          return "px-4";
+        case "xl":
+          return "px-5";
+        default:
+        case "base":
+          return "px-3";
+      }
+    }), k = i(() => {
+      const n = [];
+      return l.fullWidth && n.push("w-full"), l.disabled && n.push("cursor-not-allowed"), n.join(" ");
+    }), V = i(() => {
+      const n = [];
+      return !l.disabled && !l.link && !l.text && n.push("active:scale-[0.97]"), !l.disabled && l.link && n.push(
+        "underline decoration-transparent decoration-2 underline-offset-4	hover:decoration-inherit"
+      ), n.join(" ");
+    }), b = i(() => {
+      const n = l.link || l.text;
+      return [
+        "transition inline-flex justify-center items-center space-x-2 outline-none select-none",
+        k.value,
+        p.value,
+        g.value,
+        n ? "" : x.value,
+        n ? "" : o.value,
+        n ? "" : C.value,
+        l.link ? "" : m.value,
+        V.value
+      ].join(" ");
+    }), S = i(() => {
+      const n = [""];
+      switch (l.size) {
+        case "xs":
+          n.push("h-3 w-3");
+          break;
+        case "sm":
+          n.push("h-4 w-4");
+          break;
+        case "lg":
+          n.push("h-6 w-6");
+          break;
+        case "xl":
+          n.push("h-8 w-8");
+          break;
+        case "base":
+        default:
+          n.push("h-5 w-5");
+          break;
+      }
+      return n.join(" ");
+    }), _ = (n) => {
+      if (l.disabled) {
+        n.preventDefault(), n.stopPropagation(), n.stopImmediatePropagation();
+        return;
+      }
+      s("click", n);
+    };
+    return (n, H) => (a(), L(D(e.to ? t(c) : "button"), {
+      href: e.to,
+      to: e.to,
+      type: t(y),
+      external: e.external,
+      class: v(t(b)),
+      disabled: e.disabled,
+      role: "button",
+      onClick: _
+    }, {
+      default: F(() => [
+        e.iconLeft ? (a(), L(D(e.iconLeft), {
+          key: 0,
+          class: v(`${t(S)} ${e.hideText ? "" : "mr-2"}`)
+        }, null, 8, ["class"])) : $("", !0),
+        e.hideText ? (a(), f("div", at, "   ")) : E(n.$slots, "default", { key: 1 }, () => [
+          R("Button")
+        ], !0),
+        e.iconRight ? (a(), L(D(e.iconRight), {
+          key: 3,
+          class: v(`${t(S)} ${e.hideText ? "" : "ml-2"}`)
+        }, null, 8, ["class"])) : $("", !0)
+      ]),
+      _: 3
+    }, 8, ["href", "to", "type", "external", "class", "disabled"]));
+  }
+});
+const ue = (e, s) => {
+  const l = e.__vccOpts || e;
+  for (const [u, d] of s)
+    l[u] = d;
+  return l;
+}, rt = /* @__PURE__ */ ue(ot, [["__scopeId", "data-v-c331f2ef"]]), it = /* @__PURE__ */ M({
+  __name: "Link",
+  props: {
+    to: {
+      type: String,
+      required: !1,
+      default: void 0
+    },
+    external: {
+      type: Boolean,
+      required: !1,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      required: !1,
+      default: void 0
+    },
+    size: {
+      type: String,
+      default: "base"
+    },
+    foregroundLink: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Add icon to the left from the text
+     */
+    iconLeft: {
+      type: [Object, Function],
+      default: null
+    },
+    /**
+     * Add icon to the right from the text
+     */
+    iconRight: {
+      type: [Object, Function],
+      default: null
+    },
+    /**
+     * Hide default slot (when you want to show icons only)
+     */
+    hideText: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["click"],
+  setup(e, { emit: s }) {
+    const l = e, u = (d) => {
+      if (l.disabled) {
+        d.preventDefault(), d.stopPropagation(), d.stopImmediatePropagation();
+        return;
+      }
+      s("click", d);
+    };
+    return (d, c) => (a(), L(rt, {
+      link: "",
+      to: e.to,
+      external: e.external,
+      disabled: e.disabled,
+      size: e.size,
+      "foreground-link": e.foregroundLink,
+      "icon-left": e.iconLeft,
+      "icon-right": e.iconRight,
+      "hide-text": e.hideText,
+      role: "link",
+      onClickCapture: u
+    }, {
+      default: F(() => [
+        E(d.$slots, "default", {}, () => [
+          R("Link")
+        ])
+      ]),
+      _: 3
+    }, 8, ["to", "external", "disabled", "size", "foreground-link", "icon-left", "icon-right", "hide-text"]));
+  }
+});
+var K = /* @__PURE__ */ ((e) => (e[e.Success = 0] = "Success", e[e.Warning = 1] = "Warning", e[e.Danger = 2] = "Danger", e[e.Info = 3] = "Info", e))(K || {});
+const ut = {
+  "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"
+}, dt = { class: "flex w-full flex-col items-center space-y-4 sm:items-end" }, ct = {
+  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"
+}, ft = { class: "p-4" }, pt = { class: "flex items-start" }, ht = { class: "flex-shrink-0" }, mt = { class: "ml-2 w-0 flex-1 flex flex-col" }, gt = {
+  key: 0,
+  class: "text-foreground font-bold"
+}, bt = {
+  key: 1,
+  class: "label label--light text-foreground-2"
+}, yt = {
+  key: 2,
+  class: "flex justify-start mt-2"
+}, vt = /* @__PURE__ */ r("span", { class: "sr-only" }, "Close", -1), ml = /* @__PURE__ */ M({
+  __name: "ToastRenderer",
+  props: {
+    notification: null
+  },
+  emits: ["update:notification"],
+  setup(e, { emit: s }) {
+    const l = e, u = i(
+      () => {
+        var y, x;
+        return !((y = l.notification) != null && y.description) && !((x = l.notification) != null && x.cta);
+      }
+    ), d = () => {
+      s("update:notification", null);
+    }, c = (y) => {
+      var x, g, o;
+      (o = (g = (x = l.notification) == null ? void 0 : x.cta) == null ? void 0 : g.onClick) == null || o.call(g, y), d();
+    };
+    return (y, x) => (a(), f("div", ut, [
+      r("div", dt, [
+        O(ye, {
+          "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",
+          "leave-active-class": "transition ease-in duration-100",
+          "leave-from-class": "opacity-100",
+          "leave-to-class": "opacity-0"
+        }, {
+          default: F(() => [
+            e.notification ? (a(), f("div", ct, [
+              r("div", ft, [
+                r("div", pt, [
+                  r("div", ht, [
+                    e.notification.type === t(K).Success ? (a(), L(t(Me), {
+                      key: 0,
+                      class: "h-6 w-6 text-success",
+                      "aria-hidden": "true"
+                    })) : e.notification.type === t(K).Danger ? (a(), L(t(Ae), {
+                      key: 1,
+                      class: "h-6 w-6 text-danger",
+                      "aria-hidden": "true"
+                    })) : e.notification.type === t(K).Warning ? (a(), L(t(Fe), {
+                      key: 2,
+                      class: "h-6 w-6 text-warning",
+                      "aria-hidden": "true"
+                    })) : e.notification.type === t(K).Info ? (a(), L(t(Te), {
+                      key: 3,
+                      class: "h-6 w-6 text-info",
+                      "aria-hidden": "true"
+                    })) : $("", !0)
+                  ]),
+                  r("div", mt, [
+                    e.notification.title ? (a(), f("p", gt, w(e.notification.title), 1)) : $("", !0),
+                    e.notification.description ? (a(), f("p", bt, w(e.notification.description), 1)) : $("", !0),
+                    e.notification.cta ? (a(), f("div", yt, [
+                      O(it, {
+                        to: e.notification.cta.url,
+                        class: "label",
+                        primary: "",
+                        onClick: c
+                      }, {
+                        default: F(() => [
+                          R(w(e.notification.cta.title), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["to"])
+                    ])) : $("", !0)
+                  ]),
+                  r("div", {
+                    class: v(["ml-4 flex flex-shrink-0", { "self-center": t(u) }])
+                  }, [
+                    r("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: d
+                    }, [
+                      vt,
+                      O(t(oe), {
+                        class: "h-6 w-6",
+                        "aria-hidden": "true"
+                      })
+                    ])
+                  ], 2)
+                ])
+              ])
+            ])) : $("", !0)
+          ]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+}), xt = /* @__PURE__ */ r("circle", {
+  cx: "4",
+  cy: "4",
+  r: "3"
+}, null, -1), kt = [
+  xt
+], Ct = /* @__PURE__ */ M({
+  __name: "Badge",
+  props: {
+    size: null,
+    colorClasses: null,
+    dot: { type: Boolean },
+    dotIconColorClasses: null,
+    iconLeft: null,
+    rounded: { type: Boolean },
+    clickableIcon: { type: Boolean }
+  },
+  emits: ["click-icon"],
+  setup(e, { emit: s }) {
+    const l = e, u = i(
+      () => l.colorClasses || "bg-blue-100 text-blue-800"
+    ), d = i(
+      () => l.dotIconColorClasses || "text-blue-400"
+    ), c = i(() => {
+      const o = [
+        "inline-flex items-center",
+        u.value,
+        l.size === "lg" ? "px-3 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
+      ];
+      return l.rounded ? (o.push("rounded"), o.push(
+        l.size === "lg" ? "px-2 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
+      )) : (o.push("rounded-full"), o.push(
+        l.size === "lg" ? "px-2.5 py-0.5 label" : "px-2.5 py-0.5 caption font-medium"
+      )), o.join(" ");
+    }), y = i(() => {
+      const o = [
+        "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 l.clickableIcon ? o.push("cursor-pointer") : o.push("cursor-default"), o.join(" ");
+    }), x = i(() => [
+      "-ml-0.5 mr-1.5 h-2 w-2",
+      d.value
+    ].join(" ")), g = (o) => {
+      if (!l.clickableIcon) {
+        o.stopPropagation(), o.stopImmediatePropagation(), o.preventDefault();
+        return;
+      }
+      s("click-icon", o);
+    };
+    return (o, C) => (a(), f("span", {
+      class: v(t(c))
+    }, [
+      e.dot ? (a(), f("svg", {
+        key: 0,
+        class: v(t(x)),
+        fill: "currentColor",
+        viewBox: "0 0 8 8"
+      }, kt, 2)) : $("", !0),
+      E(o.$slots, "default", {}, () => [
+        R("Badge")
+      ]),
+      e.iconLeft ? (a(), f("button", {
+        key: 1,
+        class: v(t(y)),
+        onClick: C[0] || (C[0] = (p) => g(p))
+      }, [
+        (a(), L(D(e.iconLeft), {
+          class: v(["h-4 w-4", t(d)])
+        }, null, 8, ["class"]))
+      ], 2)) : $("", !0)
+    ], 2));
+  }
+});
+var X = /* @__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))(X || {});
+function $e(e) {
+  const {
+    props: { modelValue: s, steps: l, orientation: u, goVerticalBelow: d, nonInteractive: c },
+    emit: y
+  } = e, x = i(
+    () => (u == null ? void 0 : u.value) === "vertical" ? "vertical" : "horizontal"
+  ), g = i({
+    get: () => be((s == null ? void 0 : s.value) || 0, -1, l.value.length),
+    set: (b) => y("update:modelValue", be(b, 0, l.value.length))
+  }), o = (b) => `${b + 1}`, C = (b) => b === g.value, p = (b) => b < g.value, m = (b, S) => {
+    var n;
+    if (c != null && c.value) {
+      S == null || S.preventDefault(), S == null || S.stopPropagation(), S == null || S.stopImmediatePropagation();
+      return;
+    }
+    g.value = b;
+    const _ = l.value[g.value];
+    (n = _ == null ? void 0 : _.onClick) == null || n.call(_);
+  }, k = i(() => {
+    const b = ["flex"];
+    return b.push("flex"), x.value === "vertical" || d != null && d.value ? (b.push("flex-col space-y-4 justify-center"), (d == null ? void 0 : d.value) === X.sm ? b.push(
+      "sm:flex-row sm:space-y-0 sm:justify-start sm:space-x-8 sm:items-center"
+    ) : (d == null ? void 0 : d.value) === X.md ? b.push(
+      "md:flex-row md:space-y-0 md:justify-start md:space-x-8 md:items-center"
+    ) : (d == null ? void 0 : d.value) === X.lg ? b.push(
+      "lg:flex-row lg:space-y-0 lg:justify-start lg:space-x-8 lg:items-center"
+    ) : (d == null ? void 0 : d.value) === X.xl && b.push(
+      "xl:flex-row xl:space-y-0 xl:justify-start xl:space-x-8 xl:items-center"
+    )) : b.push("flex-row space-x-8 items-center"), b.join(" ");
+  }), V = i(() => {
+    const b = ["flex items-center"];
+    return c != null && c.value || b.push("cursor-pointer"), b.join(" ");
+  });
+  return {
+    value: g,
+    isCurrentStep: C,
+    isFinishedStep: p,
+    switchStep: m,
+    getStepDisplayValue: o,
+    listClasses: k,
+    linkClasses: V,
+    orientation: x
+  };
+}
+const wt = ["aria-label"], $t = ["href", "onClick"], St = { class: "flex space-x-3 items-center text-primary-focus normal font-medium leading-5" }, _t = { class: "shrink-0 h-8 w-8 rounded-full bg-primary-focus text-foreground-on-primary inline-flex items-center justify-center" }, It = { class: "flex flex-col" }, Bt = {
+  key: 0,
+  class: "label label--light text-foreground"
+}, Vt = ["href", "onClick"], Lt = { 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 border-2 border-primary-focus inline-flex items-center justify-center" }, Ot = { class: "flex flex-col" }, Pt = {
+  key: 0,
+  class: "label label--light text-foreground"
+}, Mt = ["href", "onClick"], At = { class: "flex space-x-3 items-center text-foreground-disabled normal font-medium leading-5" }, Ft = { class: "shrink-0 h-8 w-8 rounded-full border-2 border-foreground-disabled inline-flex items-center justify-center" }, Tt = { class: "flex flex-col" }, Rt = {
+  key: 0,
+  class: "label label--light"
+}, gl = /* @__PURE__ */ M({
+  __name: "Number",
+  props: {
+    ariaLabel: null,
+    orientation: null,
+    steps: null,
+    modelValue: null,
+    goVerticalBelow: null,
+    nonInteractive: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: s }) {
+    const l = e, {
+      isCurrentStep: u,
+      isFinishedStep: d,
+      switchStep: c,
+      getStepDisplayValue: y,
+      listClasses: x,
+      linkClasses: g
+    } = $e({
+      props: G(l),
+      emit: s
+    });
+    return (o, C) => (a(), f("nav", {
+      class: "flex justify-center",
+      "aria-label": e.ariaLabel || "Progress steps"
+    }, [
+      r("ol", {
+        class: v(t(x))
+      }, [
+        (a(!0), f(q, null, Y(e.steps, (p, m) => (a(), f("li", {
+          key: p.name
+        }, [
+          t(d)(m) ? (a(), f("a", {
+            key: 0,
+            href: p.href,
+            class: v(t(g)),
+            onClick: (k) => t(c)(m, k)
+          }, [
+            r("div", St, [
+              r("div", _t, [
+                O(t(Re), { class: "w-5 h-5" })
+              ]),
+              r("div", It, [
+                r("div", null, w(p.name), 1),
+                p.description ? (a(), f("div", Bt, w(p.description), 1)) : $("", !0)
+              ])
+            ])
+          ], 10, $t)) : t(u)(m) ? (a(), f("a", {
+            key: 1,
+            href: p.href,
+            class: v(t(g)),
+            "aria-current": "step",
+            onClick: (k) => t(c)(m, k)
+          }, [
+            r("div", Lt, [
+              r("div", jt, w(t(y)(m)), 1),
+              r("div", Ot, [
+                r("div", null, w(p.name), 1),
+                p.description ? (a(), f("div", Pt, w(p.description), 1)) : $("", !0)
+              ])
+            ])
+          ], 10, Vt)) : (a(), f("a", {
+            key: 2,
+            href: p.href,
+            class: v(t(g)),
+            onClick: (k) => t(c)(m, k)
+          }, [
+            r("div", At, [
+              r("div", Ft, w(t(y)(m)), 1),
+              r("div", Tt, [
+                r("div", null, w(p.name), 1),
+                p.description ? (a(), f("div", Rt, w(p.description), 1)) : $("", !0)
+              ])
+            ])
+          ], 10, Mt))
+        ]))), 128))
+      ], 2)
+    ], 8, wt));
+  }
+}), Se = (e) => (ve("data-v-56fc6520"), e = e(), xe(), e), zt = ["aria-label"], Et = ["href", "onClick"], Dt = { class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center" }, qt = {
+  key: 0,
+  class: "h-3 w-3 rounded-full bg-foreground-2"
+}, Ut = ["href", "onClick"], Wt = {
+  class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center",
+  "aria-hidden": "true"
+}, Ht = {
+  key: 0,
+  class: "h-3 w-3 rounded-full bg-foreground"
+}, Kt = /* @__PURE__ */ Se(() => /* @__PURE__ */ r("span", { class: "absolute h-4 w-4 rounded-full bg-outline-2" }, null, -1)), Xt = /* @__PURE__ */ Se(() => /* @__PURE__ */ r("span", { class: "relative block h-2 w-2 rounded-full bg-primary-focus" }, null, -1)), Nt = ["href", "onClick"], Gt = {
+  class: "relative flex h-5 w-5 flex-shrink-0 items-center justify-center",
+  "aria-hidden": "true"
+}, Jt = {
+  key: 0,
+  class: "h-3 w-3 rounded-full bg-foreground-2"
+}, Qt = {
+  key: 1,
+  class: "h-4 w-4 rounded-full bg-foreground-disabled"
+}, Yt = /* @__PURE__ */ M({
+  __name: "Bullet",
+  props: {
+    ariaLabel: null,
+    basic: { type: Boolean },
+    orientation: null,
+    steps: null,
+    modelValue: null,
+    goVerticalBelow: null,
+    nonInteractive: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: s }) {
+    const l = e, { isCurrentStep: u, isFinishedStep: d, switchStep: c, listClasses: y, linkClasses: x } = $e({
+      props: G(l),
+      emit: s
+    }), g = i(() => {
+      const o = ["ml-3 h6 font-medium leading-7"];
+      return l.basic && o.push("sr-only"), o.join(" ");
+    });
+    return (o, C) => (a(), f("nav", {
+      class: "flex justify-center",
+      "aria-label": e.ariaLabel || "Progress steps"
+    }, [
+      r("ol", {
+        class: v([t(y), e.basic ? "basic" : ""])
+      }, [
+        (a(!0), f(q, null, Y(e.steps, (p, m) => (a(), f("li", {
+          key: p.name
+        }, [
+          t(d)(m) ? (a(), f("a", {
+            key: 0,
+            href: p.href,
+            class: v(t(x)),
+            onClick: (k) => t(c)(m, k)
+          }, [
+            r("span", Dt, [
+              e.basic ? (a(), f("span", qt)) : (a(), L(t(ze), {
+                key: 1,
+                class: "h-full w-full text-primary",
+                "aria-hidden": "true"
+              }))
+            ]),
+            r("span", {
+              class: v(["text-foreground", t(g)])
+            }, w(p.name), 3)
+          ], 10, Et)) : t(u)(m) ? (a(), f("a", {
+            key: 1,
+            href: p.href,
+            class: v(t(x)),
+            "aria-current": "step",
+            onClick: (k) => t(c)(m, k)
+          }, [
+            r("span", Wt, [
+              e.basic ? (a(), f("span", Ht)) : (a(), f(q, { key: 1 }, [
+                Kt,
+                Xt
+              ], 64))
+            ]),
+            r("span", {
+              class: v(["text-primary-focus", t(g)])
+            }, w(p.name), 3)
+          ], 10, Ut)) : (a(), f("a", {
+            key: 2,
+            href: p.href,
+            class: v(t(x)),
+            onClick: (k) => t(c)(m, k)
+          }, [
+            r("div", Gt, [
+              e.basic ? (a(), f("span", Jt)) : (a(), f("div", Qt))
+            ]),
+            r("p", {
+              class: v(["text-foreground-disabled", t(g)])
+            }, w(p.name), 3)
+          ], 10, Nt))
+        ]))), 128))
+      ], 2)
+    ], 8, zt));
+  }
+});
+const bl = /* @__PURE__ */ ue(Yt, [["__scopeId", "data-v-56fc6520"]]), Zt = ["disabled"], yl = /* @__PURE__ */ M({
+  __name: "CardButton",
+  props: {
+    disabled: { type: Boolean },
+    modelValue: { type: Boolean }
+  },
+  emits: ["update:modelValue", "click"],
+  setup(e, { emit: s }) {
+    const l = e, u = i(() => {
+      const c = [
+        "h-20 bg-foundation-2 inline-flex justify-center items-center outline-none",
+        "normal px-16 py-5 shadow rounded transition active:scale-95"
+      ];
+      return l.disabled ? c.push("bg-foundation-disabled text-foreground-2 cursor-not-allowed") : (c.push(
+        l.modelValue ? "bg-primary-focus text-foreground-on-primary" : "bg-foundation text-foreground"
+      ), c.push("ring-outline-2 hover:ring-4")), c.join(" ");
+    }), d = (c) => {
+      if (l.disabled) {
+        c.preventDefault(), c.stopPropagation(), c.stopImmediatePropagation();
+        return;
+      }
+      s("update:modelValue", !l.modelValue), s("click", c);
+    };
+    return (c, y) => (a(), f("button", {
+      class: v(t(u)),
+      disabled: e.disabled,
+      onClick: d
+    }, [
+      E(c.$slots, "default", {}, () => [
+        R("Text")
+      ])
+    ], 10, Zt));
+  }
+}), es = { class: "relative flex items-start" }, ts = { class: "flex h-6 items-center" }, ss = ["id", "checked", "aria-describedby", "name", "value", "disabled"], ls = {
+  class: "ml-2 text-sm",
+  style: { "padding-top": "2px" }
+}, ns = ["for"], as = {
+  key: 0,
+  class: "text-danger ml-1"
+}, os = ["id"], rs = M({
+  inheritAttrs: !1
+}), vl = /* @__PURE__ */ M({
+  ...rs,
+  __name: "Checkbox",
+  props: {
+    /**
+     * Input name/id. In a checkbox group, all checkboxes must have the same name and different values.
+     */
+    name: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Whether the input is disabled
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Set label text
+     */
+    label: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Help text
+     */
+    description: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Whether to inline the help description
+     */
+    inlineDescription: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * vee-validate validation rules
+     */
+    rules: {
+      type: [String, Object, Function, Array],
+      default: void 0
+    },
+    /**
+     * vee-validate validation() on component mount
+     */
+    validateOnMount: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Whether to show the red "required" asterisk
+     */
+    showRequired: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Checkbox group's value
+     */
+    modelValue: {
+      type: [String, Boolean],
+      default: void 0
+    },
+    /**
+     * Checkbox's own value. If it is checked, modelValue will include this value (amongst any other checked values from the same group).
+     * If not set will default to 'name' value.
+     */
+    value: {
+      type: [String, Boolean],
+      default: !0
+    },
+    /**
+     * HTML ID to use, must be globally unique. If not specified, a random ID will be generated. One is necessary to properly associate the label and checkbox.
+     */
+    id: {
+      type: String,
+      default: void 0
+    },
+    hideLabel: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const s = e, l = (b) => `${b}-${ie()}`, u = i(() => s.value || s.name), {
+      checked: d,
+      errorMessage: c,
+      handleChange: y
+    } = re(s.name, s.rules, {
+      validateOnMount: s.validateOnMount,
+      type: "checkbox",
+      checkedValue: u,
+      initialValue: s.modelValue || void 0
+    }), x = (b) => {
+      s.disabled || y(b);
+    }, g = i(() => s.label || s.name), o = i(() => c.value ? "border-danger-lighter" : "border-foreground-4 "), C = i(() => s.description || c.value), p = i(() => `${s.name}-description`), m = i(() => {
+      const b = [];
+      return s.inlineDescription ? b.push("inline ml-2") : b.push("block"), c.value ? b.push("text-danger") : b.push("text-foreground-2"), b.join(" ");
+    }), k = T(l("checkbox")), V = i(() => s.id || k.value);
+    return (b, S) => (a(), f("div", es, [
+      r("div", ts, [
+        r("input", ae({
+          id: t(V),
+          checked: t(d),
+          "aria-describedby": t(p),
+          name: e.name,
+          value: t(u),
+          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(o)]
+        }, b.$attrs, { onChange: x }), null, 16, ss)
+      ]),
+      r("div", ls, [
+        r("label", {
+          for: t(V),
+          class: v(["font-medium text-foreground", { "sr-only": e.hideLabel }])
+        }, [
+          r("span", null, w(t(g)), 1),
+          e.showRequired ? (a(), f("span", as, "*")) : $("", !0)
+        ], 10, ns),
+        t(C) ? (a(), f("p", {
+          key: 0,
+          id: t(p),
+          class: v(t(m))
+        }, w(t(C)), 11, os)) : $("", !0)
+      ])
+    ]));
+  }
+});
+function _e(e) {
+  const { props: s, inputEl: l, emit: u } = e, { value: d, errorMessage: c } = re(s.name, s.rules, {
+    validateOnMount: t(s.validateOnMount),
+    validateOnValueUpdate: t(s.validateOnValueUpdate),
+    initialValue: t(s.modelValue) || void 0
+  }), y = i(() => {
+    const n = ["block label text-foreground-2 mb-2"];
+    return t(s.showLabel) || n.push("sr-only"), n.join(" ");
+  }), x = i(() => {
+    const n = [
+      "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 ? n.push(
+      "border-2 border-danger text-danger-darker focus:border-danger focus:ring-danger"
+    ) : n.push("border-0 focus:ring-2 focus:ring-outline-2"), t(s.color) === "foundation" ? n.push("bg-foundation shadow-sm hover:shadow") : n.push("bg-foundation-page"), n.join(" ");
+  }), g = T(ie()), o = i(() => t(s.label) || t(s.name)), C = i(() => {
+    const n = c.value;
+    return !n || !t(s.useLabelInErrors) ? n : n.replace("Value", o.value);
+  }), p = i(
+    () => C.value && t(s.hideErrorMessage)
+  ), m = i(() => C.value || t(s.help)), k = i(() => !!m.value), V = i(
+    () => k.value ? `${t(s.name)}-${g.value}` : void 0
+  ), b = i(() => {
+    const n = ["mt-2 text-sm"];
+    return n.push(c.value ? "text-danger" : "text-foreground-2"), n.join(" ");
+  }), S = () => {
+    var n;
+    (n = l.value) == null || n.focus();
+  }, _ = () => {
+    d.value = "", u("change", { value: "" }), u("clear");
+  };
+  return ke(() => {
+    t(s.autoFocus) && S();
+  }), {
+    coreClasses: x,
+    title: o,
+    value: d,
+    helpTipId: V,
+    helpTipClasses: b,
+    helpTip: m,
+    hideHelpTip: p,
+    errorMessage: C,
+    clear: _,
+    focus: S,
+    labelClasses: y
+  };
+}
+const is = ["for"], us = { class: "relative" }, ds = ["id", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], cs = /* @__PURE__ */ r("span", { class: "text-xs sr-only" }, "Clear input", -1), fs = {
+  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"
+}, ps = ["id"], xl = /* @__PURE__ */ M({
+  __name: "TextArea",
+  props: {
+    name: null,
+    showLabel: { type: Boolean },
+    help: null,
+    placeholder: null,
+    label: null,
+    disabled: { type: Boolean },
+    rules: null,
+    validateOnMount: { type: Boolean },
+    validateOnValueUpdate: { type: Boolean },
+    useLabelInErrors: { type: Boolean, default: !0 },
+    autoFocus: { type: Boolean },
+    modelValue: { default: "" },
+    showClear: { type: Boolean },
+    fullWidth: { type: Boolean },
+    showRequired: { type: Boolean },
+    color: { default: "page" }
+  },
+  emits: ["update:modelValue", "change", "input", "clear"],
+  setup(e, { expose: s, emit: l }) {
+    const u = e, d = T(null), {
+      coreClasses: c,
+      title: y,
+      value: x,
+      helpTipId: g,
+      helpTipClasses: o,
+      helpTip: C,
+      errorMessage: p,
+      labelClasses: m,
+      clear: k,
+      focus: V
+    } = _e({
+      props: G(u),
+      emit: l,
+      inputEl: d
+    }), b = i(() => {
+      const S = ["pl-2"];
+      return u.showClear && p.value ? S.push("pr-12") : (u.showClear || p.value) && S.push("pr-8"), S.join(" ");
+    });
+    return s({ focus: V }), (S, _) => (a(), f("div", {
+      class: v([e.fullWidth ? "w-full" : ""])
+    }, [
+      r("label", {
+        for: e.name,
+        class: v(t(m))
+      }, [
+        r("span", null, w(t(y)), 1)
+      ], 10, is),
+      r("div", us, [
+        J(r("textarea", ae({
+          id: e.name,
+          ref_key: "inputElement",
+          ref: d,
+          "onUpdate:modelValue": _[0] || (_[0] = (n) => Z(x) ? x.value = n : null),
+          name: e.name,
+          class: [t(c), t(b), "min-h-[4rem]"],
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          "aria-invalid": t(p) ? "true" : "false",
+          "aria-describedby": t(g)
+        }, S.$attrs, {
+          onChange: _[1] || (_[1] = (n) => S.$emit("change", { event: n, value: t(x) })),
+          onInput: _[2] || (_[2] = (n) => S.$emit("input", { event: n, value: t(x) }))
+        }), null, 16, ds), [
+          [Ce, t(x)]
+        ]),
+        e.showClear ? (a(), f("a", {
+          key: 0,
+          title: "Clear input",
+          class: "absolute top-2 right-0 flex items-center pr-2 cursor-pointer",
+          onClick: _[3] || (_[3] = //@ts-ignore
+          (...n) => t(k) && t(k)(...n)),
+          onKeydown: _[4] || (_[4] = //@ts-ignore
+          (...n) => t(k) && t(k)(...n))
+        }, [
+          cs,
+          O(t(oe), {
+            class: "h-5 w-5 text-foreground",
+            "aria-hidden": "true"
+          })
+        ], 32)) : $("", !0),
+        t(p) ? (a(), f("div", {
+          key: 1,
+          class: v([
+            "pointer-events-none absolute inset-y-0 right-0 flex items-center",
+            e.showClear ? "pr-8" : "pr-2"
+          ])
+        }, [
+          O(t(we), {
+            class: "h-4 w-4 text-danger",
+            "aria-hidden": "true"
+          })
+        ], 2)) : $("", !0),
+        e.showRequired && !t(p) ? (a(), f("div", fs, " * ")) : $("", !0)
+      ]),
+      t(g) ? (a(), f("p", {
+        key: 0,
+        id: t(g),
+        class: v(t(o))
+      }, w(t(C)), 11, ps)) : $("", !0)
+    ], 2));
+  }
+}), hs = ["for"], ms = { class: "relative" }, gs = {
+  key: 0,
+  class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2"
+}, bs = ["id", "type", "name", "placeholder", "disabled", "aria-invalid", "aria-describedby"], ys = /* @__PURE__ */ r("span", { class: "text-xs sr-only" }, "Clear input", -1), vs = {
+  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"
+}, xs = ["id"], ks = M({
+  inheritAttrs: !1
+}), kl = /* @__PURE__ */ M({
+  ...ks,
+  __name: "TextInput",
+  props: {
+    /**
+     * Input "type" value (changes behaviour & look)
+     */
+    type: {
+      type: String,
+      default: "text"
+    },
+    /**
+     * Unique ID for the input (must be unique page-wide)
+     */
+    name: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Whether to show label (label will always be shown to screen readers)
+     */
+    showLabel: {
+      type: Boolean,
+      required: !1
+    },
+    /**
+     * Optional help text
+     */
+    help: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Placeholder text
+     */
+    placeholder: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Set label text explicitly
+     */
+    label: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Whether to show the red "required" asterisk
+     */
+    showRequired: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Whether to disable the component, blocking it from user input
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * vee-validate validation rules
+     */
+    rules: {
+      type: [String, Object, Function, Array],
+      default: void 0
+    },
+    /**
+     * vee-validate validation() on component mount
+     */
+    validateOnMount: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Whether to trigger validation whenever the value changes
+     */
+    validateOnValueUpdate: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Will replace the generic "Value" text with the name of the input in error messages
+     */
+    useLabelInErrors: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Set a custom icon to use inside the input
+     */
+    customIcon: {
+      type: [Object, Function],
+      default: void 0
+    },
+    /**
+     * Whether to focus on the input when component is mounted
+     */
+    autoFocus: {
+      type: Boolean,
+      default: !1
+    },
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    size: {
+      type: String,
+      default: "base"
+    },
+    showClear: {
+      type: Boolean,
+      default: !1
+    },
+    fullWidth: {
+      type: Boolean,
+      default: !1
+    },
+    inputClasses: {
+      type: String,
+      default: null
+    },
+    hideErrorMessage: {
+      type: Boolean,
+      default: !1
+    },
+    wrapperClasses: {
+      type: String,
+      default: () => ""
+    },
+    color: {
+      type: String,
+      default: "page"
+    }
+  },
+  emits: ["update:modelValue", "change", "input", "clear", "focusin", "focusout"],
+  setup(e, { expose: s, emit: l }) {
+    const u = e, d = Le(), c = T(null), {
+      coreClasses: y,
+      title: x,
+      value: g,
+      helpTipId: o,
+      helpTipClasses: C,
+      helpTip: p,
+      hideHelpTip: m,
+      errorMessage: k,
+      clear: V,
+      focus: b,
+      labelClasses: S
+    } = _e({
+      props: G(u),
+      emit: l,
+      inputEl: c
+    }), _ = i(() => {
+      const I = ["h-5 w-5"];
+      return k.value ? I.push("text-danger") : I.push("text-foreground-2"), I.join(" ");
+    }), n = i(
+      () => ["email", "password"].includes(u.type) || u.customIcon
+    ), H = i(() => {
+      const I = [];
+      return n.value ? I.push("pl-8") : I.push("pl-2"), d["input-right"] || (k.value || u.showClear) && (k.value && u.showClear ? I.push("pr-12") : I.push("pr-8")), I.join(" ");
+    }), U = i(() => {
+      switch (u.size) {
+        case "sm":
+          return "h-6";
+        case "lg":
+          return "h-10";
+        case "xl":
+          return "h-14";
+        case "base":
+        default:
+          return "h-8";
+      }
+    });
+    return s({ focus: b }), (I, P) => (a(), f("div", {
+      class: v([e.fullWidth ? "w-full" : "", e.wrapperClasses])
+    }, [
+      r("label", {
+        for: e.name,
+        class: v(t(S))
+      }, [
+        r("span", null, w(t(x)), 1)
+      ], 10, hs),
+      r("div", ms, [
+        t(n) ? (a(), f("div", gs, [
+          e.customIcon ? (a(), L(D(e.customIcon), {
+            key: 0,
+            class: v(t(_)),
+            "aria-hidden": "true"
+          }, null, 8, ["class"])) : e.type === "email" ? (a(), L(t(Ee), {
+            key: 1,
+            class: v(t(_)),
+            "aria-hidden": "true"
+          }, null, 8, ["class"])) : e.type === "password" ? (a(), L(t(De), {
+            key: 2,
+            class: v(t(_)),
+            "aria-hidden": "true"
+          }, null, 8, ["class"])) : $("", !0)
+        ])) : $("", !0),
+        J(r("input", ae({
+          id: e.name,
+          ref_key: "inputElement",
+          ref: c,
+          "onUpdate:modelValue": P[0] || (P[0] = (B) => Z(g) ? g.value = B : null),
+          type: e.type,
+          name: e.name,
+          class: [t(y), t(H), t(U), e.inputClasses || ""],
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          "aria-invalid": t(k) ? "true" : "false",
+          "aria-describedby": t(o),
+          role: "textbox"
+        }, I.$attrs, {
+          onChange: P[1] || (P[1] = (B) => I.$emit("change", { event: B, value: t(g) })),
+          onInput: P[2] || (P[2] = (B) => I.$emit("input", { event: B, value: t(g) }))
+        }), null, 16, bs), [
+          [je, t(g)]
+        ]),
+        E(I.$slots, "input-right", {}, () => [
+          e.showClear ? (a(), f("a", {
+            key: 0,
+            title: "Clear input",
+            class: "absolute inset-y-0 right-0 flex items-center pr-2 cursor-pointer",
+            onClick: P[3] || (P[3] = //@ts-ignore
+            (...B) => t(V) && t(V)(...B)),
+            onKeydown: P[4] || (P[4] = //@ts-ignore
+            (...B) => t(V) && t(V)(...B))
+          }, [
+            ys,
+            O(t(oe), {
+              class: "h-5 w-5 text-foreground",
+              "aria-hidden": "true"
+            })
+          ], 32)) : $("", !0),
+          t(k) ? (a(), f("div", {
+            key: 1,
+            class: v([
+              "pointer-events-none absolute inset-y-0 right-0 flex items-center",
+              e.showClear ? "pr-8" : "pr-2"
+            ])
+          }, [
+            O(t(we), {
+              class: "h-4 w-4 text-danger",
+              "aria-hidden": "true"
+            })
+          ], 2)) : $("", !0),
+          e.showRequired && !t(k) ? (a(), f("div", vs, " * ")) : $("", !0)
+        ])
+      ]),
+      t(o) && !t(m) ? (a(), f("p", {
+        key: 0,
+        id: t(o),
+        class: v(t(C))
+      }, w(t(p)), 11, xs)) : $("", !0)
+    ], 2));
+  }
+}), Cs = /^https?:\/\//, de = /^[\w-_.+]+@[\w-_.+]+$/, ws = (e) => (e || "").match(de) ? !0 : "Value should be a valid e-mail address", $s = (e) => (e || "").split(",").map((u) => u.trim()).every((u) => u.match(de)) || "Value should be one or multiple comma-delimited e-mail addresses", Ss = (e) => (Q(e) && (e = e.trim()), e ? !0 : "Value is required"), _s = (e, s) => (l, u) => l === u.form[e] ? !0 : `Value must be the same as in field '${s || e}'`, Is = (e) => (s) => {
+  const { minLength: l, maxLength: u } = e;
+  return s = qe(s) ? "" : s, Q(s) ? !se(l) && s.length < l ? `Value needs to be at least ${l} characters long` : !se(u) && s.length > u ? `Value needs to be no more than ${u} characters long` : !0 : "Value should be a text string";
+}, Bs = (e) => (s) => {
+  const { match: l, message: u } = e;
+  return Q(s) ? l ? Q(l) ? s.includes(l) ? !0 : u : l.test(s) ? !0 : u : !0 : "Value should be a text string";
+}, Cl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  VALID_EMAIL: de,
+  VALID_HTTP_URL: Cs,
+  isEmail: ws,
+  isOneOrMultipleEmails: $s,
+  isRequired: Ss,
+  isSameAs: _s,
+  isStringOfLength: Is,
+  stringContains: Bs
+}, Symbol.toStringTag, { value: "Module" }));
+function Vs(e) {
+  const {
+    skipCalculation: s,
+    elementToWatchForChanges: l,
+    itemContainer: u,
+    trackResize: d = !1,
+    trackMutations: c = !0
+  } = e || {}, y = T(0), x = () => {
+    const g = u.value;
+    if (s != null && s.value || !g)
+      return;
+    const o = g.children;
+    let C = 0, p = 0, m;
+    for (const k of o) {
+      const V = k.offsetTop;
+      se(m) ? (m = V, C += 1) : V === m && (C += 1), p += 1;
+    }
+    y.value = p - C;
+  };
+  return d && He(l, x), c && Ke(l, x, {
+    childList: !0,
+    subtree: !0
+  }), {
+    hiddenItemCount: y
+  };
+}
+function Ls(e) {
+  const { props: s, emit: l, dynamicVisibility: u } = e;
+  let d;
+  if (u) {
+    const { elementToWatchForChanges: o, itemContainer: C } = u;
+    d = Vs({
+      skipCalculation: i(() => {
+        var m;
+        return !((m = s.multiple) != null && m.value);
+      }),
+      elementToWatchForChanges: o,
+      itemContainer: C
+    }).hiddenItemCount;
+  } else
+    d = T(0);
+  const c = i({
+    get: () => {
+      var C, p;
+      const o = (C = s.modelValue) == null ? void 0 : C.value;
+      return (p = s.multiple) != null && p.value ? z(o) ? o : [] : z(o) ? void 0 : o;
+    },
+    set: (o) => {
+      var C, p, m;
+      if ((C = s.multiple) != null && C.value && !z(o)) {
+        console.warn("Attempting to set non-array value in selector w/ multiple=true");
+        return;
+      } else if (!((p = s.multiple) != null && p.value) && z(o)) {
+        console.warn("Attempting to set array value in selector w/ multiple=false");
+        return;
+      }
+      l("update:modelValue", (m = s.multiple) != null && m.value ? o || [] : o);
+    }
+  }), y = (o) => z(o);
+  return {
+    selectedValue: c,
+    hiddenSelectedItemCount: d,
+    isArrayValue: y,
+    isMultiItemArrayValue: (o) => z(o) && o.length > 1,
+    firstItem: (o) => y(o) ? o[0] : o
+  };
+}
+const js = (e) => (ve("data-v-60cf597b"), e = e(), xe(), e), Os = /* @__PURE__ */ js(() => /* @__PURE__ */ r("div", { class: "swoosher relative top-0 bg-blue-500/50" }, null, -1)), Ps = [
+  Os
+], Ms = /* @__PURE__ */ M({
+  __name: "Bar",
+  props: {
+    loading: { type: Boolean }
+  },
+  setup(e) {
+    return (s, l) => (a(), f("div", {
+      class: v([
+        "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"
+      ])
+    }, Ps, 2));
+  }
+});
+const As = /* @__PURE__ */ ue(Ms, [["__scopeId", "data-v-60cf597b"]]), Fs = { class: "flex items-center justify-between w-full" }, Ts = { class: "block truncate grow text-left" }, Rs = { class: "pointer-events-none shrink-0 ml-1 flex items-center" }, zs = ["disabled"], Es = {
+  key: 0,
+  class: "flex flex-col mx-1 mb-1"
+}, Ds = /* @__PURE__ */ r("span", { class: "sr-only label text-foreground" }, "Search", -1), qs = { class: "relative" }, Us = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2" }, Ws = ["placeholder"], Hs = {
+  key: 0,
+  class: "px-1"
+}, Ks = { key: 1 }, Xs = /* @__PURE__ */ r("div", { class: "text-foreground-2 text-center" }, "Nothing found 🤷‍♂️", -1), Ns = {
+  class: /* @__PURE__ */ v(["block truncate"])
+}, Gs = ["id"], Js = /* @__PURE__ */ M({
+  __name: "Base",
+  props: {
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    items: {
+      type: Array,
+      default: () => []
+    },
+    modelValue: {
+      type: [Object, Array, String],
+      default: void 0
+    },
+    /**
+     * Whether to enable the search bar. You must also set one of the following:
+     * * filterPredicate - to allow filtering passed in `items` based on search bar
+     * * getSearchResults - to allow asynchronously loading items from server (props.items no longer required in this case,
+     *  but can be used to prefill initial values)
+     */
+    search: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * If search=true and this is set, you can use this to filter passed in items based on whatever
+     * the user enters in the search bar
+     */
+    filterPredicate: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * If search=true and this is set, you can use this to load data asynchronously depending
+     * on the search query
+     */
+    getSearchResults: {
+      type: Function,
+      default: void 0
+    },
+    searchPlaceholder: {
+      type: String,
+      default: "Search"
+    },
+    /**
+     * Label is required at the very least for screen-readers
+     */
+    label: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Whether to show the label visually
+     */
+    showLabel: {
+      type: Boolean,
+      default: !1
+    },
+    name: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Objects will be compared by the values in the specified prop
+     */
+    by: {
+      type: String,
+      required: !1
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    buttonStyle: {
+      type: String,
+      default: "base"
+    },
+    hideCheckmarks: {
+      type: Boolean,
+      default: !1
+    },
+    allowUnset: {
+      type: Boolean,
+      default: !0
+    },
+    clearable: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Validation stuff
+     */
+    rules: {
+      type: [String, Object, Function, Array],
+      default: void 0
+    },
+    /**
+     * vee-validate validation() on component mount
+     */
+    validateOnMount: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Whether to trigger validation whenever the value changes
+     */
+    validateOnValueUpdate: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Will replace the generic "Value" text with the name of the input in error messages
+     */
+    useLabelInErrors: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Optional help text
+     */
+    help: {
+      type: String,
+      default: void 0
+    },
+    fixedHeight: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const s = e, { value: l, errorMessage: u } = re(s.name, s.rules, {
+      validateOnMount: s.validateOnMount,
+      validateOnValueUpdate: s.validateOnValueUpdate,
+      initialValue: s.modelValue
+    }), d = T(null), c = T(""), y = T([]), x = T(!1), g = T(ie()), o = i(() => t(s.label) || t(s.name)), C = i(() => {
+      const h = u.value;
+      return !h || !t(s.useLabelInErrors) ? h : h.replace("Value", o.value);
+    }), p = i(() => C.value || t(s.help)), m = i(() => !!p.value), k = i(
+      () => m.value ? `${t(s.name)}-${g.value}` : void 0
+    ), V = i(
+      () => u.value ? "text-danger" : "text-foreground-2"
+    ), b = i(
+      () => s.buttonStyle !== "simple" && s.clearable && !s.disabled
+    ), S = i(() => {
+      const h = ["relative flex group", s.showLabel ? "mt-1" : ""];
+      return s.buttonStyle !== "simple" && (h.push("hover:shadow rounded-md"), h.push("outline outline-2 outline-primary-muted")), s.fixedHeight && h.push("h-8"), h.join(" ");
+    }), _ = i(() => {
+      const h = [];
+      return s.buttonStyle !== "simple" && h.push(
+        P.value ? "bg-foundation-disabled text-foreground-disabled" : ""
+      ), P.value && h.push("cursor-not-allowed"), h.join(" ");
+    }), n = i(() => {
+      const h = [
+        "relative z-[1]",
+        "flex items-center justify-center text-center shrink-0",
+        "rounded-r-md overflow-hidden transition-all",
+        ce.value ? `w-6 ${_.value}` : "w-0"
+      ];
+      return P.value || h.push(
+        "bg-primary-muted hover:bg-primary hover:text-foreground-on-primary"
+      ), h.join(" ");
+    }), H = i(() => {
+      const h = [
+        "relative z-[2]",
+        "normal rounded-md cursor-pointer transition truncate flex-1",
+        "flex items-center",
+        _.value
+      ];
+      return s.buttonStyle !== "simple" && (h.push("py-2 px-3"), P.value || h.push("bg-foundation text-foreground")), b.value && ce.value && h.push("rounded-r-none"), h.join(" ");
+    }), U = i(
+      () => !!(s.search && (s.filterPredicate || s.getSearchResults))
+    ), I = i(() => U.value && s.getSearchResults), P = i(
+      () => s.disabled || !s.items.length && !I.value
+    ), B = i({
+      get: () => {
+        const h = l.value;
+        return s.multiple ? z(h) ? h : [] : z(h) ? void 0 : h;
+      },
+      set: (h) => {
+        if (s.multiple && !z(h)) {
+          console.warn("Attempting to set non-array value in selector w/ multiple=true");
+          return;
+        } else if (!s.multiple && z(h)) {
+          console.warn("Attempting to set array value in selector w/ multiple=false");
+          return;
+        }
+        if (s.multiple)
+          l.value = h || [];
+        else {
+          const A = l.value, j = s.allowUnset && A && h && ee(A) === ee(h);
+          l.value = j ? void 0 : h;
+        }
+      }
+    }), ce = i(() => s.multiple ? B.value.length !== 0 : !!B.value), Ie = () => {
+      s.multiple ? B.value = [] : B.value = void 0;
+    }, Be = i(() => {
+      const h = c.value;
+      return !U.value || !(h != null && h.length) ? y.value : s.filterPredicate ? y.value.filter(
+        (A) => {
+          var j;
+          return ((j = s.filterPredicate) == null ? void 0 : j.call(s, A, h)) || !1;
+        }
+      ) : y.value;
+    }), fe = (h) => JSON.stringify(h), ee = (h) => s.by ? h[s.by] : h, pe = async () => {
+      if (console.log("triggerSearch"), !(!I.value || !s.getSearchResults)) {
+        x.value = !0;
+        try {
+          y.value = await s.getSearchResults(c.value);
+        } finally {
+          x.value = !1;
+        }
+      }
+    }, Ve = Pe(pe, 1e3);
+    return me(
+      () => s.items,
+      (h) => {
+        y.value = h.slice();
+      },
+      { immediate: !0 }
+    ), me(c, () => {
+      I.value && Ve();
+    }), ke(() => {
+      I.value && !s.items.length && pe();
+    }), (h, A) => (a(), f("div", null, [
+      O(t(Ne), {
+        modelValue: t(B),
+        "onUpdate:modelValue": A[4] || (A[4] = (j) => Z(B) ? B.value = j : null),
+        name: e.name,
+        multiple: e.multiple,
+        by: e.by,
+        disabled: t(P),
+        as: "div"
+      }, {
+        default: F(() => [
+          O(t(Ge), {
+            class: v(["block label text-foreground", { "sr-only": !e.showLabel }])
+          }, {
+            default: F(() => [
+              R(w(e.label), 1)
+            ]),
+            _: 1
+          }, 8, ["class"]),
+          r("div", {
+            class: v(t(S))
+          }, [
+            O(t(Je), {
+              class: v(t(H))
+            }, {
+              default: F(({ open: j }) => [
+                r("div", Fs, [
+                  r("div", Ts, [
+                    !t(B) || t(z)(t(B)) && !t(B).length ? E(h.$slots, "nothing-selected", { key: 0 }, () => [
+                      R(w(e.label), 1)
+                    ]) : E(h.$slots, "something-selected", {
+                      key: 1,
+                      value: t(B)
+                    }, () => [
+                      R(w(fe(t(B))), 1)
+                    ])
+                  ]),
+                  r("div", Rs, [
+                    j ? (a(), L(t(Ze), {
+                      key: 0,
+                      class: "h-4 w-4 text-foreground",
+                      "aria-hidden": "true"
+                    })) : (a(), L(t(et), {
+                      key: 1,
+                      class: "h-4 w-4 text-foreground",
+                      "aria-hidden": "true"
+                    }))
+                  ])
+                ])
+              ]),
+              _: 3
+            }, 8, ["class"]),
+            t(b) ? J((a(), f("button", {
+              key: 0,
+              class: v(t(n)),
+              disabled: e.disabled,
+              onClick: A[0] || (A[0] = (j) => Ie())
+            }, [
+              O(t(tt), { class: "w-3 h-3" })
+            ], 10, zs)), [
+              [t(nt), "Clear"]
+            ]) : $("", !0),
+            O(ye, {
+              "leave-active-class": "transition ease-in duration-100",
+              "leave-from-class": "opacity-100",
+              "leave-to-class": "opacity-0"
+            }, {
+              default: F(() => [
+                O(t(Qe), {
+                  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: A[3] || (A[3] = (j) => {
+                    var W;
+                    return (W = d.value) == null ? void 0 : W.focus();
+                  })
+                }, {
+                  default: F(() => [
+                    t(U) ? (a(), f("label", Es, [
+                      Ds,
+                      r("div", qs, [
+                        r("div", Us, [
+                          O(t(st), { class: "h-5 w-5 text-foreground" })
+                        ]),
+                        J(r("input", {
+                          ref_key: "searchInput",
+                          ref: d,
+                          "onUpdate:modelValue": A[1] || (A[1] = (j) => c.value = j),
+                          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: A[2] || (A[2] = Oe(() => {
+                          }, ["stop"]))
+                        }, null, 40, Ws), [
+                          [Ce, c.value]
+                        ])
+                      ])
+                    ])) : $("", !0),
+                    r("div", {
+                      class: v(["overflow-auto simple-scrollbar", [t(U) ? "max-h-52" : "max-h-60"]])
+                    }, [
+                      t(I) && x.value ? (a(), f("div", Hs, [
+                        O(As, { loading: !0 })
+                      ])) : t(I) && !y.value.length ? (a(), f("div", Ks, [
+                        E(h.$slots, "nothing-found", {}, () => [
+                          Xs
+                        ])
+                      ])) : $("", !0),
+                      !t(I) || !x.value ? (a(!0), f(q, { key: 2 }, Y(t(Be), (j) => (a(), L(t(Ye), {
+                        key: ee(j),
+                        value: j
+                      }, {
+                        default: F(({ active: W, selected: he }) => [
+                          r("li", {
+                            class: v([
+                              W ? "text-primary" : "text-foreground",
+                              "relative transition cursor-pointer select-none py-1.5 pl-3",
+                              e.hideCheckmarks ? "" : "pr-9"
+                            ])
+                          }, [
+                            r("span", Ns, [
+                              E(h.$slots, "option", {
+                                item: j,
+                                active: W,
+                                selected: he
+                              }, () => [
+                                R(w(fe(j)), 1)
+                              ])
+                            ]),
+                            !e.hideCheckmarks && he ? (a(), f("span", {
+                              key: 0,
+                              class: v([
+                                W ? "text-primary" : "text-foreground",
+                                "absolute inset-y-0 right-0 flex items-center pr-4"
+                              ])
+                            }, [
+                              O(t(lt), {
+                                class: "h-5 w-5",
+                                "aria-hidden": "true"
+                              })
+                            ], 2)) : $("", !0)
+                          ], 2)
+                        ]),
+                        _: 2
+                      }, 1032, ["value"]))), 128)) : $("", !0)
+                    ], 2)
+                  ]),
+                  _: 3
+                })
+              ]),
+              _: 3
+            })
+          ], 2)
+        ]),
+        _: 3
+      }, 8, ["modelValue", "name", "multiple", "by", "disabled"]),
+      t(k) ? (a(), f("p", {
+        key: 0,
+        id: t(k),
+        class: v(["mt-2 ml-3 text-sm", t(V)])
+      }, w(t(p)), 11, Gs)) : $("", !0)
+    ]));
+  }
+}), Qs = /* @__PURE__ */ M({
+  __name: "SourceAppBadge",
+  props: {
+    sourceApp: null
+  },
+  setup(e) {
+    return (s, l) => (a(), L(Ct, {
+      "color-classes": "text-foreground-on-primary",
+      rounded: "",
+      style: te({ backgroundColor: e.sourceApp.bgColor })
+    }, {
+      default: F(() => [
+        R(w(e.sourceApp.short), 1)
+      ]),
+      _: 1
+    }, 8, ["style"]));
+  }
+}), Ys = {
+  key: 0,
+  class: "text-foreground-2 normal"
+}, Zs = {
+  key: 1,
+  class: "flex items-center"
+}, el = { class: "truncate" }, tl = { class: "flex items-center" }, sl = { class: "truncate" }, wl = /* @__PURE__ */ M({
+  __name: "SourceApps",
+  props: {
+    /**
+     * Whether to allow selecting multiple source apps
+     */
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    modelValue: {
+      type: [Object, Array],
+      default: void 0
+    },
+    /**
+     * Whether to allow filtering source apps through a search box
+     */
+    search: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Search placeholder text
+     */
+    searchPlaceholder: {
+      type: String,
+      default: "Search apps"
+    },
+    selectorPlaceholder: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Label is required at the very least for screen-readers
+     */
+    label: {
+      type: String,
+      required: !0
+    },
+    /**
+     * Whether to show the label visually
+     */
+    showLabel: {
+      type: Boolean,
+      default: !1
+    },
+    name: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Control source apps to show. If left undefined, will show all available options.
+     */
+    items: {
+      type: Array,
+      default: void 0
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: s }) {
+    const l = e, u = T(null), d = T(null), { selectedValue: c, hiddenSelectedItemCount: y, isMultiItemArrayValue: x, firstItem: g } = Ls({
+      props: G(l),
+      emit: s,
+      dynamicVisibility: { elementToWatchForChanges: u, itemContainer: d }
+    }), o = (C, p) => C.name.toLocaleLowerCase().includes(p.toLocaleLowerCase());
+    return (C, p) => (a(), L(Js, {
+      modelValue: t(c),
+      "onUpdate:modelValue": p[0] || (p[0] = (m) => Z(c) ? c.value = m : null),
+      multiple: e.multiple,
+      items: e.items ?? t(Ue),
+      search: e.search,
+      "search-placeholder": e.searchPlaceholder,
+      label: e.label,
+      "show-label": e.showLabel,
+      name: e.name || "sourceApps",
+      "filter-predicate": o,
+      by: "name"
+    }, {
+      "nothing-selected": F(() => [
+        e.selectorPlaceholder ? (a(), f(q, { key: 0 }, [
+          R(w(e.selectorPlaceholder), 1)
+        ], 64)) : (a(), f(q, { key: 1 }, [
+          R(w(e.multiple ? "Select apps" : "Select an app"), 1)
+        ], 64))
+      ]),
+      "something-selected": F(({ value: m }) => [
+        t(x)(m) ? (a(), f("div", {
+          key: 0,
+          ref_key: "elementToWatchForChanges",
+          ref: u,
+          class: "flex items-center space-x-0.5 h-5"
+        }, [
+          r("div", {
+            ref_key: "itemContainer",
+            ref: d,
+            class: "flex flex-wrap overflow-hidden space-x-0.5 h-5"
+          }, [
+            (a(!0), f(q, null, Y(m, (k) => (a(), L(Qs, {
+              key: k.name,
+              "source-app": k
+            }, null, 8, ["source-app"]))), 128))
+          ], 512),
+          t(y) > 0 ? (a(), f("div", Ys, " +" + w(t(y)), 1)) : $("", !0)
+        ], 512)) : (a(), f("div", Zs, [
+          r("div", {
+            class: "h-2 w-2 rounded-full mr-2",
+            style: te({ backgroundColor: t(g)(m).bgColor })
+          }, null, 4),
+          r("span", el, w(t(g)(m).name), 1)
+        ]))
+      ]),
+      option: F(({ item: m }) => [
+        r("div", tl, [
+          r("div", {
+            class: "h-2 w-2 rounded-full mr-2",
+            style: te({ backgroundColor: m.bgColor })
+          }, null, 4),
+          r("span", sl, w(m.name), 1)
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "multiple", "items", "search", "search-placeholder", "label", "show-label", "name"]));
+  }
+});
+var N = /* @__PURE__ */ ((e) => (e.CtrlOrCmd = "cmd-or-ctrl", e.AltOrOpt = "alt-or-opt", e.Shift = "shift", e))(N || {});
+const ne = We(), ll = {
+  [
+    "cmd-or-ctrl"
+    /* CtrlOrCmd */
+  ]: ne === le.Mac ? "Cmd" : "Ctrl",
+  [
+    "alt-or-opt"
+    /* AltOrOpt */
+  ]: ne === le.Mac ? "Opt" : "Alt",
+  shift: "Shift"
+};
+function $l(e) {
+  const s = (l) => Object.values(N).includes(l);
+  return e.map((l) => s(l) ? ll[l] : l).join("+");
+}
+function Sl(e, ...s) {
+  Xe(
+    s[0],
+    (l) => {
+      const u = l.getModifierState("Alt"), d = ne === le.Mac ? l.getModifierState("Meta") : l.getModifierState("Control"), c = l.getModifierState("Shift");
+      for (const y of e)
+        switch (y) {
+          case N.CtrlOrCmd:
+            if (!d)
+              return;
+            break;
+          case N.AltOrOpt:
+            if (!u)
+              return;
+            break;
+          case N.Shift:
+            if (!c)
+              return;
+            break;
+        }
+      s[1](l);
+    },
+    s[2]
+  );
+}
+export {
+  Ct as CommonBadge,
+  As as CommonLoadingBar,
+  bl as CommonStepsBullet,
+  gl as CommonStepsNumber,
+  it as CommonTextLink,
+  rt as FormButton,
+  yl as FormCardButton,
+  vl as FormCheckbox,
+  Js as FormSelectBase,
+  wl as FormSelectSourceApps,
+  xl as FormTextArea,
+  kl as FormTextInput,
+  ml as GlobalToastRenderer,
+  N as ModifierKeys,
+  Qs as SourceAppBadge,
+  X as TailwindBreakpoints,
+  K as ToastNotificationType,
+  Cl as ValidationHelpers,
+  ne as clientOs,
+  $l as getKeyboardShortcutTitle,
+  Sl as onKeyboardShortcut,
+  Ls as useFormSelectChildInternals,
+  Vs as useWrappingContainerHiddenCount
+};