fictoan-react 2.0.0-beta.1 → 2.0.0-beta.2

package/dist/Accordion-B49ajUrB.js

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