@aminnausin/cedar-ui 0.0.1

package/dist/cedar-ui.mjs

@@ -0,0 +1,3339 @@
+var _t = Object.defineProperty;
+var Rt = (n, e, t) => e in n ? _t(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var q = (n, e, t) => Rt(n, typeof e != "symbol" ? e + "" : e, t);
+import { defineComponent as K, createElementBlock as C, openBlock as m, Fragment as X, createElementVNode as x, createCommentVNode as R, normalizeClass as D, toDisplayString as j, renderSlot as F, renderList as ge, resolveComponent as gt, createBlock as Y, withCtx as B, createVNode as M, unref as b, createTextVNode as Z, withModifiers as re, ref as w, Transition as pe, withDirectives as G, normalizeStyle as ze, resolveDynamicComponent as De, vShow as Q, watch as W, Teleport as Ue, computed as J, mergeModels as $e, useModel as We, vModelDynamic as Vt, reactive as be, shallowRef as jt, getCurrentScope as Yt, onScopeDispose as bt, toRef as Kt, readonly as Ht, customRef as zt, h as ht, withKeys as ie, normalizeProps as Ut, guardReactiveProps as Wt, createSlots as Je, nextTick as qe, vModelText as qt, useTemplateRef as Oe, onMounted as Ce, mergeProps as yt, onBeforeUnmount as wt, watchEffect as Gt } from "vue";
+import { RouterLink as Zt, useRouter as Xt } from "vue-router";
+const Qt = ["for"], Jt = {
+  key: 0,
+  class: "text-sm/6 text-gray-500 dark:text-gray-400"
+}, kt = /* @__PURE__ */ K({
+  __name: "FormInputLabel",
+  props: {
+    field: {},
+    textSize: {},
+    class: {}
+  },
+  setup(n) {
+    const e = n;
+    return (t, a) => {
+      var r, o, s;
+      return m(), C(X, null, [
+        x("label", {
+          for: (r = t.field) == null ? void 0 : r.name,
+          class: D([
+            "leading-none block font-medium text-gray-700 dark:text-neutral-200",
+            t.textSize ? t.textSize : "text-sm",
+            `${e.class ?? ""}`
+          ])
+        }, j((o = t.field) == null ? void 0 : o.text), 11, Qt),
+        (s = t.field) != null && s.subtext ? (m(), C("p", Jt, j(t.field.subtext), 1)) : R("", !0)
+      ], 64);
+    };
+  }
+}), ea = {
+  key: 0,
+  class: "text-rose-600 dark:text-rose-500 text-sm"
+}, ta = /* @__PURE__ */ K({
+  __name: "FormErrorList",
+  props: {
+    errors: {},
+    fieldName: {}
+  },
+  setup(n) {
+    return (e, t) => (e.fieldName ? e.errors[e.fieldName] : Object.keys(e.errors).length > 0) ? (m(), C("ul", ea, [
+      F(e.$slots, "default", {}, () => [
+        (m(!0), C(X, null, ge(e.fieldName ? e.errors[e.fieldName] : e.errors, (a, r) => (m(), C("li", { key: r }, j(a), 1))), 128))
+      ])
+    ])) : R("", !0);
+  }
+}), aa = ["for"], Rr = /* @__PURE__ */ K({
+  __name: "InputLabel",
+  props: {
+    name: {},
+    text: {},
+    subtext: {},
+    class: {},
+    subtextClass: {}
+  },
+  setup(n) {
+    const e = n;
+    return (t, a) => (m(), C(X, null, [
+      x("label", {
+        for: t.name,
+        class: D(["font-medium text-gray-700 dark:text-neutral-200", e.class])
+      }, j(t.text), 11, aa),
+      t.subtext ? (m(), C("p", {
+        key: 0,
+        class: D(["text-sm/6 text-gray-500 dark:text-gray-400", t.subtextClass])
+      }, j(t.subtext), 3)) : R("", !0)
+    ], 64));
+  }
+}), ee = (n, e) => {
+  const t = n.__vccOpts || n;
+  for (const [a, r] of e)
+    t[a] = r;
+  return t;
+}, na = {}, ra = {
+  class: "w-5 h-5",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  "stroke-width": "1.5",
+  stroke: "currentColor"
+};
+function sa(n, e) {
+  return m(), C("svg", ra, e[0] || (e[0] = [
+    x("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M6 18L18 6M6 6l12 12"
+    }, null, -1)
+  ]));
+}
+const et = /* @__PURE__ */ ee(na, [["render", sa]]), oa = {}, la = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 24 24"
+};
+function ia(n, e) {
+  return m(), C("svg", la, e[0] || (e[0] = [
+    x("g", { fill: "none" }, [
+      x("path", {
+        stroke: "currentColor",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        "stroke-width": "1.5",
+        d: "M7.09 2.75a4 4 0 0 0-4 4v6.208a4 4 0 0 0 4 4h.093v3.792a.5.5 0 0 0 .839.368l4.52-4.16h4.369a4 4 0 0 0 4-4V6.75a4 4 0 0 0-4-4z"
+      }),
+      x("path", {
+        stroke: "currentColor",
+        "stroke-linecap": "round",
+        "stroke-width": "1.5",
+        d: "M12 6.25v4"
+      }),
+      x("circle", {
+        cx: "12",
+        cy: "13.25",
+        r: "1",
+        fill: "currentColor"
+      })
+    ], -1)
+  ]));
+}
+const xt = /* @__PURE__ */ ee(oa, [["render", ia]]), ua = {}, ca = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 24 24"
+};
+function da(n, e) {
+  return m(), C("svg", ca, e[0] || (e[0] = [
+    x("path", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.5",
+      d: "m9.75 4.75l6.19 6.19a1.5 1.5 0 0 1 0 2.12l-6.19 6.19"
+    }, null, -1)
+  ]));
+}
+const tt = /* @__PURE__ */ ee(ua, [["render", da]]), fa = {}, va = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 24 24"
+};
+function ma(n, e) {
+  return m(), C("svg", va, e[0] || (e[0] = [
+    x("path", {
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "1.5",
+      d: "m14.25 4.75l-6.19 6.19a1.5 1.5 0 0 0 0 2.12l6.19 6.19"
+    }, null, -1)
+  ]));
+}
+const at = /* @__PURE__ */ ee(fa, [["render", ma]]), pa = {}, ga = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 256 256"
+};
+function ba(n, e) {
+  return m(), C("svg", ga, e[0] || (e[0] = [
+    x("path", {
+      fill: "currentColor",
+      d: "M42 128a6 6 0 0 1 6-6h72a6 6 0 0 1 0 12H48a6 6 0 0 1-6-6m6-58h56a6 6 0 0 0 0-12H48a6 6 0 0 0 0 12m136 116H48a6 6 0 0 0 0 12h136a6 6 0 0 0 0-12m44.24-102.24l-40-40a6 6 0 0 0-8.48 0l-40 40a6 6 0 0 0 8.48 8.48L178 62.49V144a6 6 0 0 0 12 0V62.49l29.76 29.75a6 6 0 0 0 8.48-8.48"
+    }, null, -1)
+  ]));
+}
+const ha = /* @__PURE__ */ ee(pa, [["render", ba]]), ya = {}, wa = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 256 256"
+};
+function ka(n, e) {
+  return m(), C("svg", wa, e[0] || (e[0] = [
+    x("path", {
+      fill: "currentColor",
+      d: "M126 128a6 6 0 0 1-6 6H48a6 6 0 0 1 0-12h72a6 6 0 0 1 6 6M48 70h136a6 6 0 0 0 0-12H48a6 6 0 0 0 0 12m56 116H48a6 6 0 0 0 0 12h56a6 6 0 0 0 0-12m124.24-22.24a6 6 0 0 0-8.48 0L190 193.51V112a6 6 0 0 0-12 0v81.51l-29.76-29.75a6 6 0 0 0-8.48 8.48l40 40a6 6 0 0 0 8.48 0l40-40a6 6 0 0 0 0-8.48"
+    }, null, -1)
+  ]));
+}
+const xa = /* @__PURE__ */ ee(ya, [["render", ka]]), Ca = {}, Ta = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 24 24"
+};
+function Ia(n, e) {
+  return m(), C("svg", Ta, e[0] || (e[0] = [
+    x("path", {
+      fill: "currentColor",
+      d: "M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z",
+      opacity: "0.25"
+    }, null, -1),
+    x("path", {
+      fill: "currentColor",
+      d: "M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"
+    }, [
+      x("animateTransform", {
+        attributeName: "transform",
+        dur: "0.75s",
+        repeatCount: "indefinite",
+        type: "rotate",
+        values: "0 12 12;360 12 12"
+      })
+    ], -1)
+  ]));
+}
+const $a = /* @__PURE__ */ ee(Ca, [["render", Ia]]), Pa = ["aria-label", "title", "disabled"], Ve = /* @__PURE__ */ K({
+  __name: "ButtonCorner",
+  props: ["positionClasses", "colourClasses", "textClasses", "to", "label", "disabled"],
+  setup(n) {
+    const e = n;
+    return (t, a) => {
+      const r = gt("router-link");
+      return n.to ? (m(), Y(r, {
+        key: 0,
+        "aria-label": n.label ?? "Link",
+        title: n.label ?? "Link",
+        to: n.to ?? "/",
+        class: D(["flex items-center justify-center rounded-full aria-disabled:cursor-not-allowed aria-disabled:hover:ring-neutral-200 aria-disabled:hover:dark:ring-neutral-700 aria-disabled:opacity-60", `${n.positionClasses ?? " absolute top-0 right-0 w-8 h-8 mt-5 mr-5"} ${(e == null ? void 0 : e.colourClasses) ?? "hover:bg-gray-50 hover:dark:bg-gray-700"} ${(e == null ? void 0 : e.textClasses) ?? "text-gray-600 dark:text-gray-400 hover:text-gray-800 hover:dark:text-gray-200"}`]),
+        "aria-disabled": n.disabled
+      }, {
+        default: B(() => [
+          F(t.$slots, "icon", {}, () => [
+            M(b(et))
+          ])
+        ]),
+        _: 3
+      }, 8, ["aria-label", "title", "to", "class", "aria-disabled"])) : (m(), C("button", {
+        key: 1,
+        "aria-label": (e == null ? void 0 : e.label) ?? "Close Modal",
+        title: (e == null ? void 0 : e.label) ?? "Close Modal",
+        class: D(["flex items-center justify-center rounded-full disabled:cursor-not-allowed disabled:hover:ring-neutral-200 disabled:hover:dark:ring-neutral-700 disabled:opacity-60", `${(e == null ? void 0 : e.positionClasses) ?? "absolute top-0 right-0 w-8 h-8 mt-5 mr-5"} ${(e == null ? void 0 : e.colourClasses) ?? "hover:bg-gray-50 hover:dark:bg-gray-700"} ${(e == null ? void 0 : e.textClasses) ?? "text-gray-600 dark:text-gray-400 hover:text-gray-800 hover:dark:text-gray-200"}`]),
+        disabled: n.disabled,
+        type: "button"
+      }, [
+        F(t.$slots, "icon", {}, () => [
+          M(b(et))
+        ])
+      ], 10, Pa));
+    };
+  }
+}), Vr = /* @__PURE__ */ K({
+  __name: "ChipTag",
+  props: ["label", "colour", "textClass", "URL", "removeable"],
+  setup(n) {
+    const e = n;
+    return (t, a) => e.URL ? (m(), Y(b(Zt), {
+      key: 0,
+      class: D(`p-1 px-2 text-sm ${e.textClass ? `${e.textClass} ` : ""}leading-none rounded-xl truncate lowercase text-neutral-100 dark:text-neutral-300 ${e.colour ? `${e.colour}` : "bg-violet-600 dark:bg-violet-900"} shrink-0 transition-colors duration-200 `),
+      to: e.URL
+    }, {
+      default: B(() => [
+        F(t.$slots, "content", {}, () => [
+          Z(j(e.label), 1)
+        ]),
+        n.removeable ? (m(), Y(Ve, {
+          key: 0,
+          positionClasses: "w-4 h-4",
+          textClasses: "text-white dark:text-rose-700",
+          colourClasses: "dark:bg-neutral-900/20 dark:hover:bg-rose-700 hover:bg-rose-300 hover:text-rose-700 dark:hover:text-white drop-shadow",
+          label: "Remove",
+          onClick: a[0] || (a[0] = re((r) => t.$emit("clickAction"), ["stop", "prevent"]))
+        })) : R("", !0)
+      ]),
+      _: 3
+    }, 8, ["class", "to"])) : (m(), C("p", {
+      key: 1,
+      class: D(`p-1 px-2 text-sm ${e.textClass ? `${e.textClass} ` : ""}leading-none rounded-xl truncate lowercase text-neutral-100 dark:text-neutral-300 ${e.colour ? `${e.colour}` : "bg-violet-600 dark:bg-violet-900"} shrink-0 transition-colors duration-200 cursor-default ${n.removeable ? "flex gap-1 items-center justify-between" : ""}`)
+    }, [
+      F(t.$slots, "content", {}, () => [
+        Z(j(e.label), 1)
+      ]),
+      n.removeable ? (m(), Y(Ve, {
+        key: 0,
+        positionClasses: "w-4 h-4",
+        textClasses: `text-white dark:text-rose-700 ${n.textClass ?? ""}`,
+        colourClasses: "dark:bg-neutral-900/20 dark:hover:bg-rose-700 hover:bg-rose-300 hover:text-rose-700 dark:hover:text-white drop-shadow",
+        label: "Remove",
+        onClick: a[1] || (a[1] = re((r) => t.$emit("clickAction"), ["stop", "prevent"]))
+      }, null, 8, ["textClasses"])) : R("", !0)
+    ], 2));
+  }
+}), Sa = { class: "text-pretty h-fit w-full break-words whitespace-pre-wrap" }, jr = /* @__PURE__ */ K({
+  __name: "RelativeHoverCard",
+  props: {
+    content: {},
+    positionClasses: {},
+    hoverCardDelay: { default: 600 },
+    hoverCardLeaveDelay: { default: 500 },
+    iconHidden: { type: Boolean },
+    icon: { default: xt }
+  },
+  setup(n) {
+    const e = n, t = w(!1), a = w(null), r = w(null), o = w({}), s = w(!1), l = () => {
+      e.content !== "" && (r.value && clearTimeout(r.value), !t.value && (a.value && clearTimeout(a.value), s.value || (s.value = !0), a.value = window.setTimeout(() => {
+        t.value = !0;
+      }, e.hoverCardDelay)));
+    }, c = () => {
+      e.content !== "" && (a.value && clearTimeout(a.value), t.value && (r.value && clearTimeout(r.value), r.value = window.setTimeout(() => {
+        t.value = !1;
+      }, e.hoverCardLeaveDelay)));
+    };
+    return (i, d) => (m(), C("div", {
+      class: "relative",
+      onMouseover: l,
+      onMouseleave: c
+    }, [
+      F(i.$slots, "trigger", {}, () => [
+        d[0] || (d[0] = x("a", {
+          href: "#_",
+          class: "hover:underline"
+        }, "@thedevdojo", -1))
+      ]),
+      M(pe, {
+        "enter-from-class": "opacity-0",
+        "enter-to-class": "opacity-100",
+        "leave-from-class": "opacity-100",
+        "leave-to-class": "opacity-0"
+      }, {
+        default: B(() => [
+          s.value ? G((m(), C("div", {
+            key: 0,
+            onMouseover: l,
+            onMouseleave: c,
+            class: D(`${i.positionClasses ?? ""} z-30 flex absolute overflow-auto transition-opacity ease-in-out duration-200 md:max-w-xl xl:max-w-3xl text-sm p-3 h-fit bg-white dark:odd:bg-primary-dark-600/70 dark:bg-neutral-800/70 backdrop-blur-lg border dark:border-none rounded-md shadow-md border-neutral-200/70 gap-2 items-center`),
+            style: ze(o.value)
+          }, [
+            F(i.$slots, "icon", {}, () => [
+              i.iconHidden ? R("", !0) : (m(), Y(De(i.icon), {
+                key: 0,
+                class: "h-5 w-5 mb-auto shrink-0"
+              }))
+            ]),
+            F(i.$slots, "content", {}, () => [
+              x("p", Sa, j(i.content), 1)
+            ])
+          ], 38)), [
+            [Q, t.value]
+          ]) : R("", !0)
+        ]),
+        _: 3
+      })
+    ], 32));
+  }
+}), Aa = {}, Ea = { class: "flex gap-3 p-3 sm:p-6 flex-wrap sm:flex-nowrap rounded-xl shadow-md dark:bg-primary-dark-800/70 bg-white ring-1 ring-gray-900/5" };
+function Da(n, e) {
+  return m(), C("section", Ea, [
+    F(n.$slots, "heading"),
+    F(n.$slots, "content")
+  ]);
+}
+const Yr = /* @__PURE__ */ ee(Aa, [["render", Da]]), Ma = { class: "flex flex-col gap-2" }, Na = { key: 0 }, Oa = {
+  key: 1,
+  class: "dark:text-neutral-400 text-pretty whitespace-pre-wrap w-full"
+}, Kr = /* @__PURE__ */ K({
+  __name: "HoverCard",
+  props: {
+    content: {},
+    contentTitle: {},
+    positionClasses: {},
+    hoverCardDelay: { default: 600 },
+    hoverCardLeaveDelay: { default: 500 },
+    margin: { default: 0 },
+    iconHidden: { type: Boolean },
+    paddingLeft: { default: 0 },
+    scrollContainer: { default: "body" },
+    disabled: { type: Boolean, default: !1 },
+    icon: { default: xt }
+  },
+  setup(n) {
+    const e = n, t = w(!1), a = w(null), r = w(null), o = w({}), s = w(!1), l = (d) => {
+      e.content === "" || e.disabled || (r.value && clearTimeout(r.value), !t.value && (a.value && clearTimeout(a.value), s.value || (s.value = !0), a.value = window.setTimeout(() => {
+        t.value = !0, i(d);
+      }, e.hoverCardDelay)));
+    }, c = () => {
+      a.value && clearTimeout(a.value), t.value && (r.value && clearTimeout(r.value), r.value = window.setTimeout(() => {
+        t.value = !1;
+      }, e.hoverCardLeaveDelay));
+    }, i = (d) => {
+      var P;
+      const g = d.target, h = (P = g.parentElement) == null ? void 0 : P.getBoundingClientRect();
+      let v = g.getBoundingClientRect();
+      h && h.height < v.height && (v = h);
+      const p = e.scrollContainer === "body" ? document.body.scrollTop : window.scrollY, T = e.scrollContainer === "body" ? document.body.scrollLeft : window.scrollX;
+      o.value = { left: `${v.left + T + e.paddingLeft}px`, top: `${v.bottom + e.margin + p}px` };
+    };
+    return W(
+      () => e.content,
+      () => {
+        (!e.content || e.content.trim() === "") && c();
+      }
+    ), (d, g) => (m(), C("div", {
+      class: "",
+      onMouseover: l,
+      onMouseleave: c
+    }, [
+      F(d.$slots, "trigger", {}, () => [
+        g[0] || (g[0] = x("a", {
+          href: "#_",
+          class: "hover:underline"
+        }, null, -1))
+      ]),
+      s.value ? (m(), Y(Ue, {
+        key: 0,
+        to: "body"
+      }, [
+        M(pe, {
+          "enter-from-class": "opacity-0",
+          "enter-to-class": "opacity-100",
+          "leave-from-class": "opacity-100",
+          "leave-to-class": "opacity-0"
+        }, {
+          default: B(() => [
+            G(x("div", {
+              onMouseover: l,
+              onMouseleave: c,
+              class: D([
+                d.positionClasses,
+                "z-30 flex absolute overflow-auto transition-opacity ease-in-out duration-200 md:max-w-xl xl:max-w-3xl text-sm p-3 h-fit max-h-[50vh] scrollbar-minimal bg-white dark:odd:bg-primary-dark-600/70 dark:bg-neutral-800/70 backdrop-blur-lg border dark:border-none rounded-md shadow-md border-neutral-200/70 gap-2 items-center"
+              ]),
+              style: ze(o.value)
+            }, [
+              F(d.$slots, "icon", {}, () => [
+                d.iconHidden ? R("", !0) : (m(), Y(De(d.icon), {
+                  key: 0,
+                  class: "h-5 w-5 mb-auto shrink-0"
+                }))
+              ]),
+              F(d.$slots, "content", {}, () => [
+                x("div", Ma, [
+                  d.contentTitle ? (m(), C("h4", Na, j(d.contentTitle), 1)) : R("", !0),
+                  d.content ? (m(), C("p", Oa, j(d.content), 1)) : R("", !0)
+                ])
+              ])
+            ], 38), [
+              [Q, t.value]
+            ])
+          ]),
+          _: 3
+        })
+      ])) : R("", !0)
+    ], 32));
+  }
+}), La = ["type", "disabled"], nt = /* @__PURE__ */ K({
+  __name: "ButtonForm",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    type: { default: "button" },
+    variant: {}
+  },
+  setup(n) {
+    const e = n, t = J(() => {
+      switch (e.variant) {
+        case "submit":
+          return [
+            "inline-flex items-center justify-center h-10 max-h-full px-4 py-2 font-medium text-white transition-colors border border-transparent rounded-md focus:outline-none",
+            "focus:ring-1 focus:ring-violet-900 focus:ring-offset-1 bg-neutral-950 hover:bg-neutral-800 dark:hover:bg-neutral-900",
+            "disabled:cursor-not-allowed disabled:hover:ring-neutral-200 disabled:hover:dark:ring-neutral-700 disabled:hover:ring-1 disabled:opacity-60"
+          ];
+        case "reset":
+          return [
+            "inline-flex items-center justify-center h-10 max-h-full px-4 py-2 font-medium transition-colors border dark:border-neutral-600 rounded-md focus:outline-none",
+            "focus:ring-1 focus:ring-neutral-100 dark:focus:ring-neutral-400 focus:ring-offset-1 hover:bg-neutral-100 dark:hover:bg-neutral-900",
+            "disabled:cursor-not-allowed disabled:hover:ring-neutral-200 disabled:hover:dark:ring-neutral-700 disabled:hover:ring-1 disabled:opacity-60"
+          ];
+        case "auth":
+          return [
+            "inline-flex items-center px-4 py-2",
+            "bg-gray-800 dark:bg-gray-200",
+            "border border-transparent rounded-md font-semibold text-xs uppercase tracking-widest",
+            "text-white dark:text-gray-800 hover:bg-gray-700 dark:hover:bg-white",
+            "focus:bg-gray-700 dark:focus:bg-white active:bg-gray-900 dark:active:bg-gray-300",
+            "focus:outline-none focus:ring-2 focus:ring-purple-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800",
+            "transition ease-in-out duration-150"
+          ];
+        default:
+          return [
+            "inline-flex items-center justify-center px-4 py-2 text-sm transition-colors border dark:border-neutral-600 rounded-md focus:outline-none",
+            "focus:ring-1 focus:ring-neutral-100 dark:focus:ring-neutral-400 focus:ring-offset-1 hover:bg-neutral-100 dark:hover:bg-neutral-900",
+            "disabled:cursor-not-allowed disabled:hover:ring-neutral-200 disabled:hover:dark:ring-neutral-700 disabled:hover:ring-1 disabled:opacity-60"
+          ];
+      }
+    });
+    return (a, r) => (m(), C("button", {
+      type: a.type,
+      class: D([...t.value]),
+      disabled: a.disabled
+    }, [
+      F(a.$slots, "text"),
+      F(a.$slots, "default")
+    ], 10, La));
+  }
+}), Ba = ["name", "title", "type", "required", "placeholder", "autocomplete", "aria-autocomplete", "min", "max"], Fa = /* @__PURE__ */ K({
+  __name: "FormInput",
+  props: /* @__PURE__ */ $e({
+    field: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(n) {
+    const e = We(n, "modelValue");
+    return (t, a) => G((m(), C("input", {
+      class: D([
+        "rounded-md shadow-sm block mt-1 w-full text-sm",
+        "focus:outline-none border-none",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "text-gray-900 dark:text-neutral-100 bg-white dark:bg-neutral-700 placeholder:text-neutral-400",
+        "ring-inset focus:ring-inset ring-1 ring-neutral-200 dark:ring-neutral-700",
+        "focus:ring-[0.125rem] focus:ring-purple-400 dark:focus:ring-purple-500"
+      ]),
+      name: t.field.name,
+      title: t.field.text ?? t.field.name,
+      type: t.field.type,
+      required: t.field.required ? "true" : "false",
+      placeholder: t.field.placeholder,
+      autocomplete: t.field.autocomplete,
+      "aria-autocomplete": t.field.ariaAutocomplete ?? (t.field.autocomplete ? "list" : "none"),
+      min: t.field.min ?? "",
+      max: t.field.max ?? "",
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => e.value = r)
+    }, null, 8, Ba)), [
+      [Vt, e.value]
+    ]);
+  }
+});
+function Ge() {
+  const n = w(!1), e = w(!1), t = w(300), a = w(null), r = be({}), o = jt(null);
+  function s(c, i = {}) {
+    a.value && clearTimeout(a.value), o.value = c, Object.assign(r, i), e.value = !0, n.value = !0, a.value = window.setTimeout(() => {
+      n.value = !1;
+    }, t.value);
+  }
+  function l() {
+    a.value && clearTimeout(a.value), e.value = !1, n.value = !0, a.value = window.setTimeout(() => {
+      n.value = !1;
+    }, t.value);
+  }
+  return { isOpen: e, isAnimating: n, animationTime: t, props: r, component: o, open: s, close: l };
+}
+function Ct(n = "pv_id_") {
+  return n + Math.random().toString(16).slice(2);
+}
+class _a {
+  constructor() {
+    q(this, "subscribers");
+    q(this, "toasts");
+    // We use arrow functions to maintain the correct `this` reference
+    q(this, "subscribe", (e) => (this.subscribers.push(e), () => {
+      const t = this.subscribers.indexOf(e);
+      this.subscribers.splice(t, 1);
+    }));
+    q(this, "publish", (e) => {
+      this.subscribers.forEach((t) => t(e));
+    });
+    q(this, "addToast", (e) => {
+      this.publish(e), this.toasts = [...this.toasts, e];
+    });
+    q(this, "create", (e, t) => {
+      const a = t.id ?? Ct("toast_");
+      return this.toasts.find((o) => o.id === a) ? this.toasts = this.toasts.map((o) => o.id === a ? (this.publish({ ...o, ...t, id: a, title: e }), {
+        ...o,
+        ...t,
+        id: a,
+        title: e
+      }) : o) : this.addToast({
+        title: e,
+        id: a,
+        scale: 1,
+        zIndex: 200,
+        offsetY: 0,
+        ...t
+      }), a;
+    });
+    q(this, "dismiss", (e) => {
+      e ? (this.publish({ id: e, dismiss: !0 }), this.toasts = this.toasts.filter((t) => t.id !== e)) : (this.toasts.forEach((t) => {
+        this.publish({ id: t.id, dismiss: !0 });
+      }), this.toasts = []);
+    });
+    q(this, "add", (e, t) => this.create(e, { ...t }));
+    q(this, "success", (e, t) => this.create(e, { type: "success", ...t }));
+    q(this, "error", (e, t) => this.create(e, { type: "danger", ...t }));
+    q(this, "info", (e, t) => this.create(e, { type: "info", ...t }));
+    q(this, "warning", (e, t) => this.create(e, { type: "warning", ...t }));
+    this.subscribers = [], this.toasts = [];
+  }
+}
+const te = new _a();
+function Ra(n, e) {
+  const t = Ct("toast_");
+  return te.create(n, { ...e, id: t }), t;
+}
+const Tt = Object.assign(Ra, {
+  add: te.add,
+  success: te.success,
+  error: te.error,
+  info: te.info,
+  warning: te.warning,
+  dismiss: te.dismiss
+}), Va = { class: "flex flex-col gap-4" }, ja = /* @__PURE__ */ K({
+  __name: "BaseForm",
+  props: {
+    footerClass: {}
+  },
+  setup(n) {
+    return (e, t) => (m(), C("form", Va, [
+      F(e.$slots, "default"),
+      e.$slots.footer ? (m(), C("footer", {
+        key: 0,
+        class: D(["mt-4", e.footerClass])
+      }, [
+        F(e.$slots, "footer")
+      ], 2)) : R("", !0)
+    ]));
+  }
+}), Ya = {}, Ka = { class: "grid gap-2" };
+function Ha(n, e) {
+  return m(), C("div", Ka, [
+    F(n.$slots, "default")
+  ]);
+}
+const za = /* @__PURE__ */ ee(Ya, [["render", Ha]]);
+function Ua(n) {
+  return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
+}
+var Le, rt;
+function Wa() {
+  return rt || (rt = 1, Le = function n(e, t) {
+    if (e === t) return !0;
+    if (e && t && typeof e == "object" && typeof t == "object") {
+      if (e.constructor !== t.constructor) return !1;
+      var a, r, o;
+      if (Array.isArray(e)) {
+        if (a = e.length, a != t.length) return !1;
+        for (r = a; r-- !== 0; )
+          if (!n(e[r], t[r])) return !1;
+        return !0;
+      }
+      if (e.constructor === RegExp) return e.source === t.source && e.flags === t.flags;
+      if (e.valueOf !== Object.prototype.valueOf) return e.valueOf() === t.valueOf();
+      if (e.toString !== Object.prototype.toString) return e.toString() === t.toString();
+      if (o = Object.keys(e), a = o.length, a !== Object.keys(t).length) return !1;
+      for (r = a; r-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(t, o[r])) return !1;
+      for (r = a; r-- !== 0; ) {
+        var s = o[r];
+        if (!n(e[s], t[s])) return !1;
+      }
+      return !0;
+    }
+    return e !== e && t !== t;
+  }), Le;
+}
+var qa = Wa();
+const Ga = /* @__PURE__ */ Ua(qa);
+function Za(n) {
+  let e = n, t;
+  const a = be({
+    fields: structuredClone(n),
+    errors: {},
+    dirty: !1,
+    hasErrors: !1,
+    processing: !1,
+    wasSuccessful: !1,
+    recentlySuccessful: !1,
+    async submit(r, o = {}) {
+      if (this.processing) return;
+      const s = {
+        onBefore: async () => {
+          this.processing = !0, this.wasSuccessful = !1, this.recentlySuccessful = !1, clearTimeout(t), o.onBefore && await o.onBefore();
+        },
+        onSuccess: async (l) => {
+          this.clearErrors(), this.wasSuccessful = !0, this.recentlySuccessful = !0, t = window.setTimeout(() => {
+            this.recentlySuccessful = !1;
+          }, 2e3), o.onSuccess && await o.onSuccess(l), e = structuredClone(this.fields);
+        },
+        onError: async (l) => {
+          var c, i, d, g, h;
+          this.hasErrors = !0, (((c = l == null ? void 0 : l.response) == null ? void 0 : c.status) === 422 || ((i = l == null ? void 0 : l.response) == null ? void 0 : i.status) === 401) && (this.clearErrors(), this.setErrors({
+            message: (d = l == null ? void 0 : l.response) == null ? void 0 : d.data.message,
+            ...(h = (g = l == null ? void 0 : l.response) == null ? void 0 : g.data) == null ? void 0 : h.errors
+          })), o.onError && await o.onError(l);
+        },
+        onFinish: async () => {
+          this.processing = !1, o.onFinish && await o.onFinish();
+        }
+      };
+      await s.onBefore();
+      try {
+        const l = await r(this.fields);
+        await s.onSuccess(l);
+      } catch (l) {
+        await s.onError(l);
+      } finally {
+        await s.onFinish();
+      }
+    },
+    reset(...r) {
+      const o = structuredClone(e);
+      r.length === 0 ? this.fields = o : r.forEach((s) => {
+        o[s] !== void 0 && (this.fields[s] = o[s]);
+      });
+    },
+    clearErrors(...r) {
+      r.length === 0 ? this.errors = {} : r.forEach((o) => delete this.errors[o]), this.hasErrors = Object.keys(this.errors).length > 0;
+    },
+    setErrors(r) {
+      this.errors = { ...this.errors, ...r }, this.hasErrors = Object.keys(this.errors).length > 0;
+    }
+  });
+  return W(
+    () => a.fields,
+    () => {
+      a.dirty = !Ga(a.fields, e);
+    },
+    { immediate: !0, deep: !0 }
+  ), a;
+}
+const It = /* @__PURE__ */ K({
+  __name: "PasswordConfirm",
+  props: {
+    action: {},
+    successAction: {},
+    successMessage: {},
+    confirmText: { default: "Confirm" },
+    cancelText: { default: "Cancel" },
+    passwordLabel: {}
+  },
+  emits: ["confirm", "cancel"],
+  setup(n, { emit: e }) {
+    const t = e, a = n, r = [
+      {
+        name: "password",
+        text: "Confirm Password",
+        placeholder: "Password",
+        autocomplete: "current-password",
+        ariaAutocomplete: "inline",
+        type: "password",
+        required: !0,
+        max: 255
+      }
+    ], o = Za({
+      password: ""
+    }), s = async () => {
+      o.submit(
+        async (l) => a.action(l),
+        {
+          onSuccess: (l) => {
+            a.successMessage && Tt.success(a.successMessage), a.successAction && a.successAction(l), t("confirm");
+          },
+          onError() {
+            o.reset("password");
+          }
+        }
+      );
+    };
+    return (l, c) => (m(), Y(ja, {
+      onSubmit: re(s, ["prevent"]),
+      "footer-class": "flex flex-col-reverse sm:flex-row sm:justify-end gap-2 text-sm"
+    }, {
+      footer: B(() => [
+        M(nt, {
+          variant: "reset",
+          type: "button",
+          disabled: b(o).processing,
+          class: "!capitalize",
+          onClick: c[0] || (c[0] = (i) => l.$emit("cancel"))
+        }, {
+          default: B(() => [
+            Z(j(l.cancelText), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"]),
+        M(nt, {
+          variant: "submit",
+          type: "button",
+          onClick: s,
+          disabled: b(o).processing,
+          class: "!capitalize !bg-rose-600 hover:!bg-rose-500"
+        }, {
+          default: B(() => [
+            Z(j(l.confirmText), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ]),
+      default: B(() => [
+        (m(), C(X, null, ge(r, (i, d) => M(za, { key: d }, {
+          default: B(() => [
+            l.passwordLabel ? (m(), Y(kt, {
+              key: 0,
+              field: { ...i, text: l.passwordLabel }
+            }, null, 8, ["field"])) : R("", !0),
+            M(Fa, {
+              modelValue: b(o).fields[i.name],
+              "onUpdate:modelValue": (g) => b(o).fields[i.name] = g,
+              field: i,
+              class: "!mt-0"
+            }, null, 8, ["modelValue", "onUpdate:modelValue", "field"]),
+            M(ta, {
+              errors: b(o).errors,
+              "field-name": i.name
+            }, null, 8, ["errors", "field-name"])
+          ]),
+          _: 2
+        }, 1024)), 64))
+      ]),
+      _: 1
+    }));
+  }
+}), Xa = { class: "flex flex-wrap gap-2 items-center" }, Qa = {
+  ref: "modalTitle",
+  id: "modalTitle",
+  class: "text-xl font-semibold scroll-mt-16 sm:scroll-mt-12 flex-1"
+}, Ja = {
+  key: 0,
+  class: "text-neutral-500 dark:text-neutral-400 text-sm w-full",
+  id: "modalDescription"
+}, $t = /* @__PURE__ */ K({
+  __name: "BaseModal",
+  props: {
+    modal: {}
+  },
+  setup(n) {
+    return (e, t) => (m(), C(X, null, [
+      x("section", Xa, [
+        x("h3", Qa, [
+          F(e.$slots, "title", {}, () => {
+            var a;
+            return [
+              Z(j(((a = e.modal.props) == null ? void 0 : a.title) ?? "Modal Title"), 1)
+            ];
+          })
+        ], 512),
+        M(Ve, {
+          onClick: e.modal.close,
+          class: "!m-0 !static"
+        }, null, 8, ["onClick"]),
+        e.$slots.description ? (m(), C("p", Ja, [
+          F(e.$slots, "description")
+        ])) : R("", !0)
+      ]),
+      F(e.$slots, "default")
+    ], 64));
+  }
+}), Hr = /* @__PURE__ */ K({
+  __name: "LogoutSessionsModal",
+  props: {
+    onSuccess: { type: Function }
+  },
+  setup(n) {
+    const e = n, t = Ge();
+    function a() {
+      var r;
+      t.close(), (r = e.onSuccess) == null || r.call(e);
+    }
+    return (r, o) => (m(), Y($t, { modal: b(t) }, {
+      title: B(() => o[0] || (o[0] = [
+        Z("Sign Out of Other Devices", -1)
+      ])),
+      description: B(() => o[1] || (o[1] = [
+        Z("Are you sure you want to sign out of other devices? You won't be able to undo this action.", -1)
+      ])),
+      default: B(() => [
+        M(It, {
+          action: async () => {
+          },
+          "success-message": "Other Sessions Logged Out Successfully",
+          onConfirm: a,
+          onCancel: b(t).close
+        }, null, 8, ["onCancel"])
+      ]),
+      _: 1
+    }, 8, ["modal"]));
+  }
+}), zr = /* @__PURE__ */ K({
+  __name: "DeleteAccountModal",
+  setup(n) {
+    const e = Ge(), t = Xt();
+    function a() {
+      e.close(), t.push("/");
+    }
+    async function r() {
+    }
+    return (o, s) => (m(), Y($t, { modal: b(e) }, {
+      title: B(() => s[0] || (s[0] = [
+        Z("Are you sure you want to delete your account?", -1)
+      ])),
+      description: B(() => s[1] || (s[1] = [
+        Z(" Once your account is deleted, all of its resources and data will also be permanently deleted. Please enter your password to confirm you would like to permanently delete your account. ", -1)
+      ])),
+      default: B(() => [
+        M(It, {
+          action: r,
+          "success-message": "Account Deleted...",
+          onConfirm: a,
+          onCancel: b(e).close
+        }, null, 8, ["onCancel"])
+      ]),
+      _: 1
+    }, 8, ["modal"]));
+  }
+});
+function Ze(n) {
+  return Yt() ? (bt(n), !0) : !1;
+}
+function ce(n) {
+  return typeof n == "function" ? n() : b(n);
+}
+const Xe = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const en = Object.prototype.toString, Pt = (n) => en.call(n) === "[object Object]", me = () => {
+}, je = /* @__PURE__ */ tn();
+function tn() {
+  var n, e;
+  return Xe && ((n = window == null ? void 0 : window.navigator) == null ? void 0 : n.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((e = window == null ? void 0 : window.navigator) == null ? void 0 : e.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window == null ? void 0 : window.navigator.userAgent));
+}
+function an(...n) {
+  if (n.length !== 1)
+    return Kt(...n);
+  const e = n[0];
+  return typeof e == "function" ? Ht(zt(() => ({ get: e, set: me }))) : w(e);
+}
+function ke(n) {
+  var e;
+  const t = ce(n);
+  return (e = t == null ? void 0 : t.$el) != null ? e : t;
+}
+const St = Xe ? window : void 0;
+function Be(...n) {
+  let e, t, a, r;
+  if (typeof n[0] == "string" || Array.isArray(n[0]) ? ([t, a, r] = n, e = St) : [e, t, a, r] = n, !e)
+    return me;
+  Array.isArray(t) || (t = [t]), Array.isArray(a) || (a = [a]);
+  const o = [], s = () => {
+    o.forEach((d) => d()), o.length = 0;
+  }, l = (d, g, h, v) => (d.addEventListener(g, h, v), () => d.removeEventListener(g, h, v)), c = W(
+    () => [ke(e), ce(r)],
+    ([d, g]) => {
+      if (s(), !d)
+        return;
+      const h = Pt(g) ? { ...g } : g;
+      o.push(
+        ...t.flatMap((v) => a.map((p) => l(d, v, p, h)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), i = () => {
+    c(), s();
+  };
+  return Ze(i), i;
+}
+let st = !1;
+function nn(n, e, t = {}) {
+  const { window: a = St, ignore: r = [], capture: o = !0, detectIframe: s = !1 } = t;
+  if (!a)
+    return me;
+  je && !st && (st = !0, Array.from(a.document.body.children).forEach((h) => h.addEventListener("click", me)), a.document.documentElement.addEventListener("click", me));
+  let l = !0;
+  const c = (h) => r.some((v) => {
+    if (typeof v == "string")
+      return Array.from(a.document.querySelectorAll(v)).some((p) => p === h.target || h.composedPath().includes(p));
+    {
+      const p = ke(v);
+      return p && (h.target === p || h.composedPath().includes(p));
+    }
+  }), d = [
+    Be(a, "click", (h) => {
+      const v = ke(n);
+      if (!(!v || v === h.target || h.composedPath().includes(v))) {
+        if (h.detail === 0 && (l = !c(h)), !l) {
+          l = !0;
+          return;
+        }
+        e(h);
+      }
+    }, { passive: !0, capture: o }),
+    Be(a, "pointerdown", (h) => {
+      const v = ke(n);
+      l = !c(h) && !!(v && !h.composedPath().includes(v));
+    }, { passive: !0 }),
+    s && Be(a, "blur", (h) => {
+      setTimeout(() => {
+        var v;
+        const p = ke(n);
+        ((v = a.document.activeElement) == null ? void 0 : v.tagName) === "IFRAME" && !(p != null && p.contains(a.document.activeElement)) && e(h);
+      }, 0);
+    })
+  ].filter(Boolean);
+  return () => d.forEach((h) => h());
+}
+const At = /* @__PURE__ */ K({
+  name: "OnClickOutside",
+  props: ["as", "options"],
+  emits: ["trigger"],
+  setup(n, { slots: e, emit: t }) {
+    const a = w();
+    return nn(a, (r) => {
+      t("trigger", r);
+    }, n.options), () => {
+      if (e.default)
+        return ht(n.as || "div", { ref: a }, e.default());
+    };
+  }
+});
+function rn(n) {
+  var e;
+  const t = ce(n);
+  return (e = t == null ? void 0 : t.$el) != null ? e : t;
+}
+const sn = Xe ? window : void 0;
+function on(...n) {
+  let e, t, a, r;
+  if (typeof n[0] == "string" || Array.isArray(n[0]) ? ([t, a, r] = n, e = sn) : [e, t, a, r] = n, !e)
+    return me;
+  Array.isArray(t) || (t = [t]), Array.isArray(a) || (a = [a]);
+  const o = [], s = () => {
+    o.forEach((d) => d()), o.length = 0;
+  }, l = (d, g, h, v) => (d.addEventListener(g, h, v), () => d.removeEventListener(g, h, v)), c = W(
+    () => [rn(e), ce(r)],
+    ([d, g]) => {
+      if (s(), !d)
+        return;
+      const h = Pt(g) ? { ...g } : g;
+      o.push(
+        ...t.flatMap((v) => a.map((p) => l(d, v, p, h)))
+      );
+    },
+    { immediate: !0, flush: "post" }
+  ), i = () => {
+    c(), s();
+  };
+  return Ze(i), i;
+}
+function Fe(n) {
+  return typeof Window < "u" && n instanceof Window ? n.document.documentElement : typeof Document < "u" && n instanceof Document ? n.documentElement : n;
+}
+function Et(n) {
+  const e = window.getComputedStyle(n);
+  if (e.overflowX === "scroll" || e.overflowY === "scroll" || e.overflowX === "auto" && n.clientWidth < n.scrollWidth || e.overflowY === "auto" && n.clientHeight < n.scrollHeight)
+    return !0;
+  {
+    const t = n.parentNode;
+    return !t || t.tagName === "BODY" ? !1 : Et(t);
+  }
+}
+function ln(n) {
+  const e = n || window.event, t = e.target;
+  return Et(t) ? !1 : e.touches.length > 1 ? !0 : (e.preventDefault && e.preventDefault(), !1);
+}
+const _e = /* @__PURE__ */ new WeakMap();
+function un(n, e = !1) {
+  const t = w(e);
+  let a = null, r = "";
+  W(an(n), (l) => {
+    const c = Fe(ce(l));
+    if (c) {
+      const i = c;
+      if (_e.get(i) || _e.set(i, i.style.overflow), i.style.overflow !== "hidden" && (r = i.style.overflow), i.style.overflow === "hidden")
+        return t.value = !0;
+      if (t.value)
+        return i.style.overflow = "hidden";
+    }
+  }, {
+    immediate: !0
+  });
+  const o = () => {
+    const l = Fe(ce(n));
+    !l || t.value || (je && (a = on(
+      l,
+      "touchmove",
+      (c) => {
+        ln(c);
+      },
+      { passive: !1 }
+    )), l.style.overflow = "hidden", t.value = !0);
+  }, s = () => {
+    const l = Fe(ce(n));
+    !l || !t.value || (je && (a == null || a()), l.style.overflow = r, _e.delete(l), t.value = !1);
+  };
+  return Ze(s), J({
+    get() {
+      return t.value;
+    },
+    set(l) {
+      l ? o() : s();
+    }
+  });
+}
+function cn() {
+  let n = !1;
+  const e = w(!1);
+  return (t, a) => {
+    if (e.value = a.value, n)
+      return;
+    n = !0;
+    const r = un(t, a.value);
+    W(e, (o) => r.value = o);
+  };
+}
+cn();
+function dn(n) {
+  return typeof n == "function" ? n() : b(n);
+}
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+function fn(n) {
+  var e;
+  const t = dn(n);
+  return (e = t == null ? void 0 : t.$el) != null ? e : t;
+}
+/*!
+* tabbable 6.2.0
+* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
+*/
+var Dt = ["input:not([inert])", "select:not([inert])", "textarea:not([inert])", "a[href]:not([inert])", "button:not([inert])", "[tabindex]:not(slot):not([inert])", "audio[controls]:not([inert])", "video[controls]:not([inert])", '[contenteditable]:not([contenteditable="false"]):not([inert])', "details>summary:first-of-type:not([inert])", "details:not([inert])"], Pe = /* @__PURE__ */ Dt.join(","), Mt = typeof Element > "u", de = Mt ? function() {
+} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector, Se = !Mt && Element.prototype.getRootNode ? function(n) {
+  var e;
+  return n == null || (e = n.getRootNode) === null || e === void 0 ? void 0 : e.call(n);
+} : function(n) {
+  return n == null ? void 0 : n.ownerDocument;
+}, Ae = function n(e, t) {
+  var a;
+  t === void 0 && (t = !0);
+  var r = e == null || (a = e.getAttribute) === null || a === void 0 ? void 0 : a.call(e, "inert"), o = r === "" || r === "true", s = o || t && e && n(e.parentNode);
+  return s;
+}, vn = function(e) {
+  var t, a = e == null || (t = e.getAttribute) === null || t === void 0 ? void 0 : t.call(e, "contenteditable");
+  return a === "" || a === "true";
+}, Nt = function(e, t, a) {
+  if (Ae(e))
+    return [];
+  var r = Array.prototype.slice.apply(e.querySelectorAll(Pe));
+  return t && de.call(e, Pe) && r.unshift(e), r = r.filter(a), r;
+}, Ot = function n(e, t, a) {
+  for (var r = [], o = Array.from(e); o.length; ) {
+    var s = o.shift();
+    if (!Ae(s, !1))
+      if (s.tagName === "SLOT") {
+        var l = s.assignedElements(), c = l.length ? l : s.children, i = n(c, !0, a);
+        a.flatten ? r.push.apply(r, i) : r.push({
+          scopeParent: s,
+          candidates: i
+        });
+      } else {
+        var d = de.call(s, Pe);
+        d && a.filter(s) && (t || !e.includes(s)) && r.push(s);
+        var g = s.shadowRoot || // check for an undisclosed shadow
+        typeof a.getShadowRoot == "function" && a.getShadowRoot(s), h = !Ae(g, !1) && (!a.shadowRootFilter || a.shadowRootFilter(s));
+        if (g && h) {
+          var v = n(g === !0 ? s.children : g.children, !0, a);
+          a.flatten ? r.push.apply(r, v) : r.push({
+            scopeParent: s,
+            candidates: v
+          });
+        } else
+          o.unshift.apply(o, s.children);
+      }
+  }
+  return r;
+}, Lt = function(e) {
+  return !isNaN(parseInt(e.getAttribute("tabindex"), 10));
+}, ue = function(e) {
+  if (!e)
+    throw new Error("No node provided");
+  return e.tabIndex < 0 && (/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName) || vn(e)) && !Lt(e) ? 0 : e.tabIndex;
+}, mn = function(e, t) {
+  var a = ue(e);
+  return a < 0 && t && !Lt(e) ? 0 : a;
+}, pn = function(e, t) {
+  return e.tabIndex === t.tabIndex ? e.documentOrder - t.documentOrder : e.tabIndex - t.tabIndex;
+}, Bt = function(e) {
+  return e.tagName === "INPUT";
+}, gn = function(e) {
+  return Bt(e) && e.type === "hidden";
+}, bn = function(e) {
+  var t = e.tagName === "DETAILS" && Array.prototype.slice.apply(e.children).some(function(a) {
+    return a.tagName === "SUMMARY";
+  });
+  return t;
+}, hn = function(e, t) {
+  for (var a = 0; a < e.length; a++)
+    if (e[a].checked && e[a].form === t)
+      return e[a];
+}, yn = function(e) {
+  if (!e.name)
+    return !0;
+  var t = e.form || Se(e), a = function(l) {
+    return t.querySelectorAll('input[type="radio"][name="' + l + '"]');
+  }, r;
+  if (typeof window < "u" && typeof window.CSS < "u" && typeof window.CSS.escape == "function")
+    r = a(window.CSS.escape(e.name));
+  else
+    try {
+      r = a(e.name);
+    } catch (s) {
+      return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", s.message), !1;
+    }
+  var o = hn(r, e.form);
+  return !o || o === e;
+}, wn = function(e) {
+  return Bt(e) && e.type === "radio";
+}, kn = function(e) {
+  return wn(e) && !yn(e);
+}, xn = function(e) {
+  var t, a = e && Se(e), r = (t = a) === null || t === void 0 ? void 0 : t.host, o = !1;
+  if (a && a !== e) {
+    var s, l, c;
+    for (o = !!((s = r) !== null && s !== void 0 && (l = s.ownerDocument) !== null && l !== void 0 && l.contains(r) || e != null && (c = e.ownerDocument) !== null && c !== void 0 && c.contains(e)); !o && r; ) {
+      var i, d, g;
+      a = Se(r), r = (i = a) === null || i === void 0 ? void 0 : i.host, o = !!((d = r) !== null && d !== void 0 && (g = d.ownerDocument) !== null && g !== void 0 && g.contains(r));
+    }
+  }
+  return o;
+}, ot = function(e) {
+  var t = e.getBoundingClientRect(), a = t.width, r = t.height;
+  return a === 0 && r === 0;
+}, Cn = function(e, t) {
+  var a = t.displayCheck, r = t.getShadowRoot;
+  if (getComputedStyle(e).visibility === "hidden")
+    return !0;
+  var o = de.call(e, "details>summary:first-of-type"), s = o ? e.parentElement : e;
+  if (de.call(s, "details:not([open]) *"))
+    return !0;
+  if (!a || a === "full" || a === "legacy-full") {
+    if (typeof r == "function") {
+      for (var l = e; e; ) {
+        var c = e.parentElement, i = Se(e);
+        if (c && !c.shadowRoot && r(c) === !0)
+          return ot(e);
+        e.assignedSlot ? e = e.assignedSlot : !c && i !== e.ownerDocument ? e = i.host : e = c;
+      }
+      e = l;
+    }
+    if (xn(e))
+      return !e.getClientRects().length;
+    if (a !== "legacy-full")
+      return !0;
+  } else if (a === "non-zero-area")
+    return ot(e);
+  return !1;
+}, Tn = function(e) {
+  if (/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))
+    for (var t = e.parentElement; t; ) {
+      if (t.tagName === "FIELDSET" && t.disabled) {
+        for (var a = 0; a < t.children.length; a++) {
+          var r = t.children.item(a);
+          if (r.tagName === "LEGEND")
+            return de.call(t, "fieldset[disabled] *") ? !0 : !r.contains(e);
+        }
+        return !0;
+      }
+      t = t.parentElement;
+    }
+  return !1;
+}, Ee = function(e, t) {
+  return !(t.disabled || // we must do an inert look up to filter out any elements inside an inert ancestor
+  //  because we're limited in the type of selectors we can use in JSDom (see related
+  //  note related to `candidateSelectors`)
+  Ae(t) || gn(t) || Cn(t, e) || // For a details element with a summary, the summary element gets the focus
+  bn(t) || Tn(t));
+}, Ye = function(e, t) {
+  return !(kn(t) || ue(t) < 0 || !Ee(e, t));
+}, In = function(e) {
+  var t = parseInt(e.getAttribute("tabindex"), 10);
+  return !!(isNaN(t) || t >= 0);
+}, $n = function n(e) {
+  var t = [], a = [];
+  return e.forEach(function(r, o) {
+    var s = !!r.scopeParent, l = s ? r.scopeParent : r, c = mn(l, s), i = s ? n(r.candidates) : l;
+    c === 0 ? s ? t.push.apply(t, i) : t.push(l) : a.push({
+      documentOrder: o,
+      tabIndex: c,
+      item: r,
+      isScope: s,
+      content: i
+    });
+  }), a.sort(pn).reduce(function(r, o) {
+    return o.isScope ? r.push.apply(r, o.content) : r.push(o.content), r;
+  }, []).concat(t);
+}, Pn = function(e, t) {
+  t = t || {};
+  var a;
+  return t.getShadowRoot ? a = Ot([e], t.includeContainer, {
+    filter: Ye.bind(null, t),
+    flatten: !1,
+    getShadowRoot: t.getShadowRoot,
+    shadowRootFilter: In
+  }) : a = Nt(e, t.includeContainer, Ye.bind(null, t)), $n(a);
+}, Sn = function(e, t) {
+  t = t || {};
+  var a;
+  return t.getShadowRoot ? a = Ot([e], t.includeContainer, {
+    filter: Ee.bind(null, t),
+    flatten: !0,
+    getShadowRoot: t.getShadowRoot
+  }) : a = Nt(e, t.includeContainer, Ee.bind(null, t)), a;
+}, ve = function(e, t) {
+  if (t = t || {}, !e)
+    throw new Error("No node provided");
+  return de.call(e, Pe) === !1 ? !1 : Ye(t, e);
+}, An = /* @__PURE__ */ Dt.concat("iframe").join(","), Re = function(e, t) {
+  if (t = t || {}, !e)
+    throw new Error("No node provided");
+  return de.call(e, An) === !1 ? !1 : Ee(t, e);
+};
+/*!
+* focus-trap 7.6.5
+* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
+*/
+function Ke(n, e) {
+  (e == null || e > n.length) && (e = n.length);
+  for (var t = 0, a = Array(e); t < e; t++) a[t] = n[t];
+  return a;
+}
+function En(n) {
+  if (Array.isArray(n)) return Ke(n);
+}
+function Dn(n, e, t) {
+  return (e = Bn(e)) in n ? Object.defineProperty(n, e, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : n[e] = t, n;
+}
+function Mn(n) {
+  if (typeof Symbol < "u" && n[Symbol.iterator] != null || n["@@iterator"] != null) return Array.from(n);
+}
+function Nn() {
+  throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function lt(n, e) {
+  var t = Object.keys(n);
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(n);
+    e && (a = a.filter(function(r) {
+      return Object.getOwnPropertyDescriptor(n, r).enumerable;
+    })), t.push.apply(t, a);
+  }
+  return t;
+}
+function it(n) {
+  for (var e = 1; e < arguments.length; e++) {
+    var t = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? lt(Object(t), !0).forEach(function(a) {
+      Dn(n, a, t[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(t)) : lt(Object(t)).forEach(function(a) {
+      Object.defineProperty(n, a, Object.getOwnPropertyDescriptor(t, a));
+    });
+  }
+  return n;
+}
+function On(n) {
+  return En(n) || Mn(n) || Fn(n) || Nn();
+}
+function Ln(n, e) {
+  if (typeof n != "object" || !n) return n;
+  var t = n[Symbol.toPrimitive];
+  if (t !== void 0) {
+    var a = t.call(n, e);
+    if (typeof a != "object") return a;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(n);
+}
+function Bn(n) {
+  var e = Ln(n, "string");
+  return typeof e == "symbol" ? e : e + "";
+}
+function Fn(n, e) {
+  if (n) {
+    if (typeof n == "string") return Ke(n, e);
+    var t = {}.toString.call(n).slice(8, -1);
+    return t === "Object" && n.constructor && (t = n.constructor.name), t === "Map" || t === "Set" ? Array.from(n) : t === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? Ke(n, e) : void 0;
+  }
+}
+var ut = {
+  activateTrap: function(e, t) {
+    if (e.length > 0) {
+      var a = e[e.length - 1];
+      a !== t && a._setPausedState(!0);
+    }
+    var r = e.indexOf(t);
+    r === -1 || e.splice(r, 1), e.push(t);
+  },
+  deactivateTrap: function(e, t) {
+    var a = e.indexOf(t);
+    a !== -1 && e.splice(a, 1), e.length > 0 && !e[e.length - 1]._isManuallyPaused() && e[e.length - 1]._setPausedState(!1);
+  }
+}, _n = function(e) {
+  return e.tagName && e.tagName.toLowerCase() === "input" && typeof e.select == "function";
+}, Rn = function(e) {
+  return (e == null ? void 0 : e.key) === "Escape" || (e == null ? void 0 : e.key) === "Esc" || (e == null ? void 0 : e.keyCode) === 27;
+}, xe = function(e) {
+  return (e == null ? void 0 : e.key) === "Tab" || (e == null ? void 0 : e.keyCode) === 9;
+}, Vn = function(e) {
+  return xe(e) && !e.shiftKey;
+}, jn = function(e) {
+  return xe(e) && e.shiftKey;
+}, ct = function(e) {
+  return setTimeout(e, 0);
+}, we = function(e) {
+  for (var t = arguments.length, a = new Array(t > 1 ? t - 1 : 0), r = 1; r < t; r++)
+    a[r - 1] = arguments[r];
+  return typeof e == "function" ? e.apply(void 0, a) : e;
+}, Ie = function(e) {
+  return e.target.shadowRoot && typeof e.composedPath == "function" ? e.composedPath()[0] : e.target;
+}, Yn = [], Kn = function(e, t) {
+  var a = (t == null ? void 0 : t.document) || document, r = (t == null ? void 0 : t.trapStack) || Yn, o = it({
+    returnFocusOnDeactivate: !0,
+    escapeDeactivates: !0,
+    delayInitialFocus: !0,
+    isKeyForward: Vn,
+    isKeyBackward: jn
+  }, t), s = {
+    // containers given to createFocusTrap()
+    // @type {Array<HTMLElement>}
+    containers: [],
+    // list of objects identifying tabbable nodes in `containers` in the trap
+    // NOTE: it's possible that a group has no tabbable nodes if nodes get removed while the trap
+    //  is active, but the trap should never get to a state where there isn't at least one group
+    //  with at least one tabbable node in it (that would lead to an error condition that would
+    //  result in an error being thrown)
+    // @type {Array<{
+    //   container: HTMLElement,
+    //   tabbableNodes: Array<HTMLElement>, // empty if none
+    //   focusableNodes: Array<HTMLElement>, // empty if none
+    //   posTabIndexesFound: boolean,
+    //   firstTabbableNode: HTMLElement|undefined,
+    //   lastTabbableNode: HTMLElement|undefined,
+    //   firstDomTabbableNode: HTMLElement|undefined,
+    //   lastDomTabbableNode: HTMLElement|undefined,
+    //   nextTabbableNode: (node: HTMLElement, forward: boolean) => HTMLElement|undefined
+    // }>}
+    containerGroups: [],
+    // same order/length as `containers` list
+    // references to objects in `containerGroups`, but only those that actually have
+    //  tabbable nodes in them
+    // NOTE: same order as `containers` and `containerGroups`, but __not necessarily__
+    //  the same length
+    tabbableGroups: [],
+    nodeFocusedBeforeActivation: null,
+    mostRecentlyFocusedNode: null,
+    active: !1,
+    paused: !1,
+    manuallyPaused: !1,
+    // timer ID for when delayInitialFocus is true and initial focus in this trap
+    //  has been delayed during activation
+    delayInitialFocusTimer: void 0,
+    // the most recent KeyboardEvent for the configured nav key (typically [SHIFT+]TAB), if any
+    recentNavEvent: void 0
+  }, l, c = function(f, u, y) {
+    return f && f[u] !== void 0 ? f[u] : o[y || u];
+  }, i = function(f, u) {
+    var y = typeof (u == null ? void 0 : u.composedPath) == "function" ? u.composedPath() : void 0;
+    return s.containerGroups.findIndex(function(I) {
+      var S = I.container, O = I.tabbableNodes;
+      return S.contains(f) || // fall back to explicit tabbable search which will take into consideration any
+      //  web components if the `tabbableOptions.getShadowRoot` option was used for
+      //  the trap, enabling shadow DOM support in tabbable (`Node.contains()` doesn't
+      //  look inside web components even if open)
+      (y == null ? void 0 : y.includes(S)) || O.find(function(A) {
+        return A === f;
+      });
+    });
+  }, d = function(f) {
+    var u = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, y = u.hasFallback, I = y === void 0 ? !1 : y, S = u.params, O = S === void 0 ? [] : S, A = o[f];
+    if (typeof A == "function" && (A = A.apply(void 0, On(O))), A === !0 && (A = void 0), !A) {
+      if (A === void 0 || A === !1)
+        return A;
+      throw new Error("`".concat(f, "` was specified but was not a node, or did not return a node"));
+    }
+    var L = A;
+    if (typeof A == "string") {
+      try {
+        L = a.querySelector(A);
+      } catch (z) {
+        throw new Error("`".concat(f, '` appears to be an invalid selector; error="').concat(z.message, '"'));
+      }
+      if (!L && !I)
+        throw new Error("`".concat(f, "` as selector refers to no known node"));
+    }
+    return L;
+  }, g = function() {
+    var f = d("initialFocus", {
+      hasFallback: !0
+    });
+    if (f === !1)
+      return !1;
+    if (f === void 0 || f && !Re(f, o.tabbableOptions))
+      if (i(a.activeElement) >= 0)
+        f = a.activeElement;
+      else {
+        var u = s.tabbableGroups[0], y = u && u.firstTabbableNode;
+        f = y || d("fallbackFocus");
+      }
+    else f === null && (f = d("fallbackFocus"));
+    if (!f)
+      throw new Error("Your focus-trap needs to have at least one focusable element");
+    return f;
+  }, h = function() {
+    if (s.containerGroups = s.containers.map(function(f) {
+      var u = Pn(f, o.tabbableOptions), y = Sn(f, o.tabbableOptions), I = u.length > 0 ? u[0] : void 0, S = u.length > 0 ? u[u.length - 1] : void 0, O = y.find(function(z) {
+        return ve(z);
+      }), A = y.slice().reverse().find(function(z) {
+        return ve(z);
+      }), L = !!u.find(function(z) {
+        return ue(z) > 0;
+      });
+      return {
+        container: f,
+        tabbableNodes: u,
+        focusableNodes: y,
+        /** True if at least one node with positive `tabindex` was found in this container. */
+        posTabIndexesFound: L,
+        /** First tabbable node in container, __tabindex__ order; `undefined` if none. */
+        firstTabbableNode: I,
+        /** Last tabbable node in container, __tabindex__ order; `undefined` if none. */
+        lastTabbableNode: S,
+        // NOTE: DOM order is NOT NECESSARILY "document position" order, but figuring that out
+        //  would require more than just https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition
+        //  because that API doesn't work with Shadow DOM as well as it should (@see
+        //  https://github.com/whatwg/dom/issues/320) and since this first/last is only needed, so far,
+        //  to address an edge case related to positive tabindex support, this seems like a much easier,
+        //  "close enough most of the time" alternative for positive tabindexes which should generally
+        //  be avoided anyway...
+        /** First tabbable node in container, __DOM__ order; `undefined` if none. */
+        firstDomTabbableNode: O,
+        /** Last tabbable node in container, __DOM__ order; `undefined` if none. */
+        lastDomTabbableNode: A,
+        /**
+         * Finds the __tabbable__ node that follows the given node in the specified direction,
+         *  in this container, if any.
+         * @param {HTMLElement} node
+         * @param {boolean} [forward] True if going in forward tab order; false if going
+         *  in reverse.
+         * @returns {HTMLElement|undefined} The next tabbable node, if any.
+         */
+        nextTabbableNode: function(oe) {
+          var he = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !0, ne = u.indexOf(oe);
+          return ne < 0 ? he ? y.slice(y.indexOf(oe) + 1).find(function(ye) {
+            return ve(ye);
+          }) : y.slice(0, y.indexOf(oe)).reverse().find(function(ye) {
+            return ve(ye);
+          }) : u[ne + (he ? 1 : -1)];
+        }
+      };
+    }), s.tabbableGroups = s.containerGroups.filter(function(f) {
+      return f.tabbableNodes.length > 0;
+    }), s.tabbableGroups.length <= 0 && !d("fallbackFocus"))
+      throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
+    if (s.containerGroups.find(function(f) {
+      return f.posTabIndexesFound;
+    }) && s.containerGroups.length > 1)
+      throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.");
+  }, v = function(f) {
+    var u = f.activeElement;
+    if (u)
+      return u.shadowRoot && u.shadowRoot.activeElement !== null ? v(u.shadowRoot) : u;
+  }, p = function(f) {
+    if (f !== !1 && f !== v(document)) {
+      if (!f || !f.focus) {
+        p(g());
+        return;
+      }
+      f.focus({
+        preventScroll: !!o.preventScroll
+      }), s.mostRecentlyFocusedNode = f, _n(f) && f.select();
+    }
+  }, T = function(f) {
+    var u = d("setReturnFocus", {
+      params: [f]
+    });
+    return u || (u === !1 ? !1 : f);
+  }, P = function(f) {
+    var u = f.target, y = f.event, I = f.isBackward, S = I === void 0 ? !1 : I;
+    u = u || Ie(y), h();
+    var O = null;
+    if (s.tabbableGroups.length > 0) {
+      var A = i(u, y), L = A >= 0 ? s.containerGroups[A] : void 0;
+      if (A < 0)
+        S ? O = s.tabbableGroups[s.tabbableGroups.length - 1].lastTabbableNode : O = s.tabbableGroups[0].firstTabbableNode;
+      else if (S) {
+        var z = s.tabbableGroups.findIndex(function(Me) {
+          var Ne = Me.firstTabbableNode;
+          return u === Ne;
+        });
+        if (z < 0 && (L.container === u || Re(u, o.tabbableOptions) && !ve(u, o.tabbableOptions) && !L.nextTabbableNode(u, !1)) && (z = A), z >= 0) {
+          var oe = z === 0 ? s.tabbableGroups.length - 1 : z - 1, he = s.tabbableGroups[oe];
+          O = ue(u) >= 0 ? he.lastTabbableNode : he.lastDomTabbableNode;
+        } else xe(y) || (O = L.nextTabbableNode(u, !1));
+      } else {
+        var ne = s.tabbableGroups.findIndex(function(Me) {
+          var Ne = Me.lastTabbableNode;
+          return u === Ne;
+        });
+        if (ne < 0 && (L.container === u || Re(u, o.tabbableOptions) && !ve(u, o.tabbableOptions) && !L.nextTabbableNode(u)) && (ne = A), ne >= 0) {
+          var ye = ne === s.tabbableGroups.length - 1 ? 0 : ne + 1, Qe = s.tabbableGroups[ye];
+          O = ue(u) >= 0 ? Qe.firstTabbableNode : Qe.firstDomTabbableNode;
+        } else xe(y) || (O = L.nextTabbableNode(u));
+      }
+    } else
+      O = d("fallbackFocus");
+    return O;
+  }, k = function(f) {
+    var u = Ie(f);
+    if (!(i(u, f) >= 0)) {
+      if (we(o.clickOutsideDeactivates, f)) {
+        l.deactivate({
+          // NOTE: by setting `returnFocus: false`, deactivate() will do nothing,
+          //  which will result in the outside click setting focus to the node
+          //  that was clicked (and if not focusable, to "nothing"); by setting
+          //  `returnFocus: true`, we'll attempt to re-focus the node originally-focused
+          //  on activation (or the configured `setReturnFocus` node), whether the
+          //  outside click was on a focusable node or not
+          returnFocus: o.returnFocusOnDeactivate
+        });
+        return;
+      }
+      we(o.allowOutsideClick, f) || f.preventDefault();
+    }
+  }, E = function(f) {
+    var u = Ie(f), y = i(u, f) >= 0;
+    if (y || u instanceof Document)
+      y && (s.mostRecentlyFocusedNode = u);
+    else {
+      f.stopImmediatePropagation();
+      var I, S = !0;
+      if (s.mostRecentlyFocusedNode)
+        if (ue(s.mostRecentlyFocusedNode) > 0) {
+          var O = i(s.mostRecentlyFocusedNode), A = s.containerGroups[O].tabbableNodes;
+          if (A.length > 0) {
+            var L = A.findIndex(function(z) {
+              return z === s.mostRecentlyFocusedNode;
+            });
+            L >= 0 && (o.isKeyForward(s.recentNavEvent) ? L + 1 < A.length && (I = A[L + 1], S = !1) : L - 1 >= 0 && (I = A[L - 1], S = !1));
+          }
+        } else
+          s.containerGroups.some(function(z) {
+            return z.tabbableNodes.some(function(oe) {
+              return ue(oe) > 0;
+            });
+          }) || (S = !1);
+      else
+        S = !1;
+      S && (I = P({
+        // move FROM the MRU node, not event-related node (which will be the node that is
+        //  outside the trap causing the focus escape we're trying to fix)
+        target: s.mostRecentlyFocusedNode,
+        isBackward: o.isKeyBackward(s.recentNavEvent)
+      })), p(I || s.mostRecentlyFocusedNode || g());
+    }
+    s.recentNavEvent = void 0;
+  }, V = function(f) {
+    var u = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+    s.recentNavEvent = f;
+    var y = P({
+      event: f,
+      isBackward: u
+    });
+    y && (xe(f) && f.preventDefault(), p(y));
+  }, U = function(f) {
+    (o.isKeyForward(f) || o.isKeyBackward(f)) && V(f, o.isKeyBackward(f));
+  }, _ = function(f) {
+    Rn(f) && we(o.escapeDeactivates, f) !== !1 && (f.preventDefault(), l.deactivate());
+  }, $ = function(f) {
+    var u = Ie(f);
+    i(u, f) >= 0 || we(o.clickOutsideDeactivates, f) || we(o.allowOutsideClick, f) || (f.preventDefault(), f.stopImmediatePropagation());
+  }, H = function() {
+    if (s.active)
+      return ut.activateTrap(r, l), s.delayInitialFocusTimer = o.delayInitialFocus ? ct(function() {
+        p(g());
+      }) : p(g()), a.addEventListener("focusin", E, !0), a.addEventListener("mousedown", k, {
+        capture: !0,
+        passive: !1
+      }), a.addEventListener("touchstart", k, {
+        capture: !0,
+        passive: !1
+      }), a.addEventListener("click", $, {
+        capture: !0,
+        passive: !1
+      }), a.addEventListener("keydown", U, {
+        capture: !0,
+        passive: !1
+      }), a.addEventListener("keydown", _), l;
+  }, Te = function() {
+    if (s.active)
+      return a.removeEventListener("focusin", E, !0), a.removeEventListener("mousedown", k, !0), a.removeEventListener("touchstart", k, !0), a.removeEventListener("click", $, !0), a.removeEventListener("keydown", U, !0), a.removeEventListener("keydown", _), l;
+  }, fe = function(f) {
+    var u = f.some(function(y) {
+      var I = Array.from(y.removedNodes);
+      return I.some(function(S) {
+        return S === s.mostRecentlyFocusedNode;
+      });
+    });
+    u && p(g());
+  }, se = typeof window < "u" && "MutationObserver" in window ? new MutationObserver(fe) : void 0, ae = function() {
+    se && (se.disconnect(), s.active && !s.paused && s.containers.map(function(f) {
+      se.observe(f, {
+        subtree: !0,
+        childList: !0
+      });
+    }));
+  };
+  return l = {
+    get active() {
+      return s.active;
+    },
+    get paused() {
+      return s.paused;
+    },
+    activate: function(f) {
+      if (s.active)
+        return this;
+      var u = c(f, "onActivate"), y = c(f, "onPostActivate"), I = c(f, "checkCanFocusTrap");
+      I || h(), s.active = !0, s.paused = !1, s.nodeFocusedBeforeActivation = v(a), u == null || u();
+      var S = function() {
+        I && h(), H(), ae(), y == null || y();
+      };
+      return I ? (I(s.containers.concat()).then(S, S), this) : (S(), this);
+    },
+    deactivate: function(f) {
+      if (!s.active)
+        return this;
+      var u = it({
+        onDeactivate: o.onDeactivate,
+        onPostDeactivate: o.onPostDeactivate,
+        checkCanReturnFocus: o.checkCanReturnFocus
+      }, f);
+      clearTimeout(s.delayInitialFocusTimer), s.delayInitialFocusTimer = void 0, Te(), s.active = !1, s.paused = !1, ae(), ut.deactivateTrap(r, l);
+      var y = c(u, "onDeactivate"), I = c(u, "onPostDeactivate"), S = c(u, "checkCanReturnFocus"), O = c(u, "returnFocus", "returnFocusOnDeactivate");
+      y == null || y();
+      var A = function() {
+        ct(function() {
+          O && p(T(s.nodeFocusedBeforeActivation)), I == null || I();
+        });
+      };
+      return O && S ? (S(T(s.nodeFocusedBeforeActivation)).then(A, A), this) : (A(), this);
+    },
+    pause: function(f) {
+      return s.active ? (s.manuallyPaused = !0, this._setPausedState(!0, f)) : this;
+    },
+    unpause: function(f) {
+      return s.active ? (s.manuallyPaused = !1, r[r.length - 1] !== this ? this : this._setPausedState(!1, f)) : this;
+    },
+    updateContainerElements: function(f) {
+      var u = [].concat(f).filter(Boolean);
+      return s.containers = u.map(function(y) {
+        return typeof y == "string" ? a.querySelector(y) : y;
+      }), s.active && h(), ae(), this;
+    }
+  }, Object.defineProperties(l, {
+    _isManuallyPaused: {
+      value: function() {
+        return s.manuallyPaused;
+      }
+    },
+    _setPausedState: {
+      value: function(f, u) {
+        if (s.paused === f)
+          return this;
+        if (s.paused = f, f) {
+          var y = c(u, "onPause"), I = c(u, "onPostPause");
+          y == null || y(), Te(), ae(), I == null || I();
+        } else {
+          var S = c(u, "onUnpause"), O = c(u, "onPostUnpause");
+          S == null || S(), h(), H(), ae(), O == null || O();
+        }
+        return this;
+      }
+    }
+  }), l.updateContainerElements(e), l;
+};
+const Hn = /* @__PURE__ */ K({
+  name: "UseFocusTrap",
+  props: ["as", "options"],
+  setup(n, { slots: e }) {
+    let t;
+    const a = w(), r = () => t && t.activate(), o = () => t && t.deactivate();
+    return W(
+      () => fn(a),
+      (s) => {
+        s && (t = Kn(s, n.options || {}), r());
+      },
+      { flush: "post" }
+    ), bt(() => o()), () => {
+      if (e.default)
+        return ht(n.as || "div", { ref: a }, e.default());
+    };
+  }
+}), zn = {
+  class: "modal fixed top-0 left-0 z-[300] flex items-center justify-center w-screen h-screen text-gray-900 dark:text-neutral-200 bg-transparent",
+  "aria-modal": "true",
+  "aria-labelledby": "modalTitle",
+  "aria-describedby": "modalDescription"
+}, Un = {
+  key: 0,
+  class: "absolute inset-0 w-full h-full backdrop-blur-sm bg-opacity-70"
+}, Ur = /* @__PURE__ */ K({
+  __name: "GlobalModal",
+  setup(n) {
+    const e = Ge();
+    return (t, a) => (m(), Y(Ue, { to: "body" }, [
+      G(x("dialog", zn, [
+        M(pe, {
+          "enter-active-class": "ease-out duration-300",
+          "enter-from-class": "opacity-0",
+          "enter-to-class": "opacity-100",
+          "leave-active-class": "ease-in duration-300",
+          "leave-from-class": "opacity-100",
+          "leave-to-class": "opacity-0"
+        }, {
+          default: B(() => [
+            b(e).isOpen ? (m(), C("div", Un)) : R("", !0)
+          ]),
+          _: 1
+        }),
+        M(pe, {
+          "enter-active-class": "ease-out duration-300",
+          "enter-from-class": "opacity-0 sm:scale-95",
+          "enter-to-class": "opacity-100 sm:scale-100",
+          "leave-active-class": "ease-in duration-200",
+          "leave-from-class": "opacity-100 sm:scale-100",
+          "leave-to-class": "opacity-0 sm:scale-95"
+        }, {
+          default: B(() => [
+            b(e).isOpen ? (m(), Y(b(Hn), {
+              key: 0,
+              class: "relative w-full px-6 py-10 sm:py-6 max-h-screen h-full overflow-y-scroll scrollbar-hide flex items-center"
+            }, {
+              default: B(() => [
+                M(b(At), {
+                  onTrigger: b(e).close,
+                  onKeydown: ie(b(e).close, ["esc"]),
+                  class: "gap-4 flex flex-col drop-shadow-md m-auto w-full p-6 bg-white dark:bg-neutral-800/90 backdrop-blur-lg border shadow-lg border-neutral-200 dark:border-neutral-700 sm:max-w-lg xl:max-w-xl 3xl:max-w-2xl rounded-md sm:rounded-lg",
+                  tabindex: "-1"
+                }, {
+                  default: B(() => [
+                    (m(), Y(De(b(e).component), Ut(Wt(b(e).props)), null, 16))
+                  ]),
+                  _: 1
+                }, 8, ["onTrigger", "onKeydown"])
+              ]),
+              _: 1
+            })) : R("", !0)
+          ]),
+          _: 1
+        })
+      ], 512), [
+        [Q, b(e).isOpen || b(e).isAnimating]
+      ])
+    ]));
+  }
+}), Wn = ["disabled"], le = /* @__PURE__ */ K({
+  __name: "TablePaginationButton",
+  props: {
+    currentPage: {},
+    pageNumber: {},
+    text: {},
+    underline: { type: Boolean, default: !1 },
+    sticky: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(n) {
+    const e = n;
+    return (t, a) => (m(), C("li", {
+      class: D([{ hidden: e.currentPage !== e.pageNumber && !e.text && !e.sticky }, "h-full md:block z-0"])
+    }, [
+      x("button", {
+        class: D(["relative inline-flex items-center h-full px-3 group hover:text-gray-900 hover:dark:text-white disabled:dark:text-neutral-500 disabled:text-neutral-400 disabled:cursor-not-allowed", { "text-gray-900 dark:text-white bg-gray-50 dark:bg-neutral-900": e.currentPage === e.pageNumber }]),
+        disabled: e.disabled ?? !1
+      }, [
+        F(t.$slots, "content", {}, () => [
+          x("span", null, j((e == null ? void 0 : e.text) ?? e.pageNumber), 1)
+        ]),
+        !e.text || e.underline ? (m(), C("span", {
+          key: 0,
+          class: D(["box-content absolute bottom-0 w-0 h-px -mx-px duration-200 ease-out translate-y-px border-transparent group-hover:left-0 group-hover:w-full group-hover:border-l group-hover:border-r bg-violet-600 group-hover:border-violet-600", {
+            "left-0 w-full border-l border-r": e.currentPage === e.pageNumber,
+            "left-1/2": e.currentPage !== e.pageNumber
+          }]),
+          "bg-neutral-900": "",
+          "dark:bg-violet-600": "",
+          "group-hover:border-neutral-900": "",
+          "group-hover:dark:border-violet-600": ""
+        }, null, 2)) : R("", !0)
+      ], 10, Wn)
+    ], 2));
+  }
+}), qn = { class: "dark:text-neutral-300 line-clamp-1 text-sm" }, Gn = { class: "font-medium dark:text-white" }, Zn = { class: "font-medium dark:text-white" }, Xn = { class: "font-medium dark:text-white" }, Qn = { class: "flex items-center text-sm leading-tight bg-white dark:bg-primary-dark-800/70 border divide-x rounded h-9 text-neutral-500 dark:text-neutral-300 divide-neutral-200 dark:divide-neutral-700 border-neutral-200 dark:border-neutral-700" }, Jn = /* @__PURE__ */ K({
+  __name: "TablePagination",
+  props: {
+    listLength: {},
+    currentPage: {},
+    itemsPerPage: {},
+    useIcons: { type: Boolean },
+    maxVisiblePages: { default: 5 }
+  },
+  emits: ["setPage"],
+  setup(n, { emit: e }) {
+    const t = n, a = w(null), r = e, o = J(() => Math.ceil(t.listLength / t.itemsPerPage)), s = J(() => {
+      const c = o.value, i = t.currentPage, d = t.maxVisiblePages, g = Math.max(d - 1, 3), h = Math.max(d - 1, 2);
+      if (c <= d) return Array.from({ length: c }, (v, p) => p + 1);
+      if (i < g) return Array.from({ length: h }, (v, p) => p + 1);
+      if (o.value - i < g - 1) {
+        let v = [];
+        for (let p = o.value - h + 1; p <= o.value; p++)
+          v = [...v, p];
+        return v;
+      }
+      return d >= 5 ? [i - 1, i, i + 1] : [i];
+    }), l = async (c) => {
+      var i;
+      r("setPage", c), await qe(), (i = a.value) == null || i.scrollIntoView({ behavior: "instant", block: "end" });
+    };
+    return (c, i) => (m(), C("div", {
+      class: D("flex items-center flex-col sm:flex-row sm:justify-between flex-wrap gap-2 scroll-mb-12"),
+      ref_key: "$element",
+      ref: a
+    }, [
+      x("p", qn, [
+        i[6] || (i[6] = Z(" Showing ", -1)),
+        x("span", Gn, j(t.listLength ? t.itemsPerPage * (c.currentPage - 1) + 1 : 0), 1),
+        i[7] || (i[7] = Z(" to ", -1)),
+        x("span", Zn, j(Math.min(t.itemsPerPage * c.currentPage, t.listLength)), 1),
+        i[8] || (i[8] = Z(" of ", -1)),
+        x("span", Xn, j(c.listLength), 1)
+      ]),
+      x("ul", Qn, [
+        M(le, {
+          pageNumber: -1,
+          text: "Previous",
+          disabled: t.currentPage === 1,
+          onClick: i[0] || (i[0] = (d) => l(Math.max(1, t.currentPage - 1))),
+          title: "Previous Page"
+        }, Je({ _: 2 }, [
+          c.useIcons ? {
+            name: "content",
+            fn: B(() => [
+              M(b(at), {
+                class: "w-4 h-4",
+                title: "Previous"
+              })
+            ]),
+            key: "0"
+          } : {
+            name: "content",
+            fn: B(() => [
+              i[9] || (i[9] = x("span", { class: "hidden sm:block" }, j("Previous"), -1)),
+              M(b(at), {
+                class: "w-4 h-4 sm:hidden",
+                title: "Previous"
+              })
+            ]),
+            key: "1"
+          }
+        ]), 1032, ["disabled"]),
+        o.value > t.maxVisiblePages && t.currentPage > Math.max(t.maxVisiblePages - 2, 2) ? (m(), C(X, { key: 0 }, [
+          c.maxVisiblePages > 3 ? (m(), Y(le, {
+            key: 0,
+            pageNumber: 1,
+            currentPage: t.currentPage,
+            onClick: i[1] || (i[1] = (d) => l(1)),
+            sticky: !0
+          }, null, 8, ["currentPage"])) : R("", !0),
+          M(le, {
+            pageNumber: -1,
+            text: "...",
+            onClick: i[2] || (i[2] = (d) => l(Math.floor(c.currentPage / 2))),
+            underline: !0,
+            title: `Page ${Math.floor(c.currentPage / 2)}`
+          }, null, 8, ["title"])
+        ], 64)) : R("", !0),
+        (m(!0), C(X, null, ge(s.value, (d) => (m(), Y(le, {
+          key: d,
+          pageNumber: d,
+          currentPage: t.currentPage,
+          onClick: (g) => l(d),
+          title: `Page ${d}`
+        }, null, 8, ["pageNumber", "currentPage", "onClick", "title"]))), 128)),
+        o.value > t.maxVisiblePages && o.value - t.currentPage > Math.max(t.maxVisiblePages - 3, 1) ? (m(), C(X, { key: 1 }, [
+          M(le, {
+            pageNumber: -1,
+            text: "...",
+            title: `Page ${Math.floor((o.value - c.currentPage) / 2 + c.currentPage)}`,
+            onClick: i[3] || (i[3] = (d) => l(Math.floor((o.value - c.currentPage) / 2 + c.currentPage))),
+            underline: !0
+          }, null, 8, ["title"]),
+          c.maxVisiblePages > 3 ? (m(), Y(le, {
+            key: 0,
+            pageNumber: o.value,
+            currentPage: t.currentPage,
+            onClick: i[4] || (i[4] = (d) => l(o.value)),
+            sticky: !0
+          }, null, 8, ["pageNumber", "currentPage"])) : R("", !0)
+        ], 64)) : R("", !0),
+        M(le, {
+          pageNumber: -1,
+          text: "Next",
+          disabled: t.currentPage === o.value,
+          onClick: i[5] || (i[5] = (d) => l(Math.min(o.value, t.currentPage + 1))),
+          title: "Next Page"
+        }, Je({ _: 2 }, [
+          c.useIcons ? {
+            name: "content",
+            fn: B(() => [
+              M(b(tt), {
+                class: "w-4 h-4",
+                title: "Next"
+              })
+            ]),
+            key: "0"
+          } : {
+            name: "content",
+            fn: B(() => [
+              i[10] || (i[10] = x("span", { class: "hidden sm:block" }, j("Next"), -1)),
+              M(b(tt), {
+                class: "w-4 h-4 sm:hidden",
+                title: "Next"
+              })
+            ]),
+            key: "1"
+          }
+        ]), 1032, ["disabled"])
+      ])
+    ], 512));
+  }
+}), er = { class: "flex flex-col justify-center gap-2 text-sm" }, tr = ["name", "id", "placeholder"], ar = /* @__PURE__ */ K({
+  __name: "TextInputLabelled",
+  props: /* @__PURE__ */ $e(["text", "placeholder", "id"], {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(n) {
+    const e = We(n, "modelValue");
+    return (t, a) => (m(), C("div", er, [
+      M(kt, {
+        field: { name: n.id, text: n.text, type: "text" }
+      }, null, 8, ["field"]),
+      G(x("input", {
+        type: "text",
+        "onUpdate:modelValue": a[0] || (a[0] = (r) => e.value = r),
+        name: n.id,
+        id: n.id,
+        placeholder: n.placeholder,
+        class: D(`h-10 p-2 px-3 shadow-sm rounded-md w-full text-sm
+            border-none outline-none
+            disabled:cursor-not-allowed disabled:opacity-50
+            text-gray-900 dark:text-neutral-100 bg-white dark:bg-primary-dark-800 placeholder:text-neutral-400
+            ring-inset focus:ring-inset ring-1 ring-neutral-200 dark:ring-neutral-700
+            hocus:ring-[0.125rem] focus:ring-purple-400 dark:focus:ring-purple-500 hover:ring-violet-400 hover:dark:ring-violet-700`)
+      }, null, 8, tr), [
+        [qt, e.value]
+      ])
+    ]));
+  }
+});
+function nr(n, e) {
+  const t = be({
+    selectOpen: !1,
+    selectedItem: "",
+    selectableItems: n,
+    selectableItemActive: null,
+    selectId: "select-12",
+    selectKeydownValue: "",
+    selectKeydownTimeout: 1e3,
+    selectKeydownClearTimeout: null,
+    selectDropdownPosition: "bottom",
+    selectableItemsList: e.selectableItemsList,
+    selectButton: e.selectButton,
+    toggleSelect(r) {
+      r !== void 0 ? this.selectOpen = r === !0 : this.selectOpen = !this.selectOpen;
+    },
+    updateRefs(r) {
+      this.selectButton = r.selectButton, this.selectableItemsList = r.selectableItemsList;
+    },
+    selectableItemIsActive(r) {
+      return this.selectableItemActive && this.selectableItemActive.value == r.value;
+    },
+    selectableItemActiveNext() {
+      let r = this.selectableItems.indexOf(this.selectableItemActive);
+      r < this.selectableItems.length - 1 && (this.selectableItemActive = this.selectableItems[r + 1], this.selectScrollToActiveItem());
+    },
+    selectableItemActivePrevious() {
+      let r = this.selectableItems.indexOf(this.selectableItemActive);
+      r > 0 && (this.selectableItemActive = this.selectableItems[r - 1], this.selectScrollToActiveItem());
+    },
+    selectScrollToActiveItem() {
+      if (!this.selectableItemActive) return;
+      let r = document.getElementById(this.selectableItemActive.value + "-" + this.selectId);
+      r && r.focus();
+    },
+    selectKeydown(r) {
+      if (r.keyCode >= 65 && r.keyCode <= 90) {
+        this.selectKeydownValue += r.key;
+        let o = this.selectItemsFindBestMatch();
+        o && (this.selectOpen ? (this.selectableItemActive = o, this.selectScrollToActiveItem()) : this.selectedItem = this.selectableItemActive === o), this.selectKeydownValue != "" && (clearTimeout(this.selectKeydownClearTimeout), this.selectKeydownClearTimeout = window.setTimeout(() => {
+          this.selectKeydownValue = "";
+        }, this.selectKeydownTimeout));
+      }
+    },
+    selectItemsFindBestMatch() {
+      let r = this.selectKeydownValue.toLowerCase(), o = null, s = -1;
+      for (const l of this.selectableItems) {
+        let i = l.title.toLowerCase().indexOf(r);
+        i > -1 && (s == -1 || i < s) && !l.disabled && (o = l, s = i);
+      }
+      return o;
+    },
+    selectPositionUpdate() {
+      var o;
+      if (!this.selectableItemsList || !this.selectButton) return;
+      let r = ((o = this.selectButton) == null ? void 0 : o.getBoundingClientRect().top) + this.selectButton.offsetHeight + parseInt(window.getComputedStyle(this.selectableItemsList).maxHeight);
+      window.innerHeight < r ? this.selectDropdownPosition = "top" : this.selectDropdownPosition = "bottom";
+    }
+  }), a = () => {
+    t.selectOpen && t.selectPositionUpdate();
+  };
+  return W(
+    () => t.selectOpen,
+    function(r) {
+      if (t.selectedItem ? t.selectableItemActive = t.selectedItem : t.selectableItemActive = t.selectableItems[0], !r) {
+        window.removeEventListener("resize", a);
+        return;
+      }
+      window.setTimeout(function() {
+        t.selectScrollToActiveItem();
+      }, 10), a(), window.addEventListener("resize", a);
+    },
+    { immediate: !1 }
+  ), t;
+}
+const rr = ["id", "disabled", "title"], sr = { class: "truncate" }, or = { class: "absolute inset-y-0 right-0 flex items-center pr-2 pointer-events-none" }, lr = ["onClick", "onKeydown", "onFocus", "onMousemove", "id", "title", "data-disabled", "tabindex", "aria-selected"], ir = {
+  key: 0,
+  class: "absolute left-0 w-4 h-4 ml-2 stroke-current text-neutral-400",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, ur = { class: "block font-medium truncate" }, cr = /* @__PURE__ */ K({
+  __name: "InputSelect",
+  props: {
+    name: {},
+    class: { default: "" },
+    rootClass: { default: "" },
+    placeholder: {},
+    defaultItem: { default: null },
+    options: { default: () => [
+      {
+        title: "Title",
+        value: "title",
+        disabled: !1
+      },
+      {
+        title: "Date Uploaded",
+        value: "date",
+        disabled: !1
+      },
+      {
+        title: "Date released",
+        value: "date_released",
+        disabled: !1
+      },
+      {
+        title: "Episode",
+        value: "episode",
+        disabled: !0
+      },
+      {
+        title: "Season",
+        value: "season",
+        disabled: !0
+      }
+    ] },
+    disabled: { type: Boolean },
+    title: {},
+    prefix: { default: "" },
+    menuMargin: {}
+  },
+  emits: ["selectItem"],
+  setup(n, { emit: e }) {
+    const t = n, a = e, r = Oe("selectButton"), o = Oe("selectableItemsList"), s = Oe("selectableItemsRoot"), l = nr(t.options, { selectableItemsList: o, selectButton: r }), c = w(null), i = (v, p = !0) => {
+      var T;
+      l.selectedItem = v, l.toggleSelect(!1), p && ((T = r.value) == null || T.focus()), a("selectItem", l.selectedItem);
+    }, d = (v) => {
+      l.selectableItemActive = v, l.selectScrollToActiveItem();
+    }, g = (v) => {
+      l.selectableItemActive = v;
+    }, h = () => {
+      c.value && clearTimeout(c.value), c.value = window.setTimeout(() => {
+        if (!s.value) return;
+        const v = document.activeElement;
+        s.value.contains(v) || l.toggleSelect(!1);
+      }, 0);
+    };
+    return Ce(() => {
+      t.disabled || t.defaultItem != null && t.defaultItem < t.options.length && t.defaultItem >= 0 && i(t.options[t.defaultItem], !1);
+    }), W(
+      () => t.options,
+      () => {
+        l.selectableItems = t.options;
+      }
+    ), W(
+      r,
+      () => {
+        r.value && (l.selectButton = r);
+      },
+      { immediate: !0 }
+    ), W(
+      () => o.value,
+      () => {
+        o.value && (l.selectableItemsList = o);
+      },
+      { immediate: !0 }
+    ), (v, p) => (m(), C("section", {
+      class: D(["relative", v.rootClass]),
+      onFocusout: h,
+      ref_key: "selectableItemsRoot",
+      ref: s
+    }, [
+      x("button", {
+        id: v.name ?? "Select",
+        ref_key: "selectButton",
+        ref: r,
+        onClick: p[0] || (p[0] = (T) => b(l).toggleSelect()),
+        class: D([
+          { "hocus:ring-0": b(l).selectOpen },
+          { "!text-neutral-400": v.placeholder && !b(l).selectedItem },
+          "relative h-10 flex items-center justify-between w-full py-2 pl-3 pr-10",
+          "text-left rounded-md shadow-sm cursor-pointer text-sm border-none focus:outline-none",
+          "ring-inset ring-1 ring-neutral-200 dark:ring-neutral-700 hocus:ring-[0.125rem] hover:ring-violet-400 hover:dark:ring-violet-700 focus:ring-purple-400 dark:focus:ring-purple-500",
+          "text-gray-900 dark:text-neutral-100 bg-white dark:bg-primary-dark-800",
+          "disabled:cursor-not-allowed disabled:hover:ring-neutral-200 disabled:hover:dark:ring-neutral-700 disabled:opacity-60",
+          t.class
+        ]),
+        disabled: v.disabled,
+        type: "button",
+        title: v.title ?? "Make Selection"
+      }, [
+        x("span", sr, j(
+          //@ts-ignore
+          b(l).selectedItem ? `${v.prefix}${b(l).selectedItem.title}` : v.placeholder
+        ), 1),
+        x("span", or, [
+          F(v.$slots, "selectButtonIcon", {}, () => [
+            p[7] || (p[7] = x("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              viewBox: "0 0 20 20",
+              fill: "currentColor",
+              "aria-hidden": "true",
+              class: "w-5 h-5 text-gray-400"
+            }, [
+              x("path", {
+                "fill-rule": "evenodd",
+                d: "M10 3a.75.75 0 01.55.24l3.25 3.5a.75.75 0 11-1.1 1.02L10 4.852 7.3 7.76a.75.75 0 01-1.1-1.02l3.25-3.5A.75.75 0 0110 3zm-3.76 9.2a.75.75 0 011.06.04l2.7 2.908 2.7-2.908a.75.75 0 111.1 1.02l-3.25 3.5a.75.75 0 01-1.1 0l-3.25-3.5a.75.75 0 01.04-1.06z",
+                "clip-rule": "evenodd"
+              })
+            ], -1))
+          ])
+        ])
+      ], 10, rr),
+      M(pe, {
+        "enter-active-class": "transition ease-out duration-50",
+        "enter-from-class": "opacity-0 -translate-y-1",
+        "enter-to-class": "opacity-100"
+      }, {
+        default: B(() => {
+          var T, P;
+          return [
+            b(l).selectOpen ? (m(), Y(b(At), {
+              key: 0,
+              class: D([[
+                b(l).selectDropdownPosition == "top" ? `bottom-0 ${((T = v.menuMargin) == null ? void 0 : T.bottom) ?? "mb-11"}` : `top-0 ${((P = v.menuMargin) == null ? void 0 : P.top) ?? "mt-11"}`
+              ], "z-30 absolute w-full mt-1 overflow-clip text-sm rounded-md shadow-md max-h-56 ring-1 ring-opacity-5 ring-black dark:ring-neutral-700 bg-white dark:bg-neutral-800/70 backdrop-blur-lg"]),
+              onTrigger: p[1] || (p[1] = (k) => b(l).toggleSelect(!1)),
+              onKeydown: [
+                p[2] || (p[2] = ie(re(
+                  (k) => {
+                    b(l).selectOpen && (b(l).toggleSelect(!1), k.stopPropagation());
+                  },
+                  ["stop"]
+                ), ["esc"])),
+                p[3] || (p[3] = ie(re(
+                  (k) => {
+                    b(l).selectOpen ? b(l).selectableItemActiveNext() : b(l).toggleSelect(!0), k.preventDefault();
+                  },
+                  ["stop", "prevent"]
+                ), ["down"])),
+                p[4] || (p[4] = ie(re(
+                  (k) => {
+                    b(l).selectOpen ? b(l).selectableItemActivePrevious() : b(l).toggleSelect(!0), k.preventDefault();
+                  },
+                  ["stop", "prevent"]
+                ), ["up"])),
+                p[5] || (p[5] = ie(re((k) => {
+                  b(l).selectedItem = b(l).selectableItemActive, b(l).toggleSelect(!1);
+                }, ["stop"]), ["enter"])),
+                p[6] || (p[6] = re((k) => b(l).selectKeydown(k), ["stop"]))
+              ]
+            }, {
+              default: B(() => [
+                x("ul", {
+                  ref_key: "selectableItemsList",
+                  ref: o,
+                  class: "w-full overflow-auto max-h-56 scrollbar-thin focus:outline-none",
+                  tabindex: "-1",
+                  role: "listbox"
+                }, [
+                  (m(!0), C(X, null, ge(b(l).selectableItems, (k) => (m(), C("li", {
+                    key: k.value,
+                    onClick: (E) => i(k),
+                    onKeydown: [
+                      ie((E) => i(k), ["enter"]),
+                      ie((E) => i(k), ["space"])
+                    ],
+                    onFocus: (E) => g(k),
+                    onMousemove: (E) => d(k),
+                    id: k.value + "-" + b(l).selectId,
+                    title: k.title,
+                    "data-disabled": k.disabled ? k.disabled : "",
+                    tabindex: b(l).selectableItemIsActive(k) ? 0 : -1,
+                    class: D([{
+                      "bg-neutral-100 dark:bg-neutral-900/70 text-gray-900 dark:text-neutral-100": b(l).selectableItemIsActive(k),
+                      "text-gray-700 dark:text-neutral-300": !b(l).selectableItemIsActive(k)
+                    }, "focus:rounded-md relative flex items-center h-full py-2 pl-8 cursor-pointer data-[disabled=true]:opacity-50 data-[disabled=true]:pointer-events-none"]),
+                    role: "option",
+                    "aria-selected": b(l).selectableItemIsActive(k) ? "true" : "false"
+                  }, [
+                    //@ts-ignore
+                    b(l).selectedItem.value == k.value ? (m(), C("svg", ir, p[8] || (p[8] = [
+                      x("polyline", { points: "20 6 9 17 4 12" }, null, -1)
+                    ]))) : R("", !0),
+                    x("span", ur, j(k.title), 1)
+                  ], 42, lr))), 128))
+                ], 512)
+              ]),
+              _: 1
+            }, 8, ["class"])) : R("", !0)
+          ];
+        }),
+        _: 1
+      })
+    ], 34));
+  }
+}), dr = ["type", "disabled", "title"], fr = /* @__PURE__ */ K({
+  __name: "ButtonIcon",
+  props: {
+    type: { default: "button" },
+    disabled: { type: Boolean },
+    title: {},
+    variant: { default: "default" },
+    to: {},
+    target: { default: "_self" }
+  },
+  setup(n) {
+    const e = n, t = J(() => {
+      switch (e.variant) {
+        case "ghost":
+          return "";
+        case "transparent":
+          return [
+            "transition",
+            "hover:bg-white hover:dark:bg-primary-dark-800",
+            "focus:outline-none hover:text-gray-900 dark:text-neutral-100",
+            "hocus:ring-[0.125rem] hover:ring-violet-400 hover:dark:ring-violet-700 focus:ring-white",
+            "aria-disabled:cursor-not-allowed aria-disabled:hover:ring-neutral-200 aria-disabled:hover:dark:ring-neutral-700 aria-disabled:ring-1 aria-disabled:opacity-60",
+            "disabled:cursor-not-allowed disabled:hover:ring-neutral-200 disabled:hover:dark:ring-neutral-700 disabled:hover:ring-1 disabled:opacity-60"
+          ].join(" ");
+        default:
+          return [
+            "h-10 max-h-full aspect-square rounded-md ",
+            "p-2 shadow-sm",
+            "focus:outline-none text-gray-900 dark:text-neutral-100",
+            "ring-1 ring-neutral-200 dark:ring-neutral-700 hocus:ring-[0.125rem] focus:ring-purple-400 dark:focus:ring-purple-500 hover:ring-violet-400 hover:dark:ring-violet-700",
+            "bg-white dark:bg-primary-dark-800",
+            "aria-disabled:cursor-not-allowed aria-disabled:hover:ring-neutral-200 aria-disabled:hover:dark:ring-neutral-700 aria-disabled:ring-1 aria-disabled:opacity-60",
+            "disabled:cursor-not-allowed disabled:hover:ring-neutral-200 disabled:hover:dark:ring-neutral-700 disabled:ring-1 disabled:opacity-60"
+          ].join(" ");
+      }
+    });
+    return (a, r) => {
+      const o = gt("router-link");
+      return a.to ? (m(), Y(o, {
+        key: 0,
+        to: a.to,
+        class: D(["flex items-center justify-center cursor-pointer", t.value]),
+        type: e.type,
+        title: e.title ?? "Button",
+        "aria-disabled": a.disabled,
+        target: a.target
+      }, {
+        default: B(() => [
+          F(a.$slots, "text"),
+          F(a.$slots, "icon")
+        ]),
+        _: 3
+      }, 8, ["to", "class", "type", "title", "aria-disabled", "target"])) : (m(), C("button", {
+        key: 1,
+        class: D(["flex items-center justify-center cursor-pointer", t.value]),
+        type: e.type,
+        disabled: e.disabled,
+        title: e.title ?? "Icon"
+      }, [
+        F(a.$slots, "text"),
+        F(a.$slots, "icon")
+      ], 10, dr));
+    };
+  }
+});
+function vr(n) {
+  const e = w(1), t = w(n.itemsPerPage ?? 10), a = w(n.searchQuery ?? ""), r = be({
+    filteredPage: J(() => {
+      const o = t.value * (e.value - 1), s = Math.min(t.value * e.value, n.data.length);
+      return n.data.slice(o, s);
+    }),
+    props: n,
+    fields: { currentPage: e, itemsPerPage: t, searchQuery: a },
+    handlePageChange(o) {
+      e.value = o;
+    },
+    handlePageReset() {
+      e.value = 1;
+    }
+  });
+  return W(
+    () => n.data,
+    (o, s) => {
+      var l, c;
+      ((o == null ? void 0 : o.length) !== (s == null ? void 0 : s.length) || o[0] && s[0] && ((l = o[0]) == null ? void 0 : l.id) !== ((c = s[0]) == null ? void 0 : c.id)) && r.handlePageReset();
+    },
+    { immediate: !0 }
+  ), r;
+}
+const mr = { class: "flex flex-col gap-4 w-full" }, pr = {
+  key: 0,
+  class: "flex justify-center sm:justify-between flex-col sm:flex-row gap-2"
+}, gr = { class: "flex items-end gap-2 flex-wrap" }, br = { class: "flex gap-2 flex-col w-full sm:w-40 flex-1" }, hr = {
+  key: 0,
+  class: "col-span-full flex items-center justify-center text-center text-lg text-gray-500 dark:text-gray-400 uppercase tracking-wider w-full gap-2"
+}, Wr = /* @__PURE__ */ K({
+  __name: "TableBase",
+  props: /* @__PURE__ */ $e({
+    useToolbar: { type: Boolean, default: !0 },
+    usePagination: { type: Boolean, default: !0 },
+    usePaginationIcons: { type: Boolean, default: !1 },
+    useGrid: {},
+    data: {},
+    row: {},
+    rowAttributes: {},
+    loading: { type: Boolean },
+    clickAction: {},
+    otherAction: {},
+    sortAction: {},
+    sortingOptions: {},
+    itemsPerPage: { default: 12 },
+    itemName: {},
+    searchQuery: { default: "" },
+    selectedID: { default: null },
+    tableStyles: {},
+    startAscending: { type: Boolean, default: !0 },
+    paginationClass: {},
+    maxVisiblePages: { default: 5 },
+    noResultsMessage: { default: "No Results" }
+  }, {
+    modelValue: {
+      required: !1,
+      default: void 0
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ $e(["search"], ["update:modelValue"]),
+  setup(n, { emit: e }) {
+    const t = n, a = e, r = vr(t), o = w(t.startAscending), s = w(""), l = We(n, "modelValue"), c = (d) => {
+      var g;
+      d != null && d.value && (s.value = d.value), s.value && ((g = t.sortAction) == null || g.call(t, s.value, o.value ? 1 : -1));
+    }, i = (d) => {
+      const h = d.target.value;
+      l.value !== void 0 ? l.value = h : r.fields.searchQuery = h, a("search", h);
+    };
+    return Ce(() => {
+      t.useToolbar && t.sortAction && t.sortAction(s.value, t.startAscending ? 1 : -1);
+    }), (d, g) => {
+      var h;
+      return m(), C("section", mr, [
+        t.useToolbar ? (m(), C("section", pr, [
+          M(ar, {
+            value: l.value ?? b(r).fields.searchQuery,
+            text: "",
+            placeholder: `Search ${t.itemName ? `${t.itemName}...` : ""}`,
+            id: "table-search",
+            class: "w-full sm:w-80",
+            title: "Search with...",
+            onInput: i
+          }, null, 8, ["value", "placeholder"]),
+          x("span", gr, [
+            x("div", br, [
+              M(cr, {
+                name: "sort",
+                placeholder: "Sort by...",
+                prefix: "By ",
+                options: d.sortingOptions,
+                defaultItem: 0,
+                class: "w-full",
+                title: "Sort by...",
+                onSelectItem: c
+              }, null, 8, ["options"])
+            ]),
+            M(fr, {
+              onClick: g[0] || (g[0] = (v) => {
+                o.value = !o.value, c();
+              }),
+              title: "Reorder Results...",
+              "aria-label": "Reorder Results",
+              class: "ring-inset"
+            }, {
+              icon: B(() => [
+                o.value ? (m(), Y(b(ha), {
+                  key: 0,
+                  width: "24",
+                  height: "24"
+                })) : (m(), Y(b(xa), {
+                  key: 1,
+                  width: "24",
+                  height: "24"
+                }))
+              ]),
+              _: 1
+            })
+          ])
+        ])) : R("", !0),
+        x("section", {
+          class: D([d.useGrid || `flex w-full flex-wrap gap-2 ${d.tableStyles ?? ""}`])
+        }, [
+          d.loading || b(r).filteredPage.length === 0 ? (m(), C("div", hr, [
+            x("p", null, j(d.loading ? "...Loading" : d.noResultsMessage), 1),
+            G(M(b($a), null, null, 512), [
+              [Q, d.loading]
+            ])
+          ])) : (m(!0), C(X, { key: 1 }, ge(b(r).filteredPage, (v, p) => F(d.$slots, "row", {
+            key: (v == null ? void 0 : v.id) ?? p,
+            row: v,
+            index: p,
+            selectedID: t.selectedID
+          }, () => [
+            (m(), Y(De(t.row), yt({
+              data: v,
+              index: p,
+              currentID: t.selectedID ?? null
+            }, { ref_for: !0 }, d.rowAttributes, {
+              onClickAction: (...T) => {
+                var P;
+                return (P = t.clickAction) == null ? void 0 : P.call(t, v == null ? void 0 : v.id, ...T);
+              },
+              onOtherAction: (...T) => {
+                var P;
+                return (P = t.otherAction) == null ? void 0 : P.call(t, v == null ? void 0 : v.id, ...T);
+              }
+            }), null, 16, ["data", "index", "currentID", "onClickAction", "onOtherAction"]))
+          ])), 128))
+        ], 2),
+        d.usePagination ? (m(), Y(Jn, {
+          key: 1,
+          class: D(d.paginationClass),
+          listLength: ((h = t.data) == null ? void 0 : h.length) ?? 0,
+          itemsPerPage: b(r).fields.itemsPerPage,
+          currentPage: b(r).fields.currentPage,
+          useIcons: t.usePaginationIcons,
+          "max-visible-pages": t.maxVisiblePages,
+          onSetPage: b(r).handlePageChange
+        }, null, 8, ["class", "listLength", "itemsPerPage", "currentPage", "useIcons", "max-visible-pages", "onSetPage"])) : R("", !0)
+      ]);
+    };
+  }
+});
+function qr({ options: n, defaultItems: e }, t) {
+  const a = be({
+    selectOpen: !1,
+    selectedItems: e,
+    selectableItems: n,
+    selectableItemActive: null,
+    selectId: "select-12",
+    selectKeydownValue: "",
+    selectKeydownTimeout: 1e3,
+    selectKeydownClearTimeout: null,
+    selectDropdownPosition: "bottom",
+    selectableItemsList: t.selectableItemsList,
+    selectButton: t.selectButton,
+    toggleSelect(o) {
+      o !== void 0 ? this.selectOpen = o === !0 : this.selectOpen = !this.selectOpen;
+    },
+    updateRefs(o) {
+      this.selectButton = o.selectButton, this.selectableItemsList = o.selectableItemsList, this.selectPositionUpdate();
+    },
+    // In a multiselect (combobox) nothing is ever selected in the list. It appears elsewhere and is removed from the list
+    selectableItemIsActive() {
+      return !1;
+    },
+    async selectScrollToActiveItem(o, s = !0) {
+      let l = document.getElementById(o + "-" + this.selectId);
+      l && (l.scrollIntoView({ behavior: "smooth", block: "center" }), s && l.focus({ preventScroll: !1 }));
+    },
+    selectKeydown(o) {
+      if (o.keyCode < 65 || o.keyCode > 90) return;
+      this.selectKeydownValue += o.key;
+      let s = this.selectItemsFindBestMatch();
+      s && this.selectOpen && (this.selectableItemActive = s), this.selectKeydownValue !== "" && (clearTimeout(this.selectKeydownClearTimeout), this.selectKeydownClearTimeout = window.setTimeout(() => {
+        this.selectKeydownValue = "";
+      }, this.selectKeydownTimeout));
+    },
+    selectItemsFindBestMatch() {
+      let o = this.selectKeydownValue.toLowerCase(), s = null, l = -1;
+      for (const c of this.selectableItems) {
+        let d = c.name.toLowerCase().indexOf(o);
+        d > -1 && (l == -1 || d < l) && !c.disabled && (s = c, l = d);
+      }
+      return s;
+    },
+    selectPositionUpdate() {
+      var s;
+      if (!this.selectButton || !this.selectableItemsList) return;
+      let o = ((s = this.selectButton) == null ? void 0 : s.getBoundingClientRect().top) + this.selectButton.offsetHeight + parseInt(window.getComputedStyle(this.selectableItemsList).maxHeight);
+      this.selectDropdownPosition = window.innerHeight < o ? "top" : "bottom";
+    },
+    setOptions(o) {
+      Array.isArray(o) && (this.selectableItems = o);
+    }
+  }), r = () => {
+    a.selectOpen && a.selectPositionUpdate();
+  };
+  return W(
+    () => a.selectOpen,
+    function(o) {
+      if (a.selectedItems ? a.selectableItemActive = a.selectedItem : a.selectableItemActive = a.selectableItems[0], !o) {
+        window.removeEventListener("resize", r);
+        return;
+      }
+      r(), window.addEventListener("resize", r);
+    },
+    { immediate: !1 }
+  ), a;
+}
+function Gr(n, e, t) {
+  var f;
+  const a = w(!1), r = w(((f = n.model) == null ? void 0 : f.value) ?? n.defaultDate ?? ""), o = w("F d, Y"), s = w(0), l = w(0), c = w(0), i = w([]), d = w([]), g = w("bottom"), h = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], v = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], p = w("D"), T = J(() => {
+    let u = Math.max(s.value, 0);
+    return u >= h.length && (u = 0), h[u];
+  }), P = J(() => {
+    const u = Math.floor(l.value / 10) * 10;
+    return Array.from({ length: 10 }, (y, I) => u + I);
+  });
+  function k(u) {
+    a.value = u ?? !a.value, p.value = "D";
+  }
+  function E(u = "D") {
+    p.value = u;
+  }
+  function V(u) {
+    const y = v[u.getDay()], I = ("0" + u.getDate()).slice(-2), S = h[u.getMonth()], O = S.substring(0, 3), A = ("0" + (u.getMonth() + 1)).slice(-2), L = u.getFullYear();
+    switch (o.value) {
+      case "F d, Y":
+        return `${S} ${I}, ${L}`;
+      case "d M, Y":
+        return `${I} ${O}, ${L}`;
+      case "Y M d":
+        return `${L} ${O} ${I}`;
+      case "MM-DD-YYYY":
+        return `${A}-${I}-${L}`;
+      case "DD-MM-YYYY":
+        return `${I}-${A}-${L}`;
+      case "YYYY-MM-DD":
+        return `${L}-${A}-${I}`;
+      case "D d M, Y":
+        return `${y} ${I} ${O} ${L}`;
+      default:
+        return `${S} ${I}, ${L}`;
+    }
+  }
+  function U(u) {
+    switch (p.value) {
+      case "Y":
+        l.value = u, p.value = "M";
+        break;
+      case "M":
+        s.value = u, p.value = "D", fe();
+        break;
+      default:
+        c.value = u, r.value = V(new Date(l.value, s.value, u)), a.value = !1, n.model && (n.model.value = r.value);
+        break;
+    }
+  }
+  function _() {
+    switch (p.value) {
+      case "Y":
+        l.value -= 10;
+        break;
+      case "M":
+        l.value -= 1;
+        break;
+      default:
+        s.value === 0 ? (l.value--, s.value = 11) : s.value--, fe();
+        break;
+    }
+  }
+  function $() {
+    switch (p.value) {
+      case "Y":
+        l.value += 10;
+        break;
+      case "M":
+        l.value += 1;
+        break;
+      default:
+        s.value === 11 ? (s.value = 0, l.value++) : s.value++, fe();
+        break;
+    }
+  }
+  function H(u) {
+    const y = new Date(l.value, s.value, u);
+    return r.value === V(y);
+  }
+  function Te(u) {
+    const y = /* @__PURE__ */ new Date(), I = new Date(l.value, s.value, u);
+    return y.toDateString() === I.toDateString();
+  }
+  function fe() {
+    const u = new Date(l.value, s.value + 1, 0).getDate(), y = new Date(l.value, s.value).getDay();
+    d.value = Array.from({ length: y }, (I, S) => S + 1), i.value = Array.from({ length: u }, (I, S) => S + 1);
+  }
+  function se() {
+    if (!e.value || !t.value || !a.value) return;
+    const u = e.value.getBoundingClientRect(), y = t.value.offsetHeight, I = u.top + u.height + y;
+    g.value = I > window.innerHeight ? "top" : "bottom";
+  }
+  function ae(u, y = !0) {
+    s.value = u.getMonth(), l.value = u.getFullYear(), c.value = u.getDate(), y && (r.value = V(u)), fe();
+  }
+  function N() {
+    if (r.value)
+      return ae(new Date(Date.parse(r.value)));
+    ae(/* @__PURE__ */ new Date(), n.useDefaultDate);
+  }
+  return Ce(() => {
+    N();
+  }), W(a, async (u) => {
+    if (!u) {
+      window.removeEventListener("resize", se);
+      return;
+    }
+    await qe(), N(), se(), window.addEventListener("resize", se);
+  }), {
+    datePickerInput: e,
+    datePickerCalendar: t,
+    datePickerOpen: a,
+    datePickerValue: r,
+    datePickerPanel: p,
+    datePickerFormat: o,
+    datePickerMonth: s,
+    datePickerMonthVerbose: T,
+    datePickerYear: l,
+    datePickerDecade: P,
+    datePickerDay: c,
+    datePickerDaysInMonth: i,
+    datePickerBlankDaysInMonth: d,
+    datePickerMonthNames: h,
+    datePickerDays: v,
+    datePickerPosition: g,
+    toggleDatePicker: k,
+    datePickerValueClicked: U,
+    datePickerPrevious: _,
+    datePickerNext: $,
+    datePickerIsSelectedDate: H,
+    datePickerIsToday: Te,
+    showDatePickerPanel: E
+  };
+}
+function Zr(n) {
+  const e = w(!1);
+  return {
+    copyNotification: e,
+    copyToClipboard: async () => {
+      try {
+        await navigator.clipboard.writeText(n.value), e.value = !0, setTimeout(() => {
+          e.value = !1;
+        }, 3e3);
+      } catch (a) {
+        console.error(a), Tt.error("Error", {
+          description: "Unable to copy. Network is not secure."
+        });
+      }
+    }
+  };
+}
+function Xr(n) {
+  const e = w(null);
+  return be({
+    title: "",
+    ...n,
+    modalOpen: !1,
+    isAnimating: !1,
+    animationTime: n.animationTime ?? 300,
+    toggleModal(t = null) {
+      this.isAnimating || (e.value && clearTimeout(e.value), t != null ? this.modalOpen = t : this.modalOpen = !this.modalOpen, this.isAnimating = !0, e.value = window.setTimeout(() => {
+        this.isAnimating = !1;
+      }, this.animationTime));
+    },
+    setTitle(t) {
+      this.title = t;
+    }
+  });
+}
+function yr({ directions: n, threshold: e, onSwipeOut: t }) {
+  const a = w(!1), r = w({ x: 0, y: 0 }), o = w(), s = w({ x: 0, y: 0 }), l = (g) => 1 / (1.5 + Math.abs(g) / 20);
+  function c(g) {
+    o.value = Date.now(), g.target.setPointerCapture(g.pointerId), !g.target.closest("button, a, input, textarea, select") && (s.value = { x: g.clientX, y: g.clientY }, a.value = !0);
+  }
+  function i(g) {
+    if (!a.value) return;
+    const h = { x: 0, y: 0 }, v = g.clientX - s.value.x, p = g.clientY - s.value.y;
+    if (n.value.includes("left") && v < 0 || n.value.includes("right") && v > 0)
+      h.x = v;
+    else {
+      const T = v * l(v);
+      h.x = Math.abs(T) < Math.abs(v) ? T : v;
+    }
+    if (n.value.includes("top") && p < 0 || n.value.includes("bottom") && p > 0)
+      h.y = p;
+    else {
+      const T = p * l(p);
+      h.y = Math.abs(T) < Math.abs(p) ? T : p;
+    }
+    r.value = h;
+  }
+  function d() {
+    if (!a.value) return;
+    const g = Date.now() - (o.value ?? 0), h = r.value.x, v = Math.abs(h) / g;
+    if (Math.abs(h) >= e || v > 0.11) {
+      t();
+      return;
+    }
+    a.value = !1, r.value = { x: 0, y: 0 };
+  }
+  return {
+    offset: r,
+    isSwiping: a,
+    onPointerDown: c,
+    onPointerMove: i,
+    onPointerUp: d
+  };
+}
+function wr({ duration: n, isPaused: e, onTimeout: t, immediate: a = !0 }) {
+  const r = w(), o = w(0), s = w(n);
+  function l() {
+    s.value === 1 / 0 || e() || (o.value = Date.now(), r.value = window.setTimeout(() => {
+      t();
+    }, s.value));
+  }
+  function c() {
+    i();
+    const d = Date.now() - o.value;
+    s.value -= d;
+  }
+  function i() {
+    r.value && (clearTimeout(r.value), r.value = null);
+  }
+  return W(
+    e,
+    (d) => {
+      if (d) {
+        c();
+        return;
+      }
+      l();
+    },
+    { immediate: a }
+  ), wt(() => {
+    i();
+  }), { cancel: i };
+}
+function Qr(n, e) {
+  if (!n) return !1;
+  let t = ["INPUT", "TEXTAREA", "SELECT"];
+  return (e === " " || e === "Enter") && (t = [...t, "BUTTON"]), t.includes(n.tagName);
+}
+const Ft = 3, kr = "24px", xr = "16px", dt = 0, ft = 3e3, Cr = 16, Tr = 45, vt = 10, mt = 0.06, He = 16, Ir = ["id", "data-isSwiping"], $r = {
+  class: "w-[18px] h-[18px] mr-1.5 -ml-1",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Pr = {
+  class: "w-[18px] h-[18px] mr-1.5 -ml-1",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Sr = {
+  class: "w-[18px] h-[18px] mr-1.5 -ml-1",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Ar = {
+  class: "w-[18px] h-[18px] mr-1.5 -ml-1",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, Er = ["title"], Dr = /* @__PURE__ */ K({
+  __name: "ToastNotification",
+  props: {
+    id: {},
+    index: {},
+    stack: {},
+    position: { default: "bottom-center" },
+    toastCount: {},
+    expanded: { type: Boolean },
+    maxVisibleToasts: { default: Ft },
+    swipeDirections: { default: () => [] },
+    style: { default: "" },
+    title: { default: "Title" },
+    description: {},
+    type: { default: "default" },
+    life: { default: ft },
+    html: { default: "" },
+    component: {},
+    scale: {},
+    zIndex: {},
+    offsetY: {},
+    positionY: {}
+  },
+  emits: ["close"],
+  setup(n, { emit: e }) {
+    const t = e, a = n, r = w("translate-y-0"), o = J(() => {
+      if (a.swipeDirections.length > 0) return a.swipeDirections;
+      const [_, $] = a.position.split("-"), H = [];
+      return U(_) && H.push(_), U($) && H.push($), $ === "center" && H.push("left", "right"), H;
+    }), s = J(() => a.position.includes("bottom")), l = w(null), c = w(null), i = w(!1), d = w(!1), { offset: g, isSwiping: h, onPointerDown: v, onPointerMove: p, onPointerUp: T } = yr({
+      directions: o,
+      threshold: Tr,
+      onSwipeOut: E
+    }), { cancel: P } = wr({
+      duration: a.life || ft,
+      isPaused: () => a.expanded || a.type === "loading" || !a.life || a.life === 1 / 0 || i.value,
+      onTimeout: E
+    });
+    function k() {
+      return h.value ? g.value.x > 0 ? "translate-x-full" : "-translate-x-full" : a.toastCount === 1 ? s.value ? "translate-y-full" : "-translate-y-full" : "translate-y-0";
+    }
+    function E() {
+      l.value || (r.value = k(), d.value = !1, P(), l.value = window.setTimeout(() => {
+        t("close", a.id);
+      }, 350));
+    }
+    function V() {
+      c.value && (clearTimeout(c.value), c.value = null), l.value && (clearTimeout(l.value), l.value = null);
+    }
+    function U(_) {
+      return ["top", "right", "bottom", "left"].includes(_);
+    }
+    return Ce(() => {
+      d.value = !0, c.value && clearTimeout(c.value), c.value = window.setTimeout(() => {
+        a.stack();
+      });
+    }), wt(() => {
+      V();
+    }), (_, $) => (m(), C("li", {
+      ref: "toastEl",
+      id: a.id,
+      class: D([
+        "toast w-full absolute duration-300 transition-all ease-out",
+        { "toast-no-description": !_.description },
+        { "opacity-0 pointer-events-none": _.index >= _.maxVisibleToasts },
+        _.style
+      ]),
+      style: ze({
+        "--offset-x": `${b(g).x}px`,
+        "--offset-y": `${_.offsetY}px`,
+        "--scale": _.scale,
+        "--z-index": _.zIndex,
+        "--position-top": `${_.expanded ? s.value ? "auto" : _.positionY : "inherit"}`,
+        "--position-bottom": `${s.value && _.expanded ? _.positionY : "inherit"}`
+      }),
+      "data-isSwiping": b(h),
+      onMouseover: $[0] || ($[0] = (H) => i.value = !0),
+      onMouseout: $[1] || ($[1] = (H) => i.value = !1),
+      onDragend: $[2] || ($[2] = //@ts-ignore
+      (...H) => b(T) && b(T)(...H)),
+      onPointerdown: $[3] || ($[3] = //@ts-ignore
+      (...H) => b(v) && b(v)(...H)),
+      onPointermove: $[4] || ($[4] = //@ts-ignore
+      (...H) => b(p) && b(p)(...H)),
+      onPointerup: $[5] || ($[5] = //@ts-ignore
+      (...H) => b(T) && b(T)(...H)),
+      role: "alert"
+    }, [
+      M(pe, {
+        "enter-active-class": "",
+        "enter-from-class": `opacity-0 ${s.value ? "translate-y-full" : "-translate-y-full"}`,
+        "enter-to-class": "opacity-100 translate-y-0",
+        "leave-active-class": "",
+        "leave-from-class": "opacity-100 translate-y-0",
+        "leave-to-class": `opacity-0 ${r.value}`
+      }, {
+        default: B(() => [
+          G(x("span", {
+            class: D([
+              { "p-4": !a.html, "p-0": a.html },
+              "flex flex-col items-start backdrop-blur-lg rounded-md ",
+              "group relative select-text",
+              "transition-all duration-300 ease-out",
+              "bg-white dark:bg-primary-dark-700/70 text-gray-800 dark:text-neutral-100 shadow-[0_5px_15px_-3px_rgb(0_0_0_/_0.08)]",
+              "ring-inset ring-1 ring-gray-100 dark:ring-neutral-800/50",
+              "!outline-none focus:ring-gray-400 dark:focus:ring-purple-500 focus:ring-2"
+            ])
+          }, [
+            a.html ? R("", !0) : (m(), C("div", {
+              key: 0,
+              class: D(["flex items-center", {
+                "text-green-500": a.type === "success",
+                "text-blue-500": a.type === "info",
+                "text-orange-400": a.type === "warning",
+                "text-rose-500": a.type === "danger",
+                "dark:text-neutral-100 text-gray-800": a.type === "default"
+              }])
+            }, [
+              G((m(), C("svg", $r, $[6] || ($[6] = [
+                x("path", {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  d: "M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM16.7744 9.63269C17.1238 9.20501 17.0604 8.57503 16.6327 8.22559C16.2051 7.87615 15.5751 7.93957 15.2256 8.36725L10.6321 13.9892L8.65936 12.2524C8.24484 11.8874 7.61295 11.9276 7.248 12.3421C6.88304 12.7566 6.92322 13.3885 7.33774 13.7535L9.31046 15.4903C10.1612 16.2393 11.4637 16.1324 12.1808 15.2547L16.7744 9.63269Z",
+                  fill: "currentColor"
+                }, null, -1)
+              ]), 512)), [
+                [Q, a.type === "success"]
+              ]),
+              G((m(), C("svg", Pr, $[7] || ($[7] = [
+                x("path", {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  d: "M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM12 9C12.5523 9 13 8.55228 13 8C13 7.44772 12.5523 7 12 7C11.4477 7 11 7.44772 11 8C11 8.55228 11.4477 9 12 9ZM13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17C12.5523 17 13 16.5523 13 16V12Z",
+                  fill: "currentColor"
+                }, null, -1)
+              ]), 512)), [
+                [Q, a.type === "info"]
+              ]),
+              G((m(), C("svg", Sr, $[8] || ($[8] = [
+                x("path", {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  d: "M9.44829 4.46472C10.5836 2.51208 13.4105 2.51168 14.5464 4.46401L21.5988 16.5855C22.7423 18.5509 21.3145 21 19.05 21L4.94967 21C2.68547 21 1.25762 18.5516 2.4004 16.5862L9.44829 4.46472ZM11.9995 8C12.5518 8 12.9995 8.44772 12.9995 9V13C12.9995 13.5523 12.5518 14 11.9995 14C11.4473 14 10.9995 13.5523 10.9995 13V9C10.9995 8.44772 11.4473 8 11.9995 8ZM12.0009 15.99C11.4486 15.9892 11.0003 16.4363 10.9995 16.9886L10.9995 16.9986C10.9987 17.5509 11.4458 17.9992 11.9981 18C12.5504 18.0008 12.9987 17.5537 12.9995 17.0014L12.9995 16.9914C13.0003 16.4391 12.5532 15.9908 12.0009 15.99Z",
+                  fill: "currentColor"
+                }, null, -1)
+              ]), 512)), [
+                [Q, a.type === "warning"]
+              ]),
+              G((m(), C("svg", Ar, $[9] || ($[9] = [
+                x("path", {
+                  "fill-rule": "evenodd",
+                  "clip-rule": "evenodd",
+                  d: "M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM11.9996 7C12.5519 7 12.9996 7.44772 12.9996 8V12C12.9996 12.5523 12.5519 13 11.9996 13C11.4474 13 10.9996 12.5523 10.9996 12V8C10.9996 7.44772 11.4474 7 11.9996 7ZM12.001 14.99C11.4488 14.9892 11.0004 15.4363 10.9997 15.9886L10.9996 15.9986C10.9989 16.5509 11.446 16.9992 11.9982 17C12.5505 17.0008 12.9989 16.5537 12.9996 16.0014L12.9996 15.9914C13.0004 15.4391 12.5533 14.9908 12.001 14.99Z",
+                  fill: "currentColor"
+                }, null, -1)
+              ]), 512)), [
+                [Q, a.type === "danger"]
+              ]),
+              x("p", {
+                class: "text-[13px] font-medium leading-none",
+                title: a.title
+              }, j(b(He) + " : " + a.title), 9, Er)
+            ], 2)),
+            G(x("p", {
+              class: D([{ "pl-5": a.type !== "default" }, "mt-1.5 text-xs leading-tight opacity-70 w-full whitespace-pre-wrap break-words overflow-y-auto scrollbar-minimal max-h-32 min-h-3 pe-2"])
+            }, j(_.description), 3), [
+              [Q, a.description]
+            ]),
+            a.html ? R("", !0) : (m(), C("span", {
+              key: 1,
+              onClick: E,
+              class: D(["absolute right-0 p-1.5 mr-2.5 text-gray-400 dark:text-rose-700 duration-100 ease-in-out rounded-full opacity-0 cursor-pointer hover:bg-gray-50 dark:bg-gray-800/50 hover:text-gray-500 dark:hover:text-rose-600", {
+                "top-1/2 -translate-y-1/2": !a.description && !a.html,
+                "top-0 mt-2.5": a.description || a.html,
+                "opacity-100": i.value,
+                "opacity-0": !i.value
+              }])
+            }, $[10] || ($[10] = [
+              x("svg", {
+                class: "w-3 h-3",
+                fill: "currentColor",
+                viewBox: "0 0 20 20",
+                xmlns: "http://www.w3.org/2000/svg"
+              }, [
+                x("path", {
+                  "fill-rule": "evenodd",
+                  d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
+                  "clip-rule": "evenodd"
+                })
+              ], -1)
+            ]), 2))
+          ], 2), [
+            [Q, d.value]
+          ])
+        ]),
+        _: 1
+      }, 8, ["enter-from-class", "leave-to-class"])
+    ], 46, Ir));
+  }
+}), Mr = /* @__PURE__ */ ee(Dr, [["__scopeId", "data-v-68f0a34c"]]), Nr = { class: "absolute top-0 left-0 text-3xl p-4 bg-amber-400/50 text-white" }, Jr = /* @__PURE__ */ K({
+  __name: "ToastController",
+  props: {
+    layout: { default: "default" },
+    position: { default: "bottom-right" },
+    defaultLife: { default: 3e3 },
+    viewportOffset: { default: kr },
+    mobileViewportOffset: { default: xr },
+    paddingBetweenToasts: { default: Cr },
+    maxVisibleToasts: { default: Ft },
+    closeButton: { type: Boolean },
+    icons: {}
+  },
+  setup(n) {
+    const e = n, t = w(), a = w([]), r = w(e.position), o = w(e.layout), s = w(!1), l = w(e.layout === "expanded"), c = w(e.paddingBetweenToasts), i = w(null);
+    w(null);
+    function d(T) {
+      a.value = a.value.filter((P) => P.id !== T), te.dismiss(T), g();
+    }
+    function g(T) {
+      a.value.length > 0 && h(), v(), i.value && clearTimeout(i.value), l.value && (i.value = window.setTimeout(() => {
+        v();
+      }, 100));
+    }
+    function h(T) {
+      try {
+        const P = r.value.includes("bottom"), k = [];
+        let E = 0, V = 1 + mt, U = -He, _ = 200 + vt;
+        for (const $ of a.value) {
+          const H = document.getElementById($.id);
+          if (!H) return;
+          if (_ -= vt, V -= mt, U += He, $.scale = V, $.offsetY = U, $.zIndex = _, k.push(H), l.value) {
+            E = E + (E ? c.value : 0), $.positionY = E + "px", $.scale = 1, $.offsetY = 0, E += H.offsetHeight;
+            continue;
+          }
+          $.scale = V, P ? $.offsetY *= -1 : p(k[0], $);
+        }
+      } catch (P) {
+        console.log(P);
+      }
+    }
+    function v() {
+      var V, U;
+      if (!t.value) return;
+      if (a.value.length == 0) {
+        t.value.style.height = "0px";
+        return;
+      }
+      const T = a.value[Math.max(Math.min(a.value.length - 1, e.maxVisibleToasts - 1), 0)], P = (V = document.getElementById(`${T == null ? void 0 : T.id}`)) == null ? void 0 : V.getBoundingClientRect(), k = a.value[0], E = (U = document.getElementById(`${k == null ? void 0 : k.id}`)) == null ? void 0 : U.getBoundingClientRect();
+      if (!(!E || !P)) {
+        if (!s.value) {
+          t.value.style.height = E.height + "px";
+          return;
+        }
+        if (r.value.includes("bottom")) {
+          t.value.style.height = E.top + E.height - P.top + "px";
+          return;
+        }
+        t.value.style.height = P.top + P.height - E.top + "px";
+      }
+    }
+    function p(T, P) {
+      const k = document.getElementById(P.id);
+      if (!k) return;
+      const E = T.offsetTop, V = T.offsetHeight, U = k.offsetHeight, _ = E + (V - U);
+      P.positionY = _ + "px";
+    }
+    return Ce(() => {
+      g();
+    }), W(
+      () => s.value,
+      (T) => {
+        if (o.value === "default") {
+          if (T) {
+            l.value = !0, g();
+            return;
+          }
+          l.value = !1, g();
+        }
+      }
+    ), W(
+      () => a.value,
+      () => {
+        a.value.length <= 1 && (l.value = !1);
+      }
+    ), Gt((T) => {
+      const P = te.subscribe((k) => {
+        k.dismiss || qe(() => {
+          const E = a.value.findIndex((U) => U.id === k.id);
+          if (E !== -1) {
+            a.value = [
+              ...a.value.slice(0, E),
+              { ...a.value[E], ...k },
+              ...a.value.slice(E + 1)
+            ];
+            return;
+          }
+          const V = k;
+          V.position && (r.value = V.position), a.value.unshift({
+            ...V,
+            id: V.id,
+            type: V.type ?? "default",
+            position: V.position ?? r.value,
+            life: V.life ?? e.defaultLife,
+            title: V.title
+          });
+        });
+      });
+      T(P);
+    }), (T, P) => (m(), Y(Ue, { to: "body" }, [
+      x("p", Nr, "toastsHovered: " + j(s.value), 1),
+      x("ol", {
+        ref_key: "container",
+        ref: t,
+        class: D([
+          `fixed w-full group z-[500] [&>*]:px-4 [&>*]:px-[${T.mobileViewportOffset ?? T.viewportOffset}] [&>*]:sm:px-6 [&>*]:sm:px-[${T.viewportOffset}] my-4 sm:my-6 my-[${T.mobileViewportOffset ?? T.viewportOffset}] sm:my-[${T.viewportOffset}]`,
+          `${b(dt) ? `sm:w-[${b(dt)}px]` : "sm:max-w-sm"}`,
+          `${r.value == "top-right" ? "right-0 top-0" : ""}`,
+          `${r.value == "top-left" ? "left-0 top-0" : ""}`,
+          `${r.value == "top-center" ? "left-1/2 -translate-x-1/2 top-0" : ""}`,
+          `${r.value == "bottom-right" ? "right-0 bottom-0" : ""}`,
+          `${r.value == "bottom-left" ? "left-0 bottom-0" : ""}`,
+          `${r.value == "bottom-center" ? "left-1/2 -translate-x-1/2 bottom-0" : ""}`
+        ]),
+        onMouseenter: P[0] || (P[0] = (k) => s.value = !0),
+        onMouseleave: P[1] || (P[1] = (k) => s.value = !1)
+      }, [
+        (m(!0), C(X, null, ge(a.value, (k, E) => (m(), Y(Mr, yt({ ref_for: !0 }, k, {
+          key: k.id,
+          stack: () => {
+            g();
+          },
+          toastCount: a.value.length,
+          position: r.value,
+          expanded: l.value,
+          index: E,
+          maxVisibleToasts: T.maxVisibleToasts,
+          onClose: d
+        }), null, 16, ["stack", "toastCount", "position", "expanded", "index", "maxVisibleToasts"]))), 128))
+      ], 34)
+    ]));
+  }
+}), Or = {
+  stringInsensitive: (n, e) => pt(n).localeCompare(pt(e)),
+  date: (n, e) => new Date(n).getTime() - new Date(e).getTime(),
+  number: (n, e) => parseFloat(n) - parseFloat(e)
+};
+function pt(n) {
+  return String(n ?? "").toLowerCase().replace(/\s+/g, " ").trim();
+}
+function es(n, e = 1, t = ["date", "date_released"]) {
+  return (a, r) => {
+    const o = a[n], s = r[n];
+    if (o instanceof Date && s instanceof Date || t.includes(String(n))) {
+      const i = new Date(String(o));
+      return (new Date(String(s)).getTime() - i.getTime()) * e;
+    }
+    const l = parseFloat(o), c = parseFloat(s);
+    return !isNaN(l) && !isNaN(c) ? (l - c) * e : String(o).toLowerCase().replace(/\s+/g, " ").localeCompare(String(s).toLowerCase().replace(/\s+/g, " ")) * e;
+  };
+}
+function ts(n, e = 1) {
+  return (t, a) => {
+    for (const { key: r, compareFn: o } of n) {
+      const s = r ? t[r] ?? "" : void 0, l = r ? a[r] ?? "" : void 0;
+      let c;
+      if (o ? c = r ? o(s, l) : o(t, a) : c = Lr(s, l), c !== 0) return c * e;
+    }
+    return 0;
+  };
+}
+function Lr(n, e) {
+  const t = parseFloat(n), a = parseFloat(e);
+  if (!isNaN(t) && !isNaN(a))
+    return t - a;
+  const r = new Date(n), o = new Date(e);
+  return !isNaN(r.getTime()) && !isNaN(o.getTime()) ? r.getTime() - o.getTime() : Or.stringInsensitive(n, e);
+}
+export {
+  $t as BaseModal,
+  nt as ButtonForm,
+  Vr as ChipTag,
+  Or as CompareStrategies,
+  Cr as DEFAULT_GAP,
+  zr as DeleteAccountModal,
+  ta as FormErrorList,
+  Fa as FormInput,
+  kt as FormInputLabel,
+  Ur as GlobalModal,
+  Kr as HoverCard,
+  Rr as InputLabel,
+  Hr as LogoutSessionsModal,
+  xr as MOBILE_VIEWPORT_OFFSET,
+  jr as RelativeHoverCard,
+  mt as SCALE_STEP,
+  Tr as SWIPE_THRESHOLD,
+  Yr as SettingsCard,
+  ft as TOAST_LIFE,
+  dt as TOAST_WIDTH,
+  Wr as TableBase,
+  Jn as TablePagination,
+  le as TablePaginationButton,
+  Jr as ToastController,
+  te as ToastState,
+  kr as VIEWPORT_OFFSET,
+  Ft as VISIBLE_TOASTS_AMOUNT,
+  He as Y_OFFSET_STEP,
+  vt as Z_STEP,
+  Ge as createModalCore,
+  Qr as isInputLikeElement,
+  es as sortObject,
+  ts as sortObjectNew,
+  Tt as toast,
+  Zr as useClipboard,
+  Gr as useDatePicker,
+  Za as useForm,
+  Xr as useModal,
+  qr as useMultiSelect,
+  nr as useSelect,
+  yr as useSwipeHandler,
+  vr as useTable,
+  wr as useToastTimer
+};