fictoan-react 2.0.0-alpha.4 → 2.0.0-beta.1

package/dist/Accordion-Z0yapsUC.js

@@ -0,0 +1,4199 @@
+"use client";
+"use client;";
+import { jsx as o, jsxs as P, Fragment as Ne } from "react/jsx-runtime";
+import w, { useCallback as _, useEffect as q, useRef as J, useState as X, useMemo as he, createElement as xt, createRef as Rt, useImperativeHandle as Je, createContext as Le, useContext as ye } from "react";
+import { createRoot as Mt } from "react-dom/client";
+const Et = (e) => e.filter((t) => !!t).join(" "), I = w.forwardRef(
+  ({
+    as: e = "div",
+    role: t,
+    ariaLabel: a,
+    tabIndex: r,
+    onKeyDown: l,
+    ...n
+  }, s) => {
+    const {
+      classNames: i = [],
+      bgColor: c,
+      bgColour: d,
+      bgOpacity: u,
+      borderColor: f,
+      borderColour: p,
+      borderOpacity: g,
+      className: b,
+      columns: x,
+      fillColor: y,
+      fillColour: E,
+      gap: v,
+      hideOnDesktop: T,
+      hideOnMobile: H,
+      hideOnTabletLandscape: k,
+      hideOnTabletPortrait: N,
+      horizontalMargin: $,
+      horizontalPadding: L,
+      horizontallyCenterThis: M,
+      horizontallyCentreThis: z,
+      isFullHeight: A,
+      isFullWidth: S,
+      layoutAsFlexbox: D,
+      layoutAsGrid: G,
+      stackVertically: V,
+      stackHorizontally: O,
+      marginLeft: h,
+      marginBottom: m,
+      margin: R,
+      marginRight: F,
+      marginTop: W,
+      opacity: C,
+      paddingBottom: te,
+      paddingLeft: se,
+      padding: Q,
+      paddingRight: B,
+      paddingTop: j,
+      pushItemsToEnds: ee,
+      shadow: le,
+      shape: xe,
+      showOnlyOnDesktop: Re,
+      showOnlyOnMobile: Me,
+      showOnlyOnTabletLandscape: Ee,
+      showOnlyOnTabletPortrait: Be,
+      size: Pe,
+      strokeColor: U,
+      strokeColour: pe,
+      textColor: ve,
+      textColour: ce,
+      verticalMargin: be,
+      verticalPadding: Fe,
+      verticallyCenterItems: gt,
+      verticallyCentreItems: Nt,
+      weight: Ge,
+      style: kt,
+      ...$t
+    } = n, { className: Aa, classNames: La, ...Sa } = n, Ke = {
+      ...kt,
+      ...u && { "--bg-opacity": Number(u) / 100 },
+      ...g && { "--border-opacity": Number(g) / 100 }
+    };
+    return /* @__PURE__ */ o(
+      e,
+      {
+        ref: s,
+        role: t,
+        "aria-label": a,
+        tabIndex: r,
+        onKeyDown: l,
+        ...$t,
+        style: Object.keys(Ke).length > 0 ? Ke : void 0,
+        className: Et(
+          [
+            b,
+            c && `bg-${c}`,
+            d && `bg-${d}`,
+            f && `border-${f}`,
+            p && `border-${p}`,
+            y && `fill-${y}`,
+            E && `fill-${E}`,
+            T && "hide-on-desktop",
+            H && "hide-on-mobile",
+            k && "hide-on-tablet-landscape",
+            N && "hide-on-tablet-portrait",
+            $ && `margin-right-${$} margin-left-${$}`,
+            L && `padding-right-${L} padding-left-${L}`,
+            M && "horizontally-centre-this",
+            z && "horizontally-centre-this",
+            A && "full-height",
+            S && "full-width",
+            D && "layout-flexbox",
+            G && "layout-grid",
+            V && "stack-vertically",
+            O && "stack-horizontally",
+            v && `gap-${v}`,
+            h && `margin-left-${h}`,
+            m && `margin-bottom-${m}`,
+            R && `margin-all-${R}`,
+            F && `margin-right-${F}`,
+            W && `margin-top-${W}`,
+            C && `opacity-${C}`,
+            te && `padding-bottom-${te}`,
+            se && `padding-left-${se}`,
+            Q && `padding-all-${Q}`,
+            B && `padding-right-${B}`,
+            j && `padding-top-${j}`,
+            ee && "push-to-ends",
+            le && `shadow-${le}`,
+            xe && `shape-${xe}`,
+            Re && "show-only-on-desktop",
+            Me && "show-only-on-mobile",
+            Ee && "show-only-on-tablet-landscape",
+            Be && "show-only-on-tablet-portrait",
+            Pe && `size-${Pe}`,
+            U && `stroke-${U}`,
+            pe && `stroke-${pe}`,
+            ve && `text-${ve}`,
+            ce && `text-${ce}`,
+            be && `margin-top-${be} margin-bottom-${be}`,
+            Fe && `padding-top-${Fe} padding-bottom-${Fe}`,
+            gt && "vertically-centre-items",
+            Nt && "vertically-centre-items",
+            Ge && `weight-${Ge}`
+          ].concat(i)
+        )
+      }
+    );
+  }
+);
+I.displayName = "Element";
+const oe = (e, t) => w.forwardRef(
+  (a, r) => {
+    const l = { ...t, ...a };
+    if (e === "a" && "external" in l) {
+      const { external: n } = l;
+      n && (l.target = "_blank", l.rel = "noopener noreferrer");
+    }
+    return /* @__PURE__ */ o(I, { as: e, ref: r, ...l });
+  }
+), Va = oe("article"), Wa = oe("aside"), za = oe("body"), K = oe("div"), Ha = oe("footer"), _a = oe("header"), Ga = oe("main"), Pt = oe("nav"), Ka = oe("section"), ja = oe("span"), Xa = oe("a", {
+  rel: "noopener noreferrer"
+  // Default props for Hyperlink
+}), Tt = {
+  cross: /* @__PURE__ */ o("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ o("path", { d: "M18 6L6 18M6 6l12 12" }) }),
+  tick: /* @__PURE__ */ o("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ o("path", { d: "M5 12l5 5L20 7" }) }),
+  plus: /* @__PURE__ */ o("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ o("path", { d: "M12 5v14M5 12h14" }) }),
+  minus: /* @__PURE__ */ o("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ o("path", { d: "M5 12h14" }) })
+}, Se = w.forwardRef(
+  ({
+    children: e,
+    size: t = "medium",
+    shape: a,
+    actionIcon: r,
+    onActionClick: l,
+    actionAriaLabel: n,
+    ...s
+  }, i) => {
+    let c = [];
+    t && c.push(`size-${t}`), a && c.push(`shape-${a}`);
+    const d = (f) => {
+      f.stopPropagation(), l == null || l(f);
+    }, u = !!r;
+    return /* @__PURE__ */ P(
+      I,
+      {
+        "data-badge": !0,
+        "data-has-action": u || void 0,
+        ref: i,
+        classNames: c,
+        role: "status",
+        "aria-label": typeof e == "string" ? e : void 0,
+        ...s,
+        children: [
+          e,
+          u && /* @__PURE__ */ o(
+            "button",
+            {
+              type: "button",
+              className: "badge-action-button",
+              onClick: d,
+              "aria-label": n,
+              children: Tt[r]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Se.displayName = "Badge";
+const We = (e, t) => {
+  const a = _(t, [t]);
+  q(() => {
+    const r = (l) => {
+      !e.current || typeof a != "function" || e.current.contains(l.target) || a(l);
+    };
+    return document.addEventListener("mousedown", r), document.addEventListener("touchstart", r), () => {
+      document.removeEventListener("mousedown", r), document.removeEventListener("touchstart", r);
+    };
+  }, [e, a]);
+}, Dt = w.forwardRef(
+  ({
+    id: e,
+    children: t,
+    isOpen: a = !1,
+    onClose: r,
+    position: l = "right",
+    size: n = "medium",
+    padding: s = "micro",
+    bgColor: i,
+    bgColour: c,
+    isDismissible: d = !0,
+    showOverlay: u = !0,
+    blurOverlay: f = !1,
+    closeOnClickOutside: p = !0,
+    zIndex: g,
+    label: b,
+    description: x,
+    classNames: y = [],
+    ...E
+  }, v) => {
+    const T = `${e}`, H = x ? `${T}-description` : void 0, k = J(null), N = v || k, $ = [
+      "drawer",
+      l,
+      n,
+      ...a ? ["open"] : [],
+      ...u ? ["with-overlay"] : [],
+      ...f ? ["blur-overlay"] : [],
+      ...y
+    ];
+    return q(() => {
+      const M = N.current, z = document.querySelector(`[data-drawer-overlay-for="${T}"]`);
+      return a ? (M == null || M.classList.add("open"), M == null || M.classList.remove("closing"), M == null || M.focus(), z && z.classList.add("visible"), document.body.style.overflow = "hidden") : M != null && M.classList.contains("open") && (M.classList.add("closing"), M.classList.remove("open"), z && z.classList.remove("visible"), document.body.style.overflow = ""), () => {
+        document.body.style.overflow = "";
+      };
+    }, [a, T, N]), q(() => {
+      const M = (z) => {
+        z.key === "Escape" && d && a && r && r();
+      };
+      return document.addEventListener("keydown", M), () => document.removeEventListener("keydown", M);
+    }, [d, a, r]), We(N, () => {
+      p && d && a && r && r();
+    }), /* @__PURE__ */ P(Ne, { children: [
+      u && /* @__PURE__ */ o(
+        K,
+        {
+          className: `drawer-overlay ${f ? "blur" : ""} ${a ? "visible" : ""}`,
+          "data-drawer-overlay-for": e,
+          "aria-hidden": "true",
+          onClick: p && d && r ? r : void 0,
+          style: { zIndex: g ?? 9999 }
+        }
+      ),
+      /* @__PURE__ */ P(
+        I,
+        {
+          as: "div",
+          id: T,
+          "data-drawer": !0,
+          ref: N,
+          classNames: $,
+          onAnimationEnd: (M) => {
+            (M.animationName.includes("slide-out") || M.animationName.includes("fade-out")) && M.currentTarget.classList.remove("closing");
+          },
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": b || "Drawer",
+          "aria-describedby": H,
+          tabIndex: -1,
+          style: { zIndex: g ?? 1e4 },
+          ...E,
+          children: [
+            d && r && /* @__PURE__ */ o(
+              "button",
+              {
+                className: "drawer-dismiss-button",
+                onClick: r,
+                "aria-label": "Close drawer",
+                tabIndex: 0,
+                children: "×"
+              }
+            ),
+            /* @__PURE__ */ P(
+              K,
+              {
+                className: "drawer-content",
+                padding: s,
+                bgColor: i,
+                bgColour: c,
+                children: [
+                  x && /* @__PURE__ */ o("div", { id: H, className: "sr-only", children: x }),
+                  /* @__PURE__ */ o("div", { role: "document", children: t })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+Dt.displayName = "Drawer";
+const ze = w.forwardRef(
+  ({ size: e = "medium", shape: t, kind: a, isLoading: r, label: l, ...n }, s) => {
+    let i = [];
+    return a && i.push(a), e && i.push(`size-${e}`), t && i.push(`shape-${t}`), r && i.push("is-loading"), /* @__PURE__ */ o(
+      I,
+      {
+        as: "button",
+        "data-button": !0,
+        ref: s,
+        classNames: i,
+        "aria-label": l,
+        "aria-disabled": n.disabled || r,
+        "aria-busy": r,
+        ...n
+      }
+    );
+  }
+);
+ze.displayName = "Button";
+const It = w.forwardRef(
+  ({ isJoint: e = !0, spacing: t, equaliseWidth: a, children: r, ...l }, n) => {
+    let s = [];
+    return e && s.push("is-joint"), t && !e && s.push(`spacing-${t}`), a && s.push("equal-width"), /* @__PURE__ */ o(
+      I,
+      {
+        as: "div",
+        "data-button-group": !0,
+        ref: n,
+        role: "group",
+        classNames: s,
+        ...l,
+        children: r
+      }
+    );
+  }
+);
+It.displayName = "ButtonGroup";
+const je = w.forwardRef(
+  ({ children: e, current: t, ...a }, r) => /* @__PURE__ */ o(
+    I,
+    {
+      as: "li",
+      "data-breadcrumb-item": !0,
+      ref: r,
+      ...a,
+      "aria-current": t ? "page" : void 0,
+      className: t ? "current" : void 0,
+      role: "listitem",
+      children: /* @__PURE__ */ o("span", { className: "breadcrumb-content", children: e })
+    }
+  )
+), At = ({ separator: e }) => /* @__PURE__ */ o(
+  Y,
+  {
+    className: "breadcrumb-separator",
+    "aria-hidden": "true",
+    role: "presentation",
+    margin: "none",
+    children: e
+  }
+), Lt = w.forwardRef(
+  ({ children: e, separator: t = "/", spacing: a = "micro", ...r }, l) => {
+    let n = [];
+    a && n.push(`spacing-${a}`);
+    const s = w.Children.toArray(e).filter(Boolean), i = s.reduce((c, d, u) => {
+      if (!w.isValidElement(d)) return c;
+      const f = u === s.length - 1;
+      let p;
+      return d.type === je ? p = w.cloneElement(d, {
+        ...d.props,
+        current: f
+      }) : p = /* @__PURE__ */ o(je, { current: f, children: d }, `item-${u}`), c.push(p), f || c.push(
+        /* @__PURE__ */ o(At, { separator: t }, `sep-${u}`)
+      ), c;
+    }, []);
+    return /* @__PURE__ */ o("nav", { "aria-label": "Breadcrumb", ref: l, ...r, children: /* @__PURE__ */ o(
+      I,
+      {
+        as: "ul",
+        "data-breadcrumbs-wrapper": !0,
+        role: "list",
+        classNames: n,
+        children: i
+      }
+    ) });
+  }
+);
+Lt.displayName = "Breadcrumbs";
+const Ze = w.forwardRef(
+  ({ kind: e, children: t, title: a, ...r }, l) => /* @__PURE__ */ o(
+    I,
+    {
+      as: "div",
+      "data-callout": !0,
+      ref: l,
+      className: e,
+      role: {
+        info: "status",
+        success: "status",
+        warning: "alert",
+        error: "alert"
+      }[e],
+      "aria-live": e === "error" || e === "warning" ? "assertive" : "polite",
+      "aria-label": a,
+      ...r,
+      children: t
+    }
+  )
+);
+Ze.displayName = "Callout";
+const Qe = w.forwardRef(({ shape: e, heading: t, children: a, ...r }, l) => {
+  let n = [];
+  return e && n.push(`shape-${e}`), /* @__PURE__ */ o(
+    I,
+    {
+      as: "div",
+      "data-card": !0,
+      ref: l,
+      classNames: n,
+      role: "region",
+      "aria-label": t,
+      tabIndex: 0,
+      ...r,
+      children: a
+    }
+  );
+});
+Qe.displayName = "Card";
+const St = w.forwardRef(({
+  children: e,
+  source: t,
+  language: a = "json",
+  showCopyButton: r,
+  showLineNumbers: l,
+  description: n,
+  withSyntaxHighlighting: s = !1,
+  makeEditable: i = !1,
+  onChange: c,
+  shadow: d,
+  ...u
+}, f) => {
+  const [p, g] = X(!1), [b, x] = X(null), [y, E] = X(s), [v, T] = X(null), H = J(null);
+  let k = typeof e == "string" ? e : w.Children.toArray(e).join("");
+  e || (k = typeof t == "object" ? JSON.stringify(t, null, 2) : t ?? ""), q(() => {
+    if (!s) return;
+    (async () => {
+      var G;
+      E(!0);
+      try {
+        const O = (await import("prismjs")).default;
+        if (typeof window < "u" && !window.Prism && (window.Prism = O), a !== "plain" && !O.languages[a])
+          try {
+            await import(`prismjs/components/prism-${a}`);
+          } catch {
+            console.warn(`Language "${a}" not available, falling back to plain text`);
+          }
+        x(O);
+      } catch (V) {
+        (V == null ? void 0 : V.code) === "ERR_MODULE_NOT_FOUND" || (G = V == null ? void 0 : V.message) != null && G.includes("Cannot find module") ? console.warn(
+          "PrismJS is not installed. To enable syntax highlighting, run: npm install prismjs"
+        ) : console.warn(`Failed to load syntax highlighting for ${a}:`, V);
+      } finally {
+        E(!1);
+      }
+    })();
+  }, [s, a]);
+  const N = _(() => {
+    var m;
+    const D = window.getSelection();
+    if (!D || D.rangeCount === 0) return null;
+    const G = D.getRangeAt(0), V = G.startContainer;
+    let h = G.startOffset;
+    if (V && V !== v && v) {
+      const R = document.createTreeWalker(
+        v,
+        NodeFilter.SHOW_TEXT,
+        null
+      );
+      let F;
+      for (; (F = R.nextNode()) && F !== V; )
+        h += ((m = F.textContent) == null ? void 0 : m.length) || 0;
+    }
+    return h;
+  }, [v]), $ = _((D) => {
+    var G;
+    if (!(!v || !s || !b))
+      try {
+        const V = i ? N() : null, O = b.highlight(
+          D,
+          b.languages[a] || b.languages.plain,
+          a
+        );
+        if (v.innerHTML = O, i && V !== null) {
+          const h = window.getSelection(), m = document.createRange(), R = document.createTreeWalker(
+            v,
+            NodeFilter.SHOW_TEXT,
+            null
+          );
+          let F = 0, W;
+          for (; W = R.nextNode(); ) {
+            const C = ((G = W.textContent) == null ? void 0 : G.length) || 0;
+            if (F + C >= V) {
+              m.setStart(W, V - F), m.setEnd(W, V - F), h == null || h.removeAllRanges(), h == null || h.addRange(m);
+              break;
+            }
+            F += C;
+          }
+        }
+      } catch (V) {
+        console.warn("Error highlighting code:", V), v && (v.textContent = D);
+      }
+  }, [a, s, i, b, N, v]), L = _((D) => {
+    if (!v) return;
+    const G = v.textContent || "";
+    c == null || c(G), requestAnimationFrame(() => {
+      $(G);
+    });
+  }, [$, c, v]);
+  q(() => {
+    const D = v;
+    if (!(!D || !i))
+      return D.addEventListener("input", L), () => {
+        D.removeEventListener("input", L);
+      };
+  }, [i, L, v]), q(() => {
+    !v || !b || $(k);
+  }, [$, k, b, v]);
+  const M = async () => {
+    try {
+      const D = v ? v.textContent || "" : k;
+      await navigator.clipboard.writeText(D), g(!0), setTimeout(() => g(!1), 3e3);
+    } catch (D) {
+      console.error("Could not copy text: ", D);
+    }
+  }, z = async (D) => {
+    (D.key === "Enter" || D.key === " ") && D.target === H.current && (D.preventDefault(), await M());
+  };
+  let A = [];
+  l && A.push("show-line-numbers");
+  const S = k.split(/\r\n|\r|\n/gm);
+  return /* @__PURE__ */ P(
+    I,
+    {
+      "data-code-block": !0,
+      as: "div",
+      classNames: A,
+      role: "region",
+      "aria-label": n || `Code block in ${a}`,
+      ...u,
+      children: [
+        r ? p ? /* @__PURE__ */ o(
+          Se,
+          {
+            className: "code-block-copied-badge",
+            size: "tiny",
+            shape: "rounded",
+            "aria-live": "polite",
+            children: "Copied!"
+          }
+        ) : /* @__PURE__ */ o(
+          ze,
+          {
+            type: "button",
+            className: "code-block-copy-button",
+            size: "tiny",
+            shape: "rounded",
+            onClick: M,
+            onKeyDown: z,
+            "aria-label": "Copy code to clipboard",
+            children: "Copy"
+          }
+        ) : null,
+        /* @__PURE__ */ P(
+          "pre",
+          {
+            ref: H,
+            className: `language-${a}${d ? ` shadow-${d}` : ""}`,
+            tabIndex: 0,
+            "aria-label": `Code in ${a}`,
+            children: [
+              l && Array.from(Array(S.length).keys()).map((D) => /* @__PURE__ */ o(
+                "span",
+                {
+                  className: "line-numbers",
+                  "aria-hidden": "true",
+                  children: D + 1
+                },
+                D
+              )),
+              /* @__PURE__ */ o(
+                "code",
+                {
+                  ref: T,
+                  contentEditable: i,
+                  suppressContentEditableWarning: !0,
+                  spellCheck: "false",
+                  className: `language-${a} ${y ? "is-loading" : ""}`,
+                  children: k
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+});
+St.displayName = "CodeBlock";
+const et = w.forwardRef(
+  ({ kind: e, height: t, label: a, ...r }, l) => {
+    let n = [];
+    return e && n.push(e), /* @__PURE__ */ o(
+      I,
+      {
+        as: "hr",
+        "data-hrule": !0,
+        ref: l,
+        classNames: n,
+        role: "separator",
+        "aria-orientation": "horizontal",
+        "aria-label": a,
+        ...r,
+        style: { height: t }
+      }
+    );
+  }
+);
+et.displayName = "Divider";
+const ke = w.forwardRef(
+  ({
+    label: e,
+    hideLabel: t,
+    htmlFor: a,
+    ...r
+  }, l) => {
+    let n = [];
+    return t && n.push("visually-hidden"), /* @__PURE__ */ o(
+      I,
+      {
+        as: "label",
+        ref: l,
+        htmlFor: a,
+        classNames: n,
+        ...r,
+        children: e
+      }
+    );
+  }
+);
+ke.displayName = "InputLabel";
+const Y = w.forwardRef(
+  ({ weight: e, size: t, fontStyle: a = "sans-serif", align: r, isSubtext: l, ...n }, s) => {
+    let i = [];
+    return e && i.push(`weight-${e}`), t && i.push(`text-${t}`), a && i.push(`font-${a}`), l && i.push("sub-text"), r && i.push(`text-${r}`), /* @__PURE__ */ o(I, { as: "p", ref: s, classNames: i, ...n });
+  }
+);
+Y.displayName = "Text";
+const Ot = ({ state: e }) => e === "valid" ? /* @__PURE__ */ o(
+  "svg",
+  {
+    "data-validation-icon": "valid",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: "20",
+    height: "20",
+    children: /* @__PURE__ */ o(
+      "polyline",
+      {
+        points: "3.5 12.5 8.5 17.5 20.5 5.5",
+        fill: "none",
+        stroke: "#0ec05c",
+        strokeMiterlimit: "10",
+        strokeWidth: "2"
+      }
+    )
+  }
+) : /* @__PURE__ */ P(
+  "svg",
+  {
+    "data-validation-icon": "invalid",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: "20",
+    height: "20",
+    children: [
+      /* @__PURE__ */ o(
+        "line",
+        {
+          x1: "6.5",
+          y1: "17.5",
+          x2: "18.5",
+          y2: "5.5",
+          fill: "none",
+          stroke: "#ef4343",
+          strokeMiterlimit: "10",
+          strokeWidth: "2"
+        }
+      ),
+      /* @__PURE__ */ o(
+        "line",
+        {
+          x1: "6.5",
+          y1: "5.5",
+          x2: "18.5",
+          y2: "17.5",
+          fill: "none",
+          stroke: "#ef4343",
+          strokeMiterlimit: "10",
+          strokeWidth: "2"
+        }
+      )
+    ]
+  }
+), Z = w.forwardRef(
+  ({
+    label: e,
+    customLabel: t,
+    htmlFor: a,
+    helpText: r,
+    errorText: l,
+    validationState: n,
+    required: s,
+    size: i,
+    children: c,
+    ...d
+  }, u) => {
+    const f = e || t, p = r || l;
+    return /* @__PURE__ */ P(
+      I,
+      {
+        as: "div",
+        "data-form-item": !0,
+        ref: u,
+        role: "group",
+        required: s,
+        className: i ? `size-${i}` : void 0,
+        ...d,
+        children: [
+          f && /* @__PURE__ */ P(K, { "data-label-wrapper": !0, "data-has-validation": n ? "true" : void 0, children: [
+            t || e && /* @__PURE__ */ o(ke, { label: e, htmlFor: a }),
+            n && /* @__PURE__ */ o(Ot, { state: n })
+          ] }),
+          /* @__PURE__ */ o(K, { "data-input-wrapper": !0, children: c }),
+          p && /* @__PURE__ */ P(K, { className: "info-section vertically-center-items", children: [
+            r && /* @__PURE__ */ o(Y, { className: "help-text", children: r }),
+            l && /* @__PURE__ */ o(Y, { className: "error-text", children: l })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Z.displayName = "FormItem";
+const Bt = [
+  // Colours
+  "bgColor",
+  "bgColour",
+  "bgOpacity",
+  "textColor",
+  "textColour",
+  "borderColor",
+  "borderColour",
+  "borderOpacity",
+  "fillColor",
+  "fillColour",
+  "strokeColor",
+  "strokeColour",
+  // Visual
+  "shadow",
+  "shape",
+  "opacity",
+  // Layout
+  "layoutAsFlexbox",
+  "stackVertically",
+  "stackHorizontally",
+  "layoutAsGrid",
+  "columns",
+  "gap",
+  // Margin
+  "margin",
+  "horizontalMargin",
+  "verticalMargin",
+  "marginTop",
+  "marginRight",
+  "marginBottom",
+  "marginLeft",
+  // Padding
+  "padding",
+  "horizontalPadding",
+  "verticalPadding",
+  "paddingTop",
+  "paddingRight",
+  "paddingBottom",
+  "paddingLeft",
+  // Alignment
+  "horizontallyCentreThis",
+  "horizontallyCenterThis",
+  "verticallyCentreItems",
+  "verticallyCenterItems",
+  "pushItemsToEnds",
+  // Sizing
+  "isFullWidth",
+  "isFullHeight",
+  // Responsive visibility
+  "hideOnMobile",
+  "showOnlyOnMobile",
+  "hideOnTabletPortrait",
+  "showOnlyOnTabletPortrait",
+  "hideOnTabletLandscape",
+  "showOnlyOnTabletLandscape",
+  "hideOnDesktop",
+  "showOnlyOnDesktop",
+  // Typography
+  "weight",
+  // Custom classes
+  "classNames"
+], ie = (e) => {
+  const t = {}, a = {};
+  for (const r of Object.keys(e))
+    Bt.includes(r) ? t[r] = e[r] : a[r] = e[r];
+  return {
+    wrapperProps: t,
+    inputProps: a
+  };
+}, He = w.forwardRef(
+  ({
+    id: e,
+    name: t,
+    label: a,
+    hideLabel: r,
+    helpText: l,
+    errorText: n,
+    onChange: s,
+    checked: i,
+    defaultChecked: c,
+    disabled: d,
+    required: u,
+    size: f = "medium",
+    ...p
+  }, g) => {
+    const b = he(() => t || e, [t, e]), x = (v) => {
+      s == null || s(v.target.checked);
+    }, { wrapperProps: y, inputProps: E } = ie(p);
+    return /* @__PURE__ */ P(
+      Z,
+      {
+        label: a,
+        htmlFor: e,
+        helpText: l,
+        errorText: n,
+        required: u,
+        size: f,
+        ...y,
+        children: [
+          /* @__PURE__ */ o(
+            I,
+            {
+              as: "input",
+              type: "checkbox",
+              ref: g,
+              id: e,
+              name: b,
+              checked: i,
+              defaultChecked: c,
+              disabled: d,
+              required: u,
+              onChange: x,
+              ...E
+            }
+          ),
+          /* @__PURE__ */ o(
+            I,
+            {
+              as: "div",
+              "data-checkbox": !0,
+              className: `size-${f}`
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+He.displayName = "Checkbox";
+const _e = w.forwardRef(
+  ({
+    id: e,
+    name: t,
+    label: a,
+    hideLabel: r,
+    helpText: l,
+    errorText: n,
+    onChange: s,
+    checked: i,
+    defaultChecked: c,
+    disabled: d,
+    required: u,
+    size: f = "medium",
+    ...p
+  }, g) => {
+    const b = he(() => t || e, [t, e]), x = (v) => {
+      s == null || s(v.target.checked);
+    }, { wrapperProps: y, inputProps: E } = ie(p);
+    return /* @__PURE__ */ P(
+      Z,
+      {
+        label: a,
+        htmlFor: e,
+        helpText: l,
+        errorText: n,
+        required: u,
+        size: f,
+        ...y,
+        children: [
+          /* @__PURE__ */ o(
+            I,
+            {
+              as: "input",
+              type: "checkbox",
+              ref: g,
+              id: e,
+              name: b,
+              checked: i,
+              defaultChecked: c,
+              disabled: d,
+              required: u,
+              onChange: x,
+              ...E
+            }
+          ),
+          /* @__PURE__ */ o(
+            I,
+            {
+              as: "div",
+              "data-switch": !0,
+              className: `size-${f}`
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+_e.displayName = "Switch";
+const Ft = w.forwardRef(
+  ({
+    id: e,
+    name: t,
+    label: a,
+    helpText: r,
+    errorText: l,
+    options: n,
+    value: s,
+    defaultValue: i,
+    onChange: c,
+    align: d,
+    equaliseWidth: u,
+    equalizeWidth: f,
+    required: p,
+    disabled: g,
+    size: b,
+    ...x
+  }, y) => {
+    const E = he(() => t || e, [t, e]), [v, T] = w.useState(
+      s || i || []
+    );
+    w.useEffect(() => {
+      s !== void 0 && T(s);
+    }, [s]);
+    const H = (N, $) => {
+      let L;
+      $ ? L = [...v, N] : L = v.filter((M) => M !== N), s === void 0 && T(L), c == null || c(L);
+    };
+    let k = [];
+    return d && k.push(`align-${d}`), (u || f) && k.push("equalise-width"), /* @__PURE__ */ o(
+      Z,
+      {
+        label: a,
+        htmlFor: e,
+        helpText: r,
+        errorText: l,
+        required: p,
+        children: /* @__PURE__ */ o(
+          I,
+          {
+            as: "div",
+            "data-checkbox-group": !0,
+            ref: y,
+            classNames: k,
+            role: "group",
+            "aria-label": a,
+            ...x,
+            children: n.map((N, $) => {
+              const { id: L, value: M, label: z, ...A } = N, S = L || `${e}-option-${$}`, D = v.includes(M);
+              return /* @__PURE__ */ o(
+                He,
+                {
+                  id: S,
+                  name: E,
+                  label: z,
+                  checked: D,
+                  disabled: g || N.disabled,
+                  size: b,
+                  onChange: (G) => H(M, G),
+                  ...A
+                },
+                S
+              );
+            })
+          }
+        )
+      }
+    );
+  }
+);
+Ft.displayName = "CheckboxGroup";
+const Vt = w.forwardRef(
+  ({
+    id: e,
+    name: t,
+    label: a,
+    helpText: r,
+    errorText: l,
+    options: n,
+    value: s,
+    defaultValue: i,
+    onChange: c,
+    align: d,
+    equaliseWidth: u,
+    equalizeWidth: f,
+    required: p,
+    disabled: g,
+    size: b,
+    ...x
+  }, y) => {
+    const E = he(() => t || e, [t, e]), [v, T] = w.useState(
+      s || i || []
+    );
+    w.useEffect(() => {
+      s !== void 0 && T(s);
+    }, [s]);
+    const H = (N, $) => {
+      let L;
+      $ ? L = [...v, N] : L = v.filter((M) => M !== N), s === void 0 && T(L), c == null || c(L);
+    };
+    let k = [];
+    return d && k.push(`align-${d}`), (u || f) && k.push("equalise-width"), /* @__PURE__ */ o(
+      Z,
+      {
+        label: a,
+        htmlFor: e,
+        helpText: r,
+        errorText: l,
+        required: p,
+        children: /* @__PURE__ */ o(
+          I,
+          {
+            as: "div",
+            "data-switch-group": !0,
+            ref: y,
+            classNames: k,
+            role: "group",
+            "aria-label": a,
+            ...x,
+            children: n.map((N, $) => {
+              const { id: L, value: M, label: z, ...A } = N, S = L || `${e}-option-${$}`, D = v.includes(M);
+              return /* @__PURE__ */ o(
+                _e,
+                {
+                  id: S,
+                  name: E,
+                  label: z,
+                  checked: D,
+                  disabled: g || N.disabled,
+                  size: b,
+                  onChange: (G) => H(M, G),
+                  ...A
+                },
+                S
+              );
+            })
+          }
+        )
+      }
+    );
+  }
+);
+Vt.displayName = "SwitchGroup";
+const tt = w.forwardRef(
+  ({
+    "aria-label": e,
+    "aria-invalid": t,
+    label: a,
+    helpText: r,
+    errorText: l,
+    required: n,
+    accept: s,
+    allowMultipleFiles: i = !1,
+    capture: c,
+    height: d = "120px",
+    onChange: u,
+    className: f = "",
+    instructionMainText: p = "Drag and drop or click to upload",
+    instructionSubText: g = "You can add multiple files",
+    invalid: b,
+    id: x,
+    name: y,
+    badgeBgColour: E,
+    badgeTextColour: v,
+    ...T
+  }, H) => {
+    const [k, N] = X([]), [$, L] = X(!1), M = J(null), z = (h) => {
+      h.preventDefault(), h.stopPropagation(), L(!0);
+    }, A = (h) => {
+      h.preventDefault(), h.stopPropagation(), L(!1);
+    }, S = (h) => {
+      h.preventDefault(), h.stopPropagation(), L(!1);
+      const m = Array.from(h.dataTransfer.files);
+      D(m);
+    }, D = (h) => {
+      if (i)
+        N((m) => [...m, ...h]), u == null || u([...k, ...h]);
+      else {
+        const m = h[0];
+        N([m]), u == null || u([m]);
+      }
+    }, G = (h) => {
+      if (h.target.files) {
+        const m = Array.from(h.target.files);
+        D(m);
+      }
+    }, V = (h) => {
+      const m = k.filter((R, F) => F !== h);
+      N(m), u == null || u(m);
+    }, O = () => {
+      var h;
+      (h = M.current) == null || h.click();
+    };
+    return /* @__PURE__ */ o(
+      Z,
+      {
+        label: a,
+        htmlFor: x,
+        helpText: r,
+        errorText: l,
+        required: n,
+        children: /* @__PURE__ */ P(
+          K,
+          {
+            "data-file-upload-area": !0,
+            ref: H,
+            className: [
+              "file-upload-wrapper",
+              $ ? "dragging" : "",
+              f
+            ].filter(Boolean).join(" "),
+            "aria-label": e || a,
+            "aria-invalid": t || b || void 0,
+            "aria-required": n,
+            children: [
+              /* @__PURE__ */ P(
+                K,
+                {
+                  className: "file-upload-area",
+                  onDragOver: z,
+                  onDragLeave: A,
+                  onDrop: S,
+                  onClick: O,
+                  style: { height: d },
+                  children: [
+                    /* @__PURE__ */ o(
+                      "input",
+                      {
+                        ref: M,
+                        type: "file",
+                        id: x,
+                        name: y,
+                        onChange: G,
+                        multiple: i,
+                        accept: s,
+                        capture: c,
+                        className: "file-input"
+                      }
+                    ),
+                    p && /* @__PURE__ */ P(K, { className: "file-upload-content", children: [
+                      /* @__PURE__ */ o(Y, { children: p }),
+                      g && /* @__PURE__ */ o(Y, { isSubtext: !0, children: g })
+                    ] })
+                  ]
+                }
+              ),
+              k.length > 0 && /* @__PURE__ */ o(K, { className: "uploaded-files", children: k.map((h, m) => /* @__PURE__ */ o(
+                Se,
+                {
+                  size: "small",
+                  shape: "rounded",
+                  actionIcon: "cross",
+                  onActionClick: () => V(m),
+                  actionAriaLabel: `Remove ${h.name}`,
+                  bgColour: E,
+                  textColour: v,
+                  children: h.name
+                },
+                `${h.name}-${m}`
+              )) })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+tt.displayName = "FileUpload";
+const $e = w.forwardRef(
+  ({
+    // FormItem props
+    label: e,
+    hideLabel: t,
+    helpText: a,
+    errorText: r,
+    size: l,
+    required: n,
+    // Side elements
+    innerIconLeft: s,
+    innerIconRight: i,
+    innerTextLeft: c,
+    innerTextRight: d,
+    // Validation
+    validateThis: u,
+    valid: f,
+    invalid: p,
+    validationState: g,
+    // Handlers
+    onChange: b,
+    onBlur: x,
+    onFocus: y,
+    // Aria
+    "aria-label": E,
+    "aria-invalid": v,
+    // Input props
+    id: T,
+    name: H,
+    value: k,
+    defaultValue: N,
+    type: $ = "text",
+    placeholder: L,
+    autoComplete: M,
+    maxLength: z,
+    minLength: A,
+    pattern: S,
+    readOnly: D,
+    disabled: G,
+    className: V,
+    ...O
+  }, h) => {
+    const m = J(null), R = J(null), F = J(null), [W, C] = X(!1), [te, se] = X(null), Q = g ?? (u ? te : null), B = w.useCallback(
+      (U) => {
+        F.current = U, typeof h == "function" ? h(U) : h && (h.current = U);
+      },
+      [h]
+    ), j = () => {
+      const U = F.current;
+      if (!U || U.value === "") {
+        se(null);
+        return;
+      }
+      se(U.validity.valid ? "valid" : "invalid");
+    }, ee = (U) => {
+      b == null || b(U.target.value), W && u && j();
+    }, le = (U) => {
+      C(!0), u && j(), x == null || x(U);
+    }, xe = (U) => {
+      y == null || y(U);
+    };
+    q(() => {
+      const U = (pe, ve) => {
+        if (!pe) return;
+        const ce = pe.closest("[data-form-item]");
+        ce == null || ce.style.setProperty(
+          `--side-element-${ve}-width`,
+          `${pe.getBoundingClientRect().width}px`
+        );
+      };
+      (c || s) && U(m.current, "left"), (d || i) && U(R.current, "right");
+    }, [c, d, s, i]);
+    const Re = (U, pe, ve) => {
+      if (!U) return null;
+      const ce = typeof U == "string", be = !ce && w.isValidElement(U) && (U.props.onClick || U.props.onKeyDown || U.type === "button" || U.type === "a");
+      return /* @__PURE__ */ o(
+        K,
+        {
+          ref: ve,
+          "data-input-side-element": !0,
+          className: `${pe} ${ce ? "is-text" : "is-icon"} ${be ? "is-interactive" : ""}`,
+          "aria-hidden": "true",
+          children: U
+        }
+      );
+    }, Me = !!(s || c), Ee = !!(i || d), { wrapperProps: Be, inputProps: Pe } = ie(O);
+    return /* @__PURE__ */ P(
+      Z,
+      {
+        label: e,
+        htmlFor: T,
+        helpText: a,
+        errorText: r,
+        validationState: Q,
+        required: n,
+        size: l,
+        ...Be,
+        children: [
+          /* @__PURE__ */ o(
+            I,
+            {
+              as: "input",
+              ref: B,
+              "data-input-field": !0,
+              id: T,
+              name: H,
+              type: $,
+              value: k,
+              defaultValue: N,
+              placeholder: L || " ",
+              autoComplete: M,
+              maxLength: z,
+              minLength: A,
+              pattern: S,
+              readOnly: D,
+              disabled: G,
+              required: n,
+              className: [
+                V,
+                Me && "with-left-element",
+                Ee && "with-right-element"
+              ].filter(Boolean).join(" "),
+              "aria-label": E || e,
+              "aria-invalid": v || p,
+              "aria-required": n,
+              onChange: ee,
+              onBlur: le,
+              onFocus: xe,
+              ...Pe
+            }
+          ),
+          (Me || Ee) && /* @__PURE__ */ P(K, { "data-input-helper": !0, "aria-hidden": "true", children: [
+            Re(s || c, "left", m),
+            Re(i || d, "right", R)
+          ] })
+        ]
+      }
+    );
+  }
+);
+$e.displayName = "InputField";
+const at = w.forwardRef(
+  ({
+    desktopSpan: e,
+    mobileSpan: t,
+    tabletLandscapeSpan: a,
+    tabletPortraitSpan: r,
+    isHorizontal: l,
+    role: n,
+    ...s
+  }, i) => {
+    let c = [];
+    return e || a || r || t ? (e && c.push(`${e}`), a && c.push(`${a}-on-tablet-landscape`), r && c.push(`${r}-on-tablet-portrait`), t && c.push(`${t}-on-mobile`)) : c.push("whole"), l && c.push("horizontal"), /* @__PURE__ */ o(
+      I,
+      {
+        as: "div",
+        "data-portion": !0,
+        ref: i,
+        classNames: c,
+        role: n,
+        ...s
+      }
+    );
+  }
+);
+at.displayName = "Portion";
+const rt = w.forwardRef(
+  ({
+    id: e,
+    name: t,
+    value: a,
+    label: r,
+    helpText: l,
+    errorText: n,
+    onChange: s,
+    checked: i,
+    disabled: c,
+    required: d,
+    ...u
+  }, f) => {
+    const p = he(() => t || e, [t, e]), g = (y) => {
+      y.target.checked && s && s(a);
+    }, { wrapperProps: b, inputProps: x } = ie(u);
+    return /* @__PURE__ */ o(
+      I,
+      {
+        as: "div",
+        "data-radio-button": !0,
+        ref: f,
+        role: "radio",
+        "aria-checked": i,
+        "aria-disabled": c,
+        ...b,
+        children: /* @__PURE__ */ o(
+          Z,
+          {
+            label: r,
+            htmlFor: e,
+            helpText: l,
+            errorText: n,
+            required: d,
+            children: /* @__PURE__ */ o(
+              I,
+              {
+                as: "input",
+                type: "radio",
+                id: e,
+                name: p,
+                value: a,
+                checked: i,
+                disabled: c,
+                required: d,
+                onChange: g,
+                ...x
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+rt.displayName = "RadioButton";
+const st = w.forwardRef(
+  ({
+    id: e,
+    name: t,
+    label: a,
+    helpText: r,
+    errorText: l,
+    options: n,
+    value: s,
+    defaultValue: i,
+    onChange: c,
+    align: d,
+    equaliseWidth: u,
+    equalizeWidth: f,
+    required: p,
+    disabled: g,
+    ...b
+  }, x) => {
+    const y = he(() => t || e, [t, e]), E = (T) => {
+      c == null || c(T.target.value);
+    };
+    let v = [];
+    return d && v.push(`align-${d}`), (u || f) && v.push("equalise-width"), /* @__PURE__ */ o(
+      Z,
+      {
+        label: a,
+        htmlFor: e,
+        helpText: r,
+        errorText: l,
+        required: p,
+        children: /* @__PURE__ */ o(
+          I,
+          {
+            as: "div",
+            "data-radio-group": !0,
+            ref: x,
+            classNames: v,
+            role: "radiogroup",
+            "aria-label": a,
+            ...b,
+            children: n.map((T, H) => {
+              const { id: k, value: N, label: $, ...L } = T, M = k || `${e}-option-${H}`, z = s ? s === N : i === N;
+              return /* @__PURE__ */ P(
+                K,
+                {
+                  "data-radio-button": !0,
+                  role: "radio",
+                  "aria-checked": z,
+                  children: [
+                    /* @__PURE__ */ o(
+                      "input",
+                      {
+                        type: "radio",
+                        id: M,
+                        name: y,
+                        value: N,
+                        checked: z,
+                        disabled: g,
+                        onChange: E,
+                        ...L
+                      }
+                    ),
+                    /* @__PURE__ */ o("label", { htmlFor: M, children: $ })
+                  ]
+                },
+                M
+              );
+            })
+          }
+        )
+      }
+    );
+  }
+);
+st.displayName = "RadioGroup";
+const nt = w.forwardRef(
+  ({
+    layout: e = "grid",
+    gutters: t = "medium",
+    retainLayoutOnTabletLandscape: a,
+    retainLayoutOnTabletPortrait: r,
+    retainLayoutOnMobile: l,
+    retainLayoutAlways: n,
+    allowUltraWide: s,
+    groupLabel: i,
+    ...c
+  }, d) => {
+    let u = [];
+    return e && u.push(`layout-${e}`), t && u.push(t === "none" ? "no-gutters" : `${t}-gutters`), a && u.push("retain-layout-on-tablet-landscape"), r && u.push("retain-layout-on-tablet-portrait"), l && u.push("retain-layout-on-mobile"), n && u.push(
+      "retain-layout-on-tablet-landscape retain-layout-on-tablet-portrait retain-layout-on-mobile"
+    ), s && u.push("allow-ultra-wide"), /* @__PURE__ */ o(
+      I,
+      {
+        as: "div",
+        "data-row": !0,
+        ref: d,
+        classNames: [u.join(" ")],
+        marginBottom: "tiny",
+        role: "grid",
+        "aria-label": i,
+        ...c
+      }
+    );
+  }
+);
+nt.displayName = "Row";
+const ot = w.forwardRef(
+  ({
+    // FormItem props
+    label: e,
+    helpText: t,
+    errorText: a,
+    required: r,
+    // Select props
+    id: l,
+    name: n,
+    options: s,
+    onChange: i,
+    disabled: c,
+    className: d,
+    ...u
+  }, f) => {
+    const p = he(() => n || l, [n, l]), g = (v) => /* @__PURE__ */ o(
+      I,
+      {
+        as: "option",
+        value: v.value,
+        disabled: v.disabled,
+        children: v.label
+      },
+      v.value
+    ), b = (v) => /* @__PURE__ */ o(
+      I,
+      {
+        as: "optgroup",
+        label: v.label,
+        children: v.options.map(g)
+      },
+      v.label
+    ), x = (v) => {
+      i == null || i(v.target.value);
+    }, { wrapperProps: y, inputProps: E } = ie(u);
+    return /* @__PURE__ */ o(
+      Z,
+      {
+        label: e,
+        htmlFor: l,
+        helpText: t,
+        errorText: a,
+        required: r,
+        ...y,
+        children: /* @__PURE__ */ o(K, { "data-select": !0, className: d, disabled: c, children: /* @__PURE__ */ o(
+          I,
+          {
+            as: "select",
+            ref: f,
+            id: l,
+            name: p,
+            disabled: c,
+            required: r,
+            onChange: x,
+            ...E,
+            children: s.map(
+              (v) => "options" in v ? b(v) : g(v)
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+ot.displayName = "Select";
+const Xe = (e, t) => e > t ? "exceeded" : e >= t * 0.9 ? "warning" : "normal", Te = (e, t, a) => Math.abs(e) === 1 ? t : a, it = w.forwardRef(
+  ({
+    // FormItem props
+    label: e,
+    hideLabel: t,
+    helpText: a,
+    errorText: r,
+    size: l,
+    required: n,
+    // TextArea-specific
+    onChange: s,
+    value: i = "",
+    characterLimit: c,
+    wordLimit: d,
+    // Input props
+    id: u,
+    name: f,
+    rows: p,
+    cols: g,
+    minLength: b,
+    maxLength: x,
+    placeholder: y,
+    readOnly: E,
+    disabled: v,
+    autoComplete: T,
+    // Validation (unused but destructured to not pass to DOM)
+    validateThis: H,
+    valid: k,
+    invalid: N,
+    ...$
+  }, L) => {
+    const M = J(null), z = (V) => {
+      s == null || s(V.target.value);
+    }, A = () => {
+      const V = [];
+      if (c) {
+        const O = i.length, h = Xe(O, c), m = Math.max(0, O - c), R = c - O;
+        V.push(
+          /* @__PURE__ */ o("span", { className: `limit-${h}`, children: m > 0 ? `${m} ${Te(m, "char", "chars")} over limit` : `${R} ${Te(R, "char", "chars")} left` }, "char-limit")
+        );
+      }
+      if (d) {
+        const O = i.trim().split(/\s+/).filter(Boolean).length, h = Xe(O, d), m = Math.max(0, O - d), R = d - O;
+        V.push(
+          /* @__PURE__ */ o("span", { className: `limit-${h}`, children: m > 0 ? `${m} ${Te(m, "word", "words")} over limit` : `${R} ${Te(R, "word", "words")} left` }, "word-limit")
+        );
+      }
+      if (!(!V.length && !a))
+        return /* @__PURE__ */ P(Ne, { children: [
+          a,
+          a && V.length > 0 && /* @__PURE__ */ o("span", { className: "separator", children: " • " }),
+          V.map((O, h) => /* @__PURE__ */ P(w.Fragment, { children: [
+            h > 0 && /* @__PURE__ */ o("span", { className: "separator", children: " • " }),
+            O
+          ] }, h))
+        ] });
+    }, S = (V) => {
+      M.current = V, typeof L == "function" ? L(V) : L && (L.current = V);
+    }, { wrapperProps: D, inputProps: G } = ie($);
+    return /* @__PURE__ */ o(
+      Z,
+      {
+        label: e,
+        htmlFor: u,
+        helpText: A(),
+        errorText: r,
+        required: n,
+        size: l,
+        ...D,
+        children: /* @__PURE__ */ o(
+          I,
+          {
+            as: "textarea",
+            ref: S,
+            "data-textarea": !0,
+            id: u,
+            name: f,
+            value: i,
+            rows: p,
+            cols: g,
+            minLength: b,
+            maxLength: x,
+            placeholder: y,
+            readOnly: E,
+            disabled: v,
+            required: n,
+            autoComplete: T,
+            onChange: z,
+            ...G
+          }
+        )
+      }
+    );
+  }
+);
+it.displayName = "TextArea";
+const Wt = {
+  Checkbox: He,
+  Switch: _e,
+  InputField: $e,
+  FileUpload: tt,
+  InputLabel: ke,
+  RadioButton: rt,
+  RadioGroup: st,
+  Select: ot,
+  TextArea: it,
+  Empty: "div"
+}, zt = (e, t) => {
+  const { as: a, name: r, ...l } = e, n = (i) => {
+    t(r, i);
+  }, s = Wt[a] || $e;
+  return /* @__PURE__ */ o(
+    I,
+    {
+      as: s,
+      ...l,
+      name: r,
+      isFullWidth: !0,
+      onChange: n
+    }
+  );
+}, Ht = (e, t, a) => {
+  const r = e.map((l, n) => {
+    const {
+      desktopSpan: s,
+      tabletLandscapeSpan: i,
+      tabletPortraitSpan: c,
+      mobileSpan: d,
+      isHorizontal: u,
+      ...f
+    } = l;
+    return /* @__PURE__ */ xt(at, { ...{
+      desktopSpan: s,
+      tabletLandscapeSpan: i,
+      tabletPortraitSpan: c,
+      mobileSpan: d,
+      isHorizontal: u
+    }, key: `${l.name}-${n}` }, zt(f, t));
+  });
+  return /* @__PURE__ */ o(nt, { gutters: a, children: r });
+}, _t = w.forwardRef(
+  ({ spacing: e = "small", fields: t, onFieldsChange: a, children: r, errorText: l, ...n }, s) => {
+    let i = [];
+    e && i.push(`spacing-${e}`);
+    const c = (u, f) => {
+      a && a({
+        [u]: f
+      });
+    }, d = t != null && t.length ? Ht(t, c, e) : r;
+    return /* @__PURE__ */ P(
+      I,
+      {
+        as: "form",
+        "data-form": !0,
+        ref: s,
+        classNames: i,
+        ...n,
+        children: [
+          d,
+          l && /* @__PURE__ */ o(Ze, { kind: "error", children: l })
+        ]
+      }
+    );
+  }
+);
+_t.displayName = "Form";
+const Gt = w.forwardRef(
+  ({
+    isJoint: e,
+    equalWidthForChildren: t,
+    retainLayout: a,
+    children: r,
+    legend: l,
+    id: n,
+    ...s
+  }, i) => {
+    const c = n || `form-group-${Math.random().toString(36).substring(2, 9)}`;
+    let d = [];
+    return e && d.push("is-joint"), t && d.push("equal-width-for-children"), a && d.push("retain-layout"), /* @__PURE__ */ o(
+      I,
+      {
+        as: "div",
+        "data-form-item-group": !0,
+        ref: i,
+        id: c,
+        role: "group",
+        "aria-label": l,
+        classNames: d,
+        ...s,
+        children: r
+      }
+    );
+  }
+);
+Gt.displayName = "FormItemGroup";
+const Kt = (e, t) => {
+  const a = [], r = e.length, l = t.length;
+  if (r === 0) return l;
+  if (l === 0) return r;
+  for (let n = 0; n <= l; n++)
+    a[n] = [n];
+  for (let n = 0; n <= r; n++)
+    a[0][n] = n;
+  for (let n = 1; n <= l; n++)
+    for (let s = 1; s <= r; s++)
+      t[n - 1] === e[s - 1] ? a[n][s] = a[n - 1][s - 1] : a[n][s] = Math.min(
+        a[n - 1][s] + 1,
+        // Deletion
+        a[n][s - 1] + 1,
+        // Insertion
+        a[n - 1][s - 1] + 1
+        // Substitution
+      );
+  return a[l][r];
+}, jt = (e, t) => {
+  let a = 0, r = 0;
+  for (; a < e.length && r < t.length; )
+    e[a] === t[r] && a++, r++;
+  return a === e.length;
+}, Xt = (e) => e.split(/[\s\-_]+/).map((t) => t.slice(0, 2)).join("").toLowerCase(), Ct = (e, t) => {
+  if (!t) return e;
+  const a = t.toLowerCase().trim(), r = Math.floor(a.length / 2);
+  return e.map((n) => {
+    const s = n.label.toLowerCase(), i = Kt(a, s), c = s.split(/[\s\-_]+/), d = a.split(/[\s\-_]+/), u = s.includes(a) || d.every(
+      (g) => c.some((b) => b.startsWith(g))
+    ), f = Xt(s), p = jt(a, f);
+    return {
+      option: n,
+      distance: i,
+      isPartialMatch: u,
+      isAcronymMatch: p
+    };
+  }).filter(
+    ({ distance: n, isPartialMatch: s, isAcronymMatch: i }) => s || i || n <= r
+  ).sort((n, s) => n.isPartialMatch && !s.isPartialMatch ? -1 : !n.isPartialMatch && s.isPartialMatch ? 1 : n.isAcronymMatch && !s.isAcronymMatch ? -1 : !n.isAcronymMatch && s.isAcronymMatch ? 1 : n.distance - s.distance).map(({ option: n }) => n);
+}, Ut = w.forwardRef(
+  ({
+    options: e = [],
+    label: t,
+    helpText: a,
+    errorText: r,
+    placeholder: l = "Select an option",
+    id: n,
+    defaultValue: s,
+    onChange: i,
+    disabled: c,
+    selectionLimit: d,
+    allowMultiSelect: u = !1,
+    allowCustomEntries: f = !1,
+    isLoading: p,
+    value: g,
+    isFullWidth: b,
+    className: x,
+    required: y,
+    ...E
+  }, v) => {
+    const [T, H] = X(!1), [k, N] = X(""), [$, L] = X(-1), [M, z] = X(null), [A, S] = X([]);
+    q(() => {
+      s && i && i(s);
+    }, []);
+    const D = w.useMemo(() => [...e], [e]), G = J(), V = J(null), O = n || `listbox-${Math.random().toString(36).substring(2, 9)}`, h = Ct(D, k), m = (B) => {
+      if (B.disabled) return;
+      let j;
+      if (u) {
+        if (A.some((le) => le.value === B.value))
+          j = A.filter((le) => le.value !== B.value);
+        else {
+          if (d && A.length >= d)
+            return;
+          j = [...A, B];
+        }
+        S(j), i == null || i(j.map((le) => le.value));
+      } else
+        j = [B], z(B), S(j), i == null || i(B.value), H(!1);
+      N(""), L(-1);
+    }, R = (B) => {
+      N(B);
+    }, F = () => {
+      if (!k.trim() || !f) return;
+      const B = k.trim(), j = {
+        value: B,
+        label: B
+      };
+      D.some((ee) => ee.value === B) || m(j);
+    }, W = (B) => {
+      if (u) {
+        const j = A.filter((ee) => ee.value !== B);
+        S(j), i == null || i(j.map((ee) => ee.value));
+      } else
+        z(null), S([]), i == null || i("");
+    }, C = () => {
+      z(null), S([]), i == null || i(u ? [] : "");
+    }, te = (B) => {
+      switch (B.key) {
+        case "ArrowDown":
+          B.preventDefault(), T ? L(
+            (j) => j < h.length - 1 ? j + 1 : j
+          ) : (H(!0), L(0));
+          break;
+        case "ArrowUp":
+          B.preventDefault(), L((j) => j > 0 ? j - 1 : j);
+          break;
+        case "Enter":
+          if (B.preventDefault(), f && k.trim()) {
+            const j = h.find(
+              (ee) => ee.label.toLowerCase() === k.trim().toLowerCase()
+            );
+            j ? m(j) : F();
+          } else $ >= 0 && h[$] && m(h[$]);
+          break;
+        case "Escape":
+          B.preventDefault(), H(!1), L(-1);
+          break;
+        case " ":
+          T || (B.preventDefault(), H(!0), L(0));
+          break;
+        case "Home":
+          T && (B.preventDefault(), L(0));
+          break;
+        case "End":
+          T && (B.preventDefault(), L(h.length - 1));
+          break;
+      }
+    };
+    We(G, () => {
+      H(!1), L(-1);
+    }), q(() => {
+      T && V.current && V.current.focus();
+    }, [T]), q(() => {
+      if ($ >= 0) {
+        const B = document.querySelector(`[data-index="${$}"]`);
+        B == null || B.scrollIntoView({ block: "nearest" });
+      }
+    }, [$]);
+    const { wrapperProps: se, inputProps: Q } = ie(E);
+    return /* @__PURE__ */ o(
+      Z,
+      {
+        label: t,
+        htmlFor: n,
+        helpText: a,
+        errorText: r,
+        required: y,
+        isFullWidth: b,
+        ...se,
+        children: /* @__PURE__ */ P(
+          I,
+          {
+            as: "div",
+            "data-list-box": !0,
+            classNames: ["list-box-wrapper", c ? "disabled" : "", x || ""],
+            ref: G,
+            isFullWidth: b,
+            ...Q,
+            children: [
+              /* @__PURE__ */ P(
+                K,
+                {
+                  className: "list-box-input-wrapper",
+                  onClick: () => !c && H(!T),
+                  role: "combobox",
+                  "aria-haspopup": "listbox",
+                  "aria-expanded": T,
+                  "aria-controls": `${O}-listbox`,
+                  "aria-owns": `${O}-listbox`,
+                  tabIndex: c ? -1 : 0,
+                  children: [
+                    u ? /* @__PURE__ */ P(Ne, { children: [
+                      A.length > 0 ? /* @__PURE__ */ P(K, { className: "options-wrapper", children: [
+                        /* @__PURE__ */ o(K, { className: "options-list", children: A.map((B) => /* @__PURE__ */ o(
+                          Se,
+                          {
+                            actionIcon: "cross",
+                            onActionClick: () => W(B.value),
+                            actionAriaLabel: `Remove ${B.label}`,
+                            size: "small",
+                            shape: "rounded",
+                            children: /* @__PURE__ */ o(Y, { children: B.label })
+                          },
+                          B.value
+                        )) }),
+                        d && A.length >= d && /* @__PURE__ */ P(Y, { className: "options-limit-warning", textColour: "red", size: "tiny", children: [
+                          "You can choose only ",
+                          d,
+                          " option",
+                          d === 1 ? "" : "s"
+                        ] })
+                      ] }) : /* @__PURE__ */ o("span", { className: "placeholder", children: l }),
+                      A.length > 0 && /* @__PURE__ */ o(
+                        K,
+                        {
+                          className: "icon-wrapper clear-all",
+                          title: "Clear all options",
+                          onClick: () => C(),
+                          children: /* @__PURE__ */ P("svg", { viewBox: "0 0 24 24", children: [
+                            /* @__PURE__ */ o("line", { x1: "5", y1: "5", x2: "19", y2: "19" }),
+                            /* @__PURE__ */ o("line", { x1: "5", y1: "19", x2: "19", y2: "5" })
+                          ] })
+                        }
+                      )
+                    ] }) : A[0] ? /* @__PURE__ */ o(Y, { className: "selected-option", children: A[0].label }) : /* @__PURE__ */ o("span", { className: "placeholder", children: l }),
+                    /* @__PURE__ */ o(K, { className: "icon-wrapper chevrons", children: /* @__PURE__ */ P("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+                      /* @__PURE__ */ o("polyline", { points: "6 9 12 4 18 9" }),
+                      /* @__PURE__ */ o("polyline", { points: "6 15 12 20 18 15" })
+                    ] }) })
+                  ]
+                }
+              ),
+              T && !c && /* @__PURE__ */ P(K, { className: "list-box-dropdown", children: [
+                /* @__PURE__ */ P(K, { className: "list-box-search-wrapper", children: [
+                  /* @__PURE__ */ o(
+                    $e,
+                    {
+                      type: "text",
+                      ref: V,
+                      className: "list-box-search",
+                      placeholder: f ? "Type to search or add new" : "Search",
+                      value: k,
+                      onChange: R,
+                      onKeyDown: te,
+                      "aria-controls": `${O}-listbox`,
+                      "aria-label": "Search options",
+                      isFullWidth: !0
+                    }
+                  ),
+                  f && k.trim() && !A.some((B) => B.label.toLowerCase() === k.trim().toLowerCase()) && /* @__PURE__ */ o(
+                    "kbd",
+                    {
+                      className: "list-box-enter-key",
+                      "aria-label": "Press Enter to add custom option",
+                      children: "↵"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ o(
+                  I,
+                  {
+                    as: "ul",
+                    id: `${O}-listbox`,
+                    className: "list-box-options",
+                    role: "listbox",
+                    "aria-multiselectable": u,
+                    "aria-busy": p,
+                    tabIndex: -1,
+                    children: h.length > 0 ? h.map((B, j) => /* @__PURE__ */ o(
+                      "li",
+                      {
+                        id: `${O}-option-${B.value}`,
+                        className: `list-box-option ${B.disabled ? "disabled" : ""} ${$ === j ? "active" : ""}`,
+                        role: "option",
+                        "aria-selected": A.some((ee) => ee.value === B.value),
+                        "aria-disabled": B.disabled,
+                        onClick: () => m(B),
+                        "data-index": j,
+                        tabIndex: -1,
+                        children: B.customLabel || B.label
+                      },
+                      B.value
+                    )) : /* @__PURE__ */ o(
+                      "li",
+                      {
+                        className: "list-box-option disabled",
+                        role: "alert",
+                        "aria-live": "polite",
+                        children: f ? "Type and press Enter to add new option" : "No matches found"
+                      }
+                    )
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Ut.displayName = "ListBox";
+function Ce(e, t) {
+  return (t === "alphanumeric" ? /^[a-zA-Z0-9]+$/i : /^[0-9]+$/).test(e);
+}
+const qt = w.forwardRef(
+  ({
+    numberOfFields: e,
+    onChange: t,
+    type: a = "number",
+    mask: r = !1,
+    isOTP: l = !1,
+    autoFocus: n = !1,
+    pasteFromClipboard: s = "enabled",
+    focusFirstInputOnReset: i = !0,
+    isFullWidth: c,
+    ariaLabel: d,
+    ...u
+  }, f) => {
+    const p = J(null), [g, b] = X([]), [x, y] = X([]), [E, v] = X(!0), [T, H] = X(-1), k = u.id || `pin-input-${Math.random().toString(36).substring(2, 9)}`, N = d || "Enter verification code", $ = _(
+      (O) => {
+        var m;
+        const h = g[O];
+        (m = h == null ? void 0 : h.current) == null || m.focus();
+      },
+      [g]
+    ), L = _(
+      (O) => {
+        if (!E) return;
+        const h = O + 1 < e ? O + 1 : null;
+        h && $(h);
+      },
+      [$, e, E]
+    ), M = _(() => {
+      y(Array(e).fill("")), t == null || t(""), i && ($(0), H(0));
+    }, [e, t, $, i]), z = _(
+      (O, h) => {
+        const m = [...x];
+        m[h] = O, y(m), t == null || t(m.join("")), O !== "" && m.length === e && m.every((F) => F != null && F !== "") && h === e - 1 || (v(!0), L(h));
+      },
+      [L, e, t, x]
+    ), A = _((O, h) => {
+      var F;
+      const m = typeof O == "string" ? O : O.target.value, R = x[h];
+      if (m === "") {
+        z("", h);
+        return;
+      }
+      if (m.length > 1 && h < e - 1) {
+        if (Ce(m, a)) {
+          let W = [];
+          const C = m.split("");
+          R === "" ? W = C.filter((Q, B) => h + B < e) : ((F = g[h].current) == null ? void 0 : F.selectionEnd) === m.length ? W = C.filter((B, j) => j > 0 && h + j - 1 < e) : W = C.filter((B, j) => j < m.length - 1 && h + j < e);
+          const te = x.map(
+            (Q, B) => B >= h && B < h + W.length ? W[B - h] : Q
+          );
+          y(te), t == null || t(te.join(""));
+          const se = Math.min(h + W.length, e - 1);
+          $(se);
+        }
+      } else {
+        let W = m;
+        (R == null ? void 0 : R.length) > 0 && (W = m.charAt(m.length - 1)), Ce(W, a) && z(W, h);
+      }
+    }, [e, t, z, a, x, $, g]), S = _((O, h) => {
+      var m;
+      if (O.key === "Backspace")
+        if (O.target.value === "") {
+          if (h > 0) {
+            const R = h - 1;
+            z("", R), $(R), v(!0);
+          }
+        } else
+          v(!1);
+      else O.key === "Escape" ? ((m = g[h].current) == null || m.blur(), V()) : O.key === "ArrowRight" ? h < e - 1 && $(h + 1) : O.key === "ArrowLeft" && h > 0 && $(h - 1);
+    }, [$, z, g, e]), D = _((O, h) => {
+      H(h);
+    }, []), G = _((O) => {
+      const h = O.target;
+      setTimeout(() => {
+        h.setSelectionRange(h.value.length, h.value.length);
+      }, 0);
+    }, []), V = _(() => {
+      H(-1);
+    }, []);
+    return q(() => {
+      b((O) => Array(e).fill(0).map((m, R) => {
+        var W;
+        const F = O[R] || Rt();
+        return n && R === 0 && ((W = F.current) == null || W.focus()), F;
+      }));
+    }, [e, n]), Je(
+      f,
+      () => ({
+        ...p.current,
+        reset: M
+      }),
+      [M]
+    ), /* @__PURE__ */ o(
+      K,
+      {
+        "data-pin-input-field": !0,
+        ref: p,
+        classNames: c ? ["full-width"] : [],
+        role: "group",
+        "aria-label": N,
+        "aria-required": u.required,
+        ...u,
+        children: Array.from({ length: e }, (O, h) => /* @__PURE__ */ o(
+          $e,
+          {
+            id: `${k}-${h}`,
+            ref: g[h],
+            type: r ? "password" : a === "number" ? "tel" : "text",
+            inputMode: a === "number" ? "numeric" : "text",
+            onChange: (m) => A(m, h),
+            onKeyDown: (m) => S(m, h),
+            onFocus: (m) => D(m, h),
+            onSelect: G,
+            onBlur: V,
+            placeholder: T !== h ? "⦁" : void 0,
+            autoComplete: l ? "one-time-code" : "off",
+            value: x[h] || "",
+            autoFocus: n && h === 0,
+            onCopy: (m) => s === "disabled" && m.preventDefault(),
+            onPaste: (m) => s === "disabled" && m.preventDefault(),
+            "aria-label": `Digit ${h + 1} of ${e}`,
+            "aria-required": u.required
+          },
+          h
+        ))
+      }
+    );
+  }
+);
+qt.displayName = "PinInputField";
+const Yt = w.forwardRef(
+  ({
+    id: e,
+    name: t,
+    label: a,
+    helpText: r,
+    errorText: l,
+    options: n,
+    defaultValue: s,
+    value: i,
+    required: c,
+    onChange: d,
+    size: u = "medium",
+    bgColour: f,
+    disabled: p,
+    ...g
+  }, b) => {
+    const x = he(() => t || e, [t, e]), y = J(null), [E, v] = X({
+      width: 0,
+      transform: "translateX(0)"
+    }), [T, H] = X(!1), [k, N] = X(0), [$, L] = X(0), M = J([]), z = _(() => {
+      if (!y.current) return;
+      const m = y.current, R = m.closest("[data-input-wrapper]");
+      if (m && R) {
+        const F = m.scrollWidth, W = R.clientWidth, C = F > W;
+        H(C), L(C ? F - W : 0);
+      }
+    }, []);
+    q(() => {
+      const m = y.current;
+      if (!m) return;
+      z();
+      const R = new ResizeObserver(() => {
+        z();
+      });
+      return R.observe(m), m.closest("[data-input-wrapper]") && R.observe(m.closest("[data-input-wrapper]")), () => R.disconnect();
+    }, [z]), q(() => {
+      const m = n.findIndex((R) => R.value === i);
+      if (m >= 0) {
+        const R = () => {
+          const F = M.current[m];
+          if (F) {
+            const W = F.offsetWidth;
+            let C = "translateX(0)";
+            m > 0 && (C = `translateX(${M.current.slice(0, m).reduce((se, Q) => se + ((Q == null ? void 0 : Q.offsetWidth) || 0), 0)}px)`), v({ width: W, transform: C });
+          }
+        };
+        if (document.fonts && document.fonts.ready)
+          document.fonts.ready.then(() => {
+            requestAnimationFrame(() => {
+              requestAnimationFrame(R);
+            });
+          });
+        else {
+          const F = setTimeout(R, 100);
+          return () => clearTimeout(F);
+        }
+      }
+    }, [i, n]);
+    const A = (m) => {
+      d == null || d(m.target.value);
+    }, { wrapperProps: S, inputProps: D } = ie(g), G = _((m) => {
+      const R = y.current;
+      if (!R) return;
+      const W = R.clientWidth * 0.8;
+      let C = m === "right" ? Math.min(k + W, $) : Math.max(k - W, 0);
+      N(C), requestAnimationFrame(() => {
+        R.style.transform = `translateX(-${C}px)`;
+      });
+    }, [k, $]), V = k > 0, O = k < $, h = [];
+    return u && h.push(`size-${u}`), /* @__PURE__ */ o(
+      Z,
+      {
+        label: a,
+        htmlFor: e,
+        helpText: r,
+        errorText: l,
+        required: c,
+        ...S,
+        children: /* @__PURE__ */ P(
+          I,
+          {
+            as: "div",
+            "data-radio-tab-group": !0,
+            ref: b,
+            classNames: h,
+            name: x,
+            ...D,
+            children: [
+              T && V && /* @__PURE__ */ o(
+                K,
+                {
+                  className: "scroll-button left",
+                  onClick: () => G("left"),
+                  children: /* @__PURE__ */ o("svg", { viewBox: "0 0 24 24", children: /* @__PURE__ */ o("polyline", { points: "15 18 9 12 15 6" }) })
+                }
+              ),
+              /* @__PURE__ */ P(K, { className: "rtg-options-container", children: [
+                /* @__PURE__ */ P(
+                  K,
+                  {
+                    className: "rtg-options-wrapper",
+                    ref: y,
+                    children: [
+                      /* @__PURE__ */ o(
+                        K,
+                        {
+                          className: "indicator",
+                          style: {
+                            width: `${E.width}px`,
+                            transform: E.transform
+                          }
+                        }
+                      ),
+                      n.map((m, R) => {
+                        const { id: F, ...W } = m, C = F || `${e}-option-${R}`;
+                        return /* @__PURE__ */ P(w.Fragment, { children: [
+                          /* @__PURE__ */ o(
+                            "input",
+                            {
+                              type: "radio",
+                              ...W,
+                              id: C,
+                              name: x,
+                              checked: i === m.value,
+                              disabled: p || m.disabled,
+                              onChange: A
+                            }
+                          ),
+                          /* @__PURE__ */ o(
+                            "label",
+                            {
+                              ref: (te) => M.current[R] = te,
+                              htmlFor: C,
+                              children: m.label
+                            }
+                          )
+                        ] }, C);
+                      })
+                    ]
+                  }
+                ),
+                T && O && /* @__PURE__ */ o(
+                  K,
+                  {
+                    className: "scroll-button right",
+                    onClick: () => G("right"),
+                    children: /* @__PURE__ */ o("svg", { viewBox: "0 0 24 24", children: /* @__PURE__ */ o("polyline", { points: "9 6 15 12 9 18" }) })
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Yt.displayName = "RadioTabGroup";
+function Jt(e) {
+  return Array.isArray(e.value);
+}
+const Zt = w.forwardRef(
+  (e, t) => Jt(e) ? /* @__PURE__ */ o(ct, { ...e, forwardedRef: t }) : /* @__PURE__ */ o(lt, { ...e, forwardedRef: t })
+);
+Zt.displayName = "Range";
+const lt = ({
+  label: e,
+  helpText: t,
+  errorText: a,
+  value: r = 0,
+  suffix: l,
+  onChange: n,
+  min: s = 0,
+  max: i = 100,
+  step: c = 1,
+  id: d,
+  disabled: u,
+  ...f
+}) => {
+  const { wrapperProps: p } = ie(f), g = J(null), b = J(null), [x, y] = X(!1), [E, v] = X(!1), T = Math.max(s, Math.min(i, r)), H = _((A) => i <= s ? 0 : (Math.max(s, Math.min(i, A)) - s) / (i - s) * 100, [s, i]), k = _((A) => {
+    if (!b.current) return s;
+    const S = b.current.getBoundingClientRect(), D = Math.max(0, Math.min(1, (A - S.left) / S.width)), G = s + D * (i - s), V = Math.round(G / c) * c;
+    return Math.max(s, Math.min(i, V));
+  }, [s, i, c]), N = _((A) => {
+    const S = k(A);
+    n == null || n(S);
+  }, [k, n]), $ = _((A) => {
+    u || (A.preventDefault(), y(!0), v(!0), N(A.clientX));
+  }, [u, N]);
+  q(() => {
+    if (!x) return;
+    const A = (D) => {
+      N(D.clientX);
+    }, S = () => {
+      y(!1);
+    };
+    return document.addEventListener("mousemove", A), document.addEventListener("mouseup", S), () => {
+      document.removeEventListener("mousemove", A), document.removeEventListener("mouseup", S);
+    };
+  }, [x, N]);
+  const L = _((A) => {
+    u || (y(!0), v(!0), N(A.touches[0].clientX));
+  }, [u, N]);
+  q(() => {
+    if (!x) return;
+    const A = (D) => {
+      D.preventDefault(), N(D.touches[0].clientX);
+    }, S = () => {
+      y(!1);
+    };
+    return document.addEventListener("touchmove", A, { passive: !1 }), document.addEventListener("touchend", S), () => {
+      document.removeEventListener("touchmove", A), document.removeEventListener("touchend", S);
+    };
+  }, [x, N]);
+  const M = _((A) => {
+    if (u) return;
+    let S = T;
+    switch (A.key) {
+      case "ArrowRight":
+      case "ArrowUp":
+        A.preventDefault(), S = Math.min(T + c, i);
+        break;
+      case "ArrowLeft":
+      case "ArrowDown":
+        A.preventDefault(), S = Math.max(T - c, s);
+        break;
+      case "Home":
+        A.preventDefault(), S = s;
+        break;
+      case "End":
+        A.preventDefault(), S = i;
+        break;
+      case "PageUp":
+        A.preventDefault(), S = Math.min(T + c * 10, i);
+        break;
+      case "PageDown":
+        A.preventDefault(), S = Math.max(T - c * 10, s);
+        break;
+      default:
+        return;
+    }
+    n == null || n(S);
+  }, [u, T, s, i, c, n]), z = H(T);
+  return /* @__PURE__ */ o(
+    Z,
+    {
+      customLabel: e && /* @__PURE__ */ P(K, { "data-range-meta": !0, children: [
+        /* @__PURE__ */ o(
+          ke,
+          {
+            className: "range-label",
+            label: e,
+            htmlFor: d
+          }
+        ),
+        /* @__PURE__ */ P(Y, { className: "range-value", children: [
+          T,
+          l && l
+        ] })
+      ] }),
+      helpText: t,
+      errorText: a,
+      ...p,
+      children: /* @__PURE__ */ P(
+        K,
+        {
+          ref: b,
+          "data-range-single": !0,
+          className: u ? "disabled" : "",
+          role: "group",
+          "aria-labelledby": e ? `${d}-label` : void 0,
+          children: [
+            /* @__PURE__ */ o(K, { className: "range-track", "aria-hidden": "true" }),
+            /* @__PURE__ */ o(
+              K,
+              {
+                className: "range-track-fill",
+                style: {
+                  left: "0%",
+                  right: `${100 - z}%`
+                },
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ o(
+              "button",
+              {
+                ref: g,
+                id: d,
+                type: "button",
+                className: "range-thumb",
+                style: { left: `${z}%` },
+                disabled: u,
+                onMouseDown: $,
+                onTouchStart: L,
+                onKeyDown: M,
+                onFocus: () => v(!0),
+                onBlur: () => v(!1),
+                "data-active": E || x,
+                role: "slider",
+                "aria-valuemin": s,
+                "aria-valuemax": i,
+                "aria-valuenow": T,
+                "aria-valuetext": `${T}${l ? ` ${l}` : ""}`,
+                "aria-orientation": "horizontal"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+lt.displayName = "SingleThumbRange";
+const ct = ({
+  label: e,
+  helpText: t,
+  errorText: a,
+  value: r = [0, 100],
+  suffix: l,
+  onChange: n,
+  min: s = 0,
+  max: i = 100,
+  step: c = 1,
+  minLabel: d = "Minimum value",
+  maxLabel: u = "Maximum value",
+  id: f,
+  disabled: p,
+  ...g
+}) => {
+  const { wrapperProps: b } = ie(g), [x, y] = r, E = Math.max(s, Math.min(i, x)), v = Math.max(s, Math.min(i, y)), T = J(null), H = J(null), k = J(null), [N, $] = X(null), [L, M] = X(null), z = _((m) => i <= s ? 0 : (Math.max(s, Math.min(i, m)) - s) / (i - s) * 100, [s, i]), A = _((m) => {
+    if (!k.current) return s;
+    const R = k.current.getBoundingClientRect(), F = Math.max(0, Math.min(1, (m - R.left) / R.width)), W = s + F * (i - s), C = Math.round(W / c) * c;
+    return Math.max(s, Math.min(i, C));
+  }, [s, i, c]), S = _((m, R) => {
+    const F = A(m);
+    if (R === "min") {
+      const W = Math.min(F, v - c);
+      n == null || n([W, v]);
+    } else {
+      const W = Math.max(F, E + c);
+      n == null || n([E, W]);
+    }
+  }, [A, E, v, c, n]), D = _((m) => (R) => {
+    p || (R.preventDefault(), $(m), M(m), S(R.clientX, m));
+  }, [p, S]);
+  q(() => {
+    if (!N) return;
+    const m = (F) => {
+      S(F.clientX, N);
+    }, R = () => {
+      $(null);
+    };
+    return document.addEventListener("mousemove", m), document.addEventListener("mouseup", R), () => {
+      document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", R);
+    };
+  }, [N, S]);
+  const G = _((m) => (R) => {
+    p || ($(m), M(m), S(R.touches[0].clientX, m));
+  }, [p, S]);
+  q(() => {
+    if (!N) return;
+    const m = (F) => {
+      F.preventDefault(), S(F.touches[0].clientX, N);
+    }, R = () => {
+      $(null);
+    };
+    return document.addEventListener("touchmove", m, { passive: !1 }), document.addEventListener("touchend", R), () => {
+      document.removeEventListener("touchmove", m), document.removeEventListener("touchend", R);
+    };
+  }, [N, S]);
+  const V = _((m) => (R) => {
+    if (p) return;
+    const F = m === "min" ? E : v;
+    let W = F;
+    switch (R.key) {
+      case "ArrowRight":
+      case "ArrowUp":
+        R.preventDefault(), W = Math.min(F + c, i);
+        break;
+      case "ArrowLeft":
+      case "ArrowDown":
+        R.preventDefault(), W = Math.max(F - c, s);
+        break;
+      case "Home":
+        R.preventDefault(), W = m === "min" ? s : E + c;
+        break;
+      case "End":
+        R.preventDefault(), W = m === "max" ? i : v - c;
+        break;
+      case "PageUp":
+        R.preventDefault(), W = Math.min(F + c * 10, i);
+        break;
+      case "PageDown":
+        R.preventDefault(), W = Math.max(F - c * 10, s);
+        break;
+      default:
+        return;
+    }
+    if (m === "min") {
+      const C = Math.min(W, v - c);
+      n == null || n([C, v]);
+    } else {
+      const C = Math.max(W, E + c);
+      n == null || n([E, C]);
+    }
+  }, [p, E, v, s, i, c, n]), O = z(E), h = z(v);
+  return /* @__PURE__ */ o(
+    Z,
+    {
+      customLabel: e && /* @__PURE__ */ P(K, { "data-range-meta": !0, children: [
+        /* @__PURE__ */ o(
+          ke,
+          {
+            className: "range-label",
+            label: e,
+            htmlFor: f
+          }
+        ),
+        /* @__PURE__ */ P(Y, { className: "range-value", children: [
+          E,
+          "–",
+          v,
+          l && l
+        ] })
+      ] }),
+      helpText: t,
+      errorText: a,
+      ...b,
+      children: /* @__PURE__ */ P(
+        K,
+        {
+          ref: k,
+          "data-range-dual": !0,
+          className: p ? "disabled" : "",
+          role: "group",
+          "aria-labelledby": e ? `${f}-label` : void 0,
+          children: [
+            /* @__PURE__ */ o(K, { className: "range-track", "aria-hidden": "true" }),
+            /* @__PURE__ */ o(
+              K,
+              {
+                className: "range-track-fill",
+                style: {
+                  left: `${O}%`,
+                  right: `${100 - h}%`
+                },
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ o(
+              "button",
+              {
+                ref: T,
+                id: `${f}-min`,
+                type: "button",
+                className: "range-thumb range-thumb-min",
+                style: { left: `${O}%` },
+                disabled: p,
+                onMouseDown: D("min"),
+                onTouchStart: G("min"),
+                onKeyDown: V("min"),
+                onFocus: () => M("min"),
+                onBlur: () => M(null),
+                "data-active": L === "min" || N === "min",
+                role: "slider",
+                "aria-label": d,
+                "aria-valuemin": s,
+                "aria-valuemax": v - c,
+                "aria-valuenow": E,
+                "aria-valuetext": `${E}${l ? ` ${l}` : ""}`,
+                "aria-orientation": "horizontal"
+              }
+            ),
+            /* @__PURE__ */ o(
+              "button",
+              {
+                ref: H,
+                id: `${f}-max`,
+                type: "button",
+                className: "range-thumb range-thumb-max",
+                style: { left: `${h}%` },
+                disabled: p,
+                onMouseDown: D("max"),
+                onTouchStart: G("max"),
+                onKeyDown: V("max"),
+                onFocus: () => M("max"),
+                onBlur: () => M(null),
+                "data-active": L === "max" || N === "max",
+                role: "slider",
+                "aria-label": u,
+                "aria-valuemin": E + c,
+                "aria-valuemax": i,
+                "aria-valuenow": v,
+                "aria-valuetext": `${v}${l ? ` ${l}` : ""}`,
+                "aria-orientation": "horizontal"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+ct.displayName = "DualThumbRange";
+const Qt = w.forwardRef(
+  ({
+    label: e,
+    value: t,
+    height: a,
+    suffix: r,
+    showOptimumMarker: l,
+    ariaLabel: n,
+    description: s,
+    min: i,
+    max: c,
+    low: d,
+    high: u,
+    optimum: f,
+    ...p
+  }, g) => {
+    const b = f ? (f - i) / (c - i) * 100 : 0, x = () => {
+      const v = (t - i) / (c - i) * 100;
+      let T;
+      return t <= d ? T = "Low" : t >= u ? T = "High" : T = "Normal", `Current value is ${t}${r || ""} (${v.toFixed(1)}%). Status: ${T}`;
+    }, { wrapperProps: y, inputProps: E } = ie(p);
+    return /* @__PURE__ */ P(
+      I,
+      {
+        as: "div",
+        role: "region",
+        "aria-label": n || "Meter indicator",
+        ...y,
+        children: [
+          e && /* @__PURE__ */ P(
+            I,
+            {
+              as: "div",
+              "data-meter-meta": !0,
+              id: `meter-label-${e.toLowerCase().replace(/\s+/g, "-")}`,
+              children: [
+                /* @__PURE__ */ o(Y, { children: e }),
+                /* @__PURE__ */ P(Y, { children: [
+                  t,
+                  r && r
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ P(
+            "div",
+            {
+              className: "meter-wrapper",
+              role: "presentation",
+              children: [
+                /* @__PURE__ */ o(
+                  I,
+                  {
+                    as: "meter",
+                    "data-meter": !0,
+                    ref: g,
+                    value: t,
+                    min: i,
+                    max: c,
+                    low: d,
+                    high: u,
+                    optimum: f,
+                    ...E,
+                    style: { height: a },
+                    "aria-label": e || n || "Progress meter",
+                    "aria-valuemin": i,
+                    "aria-valuemax": c,
+                    "aria-valuenow": t,
+                    "aria-valuetext": x(),
+                    "aria-describedby": s ? `meter-description-${e == null ? void 0 : e.toLowerCase().replace(/\s+/g, "-")}` : void 0
+                  }
+                ),
+                l && f && /* @__PURE__ */ o(
+                  "div",
+                  {
+                    className: "optimum-marker",
+                    style: { left: `calc(${b}% - var(--meter-border-width))` },
+                    title: `Optimum: ${f}`,
+                    role: "presentation",
+                    "aria-hidden": "true"
+                  }
+                )
+              ]
+            }
+          ),
+          s && /* @__PURE__ */ o(
+            "div",
+            {
+              id: `meter-description-${e == null ? void 0 : e.toLowerCase().replace(/\s+/g, "-")}`,
+              className: "sr-only",
+              children: s
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Qt.displayName = "Meter";
+const ea = w.forwardRef(
+  ({
+    id: e,
+    children: t,
+    classNames: a = [],
+    isOpen: r = !1,
+    onClose: l,
+    isDismissible: n = !0,
+    showBackdrop: s,
+    blurBackdrop: i,
+    label: c,
+    description: d,
+    ...u
+  }, f) => {
+    const p = `${e}`, g = d ? `${p}-description` : void 0;
+    return s && a.push("show-backdrop"), i && a.push("blur-backdrop"), q(() => {
+      const b = document.querySelector(`#${p}[data-modal]`);
+      if (!(!b || !(b instanceof HTMLElement)))
+        if (r) {
+          b.showPopover();
+          const x = b.querySelectorAll(
+            'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+          );
+          x.length && x[0].focus();
+        } else
+          b.matches(":popover-open") && b.hidePopover();
+    }, [r, p]), q(() => {
+      const b = document.querySelector(`#${p}[data-modal]`);
+      if (!b || !(b instanceof HTMLElement)) return;
+      const x = (y) => {
+        y.newState === "closed" && r && l && l();
+      };
+      return b.addEventListener("toggle", x), () => b.removeEventListener("toggle", x);
+    }, [p, r, l]), /* @__PURE__ */ P(
+      I,
+      {
+        as: "dialog",
+        id: p,
+        "data-modal": !0,
+        popover: n ? "auto" : "manual",
+        ref: f,
+        classNames: a,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": c || "Modal dialog",
+        "aria-describedby": g,
+        ...u,
+        children: [
+          n && l && /* @__PURE__ */ o(
+            Y,
+            {
+              className: "dismiss-button",
+              onClick: l,
+              "aria-label": "Close modal",
+              tabIndex: 0,
+              children: "×"
+            }
+          ),
+          d && /* @__PURE__ */ o("div", { id: g, className: "sr-only", children: d }),
+          /* @__PURE__ */ o("div", { role: "document", children: t })
+        ]
+      }
+    );
+  }
+);
+ea.displayName = "Modal";
+const dt = w.forwardRef(
+  ({
+    position: e = "right",
+    anchor: t = "top",
+    order: a = "new-on-top",
+    kind: r = "list",
+    children: l,
+    label: n,
+    ...s
+  }, i) => {
+    let c = [];
+    return e && c.push(e), t && c.push(t), a && c.push(a), r && c.push(r), w.Children.count(l) === 0 ? null : /* @__PURE__ */ o(
+      I,
+      {
+        as: "section",
+        "data-notifications-wrapper": !0,
+        ref: i,
+        classNames: c,
+        "aria-label": n || "Notifications",
+        "aria-relevant": "additions removals",
+        role: "log",
+        ...s,
+        children: l
+      }
+    );
+  }
+);
+dt.displayName = "NotificationsWrapper";
+const ta = {
+  generic: "status",
+  info: "status",
+  warning: "alert",
+  error: "alert",
+  success: "status"
+}, ut = ({
+  id: e,
+  kind: t = "generic",
+  duration: a = 4,
+  isDismissible: r = !0,
+  onClose: l,
+  children: n
+}) => {
+  const [s, i] = X(!1);
+  q(() => {
+    if (a === 0) return;
+    const p = setTimeout(() => {
+      i(!0);
+    }, a * 1e3);
+    return () => clearTimeout(p);
+  }, [a]), q(() => {
+    if (!s) return;
+    const p = setTimeout(() => {
+      l();
+    }, 500);
+    return () => clearTimeout(p);
+  }, [s, l]);
+  const c = (p) => {
+    p.preventDefault(), i(!0);
+  }, d = (p) => {
+    (p.key === "Enter" || p.key === " ") && (p.preventDefault(), i(!0));
+  }, u = () => {
+    s && l();
+  }, f = [t];
+  return r && f.push("dismissible"), s && f.push("dismissed"), /* @__PURE__ */ P(
+    I,
+    {
+      as: "div",
+      "data-notification-item": !0,
+      id: e,
+      classNames: f,
+      onTransitionEnd: u,
+      role: ta[t],
+      "aria-live": t === "error" || t === "warning" ? "assertive" : "polite",
+      "aria-atomic": "true",
+      children: [
+        /* @__PURE__ */ o("div", { className: "notification-content", children: n }),
+        r && /* @__PURE__ */ o(
+          K,
+          {
+            className: "dismiss-button",
+            onClick: c,
+            onKeyDown: d,
+            "aria-label": "Dismiss notification",
+            tabIndex: 0,
+            children: /* @__PURE__ */ o("span", { className: "sr-only", children: "Close notification" })
+          }
+        )
+      ]
+    }
+  );
+};
+ut.displayName = "NotificationItem";
+const ft = Le(null), aa = ({
+  children: e,
+  position: t = "right",
+  anchor: a = "top",
+  order: r = "new-on-top",
+  kind: l = "list"
+}) => {
+  const [n, s] = X([]), i = _((f) => {
+    s((p) => p.filter((g) => g.id !== f));
+  }, []), c = _((f, p = "generic", g = 4, b = !0) => {
+    const x = `notification-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+    return s((y) => [...y, {
+      id: x,
+      content: f,
+      kind: p,
+      duration: g,
+      isDismissible: b
+    }]), x;
+  }, []), d = _((f) => {
+    if (typeof f == "string") {
+      c(f);
+      return;
+    }
+    if (f !== null && typeof f == "object" && "content" in f) {
+      const p = f;
+      c(
+        p.content,
+        p.kind ?? "generic",
+        p.duration ?? 4,
+        p.isDismissible ?? !0
+      );
+      return;
+    }
+    c(f);
+  }, [c]), u = _(() => {
+    const f = d;
+    return f.success = (p) => {
+      c(p, "success");
+    }, f.error = (p) => {
+      c(p, "error");
+    }, f.warning = (p) => {
+      c(p, "warning");
+    }, f.info = (p) => {
+      c(p, "info");
+    }, f;
+  }, [d, c])();
+  return /* @__PURE__ */ P(ft.Provider, { value: { notify: u }, children: [
+    e,
+    /* @__PURE__ */ o(
+      dt,
+      {
+        position: t,
+        anchor: a,
+        order: r,
+        kind: l,
+        children: n.map(({ id: f, content: p, kind: g, duration: b, isDismissible: x }) => /* @__PURE__ */ o(
+          ut,
+          {
+            id: f,
+            kind: g,
+            duration: b,
+            isDismissible: x,
+            onClose: () => i(f),
+            children: typeof p == "function" ? p({ close: () => i(f) }) : p
+          },
+          f
+        ))
+      }
+    )
+  ] });
+};
+aa.displayName = "NotificationsProvider";
+const Ca = () => {
+  const e = ye(ft);
+  if (!e)
+    throw new Error("useNotifications must be used within a NotificationsProvider");
+  return e.notify;
+}, pt = w.forwardRef(
+  ({
+    size: e = "medium",
+    loadingText: t = "Loading...",
+    ...a
+  }, r) => {
+    let l = [];
+    return e && l.push(`size-${e}`), /* @__PURE__ */ o(
+      I,
+      {
+        as: "div",
+        "data-spinner": !0,
+        ref: r,
+        classNames: l,
+        role: "status",
+        "aria-busy": "true",
+        "aria-live": "polite",
+        "aria-label": t,
+        ...a
+      }
+    );
+  }
+);
+pt.displayName = "Spinner";
+const Ue = (e, t) => {
+  const a = t - e + 1;
+  return Array.from({ length: a }, (r, l) => e + l);
+}, ra = ({
+  totalItems: e,
+  currentPage: t,
+  itemsToShowEachSide: a
+}) => {
+  const r = e;
+  return {
+    items: (() => {
+      const n = a * 2 + 1;
+      let s = [];
+      if (r <= n)
+        s = Ue(1, r);
+      else {
+        const i = Math.min(t - 1, a), c = Math.min(r - t, a);
+        s.push(1), t - a > 2 && s.push("...");
+        const d = Math.max(2, t - i), u = Math.min(r - 1, t + c);
+        s.push(...Ue(d, u)), r - t > a + 1 && s.push("..."), u < r && s.push(r);
+      }
+      return s;
+    })(),
+    totalPages: r,
+    rangeStart: t,
+    rangeEnd: t,
+    hasPrevPage: t > 1,
+    hasNextPage: t < r
+  };
+}, sa = ({
+  type: e,
+  page: t,
+  selected: a,
+  disabled: r,
+  onClick: l,
+  key: n,
+  ...s
+}) => {
+  if (e === "ellipsis")
+    return /* @__PURE__ */ o(Y, { className: "pagination-ellipsis", children: "..." });
+  const i = {
+    type: "button",
+    className: `pagination-item ${a ? "selected" : ""} ${r ? "disabled" : ""}`,
+    onClick: l,
+    disabled: r,
+    ...s
+  };
+  let c;
+  switch (e) {
+    case "first":
+      c = c = /* @__PURE__ */ P("svg", { viewBox: "0 0 24 24", children: [
+        /* @__PURE__ */ o("line", { x1: "5", y1: "18", x2: "5", y2: "6" }),
+        /* @__PURE__ */ o("polyline", { points: "14 18 9 12 14 6" }),
+        /* @__PURE__ */ o("line", { x1: "10", y1: "12", x2: "19", y2: "12" })
+      ] });
+      break;
+    case "previous":
+      c = /* @__PURE__ */ P("svg", { viewBox: "0 0 24 24", children: [
+        /* @__PURE__ */ o("polyline", { points: "12 18 7 12 12 6" }),
+        /* @__PURE__ */ o("line", { x1: "8", y1: "12", x2: "17", y2: "12" })
+      ] });
+      break;
+    case "next":
+      c = c = /* @__PURE__ */ P("svg", { viewBox: "0 0 24 24", children: [
+        /* @__PURE__ */ o("polyline", { points: "12 6 17 12 12 18" }),
+        /* @__PURE__ */ o("line", { x1: "16", y1: "12", x2: "7", y2: "12" })
+      ] });
+      break;
+    case "last":
+      c = c = /* @__PURE__ */ P("svg", { viewBox: "0 0 24 24", children: [
+        /* @__PURE__ */ o("polyline", { points: "10 6 15 12 10 18" }),
+        /* @__PURE__ */ o("line", { x1: "19", y1: "6", x2: "19", y2: "18" }),
+        /* @__PURE__ */ o("line", { x1: "14", y1: "12", x2: "5", y2: "12" })
+      ] });
+      break;
+    default:
+      c = t;
+  }
+  return /* @__PURE__ */ o(
+    ze,
+    {
+      kind: "custom",
+      ...i,
+      children: c
+    }
+  );
+}, na = w.forwardRef(
+  ({
+    totalItems: e,
+    currentPage: t,
+    onPageChange: a,
+    itemsToShowEachSide: r = 1,
+    kind: l = "plain",
+    showGoToFirstItemButton: n = !0,
+    showGoToLastItemButton: s = !0,
+    showPreviousButton: i = !0,
+    showNextButton: c = !0,
+    showGoToInput: d = !1,
+    disabled: u = !1,
+    hideDisabledButtons: f = !1,
+    renderItem: p = sa,
+    isLoading: g = !1,
+    loadingText: b,
+    emptyText: x,
+    itemDisplayText: y = "Page",
+    ...E
+  }, v) => {
+    const {
+      items: T,
+      totalPages: H,
+      rangeStart: k,
+      hasPrevPage: N,
+      hasNextPage: $
+    } = ra({
+      totalItems: e,
+      currentPage: t,
+      itemsToShowEachSide: r
+    }), [L, M] = w.useState(""), z = (D) => {
+      M(D.target.value);
+    }, A = (D) => {
+      if (D.key === "Enter") {
+        const G = parseInt(L);
+        !isNaN(G) && G >= 1 && G <= H && (a(G), M(""));
+      }
+    };
+    if (e === 0)
+      return /* @__PURE__ */ o(Y, { className: "pagination-empty", children: x || "No items to display" });
+    let S = ["pagination"];
+    return l && S.push(l), u && S.push("disabled"), g && S.push("loading"), /* @__PURE__ */ P(
+      I,
+      {
+        as: "nav",
+        "data-pagination": !0,
+        ref: v,
+        classNames: S,
+        role: "navigation",
+        "aria-label": "pagination",
+        ...E,
+        children: [
+          /* @__PURE__ */ P(K, { className: "pagination-controls", children: [
+            n && (!f || N) && p({
+              type: "first",
+              disabled: !N || u,
+              selected: !1,
+              onClick: () => a(1)
+            }),
+            i && (!f || N) && p({
+              type: "previous",
+              disabled: !N || u,
+              selected: !1,
+              onClick: () => a(t - 1)
+            }),
+            T.map((D, G) => {
+              const V = D === "..." ? {
+                key: `ellipsis-${G}`,
+                type: "ellipsis",
+                selected: !1,
+                disabled: !0
+              } : {
+                key: D.toString(),
+                type: "page",
+                page: D,
+                selected: D === t,
+                disabled: u,
+                "aria-current": D === t ? "page" : void 0,
+                onClick: () => a(D)
+              };
+              return p(V);
+            }),
+            c && (!f || $) && p({
+              type: "next",
+              disabled: !$ || u,
+              selected: !1,
+              onClick: () => a(t + 1)
+            }),
+            s && (!f || $) && p({
+              type: "last",
+              disabled: !$ || u,
+              selected: !1,
+              onClick: () => a(H)
+            }),
+            g && /* @__PURE__ */ P(K, { className: "pagination-loading", children: [
+              /* @__PURE__ */ o(pt, {}),
+              b && /* @__PURE__ */ o(Y, { size: "small", children: b })
+            ] })
+          ] }),
+          /* @__PURE__ */ P(K, { className: "pagination-info", children: [
+            /* @__PURE__ */ P(Y, { size: "tiny", children: [
+              y,
+              " ",
+              k,
+              " of ",
+              e
+            ] }),
+            d && /* @__PURE__ */ o(K, { className: "pagination-go-to", children: /* @__PURE__ */ o(
+              "input",
+              {
+                type: "number",
+                min: 1,
+                max: H,
+                value: L,
+                onChange: z,
+                onKeyDown: A,
+                placeholder: `Go to ${y}`,
+                "aria-label": `Go to ${y}`,
+                disabled: u
+              }
+            ) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+na.displayName = "Pagination";
+const oa = w.forwardRef(
+  ({
+    label: e,
+    value: t,
+    height: a,
+    max: r = 100,
+    shape: l,
+    bgColor: n,
+    bgColour: s,
+    fillColor: i,
+    fillColour: c,
+    ...d
+  }, u) => {
+    const f = Math.max(0, Math.min(r, Number(t) || 0)), p = `${f}${d.suffix || ""}`, g = s || n, b = c || i, x = {
+      height: a,
+      ...g && { "--progress-bar-bg": `var(--${g})` },
+      ...b && { "--progress-bar-fill": `var(--${b})` }
+    };
+    return /* @__PURE__ */ P(Ne, { children: [
+      e && /* @__PURE__ */ P(
+        I,
+        {
+          as: "div",
+          "data-progress-bar-meta": !0,
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ o(Y, { children: e }),
+            /* @__PURE__ */ o(Y, { children: p })
+          ]
+        }
+      ),
+      /* @__PURE__ */ o(
+        I,
+        {
+          as: "progress",
+          "data-progress-bar": !0,
+          ref: u,
+          value: f,
+          max: r,
+          "aria-label": e,
+          "aria-valuemin": 0,
+          "aria-valuemax": r,
+          "aria-valuenow": f,
+          "aria-valuetext": `${e ? `${e}: ` : ""}${p}`,
+          shape: l,
+          ...d,
+          style: x
+        }
+      )
+    ] });
+  }
+);
+oa.displayName = "ProgressBar";
+const Oe = Le({
+  isSelected: () => !1,
+  toggleSelection: () => {
+  },
+  showTickIcon: !1,
+  tickPosition: "top-right",
+  selectAllOptions: () => {
+  },
+  clearAllOptions: () => {
+  },
+  setSelectedOptions: () => {
+  },
+  setSelectedIds: () => {
+  },
+  registerOption: () => {
+  },
+  unregisterOption: () => {
+  }
+}), ia = w.forwardRef(
+  ({
+    children: e,
+    allowMultipleSelections: t = !1,
+    showTickIcon: a,
+    onSelectionChange: r,
+    tickPosition: l = "top-right",
+    selectionLimit: n,
+    defaultSelectedIds: s,
+    ...i
+  }, c) => {
+    const [d, u] = X(
+      s ? new Set(s) : /* @__PURE__ */ new Set()
+    ), f = J(/* @__PURE__ */ new Map());
+    q(() => {
+      s && s.size > 0 && (u(new Set(s)), r == null || r(new Set(s)));
+    }, [s, r]);
+    const p = _((k, N) => {
+      f.current.set(k, N);
+    }, []), g = _((k) => {
+      f.current.delete(k);
+    }, []), b = _((k) => {
+      u((N) => {
+        const $ = new Set(N);
+        if (t)
+          if ($.has(k))
+            $.delete(k);
+          else {
+            if (n && $.size >= n)
+              return N;
+            $.add(k);
+          }
+        else
+          $.has(k) && N.size === 1 ? $.clear() : ($.clear(), $.add(k));
+        return r == null || r($), $;
+      });
+    }, [t, r, n]), x = _(() => {
+      t && u((k) => {
+        const N = new Set(k), $ = Array.from(f.current.entries()).filter(([M, z]) => !z).map(([M]) => M);
+        return (n ? $.slice(0, n) : $).forEach((M) => N.add(M)), r == null || r(N), N;
+      });
+    }, [t, n, r]), y = _(() => {
+      u(/* @__PURE__ */ new Set()), r == null || r(/* @__PURE__ */ new Set());
+    }, [r]), E = _((k) => {
+      k && (console.log("Setting selected options:", k), u(() => {
+        const N = new Set(k);
+        return r == null || r(N), N;
+      }));
+    }, [r]), v = _((k) => {
+      k && (console.log("Setting selected ids:", Array.from(k)), u(() => {
+        const N = new Set(k);
+        return r == null || r(N), N;
+      }));
+    }, [r]), T = _((k) => d.has(k), [d]);
+    w.useImperativeHandle(c, () => ({
+      selectAllOptions: x,
+      clearAllOptions: y,
+      setSelectedOptions: E,
+      setSelectedIds: v
+    }), [x, y, E, v]);
+    const H = {
+      isSelected: T,
+      toggleSelection: b,
+      showTickIcon: a,
+      tickPosition: l,
+      selectAllOptions: x,
+      clearAllOptions: y,
+      setSelectedOptions: E,
+      setSelectedIds: v,
+      registerOption: p,
+      unregisterOption: g
+    };
+    return /* @__PURE__ */ o(Oe.Provider, { value: H, children: /* @__PURE__ */ o(K, { "data-option-cards-group": !0, className: `tick-${l}`, children: e }) });
+  }
+);
+ia.displayName = "OptionCardsGroup";
+const Ua = (e) => {
+  const t = ye(Oe);
+  return {
+    isSelected: t.isSelected(e),
+    toggleSelection: () => t.toggleSelection(e),
+    showTickIcon: t.showTickIcon
+  };
+}, qa = () => {
+  const {
+    selectAllOptions: e,
+    clearAllOptions: t,
+    setSelectedOptions: a,
+    setSelectedIds: r
+  } = ye(Oe);
+  return {
+    selectAllOptions: e,
+    clearAllOptions: t,
+    setSelectedOptions: a,
+    setSelectedIds: r
+  };
+}, Ya = ({ id: e, children: t, disabled: a = !1, ...r }) => {
+  const { isSelected: l, toggleSelection: n, showTickIcon: s, registerOption: i, unregisterOption: c } = ye(Oe), [d, u] = X(!1), [f, p] = X(!0);
+  w.useEffect(() => (i(e, a), () => c(e)), [e, a, i, c]);
+  let g = [];
+  l(e) && g.push("selected"), a && g.push("disabled"), d && g.push("show-deselect");
+  const b = () => {
+    l(e) && !f && u(!0);
+  }, x = () => {
+    u(!1), p(!1);
+  }, y = (v) => {
+    var T;
+    a || (p(!0), u(!1), n(e), (T = r.onClick) == null || T.call(r, v));
+  }, E = (v) => {
+    (v.key === "Enter" || v.key === " ") && !a && (v.preventDefault(), p(!0), u(!1), n(e));
+  };
+  return /* @__PURE__ */ P(
+    I,
+    {
+      as: Qe,
+      "data-option-card": !0,
+      role: "button",
+      tabIndex: a ? -1 : 0,
+      "aria-disabled": a,
+      "aria-selected": l(e),
+      classNames: g,
+      onClick: y,
+      onKeyDown: E,
+      onMouseEnter: b,
+      onMouseLeave: x,
+      ...r,
+      children: [
+        s && /* @__PURE__ */ P(Ne, { children: [
+          /* @__PURE__ */ P("svg", { viewBox: "0 0 24 24", className: "tick-icon", children: [
+            /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "11" }),
+            /* @__PURE__ */ o("path", { d: "M8 13 L11 15 L16 9" })
+          ] }),
+          /* @__PURE__ */ P("svg", { viewBox: "0 0 24 24", className: "deselect-icon", children: [
+            /* @__PURE__ */ o("circle", { cx: "12", cy: "12", r: "11" }),
+            /* @__PURE__ */ o("path", { d: "M8 8 L16 16 M16 8 L8 16" })
+          ] })
+        ] }),
+        t
+      ]
+    }
+  );
+}, la = w.forwardRef(
+  ({
+    collapsed: e,
+    closeOnClickOutside: t,
+    showMobileSidebar: a,
+    ...r
+  }, l) => {
+    const n = J(null);
+    Je(l, () => n.current), We(n, () => {
+      typeof t == "function" && t();
+    });
+    let s = [];
+    return e && s.push("collapsed"), a && s.push("show-sidebar"), /* @__PURE__ */ o(
+      I,
+      {
+        as: "aside",
+        "data-sidebar-wrapper": !0,
+        ref: n,
+        classNames: s,
+        ...r
+      }
+    );
+  }
+);
+la.displayName = "SidebarWrapper";
+const ca = w.forwardRef(
+  ({ label: e, ...t }, a) => /* @__PURE__ */ o(
+    I,
+    {
+      as: "main",
+      "data-content-wrapper": !0,
+      ref: a,
+      role: "main",
+      "aria-label": e || "Main content",
+      ...t
+    }
+  )
+);
+ca.displayName = "ContentWrapper";
+const da = w.forwardRef(
+  ({ isSticky: e, ...t }, a) => {
+    let r = [];
+    return e && r.push("is-sticky"), /* @__PURE__ */ o(
+      I,
+      {
+        as: "header",
+        "data-sidebar-header": !0,
+        ref: a,
+        classNames: r,
+        ...t
+      }
+    );
+  }
+);
+da.displayName = "SidebarHeader";
+const ua = w.forwardRef(
+  ({ hasAlert: e, hasEmptyIcon: t, hasNoIcon: a, children: r, ...l }, n) => {
+    let s = [];
+    return e && s.push("has-alert"), t ? s.push("has-empty-icon") : a && s.push("has-no-icon"), /* @__PURE__ */ P(
+      I,
+      {
+        as: "div",
+        "data-sidebar-item": !0,
+        ref: n,
+        classNames: s,
+        ...l,
+        children: [
+          t && /* @__PURE__ */ o(K, { className: "empty-icon-wrapper" }),
+          r
+        ]
+      }
+    );
+  }
+);
+ua.displayName = "SidebarItem";
+const fa = w.forwardRef(
+  ({ isSticky: e, ...t }, a) => {
+    let r = [];
+    return e && r.push("is-sticky"), /* @__PURE__ */ o(
+      I,
+      {
+        as: "footer",
+        "data-sidebar-footer": !0,
+        ref: a,
+        classNames: r,
+        ...t
+      }
+    );
+  }
+);
+fa.displayName = "SidebarFooter";
+const mt = Le({
+  effect: "wave",
+  animate: !0
+}), pa = w.forwardRef(({
+  variant: e = "line",
+  width: t,
+  height: a,
+  shape: r,
+  effect: l,
+  loadingLabel: n,
+  ...s
+}, i) => {
+  const c = ye(mt), d = l || c.effect, u = n || c.loadingLabel || "Loading...";
+  let f = [];
+  e && f.push(`variant-${e}`), r && f.push(`shape-${r}`), d && f.push(`effect-${d}`);
+  const p = t || "100%", g = e === "circle" ? (typeof t == "number" ? `${t}px` : t) || a || "100%" : a, b = {
+    width: p,
+    height: g,
+    aspectRatio: e === "circle" ? "1 / 1" : "auto",
+    ...s.style
+  };
+  return /* @__PURE__ */ o(
+    I,
+    {
+      as: "div",
+      "data-skeleton": !0,
+      ref: i,
+      classNames: f,
+      style: b,
+      role: "progressbar",
+      "aria-busy": "true",
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuetext": u,
+      "aria-label": u,
+      ...s
+    }
+  );
+});
+pa.displayName = "Skeleton";
+const ma = w.forwardRef(({
+  effect: e = "wave",
+  spacing: t = "small",
+  animate: a = !0,
+  repeat: r = 1,
+  direction: l = "vertical",
+  children: n,
+  classNames: s = [],
+  loadingLabel: i = "Loading content...",
+  ...c
+}, d) => {
+  const u = [
+    `direction-${l}`,
+    e && `effect-${e}`,
+    ...s
+  ];
+  return t && u.push(`spacing-${t}`), /* @__PURE__ */ o(mt.Provider, { value: { effect: e, animate: a, loadingLabel: i }, children: /* @__PURE__ */ o(
+    I,
+    {
+      as: "div",
+      ref: d,
+      "data-skeleton-group": !0,
+      classNames: u,
+      role: "alert",
+      "aria-busy": "true",
+      "aria-label": i,
+      ...c,
+      children: Array(r).fill(n).map((f, p) => w.cloneElement(f, {
+        key: p
+      }))
+    }
+  ) });
+});
+ma.displayName = "SkeletonGroup";
+const ha = w.forwardRef(
+  ({
+    bordersFor: e,
+    isStriped: t,
+    highlightRowOnHover: a,
+    isFullWidth: r,
+    alignText: l,
+    caption: n,
+    summary: s,
+    hasColSpan: i,
+    children: c,
+    ...d
+  }, u) => {
+    let f = [];
+    e && f.push(`bordered-${e}`), t && f.push("striped"), a && f.push("hoverable"), r && f.push("full-width"), l && f.push(`align-text-${l}`);
+    const p = w.Children.count(c);
+    return /* @__PURE__ */ P(
+      I,
+      {
+        as: "table",
+        classNames: f,
+        ref: u,
+        role: "table",
+        "aria-rowcount": p || void 0,
+        "aria-colcount": i ? void 0 : (() => {
+          if (!c || !w.isValidElement(c)) return;
+          const b = w.Children.toArray(c)[0];
+          if (w.isValidElement(b) && b.props.children)
+            return w.Children.count(b.props.children);
+        })(),
+        summary: s,
+        ...d,
+        children: [
+          n && /* @__PURE__ */ o("caption", { children: n }),
+          c
+        ]
+      }
+    );
+  }
+);
+ha.displayName = "Table";
+const va = w.forwardRef(
+  ({ tabs: e, additionalNavContentWrapper: t, defaultActiveTab: a, align: r = "left", isFullWidth: l, ...n }, s) => {
+    const i = e.findIndex((y) => y.key === a), c = i > -1 ? i : 0, [d, u] = w.useState(
+      e.length > 0 ? e[c] : void 0
+    ), [f, p] = w.useState(!1), g = J([]), b = _((y) => {
+      (d == null ? void 0 : d.key) !== y.key && (p(!0), setTimeout(() => {
+        u(y), p(!1);
+      }, 150));
+    }, [d == null ? void 0 : d.key]);
+    q(() => {
+      e.length > 0 ? e.find((E) => E.key === (d == null ? void 0 : d.key)) || u(e[c]) : u(void 0);
+    }, [e, c, d == null ? void 0 : d.key]);
+    const x = _((y, E) => {
+      var H;
+      let v = E;
+      if (y.key === "ArrowRight")
+        v = (E + 1) % e.length;
+      else if (y.key === "ArrowLeft")
+        v = (E - 1 + e.length) % e.length;
+      else if (y.key === "Home")
+        v = 0;
+      else if (y.key === "End")
+        v = e.length - 1;
+      else
+        return;
+      y.preventDefault();
+      const T = e[v];
+      T && (b(T), (H = g.current[v]) == null || H.focus());
+    }, [e, b]);
+    return d ? /* @__PURE__ */ P(
+      I,
+      {
+        as: "div",
+        "data-tabs": !0,
+        ref: s,
+        "data-align": r,
+        "data-full-width": l,
+        ...n,
+        children: [
+          /* @__PURE__ */ o(Pt, { "data-tabs-nav": !0, role: "tablist", "aria-label": "Tab Navigation", children: /* @__PURE__ */ P("ul", { className: "tab-labels-list", children: [
+            e.map((y, E) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(
+              I,
+              {
+                as: "button",
+                ref: (v) => g.current[E] = v,
+                id: `tab-${y.key}`,
+                role: "tab",
+                "aria-selected": d.key === y.key,
+                "aria-controls": `tab-panel-${y.key}`,
+                tabIndex: d.key === y.key ? 0 : -1,
+                "data-tab-label": !0,
+                "data-active": d.key === y.key,
+                "data-alert": y.hasAlert,
+                onClick: () => b(y),
+                onKeyDown: (v) => x(v, E),
+                className: `tab-button ${d.key === y.key ? "is-active" : ""}`,
+                marginBottom: "nano",
+                children: /* @__PURE__ */ o(
+                  Y,
+                  {
+                    className: `tab-label ${d.key === y.key ? "is-active" : ""} ${y.hasAlert ? "has-alert" : ""}`,
+                    children: y.label
+                  }
+                )
+              }
+            ) }, y.key)),
+            t
+          ] }) }),
+          /* @__PURE__ */ o(et, { kind: "tertiary", marginTop: "none", marginBottom: "micro" }),
+          e.map((y) => /* @__PURE__ */ o(
+            K,
+            {
+              id: `tab-panel-${y.key}`,
+              role: "tabpanel",
+              "aria-labelledby": `tab-${y.key}`,
+              tabIndex: d.key === y.key ? 0 : -1,
+              "data-tab-content": !0,
+              "data-active": d.key === y.key,
+              "data-exiting": d.key === y.key && f,
+              hidden: d.key !== y.key,
+              children: y.content
+            },
+            y.key
+          ))
+        ]
+      }
+    ) : null;
+  }
+);
+va.displayName = "Tabs";
+const De = () => {
+  if (typeof window < "u") {
+    const e = window.location.hostname, t = window.location.port;
+    let a = e.replace(/\./g, "-");
+    return t && (a += `-${t}`), `${a}-theme`;
+  }
+  return "fictoan-theme";
+}, ya = ["", (e) => {
+}], ht = w.createContext(void 0), Ja = () => {
+  const e = w.useContext(ht);
+  return e === void 0 ? ya : e;
+}, qe = (e, t) => {
+  let a;
+  try {
+    a = localStorage.getItem(e) || void 0;
+  } catch {
+  }
+  return a || t;
+}, wa = w.forwardRef(
+  ({ currentTheme: e, themeList: t, children: a, ...r }, l) => {
+    const [n, s] = X(!1), [i, c] = X(() => qe(De()) || e), d = _(
+      (u) => {
+        const f = typeof u == "function" ? u(i) : u;
+        if (!t.includes(f)) {
+          const p = t[0];
+          c(p), document.documentElement.className = "", document.documentElement.classList.add(p);
+          try {
+            localStorage.setItem(De(), p);
+          } catch {
+          }
+          return;
+        }
+        c(f), document.documentElement.className = "", document.documentElement.classList.add(f), n || s(!0);
+        try {
+          localStorage.setItem(De(), f);
+        } catch {
+        }
+      },
+      [i, t]
+    );
+    return q(() => {
+      const u = qe(De());
+      d(u || e);
+    }, [e, d]), /* @__PURE__ */ o(ht.Provider, { value: [i, d], children: /* @__PURE__ */ o(I, { as: "div", "data-theme-provider": !0, ref: l, ...r, children: n && a }) });
+  }
+);
+wa.displayName = "ThemeProvider";
+const vt = w.forwardRef(
+  ({
+    anchor: e = "top",
+    children: t,
+    ...a
+  }, r) => w.Children.count(t) === 0 ? null : /* @__PURE__ */ o(
+    I,
+    {
+      as: "section",
+      "data-toasts-wrapper": !0,
+      ref: r,
+      classNames: [e],
+      "aria-label": "Toasts",
+      "aria-relevant": "additions removals",
+      role: "log",
+      ...a,
+      children: t
+    }
+  )
+);
+vt.displayName = "ToastsWrapper";
+const yt = ({
+  id: e,
+  duration: t = 4,
+  onClose: a,
+  children: r
+}) => {
+  const [l, n] = X(!1);
+  return q(() => {
+    if (t === 0) return;
+    const i = setTimeout(() => {
+      n(!0);
+    }, t * 1e3);
+    return () => clearTimeout(i);
+  }, [t]), q(() => {
+    if (!l) return;
+    const i = setTimeout(() => {
+      a();
+    }, 500);
+    return () => clearTimeout(i);
+  }, [l, a]), /* @__PURE__ */ o(
+    I,
+    {
+      as: "div",
+      "data-toast-item": !0,
+      id: e,
+      classNames: l ? ["dismissed"] : [],
+      onTransitionEnd: () => {
+        l && a();
+      },
+      role: "status",
+      "aria-live": "polite",
+      "aria-atomic": "true",
+      shadow: "soft",
+      children: r
+    }
+  );
+};
+yt.displayName = "ToastItem";
+const wt = Le(null), ba = ({
+  children: e,
+  anchor: t = "top"
+}) => {
+  const [a, r] = X([]), l = _((s) => {
+    r((i) => i.filter((c) => c.id !== s));
+  }, []), n = _((s, i = 4) => {
+    const c = `toast-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+    r((d) => [...d, {
+      id: c,
+      message: s,
+      duration: i
+    }]);
+  }, []);
+  return /* @__PURE__ */ P(wt.Provider, { value: { toast: n }, children: [
+    e,
+    /* @__PURE__ */ o(vt, { anchor: t, children: a.map(({ id: s, message: i, duration: c }) => /* @__PURE__ */ o(
+      yt,
+      {
+        id: s,
+        duration: c,
+        onClose: () => l(s),
+        children: i
+      },
+      s
+    )) })
+  ] });
+};
+ba.displayName = "ToastsProvider";
+const Za = () => {
+  const e = ye(wt);
+  if (!e)
+    throw new Error("useToasts must be used within a ToastsProvider");
+  return e.toast;
+}, de = 8, ae = 16;
+let re = null, ue = null, Ve = !1, ne = null, me = null;
+const fe = /* @__PURE__ */ new Map(), ga = (e, t, a) => {
+  const r = e.getBoundingClientRect(), l = t.getBoundingClientRect(), n = window.innerHeight, s = window.innerWidth;
+  let i, c;
+  switch (a) {
+    case "top":
+      i = l.top - r.height - de, c = l.left + (l.width - r.width) / 2, i < ae && (i = l.bottom + de);
+      break;
+    case "bottom":
+      i = l.bottom + de, c = l.left + (l.width - r.width) / 2, i + r.height > n - ae && (i = l.top - r.height - de);
+      break;
+    case "left":
+      i = l.top + (l.height - r.height) / 2, c = l.left - r.width - de, c < ae && (c = l.right + de);
+      break;
+    case "right":
+      i = l.top + (l.height - r.height) / 2, c = l.right + de, c + r.width > s - ae && (c = l.left - r.width - de);
+      break;
+    default:
+      i = l.top - r.height - de, c = l.left + (l.width - r.width) / 2;
+  }
+  return c < ae ? c = ae : c + r.width > s - ae && (c = s - r.width - ae), i < ae ? i = ae : i + r.height > n - ae && (i = n - r.height - ae), { top: i, left: c };
+}, Ie = ({ content: e, isVisible: t, position: a, zIndex: r }) => /* @__PURE__ */ o(
+  "div",
+  {
+    "data-tooltip": !0,
+    className: t ? "visible" : "",
+    role: "tooltip",
+    style: {
+      position: "fixed",
+      zIndex: r,
+      top: `${a.top}px`,
+      left: `${a.left}px`
+    },
+    children: e
+  }
+), ge = (e, t) => {
+  if (!(!ue || !re)) {
+    if (!e || !t) {
+      ue.render(
+        /* @__PURE__ */ o(Ie, { content: null, isVisible: !1, position: { top: -9999, left: -9999 }, zIndex: 1e5 })
+      );
+      return;
+    }
+    ue.render(
+      /* @__PURE__ */ o(Ie, { content: e.content, isVisible: !1, position: { top: -9999, left: -9999 }, zIndex: e.zIndex })
+    ), requestAnimationFrame(() => {
+      if (!re || !t) return;
+      const a = re.firstElementChild;
+      if (!a) return;
+      const { top: r, left: l } = ga(a, t, e.position);
+      ue == null || ue.render(
+        /* @__PURE__ */ o(Ie, { content: e.content, isVisible: !0, position: { top: r, left: l }, zIndex: e.zIndex })
+      );
+    });
+  }
+}, Ye = () => {
+  if (!ne || !me) return;
+  const e = fe.get(ne);
+  e && ge(e, me);
+}, bt = (e, t) => {
+  const a = fe.get(e);
+  a && (ne = e, me = t, ge(a, t));
+}, Ae = (e) => {
+  e && ne !== e || (ne = null, me = null, ge(null, null));
+}, Na = (e) => {
+  const t = e.target.closest("[id]");
+  if (!(t != null && t.id)) return;
+  const a = fe.get(t.id);
+  (a == null ? void 0 : a.showOn) === "hover" && bt(t.id, t);
+}, ka = (e) => {
+  const t = e.target.closest("[id]");
+  if (!(t != null && t.id)) return;
+  const a = fe.get(t.id);
+  (a == null ? void 0 : a.showOn) === "hover" && Ae(t.id);
+}, $a = (e) => {
+  if (re != null && re.contains(e.target))
+    return;
+  const t = e.target.closest("[id]");
+  if (t != null && t.id) {
+    const a = fe.get(t.id);
+    if ((a == null ? void 0 : a.showOn) === "click") {
+      ne === t.id ? Ae() : bt(t.id, t);
+      return;
+    }
+  }
+  if (ne) {
+    const a = fe.get(ne);
+    (a == null ? void 0 : a.showOn) === "click" && Ae();
+  }
+}, xa = () => {
+  if (typeof document > "u") return;
+  const e = document.getElementById("fictoan-tooltip-singleton");
+  if (e && Ve) {
+    re = e;
+    return;
+  }
+  Ve = !1, re = null, ue = null, re = document.createElement("div"), re.id = "fictoan-tooltip-singleton", document.body.appendChild(re), ue = Mt(re), ue.render(
+    /* @__PURE__ */ o(Ie, { content: null, isVisible: !1, position: { top: -9999, left: -9999 }, zIndex: 1e5 })
+  ), document.addEventListener("mouseover", Na), document.addEventListener("mouseout", ka), document.addEventListener("click", $a), window.addEventListener("scroll", Ye, !0), window.addEventListener("resize", Ye), Ve = !0;
+}, Qa = ({
+  children: e,
+  isTooltipFor: t,
+  showOn: a = "hover",
+  position: r = "top",
+  zIndex: l = 1e5
+}) => {
+  const n = J({ content: e, position: r, showOn: a, zIndex: l });
+  return n.current = { content: e, position: r, showOn: a, zIndex: l }, q(() => (xa(), fe.set(t, n.current), ne === t && me && ge(n.current, me), () => {
+    fe.delete(t), ne === t && Ae();
+  }), [t]), q(() => {
+    fe.set(t, n.current), ne === t && me && ge(n.current, me);
+  }, [e, r, a, l, t]), null;
+}, we = w.forwardRef(
+  ({ fontStyle: e = "sans-serif", weight: t, align: a, ...r }, l) => {
+    let n = [];
+    return t && n.push(`weight-${t}`), e && n.push(`font-${e}`), a && n.push(`text-${a}`), /* @__PURE__ */ o(I, { ref: l, classNames: n, ...r });
+  }
+), Ra = w.forwardRef((e, t) => /* @__PURE__ */ o(we, { as: "h1", ref: t, ...e }));
+Ra.displayName = "Heading1";
+const Ma = w.forwardRef((e, t) => /* @__PURE__ */ o(we, { as: "h2", ref: t, ...e }));
+Ma.displayName = "Heading2";
+const Ea = w.forwardRef((e, t) => /* @__PURE__ */ o(we, { as: "h3", ref: t, ...e }));
+Ea.displayName = "Heading3";
+const Pa = w.forwardRef((e, t) => /* @__PURE__ */ o(we, { as: "h4", ref: t, ...e }));
+Pa.displayName = "Heading4";
+const Ta = w.forwardRef((e, t) => /* @__PURE__ */ o(we, { as: "h5", ref: t, ...e }));
+Ta.displayName = "Heading5";
+const Da = w.forwardRef((e, t) => /* @__PURE__ */ o(we, { as: "h6", ref: t, ...e }));
+Da.displayName = "Heading6";
+const Ia = w.forwardRef(
+  ({ summary: e, children: t, isOpen: a = !1, ...r }, l) => /* @__PURE__ */ P(
+    I,
+    {
+      as: "details",
+      "data-expandable-content": !0,
+      ref: l,
+      ...r,
+      open: a,
+      role: "region",
+      "aria-labelledby": "accordion-summary",
+      children: [
+        /* @__PURE__ */ o(
+          "summary",
+          {
+            role: "button",
+            tabIndex: 0,
+            "aria-controls": "accordion-content",
+            "aria-expanded": a,
+            children: typeof e == "string" ? /* @__PURE__ */ o(Y, { margin: "none", children: e }) : e
+          }
+        ),
+        t
+      ]
+    }
+  )
+);
+Ia.displayName = "Accordion";
+export {
+  ca as $,
+  Ia as A,
+  Se as B,
+  Ze as C,
+  Dt as D,
+  I as E,
+  Ha as F,
+  ea as G,
+  _a as H,
+  $e as I,
+  aa as J,
+  Ca as K,
+  Ut as L,
+  Ga as M,
+  Pt as N,
+  na as O,
+  qt as P,
+  at as Q,
+  rt as R,
+  Ka as S,
+  it as T,
+  oa as U,
+  nt as V,
+  Ya as W,
+  Ua as X,
+  qa as Y,
+  ia as Z,
+  la as _,
+  ze as a,
+  da as a0,
+  ua as a1,
+  fa as a2,
+  pa as a3,
+  ma as a4,
+  pt as a5,
+  ha as a6,
+  va as a7,
+  wa as a8,
+  Ja as a9,
+  ba as aa,
+  Za as ab,
+  Qa as ac,
+  Ra as ad,
+  Ma as ae,
+  Ea as af,
+  Pa as ag,
+  Ta as ah,
+  Da as ai,
+  Y as aj,
+  It as b,
+  Lt as c,
+  Qe as d,
+  St as e,
+  et as f,
+  K as g,
+  Va as h,
+  Wa as i,
+  za as j,
+  ja as k,
+  Xa as l,
+  He as m,
+  Ft as n,
+  tt as o,
+  _t as p,
+  Z as q,
+  Gt as r,
+  ke as s,
+  st as t,
+  Yt as u,
+  Zt as v,
+  ot as w,
+  _e as x,
+  Vt as y,
+  Qt as z
+};
+//# sourceMappingURL=Accordion-Z0yapsUC.js.map