fictoan-react 2.0.0-beta.5 → 2.0.0-beta.7

package/dist/Accordion-CylcN4Ed.js

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