@aminnausin/cedar-ui 0.0.1 → 0.0.3

package/dist/cedar-ui.mjs

@@ -1,2596 +1,12 @@
-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({
+var z = Object.defineProperty;
+var W = (i, e, t) => e in i ? z(i, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[e] = t;
+var p = (i, e, t) => W(i, typeof e != "symbol" ? e + "" : e, t);
+import { reactive as S, watch as P, ref as u, computed as C, onMounted as J, nextTick as X, onBeforeUnmount as Q, shallowRef as G } from "vue";
+function ue({ options: i, defaultItems: e }, t) {
+  const l = S({
     selectOpen: !1,
     selectedItems: e,
-    selectableItems: n,
+    selectableItems: i,
     selectableItemActive: null,
     selectId: "select-12",
     selectKeydownValue: "",
@@ -2599,219 +15,354 @@ function qr({ options: n, defaultItems: e }, t) {
     selectDropdownPosition: "bottom",
     selectableItemsList: t.selectableItemsList,
     selectButton: t.selectButton,
-    toggleSelect(o) {
-      o !== void 0 ? this.selectOpen = o === !0 : this.selectOpen = !this.selectOpen;
+    toggleSelect(s) {
+      s !== void 0 ? this.selectOpen = s === !0 : this.selectOpen = !this.selectOpen;
     },
-    updateRefs(o) {
-      this.selectButton = o.selectButton, this.selectableItemsList = o.selectableItemsList, this.selectPositionUpdate();
+    updateRefs(s) {
+      this.selectButton = s.selectButton, this.selectableItemsList = s.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 }));
+    async selectScrollToActiveItem(s, a = !0) {
+      let o = document.getElementById(s + "-" + this.selectId);
+      o && (o.scrollIntoView({ behavior: "smooth", block: "center" }), a && o.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(() => {
+    selectKeydown(s) {
+      if (s.keyCode < 65 || s.keyCode > 90) return;
+      this.selectKeydownValue += s.key;
+      let a = this.selectItemsFindBestMatch();
+      a && this.selectOpen && (this.selectableItemActive = a), 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);
+      let s = this.selectKeydownValue.toLowerCase(), a = null, o = -1;
+      for (const r of this.selectableItems) {
+        let h = r.name.toLowerCase().indexOf(s);
+        h > -1 && (o == -1 || h < o) && !r.disabled && (a = r, o = h);
       }
-      return s;
+      return a;
     },
     selectPositionUpdate() {
-      var s;
+      var a;
       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";
+      let s = ((a = this.selectButton) == null ? void 0 : a.getBoundingClientRect().top) + this.selectButton.offsetHeight + parseInt(window.getComputedStyle(this.selectableItemsList).maxHeight);
+      this.selectDropdownPosition = window.innerHeight < s ? "top" : "bottom";
     },
-    setOptions(o) {
-      Array.isArray(o) && (this.selectableItems = o);
+    setOptions(s) {
+      Array.isArray(s) && (this.selectableItems = s);
     }
-  }), r = () => {
-    a.selectOpen && a.selectPositionUpdate();
+  }), n = () => {
+    l.selectOpen && l.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 P(
+    () => l.selectOpen,
+    function(s) {
+      if (l.selectedItems ? l.selectableItemActive = l.selectedItem : l.selectableItemActive = l.selectableItems[0], !s) {
+        window.removeEventListener("resize", n);
         return;
       }
-      r(), window.addEventListener("resize", r);
+      n(), window.addEventListener("resize", n);
     },
     { 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);
+  ), l;
+}
+function fe(i, e, t) {
+  var L;
+  const l = u(!1), n = u(((L = i.model) == null ? void 0 : L.value) ?? i.defaultDate ?? ""), s = u("F d, Y"), a = u(0), o = u(0), r = u(0), f = u([]), h = u([]), d = u("bottom"), m = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], g = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], v = u("D"), I = C(() => {
+    let c = Math.max(a.value, 0);
+    return c >= m.length && (c = 0), m[c];
+  }), _ = C(() => {
+    const c = Math.floor(o.value / 10) * 10;
+    return Array.from({ length: 10 }, (b, w) => c + w);
   });
-  function k(u) {
-    a.value = u ?? !a.value, p.value = "D";
+  function K(c) {
+    l.value = c ?? !l.value, v.value = "D";
   }
-  function E(u = "D") {
-    p.value = u;
+  function V(c = "D") {
+    v.value = c;
   }
-  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) {
+  function E(c) {
+    const b = g[c.getDay()], w = ("0" + c.getDate()).slice(-2), T = m[c.getMonth()], M = T.substring(0, 3), B = ("0" + (c.getMonth() + 1)).slice(-2), y = c.getFullYear();
+    switch (s.value) {
       case "F d, Y":
-        return `${S} ${I}, ${L}`;
+        return `${T} ${w}, ${y}`;
       case "d M, Y":
-        return `${I} ${O}, ${L}`;
+        return `${w} ${M}, ${y}`;
       case "Y M d":
-        return `${L} ${O} ${I}`;
+        return `${y} ${M} ${w}`;
       case "MM-DD-YYYY":
-        return `${A}-${I}-${L}`;
+        return `${B}-${w}-${y}`;
       case "DD-MM-YYYY":
-        return `${I}-${A}-${L}`;
+        return `${w}-${B}-${y}`;
       case "YYYY-MM-DD":
-        return `${L}-${A}-${I}`;
+        return `${y}-${B}-${w}`;
       case "D d M, Y":
-        return `${y} ${I} ${O} ${L}`;
+        return `${b} ${w} ${M} ${y}`;
       default:
-        return `${S} ${I}, ${L}`;
+        return `${T} ${w}, ${y}`;
     }
   }
-  function U(u) {
-    switch (p.value) {
+  function j(c) {
+    switch (v.value) {
       case "Y":
-        l.value = u, p.value = "M";
+        o.value = c, v.value = "M";
         break;
       case "M":
-        s.value = u, p.value = "D", fe();
+        a.value = c, v.value = "D", O();
         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);
+        r.value = c, n.value = E(new Date(o.value, a.value, c)), l.value = !1, i.model && (i.model.value = n.value);
         break;
     }
   }
-  function _() {
-    switch (p.value) {
+  function R() {
+    switch (v.value) {
       case "Y":
-        l.value -= 10;
+        o.value -= 10;
         break;
       case "M":
-        l.value -= 1;
+        o.value -= 1;
         break;
       default:
-        s.value === 0 ? (l.value--, s.value = 11) : s.value--, fe();
+        a.value === 0 ? (o.value--, a.value = 11) : a.value--, O();
         break;
     }
   }
-  function $() {
-    switch (p.value) {
+  function H() {
+    switch (v.value) {
       case "Y":
-        l.value += 10;
+        o.value += 10;
         break;
       case "M":
-        l.value += 1;
+        o.value += 1;
         break;
       default:
-        s.value === 11 ? (s.value = 0, l.value++) : s.value++, fe();
+        a.value === 11 ? (a.value = 0, o.value++) : a.value++, O();
         break;
     }
   }
-  function H(u) {
-    const y = new Date(l.value, s.value, u);
-    return r.value === V(y);
+  function U(c) {
+    const b = new Date(o.value, a.value, c);
+    return n.value === E(b);
   }
-  function Te(u) {
-    const y = /* @__PURE__ */ new Date(), I = new Date(l.value, s.value, u);
-    return y.toDateString() === I.toDateString();
+  function q(c) {
+    const b = /* @__PURE__ */ new Date(), w = new Date(o.value, a.value, c);
+    return b.toDateString() === w.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 O() {
+    const c = new Date(o.value, a.value + 1, 0).getDate(), b = new Date(o.value, a.value).getDay();
+    h.value = Array.from({ length: b }, (w, T) => T + 1), f.value = Array.from({ length: c }, (w, T) => T + 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 A() {
+    if (!e.value || !t.value || !l.value) return;
+    const c = e.value.getBoundingClientRect(), b = t.value.offsetHeight, w = c.top + c.height + b;
+    d.value = w > 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 k(c, b = !0) {
+    a.value = c.getMonth(), o.value = c.getFullYear(), r.value = c.getDate(), b && (n.value = E(c)), O();
   }
-  function N() {
-    if (r.value)
-      return ae(new Date(Date.parse(r.value)));
-    ae(/* @__PURE__ */ new Date(), n.useDefaultDate);
+  function F() {
+    if (n.value)
+      return k(new Date(Date.parse(n.value)));
+    k(/* @__PURE__ */ new Date(), i.useDefaultDate);
   }
-  return Ce(() => {
-    N();
-  }), W(a, async (u) => {
-    if (!u) {
-      window.removeEventListener("resize", se);
+  return J(() => {
+    F();
+  }), P(l, async (c) => {
+    if (!c) {
+      window.removeEventListener("resize", A);
       return;
     }
-    await qe(), N(), se(), window.addEventListener("resize", se);
+    await X(), F(), A(), window.addEventListener("resize", A);
   }), {
     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
+    datePickerOpen: l,
+    datePickerValue: n,
+    datePickerPanel: v,
+    datePickerFormat: s,
+    datePickerMonth: a,
+    datePickerMonthVerbose: I,
+    datePickerYear: o,
+    datePickerDecade: _,
+    datePickerDay: r,
+    datePickerDaysInMonth: f,
+    datePickerBlankDaysInMonth: h,
+    datePickerMonthNames: m,
+    datePickerDays: g,
+    datePickerPosition: d,
+    toggleDatePicker: K,
+    datePickerValueClicked: j,
+    datePickerPrevious: R,
+    datePickerNext: H,
+    datePickerIsSelectedDate: U,
+    datePickerIsToday: q,
+    showDatePickerPanel: V
   };
 }
-function Zr(n) {
-  const e = w(!1);
+function $(i = "pv_id_") {
+  return i + Math.random().toString(16).slice(2);
+}
+class Z {
+  constructor() {
+    p(this, "subscribers");
+    p(this, "toasts");
+    // We use arrow functions to maintain the correct `this` reference
+    p(this, "subscribe", (e) => (this.subscribers.push(e), () => {
+      const t = this.subscribers.indexOf(e);
+      this.subscribers.splice(t, 1);
+    }));
+    p(this, "publish", (e) => {
+      this.subscribers.forEach((t) => t(e));
+    });
+    p(this, "addToast", (e) => {
+      this.publish(e), this.toasts = [...this.toasts, e];
+    });
+    p(this, "create", (e, t) => {
+      const l = t.id ?? $("toast_");
+      return this.toasts.find((s) => s.id === l) ? this.toasts = this.toasts.map((s) => s.id === l ? (this.publish({ ...s, ...t, id: l, title: e }), {
+        ...s,
+        ...t,
+        id: l,
+        title: e
+      }) : s) : this.addToast({
+        title: e,
+        id: l,
+        scale: 1,
+        zIndex: 200,
+        offsetY: 0,
+        ...t
+      }), l;
+    });
+    p(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 = []);
+    });
+    p(this, "add", (e, t) => this.create(e, { ...t }));
+    p(this, "success", (e, t) => this.create(e, { type: "success", ...t }));
+    p(this, "error", (e, t) => this.create(e, { type: "danger", ...t }));
+    p(this, "info", (e, t) => this.create(e, { type: "info", ...t }));
+    p(this, "warning", (e, t) => this.create(e, { type: "warning", ...t }));
+    this.subscribers = [], this.toasts = [];
+  }
+}
+const D = new Z();
+function ee(i, e) {
+  const t = $("toast_");
+  return D.create(i, { ...e, id: t }), t;
+}
+const te = Object.assign(ee, {
+  add: D.add,
+  success: D.success,
+  error: D.error,
+  info: D.info,
+  warning: D.warning,
+  dismiss: D.dismiss
+});
+function de(i) {
+  const e = u(!1);
   return {
     copyNotification: e,
     copyToClipboard: async () => {
       try {
-        await navigator.clipboard.writeText(n.value), e.value = !0, setTimeout(() => {
+        await navigator.clipboard.writeText(i.value), e.value = !0, setTimeout(() => {
           e.value = !1;
         }, 3e3);
-      } catch (a) {
-        console.error(a), Tt.error("Error", {
+      } catch (l) {
+        console.error(l), te.error("Error", {
           description: "Unable to copy. Network is not secure."
         });
       }
     }
   };
 }
-function Xr(n) {
-  const e = w(null);
-  return be({
+function me(i, e) {
+  const t = S({
+    selectOpen: !1,
+    selectedItem: "",
+    selectableItems: i,
+    selectableItemActive: null,
+    selectId: "select-12",
+    selectKeydownValue: "",
+    selectKeydownTimeout: 1e3,
+    selectKeydownClearTimeout: null,
+    selectDropdownPosition: "bottom",
+    selectableItemsList: e.selectableItemsList,
+    selectButton: e.selectButton,
+    toggleSelect(n) {
+      n !== void 0 ? this.selectOpen = n === !0 : this.selectOpen = !this.selectOpen;
+    },
+    updateRefs(n) {
+      this.selectButton = n.selectButton, this.selectableItemsList = n.selectableItemsList;
+    },
+    selectableItemIsActive(n) {
+      return this.selectableItemActive && this.selectableItemActive.value == n.value;
+    },
+    selectableItemActiveNext() {
+      let n = this.selectableItems.indexOf(this.selectableItemActive);
+      n < this.selectableItems.length - 1 && (this.selectableItemActive = this.selectableItems[n + 1], this.selectScrollToActiveItem());
+    },
+    selectableItemActivePrevious() {
+      let n = this.selectableItems.indexOf(this.selectableItemActive);
+      n > 0 && (this.selectableItemActive = this.selectableItems[n - 1], this.selectScrollToActiveItem());
+    },
+    selectScrollToActiveItem() {
+      if (!this.selectableItemActive) return;
+      let n = document.getElementById(this.selectableItemActive.value + "-" + this.selectId);
+      n && n.focus();
+    },
+    selectKeydown(n) {
+      if (n.keyCode >= 65 && n.keyCode <= 90) {
+        this.selectKeydownValue += n.key;
+        let s = this.selectItemsFindBestMatch();
+        s && (this.selectOpen ? (this.selectableItemActive = s, this.selectScrollToActiveItem()) : this.selectedItem = this.selectableItemActive === s), this.selectKeydownValue != "" && (clearTimeout(this.selectKeydownClearTimeout), this.selectKeydownClearTimeout = window.setTimeout(() => {
+          this.selectKeydownValue = "";
+        }, this.selectKeydownTimeout));
+      }
+    },
+    selectItemsFindBestMatch() {
+      let n = this.selectKeydownValue.toLowerCase(), s = null, a = -1;
+      for (const o of this.selectableItems) {
+        let f = o.title.toLowerCase().indexOf(n);
+        f > -1 && (a == -1 || f < a) && !o.disabled && (s = o, a = f);
+      }
+      return s;
+    },
+    selectPositionUpdate() {
+      var s;
+      if (!this.selectableItemsList || !this.selectButton) return;
+      let n = ((s = this.selectButton) == null ? void 0 : s.getBoundingClientRect().top) + this.selectButton.offsetHeight + parseInt(window.getComputedStyle(this.selectableItemsList).maxHeight);
+      window.innerHeight < n ? this.selectDropdownPosition = "top" : this.selectDropdownPosition = "bottom";
+    }
+  }), l = () => {
+    t.selectOpen && t.selectPositionUpdate();
+  };
+  return P(
+    () => t.selectOpen,
+    function(n) {
+      if (t.selectedItem ? t.selectableItemActive = t.selectedItem : t.selectableItemActive = t.selectableItems[0], !n) {
+        window.removeEventListener("resize", l);
+        return;
+      }
+      window.setTimeout(function() {
+        t.selectScrollToActiveItem();
+      }, 10), l(), window.addEventListener("resize", l);
+    },
+    { immediate: !1 }
+  ), t;
+}
+function he(i) {
+  const e = u(null);
+  return S({
     title: "",
-    ...n,
+    ...i,
     modalOpen: !1,
     isAnimating: !1,
-    animationTime: n.animationTime ?? 300,
+    animationTime: i.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;
@@ -2822,518 +373,274 @@ function Xr(n) {
     }
   });
 }
-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;
+function ve(i) {
+  const e = u(1), t = u(i.itemsPerPage ?? 10), l = u(i.searchQuery ?? ""), n = S({
+    filteredPage: C(() => {
+      const s = t.value * (e.value - 1), a = Math.min(t.value * e.value, i.data.length);
+      return i.data.slice(s, a);
+    }),
+    props: i,
+    fields: { currentPage: e, itemsPerPage: t, searchQuery: l },
+    handlePageChange(s) {
+      e.value = s;
+    },
+    handlePageReset() {
+      e.value = 1;
+    }
+  });
+  return P(
+    () => i.data,
+    (s, a) => {
+      var o, r;
+      ((s == null ? void 0 : s.length) !== (a == null ? void 0 : a.length) || s[0] && a[0] && ((o = s[0]) == null ? void 0 : o.id) !== ((r = a[0]) == null ? void 0 : r.id)) && n.handlePageReset();
+    },
+    { immediate: !0 }
+  ), n;
+}
+function se(i) {
+  return i && i.__esModule && Object.prototype.hasOwnProperty.call(i, "default") ? i.default : i;
+}
+var x, Y;
+function ne() {
+  return Y || (Y = 1, x = function i(e, t) {
+    if (e === t) return !0;
+    if (e && t && typeof e == "object" && typeof t == "object") {
+      if (e.constructor !== t.constructor) return !1;
+      var l, n, s;
+      if (Array.isArray(e)) {
+        if (l = e.length, l != t.length) return !1;
+        for (n = l; n-- !== 0; )
+          if (!i(e[n], t[n])) 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 (s = Object.keys(e), l = s.length, l !== Object.keys(t).length) return !1;
+      for (n = l; n-- !== 0; )
+        if (!Object.prototype.hasOwnProperty.call(t, s[n])) return !1;
+      for (n = l; n-- !== 0; ) {
+        var a = s[n];
+        if (!i(e[a], t[a])) return !1;
+      }
+      return !0;
+    }
+    return e !== e && t !== t;
+  }), x;
+}
+var ie = ne();
+const ae = /* @__PURE__ */ se(ie);
+function we(i) {
+  let e = i, t;
+  const l = S({
+    fields: structuredClone(i),
+    errors: {},
+    dirty: !1,
+    hasErrors: !1,
+    processing: !1,
+    wasSuccessful: !1,
+    recentlySuccessful: !1,
+    async submit(n, s = {}) {
+      if (this.processing) return;
+      const a = {
+        onBefore: async () => {
+          this.processing = !0, this.wasSuccessful = !1, this.recentlySuccessful = !1, clearTimeout(t), s.onBefore && await s.onBefore();
+        },
+        onSuccess: async (o) => {
+          this.clearErrors(), this.wasSuccessful = !0, this.recentlySuccessful = !0, t = window.setTimeout(() => {
+            this.recentlySuccessful = !1;
+          }, 2e3), s.onSuccess && await s.onSuccess(o), e = structuredClone(this.fields);
+        },
+        onError: async (o) => {
+          var r, f, h, d, m;
+          this.hasErrors = !0, (((r = o == null ? void 0 : o.response) == null ? void 0 : r.status) === 422 || ((f = o == null ? void 0 : o.response) == null ? void 0 : f.status) === 401) && (this.clearErrors(), this.setErrors({
+            message: (h = o == null ? void 0 : o.response) == null ? void 0 : h.data.message,
+            ...(m = (d = o == null ? void 0 : o.response) == null ? void 0 : d.data) == null ? void 0 : m.errors
+          })), s.onError && await s.onError(o);
+        },
+        onFinish: async () => {
+          this.processing = !1, s.onFinish && await s.onFinish();
+        }
+      };
+      await a.onBefore();
+      try {
+        const o = await n(this.fields);
+        await a.onSuccess(o);
+      } catch (o) {
+        await a.onError(o);
+      } finally {
+        await a.onFinish();
+      }
+    },
+    reset(...n) {
+      const s = structuredClone(e);
+      n.length === 0 ? this.fields = s : n.forEach((a) => {
+        s[a] !== void 0 && (this.fields[a] = s[a]);
+      });
+    },
+    clearErrors(...n) {
+      n.length === 0 ? this.errors = {} : n.forEach((s) => delete this.errors[s]), this.hasErrors = Object.keys(this.errors).length > 0;
+    },
+    setErrors(n) {
+      this.errors = { ...this.errors, ...n }, this.hasErrors = Object.keys(this.errors).length > 0;
+    }
+  });
+  return P(
+    () => l.fields,
+    () => {
+      l.dirty = !ae(l.fields, e);
+    },
+    { immediate: !0, deep: !0 }
+  ), l;
+}
+function pe({ directions: i, threshold: e, onSwipeOut: t }) {
+  const l = u(!1), n = u({ x: 0, y: 0 }), s = u(), a = u({ x: 0, y: 0 }), o = (d) => 1 / (1.5 + Math.abs(d) / 20);
+  function r(d) {
+    s.value = Date.now(), d.target.setPointerCapture(d.pointerId), !d.target.closest("button, a, input, textarea, select") && (a.value = { x: d.clientX, y: d.clientY }, l.value = !0);
+  }
+  function f(d) {
+    if (!l.value) return;
+    const m = { x: 0, y: 0 }, g = d.clientX - a.value.x, v = d.clientY - a.value.y;
+    if (i.value.includes("left") && g < 0 || i.value.includes("right") && g > 0)
+      m.x = g;
     else {
-      const T = v * l(v);
-      h.x = Math.abs(T) < Math.abs(v) ? T : v;
+      const I = g * o(g);
+      m.x = Math.abs(I) < Math.abs(g) ? I : g;
     }
-    if (n.value.includes("top") && p < 0 || n.value.includes("bottom") && p > 0)
-      h.y = p;
+    if (i.value.includes("top") && v < 0 || i.value.includes("bottom") && v > 0)
+      m.y = v;
     else {
-      const T = p * l(p);
-      h.y = Math.abs(T) < Math.abs(p) ? T : p;
+      const I = v * o(v);
+      m.y = Math.abs(I) < Math.abs(v) ? I : v;
     }
-    r.value = h;
+    n.value = m;
   }
-  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) {
+  function h() {
+    if (!l.value) return;
+    const d = Date.now() - (s.value ?? 0), m = n.value.x, g = Math.abs(m) / d;
+    if (Math.abs(m) >= e || g > 0.11) {
       t();
       return;
     }
-    a.value = !1, r.value = { x: 0, y: 0 };
+    l.value = !1, n.value = { x: 0, y: 0 };
   }
   return {
-    offset: r,
-    isSwiping: a,
-    onPointerDown: c,
-    onPointerMove: i,
-    onPointerUp: d
+    offset: n,
+    isSwiping: l,
+    onPointerDown: r,
+    onPointerMove: f,
+    onPointerUp: h
   };
 }
-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(() => {
+function ge({ duration: i, isPaused: e, onTimeout: t, immediate: l = !0 }) {
+  const n = u(), s = u(0), a = u(i);
+  function o() {
+    a.value === 1 / 0 || e() || (s.value = Date.now(), n.value = window.setTimeout(() => {
       t();
-    }, s.value));
+    }, a.value));
   }
-  function c() {
-    i();
-    const d = Date.now() - o.value;
-    s.value -= d;
+  function r() {
+    f();
+    const h = Date.now() - s.value;
+    a.value -= h;
   }
-  function i() {
-    r.value && (clearTimeout(r.value), r.value = null);
+  function f() {
+    n.value && (clearTimeout(n.value), n.value = null);
   }
-  return W(
+  return P(
     e,
-    (d) => {
-      if (d) {
-        c();
+    (h) => {
+      if (h) {
+        r();
         return;
       }
-      l();
+      o();
     },
-    { 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);
+    { immediate: l }
+  ), Q(() => {
+    f();
+  }), { cancel: f };
 }
-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));
+function be() {
+  const i = u(!1), e = u(!1), t = u(300), l = u(null), n = S({}), s = G(null);
+  function a(r, f = {}) {
+    l.value && clearTimeout(l.value), s.value = r, Object.assign(n, f), e.value = !0, i.value = !0, l.value = window.setTimeout(() => {
+      i.value = !1;
+    }, t.value);
   }
-}), 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)
-    ]));
+  function o() {
+    l.value && clearTimeout(l.value), e.value = !1, i.value = !0, l.value = window.setTimeout(() => {
+      i.value = !1;
+    }, t.value);
   }
-}), 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();
+  return { isOpen: e, isAnimating: i, animationTime: t, props: n, component: s, open: a, close: o };
 }
-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 ye(i, e) {
+  if (!i) return !1;
+  let t = ["INPUT", "TEXTAREA", "SELECT"];
+  return (e === " " || e === "Enter") && (t = [...t, "BUTTON"]), t.includes(i.tagName);
+}
+const Ie = 3, Te = "24px", De = "16px", Se = 0, Pe = 3e3, Oe = 16, Ee = 45, Ae = 10, Me = 0.06, Be = 16, le = {
+  stringInsensitive: (i, e) => N(i).localeCompare(N(e)),
+  date: (i, e) => new Date(i).getTime() - new Date(e).getTime(),
+  number: (i, e) => parseFloat(i) - parseFloat(e)
+};
+function N(i) {
+  return String(i ?? "").toLowerCase().replace(/\s+/g, " ").trim();
+}
+function xe(i, e = 1, t = ["date", "date_released"]) {
+  return (l, n) => {
+    const s = l[i], a = n[i];
+    if (s instanceof Date && a instanceof Date || t.includes(String(i))) {
+      const f = new Date(String(s));
+      return (new Date(String(a)).getTime() - f.getTime()) * e;
+    }
+    const o = parseFloat(s), r = parseFloat(a);
+    return !isNaN(o) && !isNaN(r) ? (o - r) * e : String(s).toLowerCase().replace(/\s+/g, " ").localeCompare(String(a).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;
+function Ce(i, e = 1) {
+  return (t, l) => {
+    for (const { key: n, compareFn: s } of i) {
+      const a = n ? t[n] ?? "" : void 0, o = n ? l[n] ?? "" : void 0;
+      let r;
+      if (s ? r = n ? s(a, o) : s(t, l) : r = oe(a, o), r !== 0) return r * 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);
+function oe(i, e) {
+  const t = parseFloat(i), l = parseFloat(e);
+  if (!isNaN(t) && !isNaN(l))
+    return t - l;
+  const n = new Date(i), s = new Date(e);
+  return !isNaN(n.getTime()) && !isNaN(s.getTime()) ? n.getTime() - s.getTime() : le.stringInsensitive(i, 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
+  le as CompareStrategies,
+  Oe as DEFAULT_GAP,
+  De as MOBILE_VIEWPORT_OFFSET,
+  Me as SCALE_STEP,
+  Ee as SWIPE_THRESHOLD,
+  Pe as TOAST_LIFE,
+  Se as TOAST_WIDTH,
+  D as ToastState,
+  Te as VIEWPORT_OFFSET,
+  Ie as VISIBLE_TOASTS_AMOUNT,
+  Be as Y_OFFSET_STEP,
+  Ae as Z_STEP,
+  be as createModalCore,
+  ye as isInputLikeElement,
+  xe as sortObject,
+  Ce as sortObjectNew,
+  te as toast,
+  de as useClipboard,
+  fe as useDatePicker,
+  we as useForm,
+  he as useModal,
+  ue as useMultiSelect,
+  me as useSelect,
+  pe as useSwipeHandler,
+  ve as useTable,
+  ge as useToastTimer
 };