fictoan-react 1.11.14 → 2.0.0-alpha.1

package/dist/Accordion-ZNSXFjKa.js

@@ -0,0 +1,4647 @@
+"use client";
+"use client;";
+import g, { useCallback as U, useEffect as re, useRef as oe, useState as J, useMemo as _e, createElement as vr, createRef as xr, useImperativeHandle as At, useContext as rt, createContext as It } from "react";
+import yr from "react-dom";
+var Je = { exports: {} }, ze = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Nt;
+function br() {
+  if (Nt) return ze;
+  Nt = 1;
+  var e = g, t = Symbol.for("react.element"), a = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, c = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function o(l, u, p) {
+    var d, m = {}, x = null, N = null;
+    p !== void 0 && (x = "" + p), u.key !== void 0 && (x = "" + u.key), u.ref !== void 0 && (N = u.ref);
+    for (d in u) s.call(u, d) && !i.hasOwnProperty(d) && (m[d] = u[d]);
+    if (l && l.defaultProps) for (d in u = l.defaultProps, u) m[d] === void 0 && (m[d] = u[d]);
+    return { $$typeof: t, type: l, key: x, ref: N, props: m, _owner: c.current };
+  }
+  return ze.Fragment = a, ze.jsx = o, ze.jsxs = o, ze;
+}
+var He = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var kt;
+function gr() {
+  return kt || (kt = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = g, t = Symbol.for("react.element"), a = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), l = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), N = Symbol.for("react.offscreen"), j = Symbol.iterator, S = "@@iterator";
+    function h(n) {
+      if (n === null || typeof n != "object")
+        return null;
+      var b = j && n[j] || n[S];
+      return typeof b == "function" ? b : null;
+    }
+    var R = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function y(n) {
+      {
+        for (var b = arguments.length, M = new Array(b > 1 ? b - 1 : 0), z = 1; z < b; z++)
+          M[z - 1] = arguments[z];
+        F("error", n, M);
+      }
+    }
+    function F(n, b, M) {
+      {
+        var z = R.ReactDebugCurrentFrame, Z = z.getStackAddendum();
+        Z !== "" && (b += "%s", M = M.concat([Z]));
+        var te = M.map(function(X) {
+          return String(X);
+        });
+        te.unshift("Warning: " + b), Function.prototype.apply.call(console[n], console, te);
+      }
+    }
+    var W = !1, w = !1, P = !1, $ = !1, O = !1, _;
+    _ = Symbol.for("react.module.reference");
+    function T(n) {
+      return !!(typeof n == "string" || typeof n == "function" || n === s || n === i || O || n === c || n === p || n === d || $ || n === N || W || w || P || typeof n == "object" && n !== null && (n.$$typeof === x || n.$$typeof === m || n.$$typeof === o || n.$$typeof === l || n.$$typeof === u || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      n.$$typeof === _ || n.getModuleId !== void 0));
+    }
+    function D(n, b, M) {
+      var z = n.displayName;
+      if (z)
+        return z;
+      var Z = b.displayName || b.name || "";
+      return Z !== "" ? M + "(" + Z + ")" : M;
+    }
+    function H(n) {
+      return n.displayName || "Context";
+    }
+    function k(n) {
+      if (n == null)
+        return null;
+      if (typeof n.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
+        return n.displayName || n.name || null;
+      if (typeof n == "string")
+        return n;
+      switch (n) {
+        case s:
+          return "Fragment";
+        case a:
+          return "Portal";
+        case i:
+          return "Profiler";
+        case c:
+          return "StrictMode";
+        case p:
+          return "Suspense";
+        case d:
+          return "SuspenseList";
+      }
+      if (typeof n == "object")
+        switch (n.$$typeof) {
+          case l:
+            var b = n;
+            return H(b) + ".Consumer";
+          case o:
+            var M = n;
+            return H(M._context) + ".Provider";
+          case u:
+            return D(n, n.render, "ForwardRef");
+          case m:
+            var z = n.displayName || null;
+            return z !== null ? z : k(n.type) || "Memo";
+          case x: {
+            var Z = n, te = Z._payload, X = Z._init;
+            try {
+              return k(X(te));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var I = Object.assign, B = 0, E, f, v, C, L, K, le;
+    function ce() {
+    }
+    ce.__reactDisabledLog = !0;
+    function V() {
+      {
+        if (B === 0) {
+          E = console.log, f = console.info, v = console.warn, C = console.error, L = console.group, K = console.groupCollapsed, le = console.groupEnd;
+          var n = {
+            configurable: !0,
+            enumerable: !0,
+            value: ce,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: n,
+            log: n,
+            warn: n,
+            error: n,
+            group: n,
+            groupCollapsed: n,
+            groupEnd: n
+          });
+        }
+        B++;
+      }
+    }
+    function Y() {
+      {
+        if (B--, B === 0) {
+          var n = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: I({}, n, {
+              value: E
+            }),
+            info: I({}, n, {
+              value: f
+            }),
+            warn: I({}, n, {
+              value: v
+            }),
+            error: I({}, n, {
+              value: C
+            }),
+            group: I({}, n, {
+              value: L
+            }),
+            groupCollapsed: I({}, n, {
+              value: K
+            }),
+            groupEnd: I({}, n, {
+              value: le
+            })
+          });
+        }
+        B < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var ee = R.ReactCurrentDispatcher, se;
+    function Ne(n, b, M) {
+      {
+        if (se === void 0)
+          try {
+            throw Error();
+          } catch (Z) {
+            var z = Z.stack.trim().match(/\n( *(at )?)/);
+            se = z && z[1] || "";
+          }
+        return `
+` + se + n;
+      }
+    }
+    var ke = !1, we;
+    {
+      var Oe = typeof WeakMap == "function" ? WeakMap : Map;
+      we = new Oe();
+    }
+    function Te(n, b) {
+      if (!n || ke)
+        return "";
+      {
+        var M = we.get(n);
+        if (M !== void 0)
+          return M;
+      }
+      var z;
+      ke = !0;
+      var Z = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var te;
+      te = ee.current, ee.current = null, V();
+      try {
+        if (b) {
+          var X = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(X.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(X, []);
+            } catch (fe) {
+              z = fe;
+            }
+            Reflect.construct(n, [], X);
+          } else {
+            try {
+              X.call();
+            } catch (fe) {
+              z = fe;
+            }
+            n.call(X.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (fe) {
+            z = fe;
+          }
+          n();
+        }
+      } catch (fe) {
+        if (fe && z && typeof fe.stack == "string") {
+          for (var q = fe.stack.split(`
+`), ue = z.stack.split(`
+`), ne = q.length - 1, ie = ue.length - 1; ne >= 1 && ie >= 0 && q[ne] !== ue[ie]; )
+            ie--;
+          for (; ne >= 1 && ie >= 0; ne--, ie--)
+            if (q[ne] !== ue[ie]) {
+              if (ne !== 1 || ie !== 1)
+                do
+                  if (ne--, ie--, ie < 0 || q[ne] !== ue[ie]) {
+                    var ve = `
+` + q[ne].replace(" at new ", " at ");
+                    return n.displayName && ve.includes("<anonymous>") && (ve = ve.replace("<anonymous>", n.displayName)), typeof n == "function" && we.set(n, ve), ve;
+                  }
+                while (ne >= 1 && ie >= 0);
+              break;
+            }
+        }
+      } finally {
+        ke = !1, ee.current = te, Y(), Error.prepareStackTrace = Z;
+      }
+      var Ie = n ? n.displayName || n.name : "", Me = Ie ? Ne(Ie) : "";
+      return typeof n == "function" && we.set(n, Me), Me;
+    }
+    function De(n, b, M) {
+      return Te(n, !1);
+    }
+    function Q(n) {
+      var b = n.prototype;
+      return !!(b && b.isReactComponent);
+    }
+    function pe(n, b, M) {
+      if (n == null)
+        return "";
+      if (typeof n == "function")
+        return Te(n, Q(n));
+      if (typeof n == "string")
+        return Ne(n);
+      switch (n) {
+        case p:
+          return Ne("Suspense");
+        case d:
+          return Ne("SuspenseList");
+      }
+      if (typeof n == "object")
+        switch (n.$$typeof) {
+          case u:
+            return De(n.render);
+          case m:
+            return pe(n.type, b, M);
+          case x: {
+            var z = n, Z = z._payload, te = z._init;
+            try {
+              return pe(te(Z), b, M);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var me = Object.prototype.hasOwnProperty, he = {}, Se = R.ReactDebugCurrentFrame;
+    function Pe(n) {
+      if (n) {
+        var b = n._owner, M = pe(n.type, n._source, b ? b.type : null);
+        Se.setExtraStackFrame(M);
+      } else
+        Se.setExtraStackFrame(null);
+    }
+    function Ve(n, b, M, z, Z) {
+      {
+        var te = Function.call.bind(me);
+        for (var X in n)
+          if (te(n, X)) {
+            var q = void 0;
+            try {
+              if (typeof n[X] != "function") {
+                var ue = Error((z || "React class") + ": " + M + " type `" + X + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[X] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw ue.name = "Invariant Violation", ue;
+              }
+              q = n[X](b, X, z, M, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (ne) {
+              q = ne;
+            }
+            q && !(q instanceof Error) && (Pe(Z), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", z || "React class", M, X, typeof q), Pe(null)), q instanceof Error && !(q.message in he) && (he[q.message] = !0, Pe(Z), y("Failed %s type: %s", M, q.message), Pe(null));
+          }
+      }
+    }
+    var Be = Array.isArray;
+    function Ce(n) {
+      return Be(n);
+    }
+    function nt(n) {
+      {
+        var b = typeof Symbol == "function" && Symbol.toStringTag, M = b && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return M;
+      }
+    }
+    function Ye(n) {
+      try {
+        return qe(n), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function qe(n) {
+      return "" + n;
+    }
+    function Xe(n) {
+      if (Ye(n))
+        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", nt(n)), qe(n);
+    }
+    var ot = R.ReactCurrentOwner, vt = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, it, We;
+    function Qt(n) {
+      if (me.call(n, "ref")) {
+        var b = Object.getOwnPropertyDescriptor(n, "ref").get;
+        if (b && b.isReactWarning)
+          return !1;
+      }
+      return n.ref !== void 0;
+    }
+    function er(n) {
+      if (me.call(n, "key")) {
+        var b = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (b && b.isReactWarning)
+          return !1;
+      }
+      return n.key !== void 0;
+    }
+    function tr(n, b) {
+      typeof n.ref == "string" && ot.current;
+    }
+    function rr(n, b) {
+      {
+        var M = function() {
+          it || (it = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", b));
+        };
+        M.isReactWarning = !0, Object.defineProperty(n, "key", {
+          get: M,
+          configurable: !0
+        });
+      }
+    }
+    function ar(n, b) {
+      {
+        var M = function() {
+          We || (We = !0, y("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", b));
+        };
+        M.isReactWarning = !0, Object.defineProperty(n, "ref", {
+          get: M,
+          configurable: !0
+        });
+      }
+    }
+    var sr = function(n, b, M, z, Z, te, X) {
+      var q = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: t,
+        // Built-in properties that belong on the element
+        type: n,
+        key: b,
+        ref: M,
+        props: X,
+        // Record the component responsible for creating this element.
+        _owner: te
+      };
+      return q._store = {}, Object.defineProperty(q._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(q, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: z
+      }), Object.defineProperty(q, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: Z
+      }), Object.freeze && (Object.freeze(q.props), Object.freeze(q)), q;
+    };
+    function nr(n, b, M, z, Z) {
+      {
+        var te, X = {}, q = null, ue = null;
+        M !== void 0 && (Xe(M), q = "" + M), er(b) && (Xe(b.key), q = "" + b.key), Qt(b) && (ue = b.ref, tr(b, Z));
+        for (te in b)
+          me.call(b, te) && !vt.hasOwnProperty(te) && (X[te] = b[te]);
+        if (n && n.defaultProps) {
+          var ne = n.defaultProps;
+          for (te in ne)
+            X[te] === void 0 && (X[te] = ne[te]);
+        }
+        if (q || ue) {
+          var ie = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
+          q && rr(X, ie), ue && ar(X, ie);
+        }
+        return sr(n, q, ue, Z, z, ot.current, X);
+      }
+    }
+    var lt = R.ReactCurrentOwner, xt = R.ReactDebugCurrentFrame;
+    function Ae(n) {
+      if (n) {
+        var b = n._owner, M = pe(n.type, n._source, b ? b.type : null);
+        xt.setExtraStackFrame(M);
+      } else
+        xt.setExtraStackFrame(null);
+    }
+    var ct;
+    ct = !1;
+    function ut(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === t;
+    }
+    function yt() {
+      {
+        if (lt.current) {
+          var n = k(lt.current.type);
+          if (n)
+            return `
+
+Check the render method of \`` + n + "`.";
+        }
+        return "";
+      }
+    }
+    function or(n) {
+      return "";
+    }
+    var bt = {};
+    function ir(n) {
+      {
+        var b = yt();
+        if (!b) {
+          var M = typeof n == "string" ? n : n.displayName || n.name;
+          M && (b = `
+
+Check the top-level render call using <` + M + ">.");
+        }
+        return b;
+      }
+    }
+    function gt(n, b) {
+      {
+        if (!n._store || n._store.validated || n.key != null)
+          return;
+        n._store.validated = !0;
+        var M = ir(b);
+        if (bt[M])
+          return;
+        bt[M] = !0;
+        var z = "";
+        n && n._owner && n._owner !== lt.current && (z = " It was passed a child from " + k(n._owner.type) + "."), Ae(n), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', M, z), Ae(null);
+      }
+    }
+    function wt(n, b) {
+      {
+        if (typeof n != "object")
+          return;
+        if (Ce(n))
+          for (var M = 0; M < n.length; M++) {
+            var z = n[M];
+            ut(z) && gt(z, b);
+          }
+        else if (ut(n))
+          n._store && (n._store.validated = !0);
+        else if (n) {
+          var Z = h(n);
+          if (typeof Z == "function" && Z !== n.entries)
+            for (var te = Z.call(n), X; !(X = te.next()).done; )
+              ut(X.value) && gt(X.value, b);
+        }
+      }
+    }
+    function lr(n) {
+      {
+        var b = n.type;
+        if (b == null || typeof b == "string")
+          return;
+        var M;
+        if (typeof b == "function")
+          M = b.propTypes;
+        else if (typeof b == "object" && (b.$$typeof === u || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        b.$$typeof === m))
+          M = b.propTypes;
+        else
+          return;
+        if (M) {
+          var z = k(b);
+          Ve(M, n.props, "prop", z, n);
+        } else if (b.PropTypes !== void 0 && !ct) {
+          ct = !0;
+          var Z = k(b);
+          y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", Z || "Unknown");
+        }
+        typeof b.getDefaultProps == "function" && !b.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function cr(n) {
+      {
+        for (var b = Object.keys(n.props), M = 0; M < b.length; M++) {
+          var z = b[M];
+          if (z !== "children" && z !== "key") {
+            Ae(n), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", z), Ae(null);
+            break;
+          }
+        }
+        n.ref !== null && (Ae(n), y("Invalid attribute `ref` supplied to `React.Fragment`."), Ae(null));
+      }
+    }
+    var jt = {};
+    function Rt(n, b, M, z, Z, te) {
+      {
+        var X = T(n);
+        if (!X) {
+          var q = "";
+          (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (q += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var ue = or();
+          ue ? q += ue : q += yt();
+          var ne;
+          n === null ? ne = "null" : Ce(n) ? ne = "array" : n !== void 0 && n.$$typeof === t ? (ne = "<" + (k(n.type) || "Unknown") + " />", q = " Did you accidentally export a JSX literal instead of a component?") : ne = typeof n, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ne, q);
+        }
+        var ie = nr(n, b, M, Z, te);
+        if (ie == null)
+          return ie;
+        if (X) {
+          var ve = b.children;
+          if (ve !== void 0)
+            if (z)
+              if (Ce(ve)) {
+                for (var Ie = 0; Ie < ve.length; Ie++)
+                  wt(ve[Ie], n);
+                Object.freeze && Object.freeze(ve);
+              } else
+                y("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              wt(ve, n);
+        }
+        if (me.call(b, "key")) {
+          var Me = k(n), fe = Object.keys(b).filter(function(hr) {
+            return hr !== "key";
+          }), dt = fe.length > 0 ? "{key: someKey, " + fe.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!jt[Me + dt]) {
+            var mr = fe.length > 0 ? "{" + fe.join(": ..., ") + ": ...}" : "{}";
+            y(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, dt, Me, mr, Me), jt[Me + dt] = !0;
+          }
+        }
+        return n === s ? cr(ie) : lr(ie), ie;
+      }
+    }
+    function ur(n, b, M) {
+      return Rt(n, b, M, !0);
+    }
+    function dr(n, b, M) {
+      return Rt(n, b, M, !1);
+    }
+    var fr = dr, pr = ur;
+    He.Fragment = s, He.jsx = fr, He.jsxs = pr;
+  })()), He;
+}
+var Et;
+function wr() {
+  return Et || (Et = 1, process.env.NODE_ENV === "production" ? Je.exports = br() : Je.exports = gr()), Je.exports;
+}
+var r = wr();
+const jr = (e) => e.filter((t) => !!t).join(" "), A = g.forwardRef(
+  ({
+    as: e = "div",
+    role: t,
+    ariaLabel: a,
+    tabIndex: s,
+    onKeyDown: c,
+    ...i
+  }, o) => {
+    const {
+      classNames: l = [],
+      bgColor: u,
+      bgColour: p,
+      bgOpacity: d,
+      borderColor: m,
+      borderColour: x,
+      borderOpacity: N,
+      className: j,
+      columns: S,
+      fillColor: h,
+      fillColour: R,
+      gap: y,
+      hideOnDesktop: F,
+      hideOnMobile: W,
+      hideOnTabletLandscape: w,
+      hideOnTabletPortrait: P,
+      horizontalMargin: $,
+      horizontalPadding: O,
+      horizontallyCenterThis: _,
+      horizontallyCentreThis: T,
+      isFullHeight: D,
+      isFullWidth: H,
+      layoutAsFlexbox: k,
+      layoutAsGrid: I,
+      stackVertically: B,
+      stackHorizontally: E,
+      marginLeft: f,
+      marginBottom: v,
+      margin: C,
+      marginRight: L,
+      marginTop: K,
+      opacity: le,
+      paddingBottom: ce,
+      paddingLeft: V,
+      padding: Y,
+      paddingRight: ee,
+      paddingTop: se,
+      pushItemsToEnds: Ne,
+      shadow: ke,
+      shape: we,
+      showOnlyOnDesktop: Oe,
+      showOnlyOnMobile: Te,
+      showOnlyOnTabletLandscape: De,
+      showOnlyOnTabletPortrait: Q,
+      size: pe,
+      strokeColor: me,
+      strokeColour: he,
+      textColor: Se,
+      textColour: Pe,
+      verticalMargin: Ve,
+      verticalPadding: Be,
+      verticallyCenterItems: Ce,
+      verticallyCentreItems: nt,
+      weight: Ye,
+      style: qe,
+      ...Xe
+    } = i, { className: ot, classNames: vt, ...it } = i, We = {
+      ...qe,
+      ...d && { "--bg-opacity": Number(d) / 100 },
+      ...N && { "--border-opacity": Number(N) / 100 }
+    };
+    return /* @__PURE__ */ r.jsx(
+      e,
+      {
+        ref: o,
+        role: t,
+        "aria-label": a,
+        tabIndex: s,
+        onKeyDown: c,
+        ...Xe,
+        style: Object.keys(We).length > 0 ? We : void 0,
+        className: jr(
+          [
+            j,
+            u && `bg-${u}`,
+            p && `bg-${p}`,
+            m && `border-${m}`,
+            x && `border-${x}`,
+            h && `fill-${h}`,
+            R && `fill-${R}`,
+            F && "hide-on-desktop",
+            W && "hide-on-mobile",
+            w && "hide-on-tablet-landscape",
+            P && "hide-on-tablet-portrait",
+            $ && `margin-right-${$} margin-left-${$}`,
+            O && `padding-right-${O} padding-left-${O}`,
+            _ && "horizontally-centre-this",
+            T && "horizontally-centre-this",
+            D && "full-height",
+            H && "full-width",
+            k && "layout-flexbox",
+            I && "layout-grid",
+            B && "stack-vertically",
+            E && "stack-horizontally",
+            y && `gap-${y}`,
+            f && `margin-left-${f}`,
+            v && `margin-bottom-${v}`,
+            C && `margin-all-${C}`,
+            L && `margin-right-${L}`,
+            K && `margin-top-${K}`,
+            le && `opacity-${le}`,
+            ce && `padding-bottom-${ce}`,
+            V && `padding-left-${V}`,
+            Y && `padding-all-${Y}`,
+            ee && `padding-right-${ee}`,
+            se && `padding-top-${se}`,
+            Ne && "push-to-ends",
+            ke && `shadow-${ke}`,
+            we && `shape-${we}`,
+            Oe && "show-only-on-desktop",
+            Te && "show-only-on-mobile",
+            De && "show-only-on-tablet-landscape",
+            Q && "show-only-on-tablet-portrait",
+            pe && `size-${pe}`,
+            me && `stroke-${me}`,
+            he && `stroke-${he}`,
+            Se && `text-${Se}`,
+            Pe && `text-${Pe}`,
+            Ve && `margin-top-${Ve} margin-bottom-${Ve}`,
+            Be && `padding-top-${Be} padding-bottom-${Be}`,
+            Ce && "vertically-centre-items",
+            nt && "vertically-centre-items",
+            Ye && `weight-${Ye}`
+          ].concat(l)
+        )
+      }
+    );
+  }
+);
+A.displayName = "Element";
+const be = (e, t) => g.forwardRef(
+  (a, s) => {
+    const c = { ...t, ...a };
+    if (e === "a" && "external" in c) {
+      const { external: i } = c;
+      i && (c.target = "_blank", c.rel = "noopener noreferrer");
+    }
+    return /* @__PURE__ */ r.jsx(A, { as: e, ref: s, ...c });
+  }
+), Pa = be("article"), Ma = be("aside"), Oa = be("body"), G = be("div"), Da = be("footer"), Aa = be("header"), Ia = be("main"), Rr = be("nav"), La = be("section"), Fa = be("span"), Va = be("a", {
+  rel: "noopener noreferrer"
+  // Default props for Hyperlink
+}), Nr = {
+  cross: /* @__PURE__ */ r.jsx("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx("path", { d: "M18 6L6 18M6 6l12 12" }) }),
+  tick: /* @__PURE__ */ r.jsx("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx("path", { d: "M5 12l5 5L20 7" }) }),
+  plus: /* @__PURE__ */ r.jsx("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx("path", { d: "M12 5v14M5 12h14" }) }),
+  minus: /* @__PURE__ */ r.jsx("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx("path", { d: "M5 12h14" }) })
+}, at = g.forwardRef(
+  ({
+    children: e,
+    size: t = "medium",
+    shape: a,
+    actionIcon: s,
+    onActionClick: c,
+    actionAriaLabel: i,
+    ...o
+  }, l) => {
+    let u = [];
+    t && u.push(`size-${t}`), a && u.push(`shape-${a}`);
+    const p = (m) => {
+      m.stopPropagation(), c == null || c(m);
+    }, d = !!s;
+    return /* @__PURE__ */ r.jsxs(
+      A,
+      {
+        "data-badge": !0,
+        "data-has-action": d || void 0,
+        ref: l,
+        classNames: u,
+        role: "status",
+        "aria-label": typeof e == "string" ? e : void 0,
+        ...o,
+        children: [
+          e,
+          d && /* @__PURE__ */ r.jsx(
+            "button",
+            {
+              type: "button",
+              className: "badge-action-button",
+              onClick: p,
+              "aria-label": i,
+              children: Nr[s]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+at.displayName = "Badge";
+const ft = (e, t) => {
+  const a = U(t, [t]);
+  re(() => {
+    const s = (c) => {
+      !e.current || typeof a != "function" || e.current.contains(c.target) || a(c);
+    };
+    return document.addEventListener("mousedown", s), document.addEventListener("touchstart", s), () => {
+      document.removeEventListener("mousedown", s), document.removeEventListener("touchstart", s);
+    };
+  }, [e, a]);
+}, kr = g.forwardRef(
+  ({
+    id: e,
+    children: t,
+    isOpen: a = !1,
+    onClose: s,
+    position: c = "right",
+    size: i = "medium",
+    padding: o = "micro",
+    bgColor: l,
+    bgColour: u,
+    isDismissible: p = !0,
+    showOverlay: d = !0,
+    blurOverlay: m = !1,
+    closeOnClickOutside: x = !0,
+    zIndex: N,
+    label: j,
+    description: S,
+    classNames: h = [],
+    ...R
+  }, y) => {
+    const F = `${e}`, W = S ? `${F}-description` : void 0, w = oe(null), P = y || w, $ = [
+      "drawer",
+      c,
+      i,
+      ...a ? ["open"] : [],
+      ...d ? ["with-overlay"] : [],
+      ...m ? ["blur-overlay"] : [],
+      ...h
+    ];
+    re(() => {
+      const _ = P.current, T = document.querySelector(`[data-drawer-overlay-for="${F}"]`);
+      return a ? (_ == null || _.classList.add("open"), _ == null || _.classList.remove("closing"), _ == null || _.focus(), T && T.classList.add("visible"), document.body.style.overflow = "hidden") : _ != null && _.classList.contains("open") && (_.classList.add("closing"), _.classList.remove("open"), T && T.classList.remove("visible"), document.body.style.overflow = ""), () => {
+        document.body.style.overflow = "";
+      };
+    }, [a, F, P]), re(() => {
+      const _ = (T) => {
+        T.key === "Escape" && p && a && s && s();
+      };
+      return document.addEventListener("keydown", _), () => document.removeEventListener("keydown", _);
+    }, [p, a, s]), ft(P, () => {
+      x && p && a && s && s();
+    });
+    const O = (_) => {
+      (_.animationName.includes("slide-out") || _.animationName.includes("fade-out")) && _.currentTarget.classList.remove("closing");
+    };
+    return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      d && /* @__PURE__ */ r.jsx(
+        G,
+        {
+          className: `drawer-overlay ${m ? "blur" : ""} ${a ? "visible" : ""}`,
+          "data-drawer-overlay-for": e,
+          "aria-hidden": "true",
+          onClick: x && p && s ? s : void 0,
+          style: { zIndex: N ?? 9999 }
+        }
+      ),
+      /* @__PURE__ */ r.jsxs(
+        A,
+        {
+          as: "div",
+          id: F,
+          "data-drawer": !0,
+          ref: P,
+          classNames: $,
+          onAnimationEnd: O,
+          role: "dialog",
+          "aria-modal": "true",
+          "aria-label": j || "Drawer",
+          "aria-describedby": W,
+          tabIndex: -1,
+          style: { zIndex: N ?? 1e4 },
+          ...R,
+          children: [
+            p && s && /* @__PURE__ */ r.jsx(
+              "button",
+              {
+                className: "drawer-dismiss-button",
+                onClick: s,
+                "aria-label": "Close drawer",
+                tabIndex: 0,
+                children: "×"
+              }
+            ),
+            /* @__PURE__ */ r.jsxs(
+              G,
+              {
+                className: "drawer-content",
+                padding: o,
+                bgColor: l,
+                bgColour: u,
+                children: [
+                  S && /* @__PURE__ */ r.jsx("div", { id: W, className: "sr-only", children: S }),
+                  /* @__PURE__ */ r.jsx("div", { role: "document", children: t })
+                ]
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+kr.displayName = "Drawer";
+const pt = g.forwardRef(
+  ({ size: e = "medium", shape: t, kind: a, isLoading: s, label: c, ...i }, o) => {
+    let l = [];
+    return a && l.push(a), e && l.push(`size-${e}`), t && l.push(`shape-${t}`), s && l.push("is-loading"), /* @__PURE__ */ r.jsx(
+      A,
+      {
+        as: "button",
+        "data-button": !0,
+        ref: o,
+        classNames: l,
+        "aria-label": c,
+        "aria-disabled": i.disabled || s,
+        "aria-busy": s,
+        ...i
+      }
+    );
+  }
+);
+pt.displayName = "Button";
+const Er = g.forwardRef(
+  ({ isJoint: e = !0, spacing: t, equaliseWidth: a, children: s, ...c }, i) => {
+    let o = [];
+    return e && o.push("is-joint"), t && !e && o.push(`spacing-${t}`), a && o.push("equal-width"), /* @__PURE__ */ r.jsx(
+      A,
+      {
+        as: "div",
+        "data-button-group": !0,
+        ref: i,
+        role: "group",
+        classNames: o,
+        ...c,
+        children: s
+      }
+    );
+  }
+);
+Er.displayName = "ButtonGroup";
+const $t = g.forwardRef(
+  ({ children: e, current: t, ...a }, s) => /* @__PURE__ */ r.jsx(
+    A,
+    {
+      as: "li",
+      "data-breadcrumb-item": !0,
+      ref: s,
+      ...a,
+      "aria-current": t ? "page" : void 0,
+      className: t ? "current" : void 0,
+      role: "listitem",
+      children: /* @__PURE__ */ r.jsx("span", { className: "breadcrumb-content", children: e })
+    }
+  )
+), $r = ({ separator: e }) => /* @__PURE__ */ r.jsx(
+  ae,
+  {
+    className: "breadcrumb-separator",
+    "aria-hidden": "true",
+    role: "presentation",
+    margin: "none",
+    children: e
+  }
+), _r = g.forwardRef(
+  ({ children: e, separator: t = "/", spacing: a = "micro", ...s }, c) => {
+    let i = [];
+    a && i.push(`spacing-${a}`);
+    const o = g.Children.toArray(e).filter(Boolean), l = o.reduce((u, p, d) => {
+      if (!g.isValidElement(p)) return u;
+      const m = d === o.length - 1;
+      let x;
+      return p.type === $t ? x = g.cloneElement(p, {
+        ...p.props,
+        current: m
+      }) : x = /* @__PURE__ */ r.jsx($t, { current: m, children: p }, `item-${d}`), u.push(x), m || u.push(
+        /* @__PURE__ */ r.jsx($r, { separator: t }, `sep-${d}`)
+      ), u;
+    }, []);
+    return /* @__PURE__ */ r.jsx("nav", { "aria-label": "Breadcrumb", ref: c, ...s, children: /* @__PURE__ */ r.jsx(
+      A,
+      {
+        as: "ul",
+        "data-breadcrumbs-wrapper": !0,
+        role: "list",
+        classNames: i,
+        children: l
+      }
+    ) });
+  }
+);
+_r.displayName = "Breadcrumbs";
+const Lt = g.forwardRef(
+  ({ kind: e, children: t, title: a, ...s }, c) => {
+    const i = {
+      info: "status",
+      success: "status",
+      warning: "alert",
+      error: "alert"
+    };
+    return /* @__PURE__ */ r.jsx(
+      A,
+      {
+        as: "div",
+        "data-callout": !0,
+        ref: c,
+        className: e,
+        role: i[e],
+        "aria-live": e === "error" || e === "warning" ? "assertive" : "polite",
+        "aria-label": a,
+        ...s,
+        children: t
+      }
+    );
+  }
+);
+Lt.displayName = "Callout";
+const Ft = g.forwardRef(({ shape: e, heading: t, children: a, ...s }, c) => {
+  let i = [];
+  return e && i.push(`shape-${e}`), /* @__PURE__ */ r.jsx(
+    A,
+    {
+      as: "div",
+      "data-card": !0,
+      ref: c,
+      classNames: i,
+      role: "region",
+      "aria-label": t,
+      tabIndex: 0,
+      ...s,
+      children: a
+    }
+  );
+});
+Ft.displayName = "Card";
+const Tr = g.forwardRef(({
+  children: e,
+  source: t,
+  language: a = "json",
+  showCopyButton: s,
+  showLineNumbers: c,
+  description: i,
+  withSyntaxHighlighting: o = !1,
+  makeEditable: l = !1,
+  onChange: u,
+  shadow: p,
+  ...d
+}, m) => {
+  const [x, N] = J(!1), [j, S] = J(null), [h, R] = J(o), [y, F] = J(null), W = oe(null);
+  let w = typeof e == "string" ? e : g.Children.toArray(e).join("");
+  e || (w = typeof t == "object" ? JSON.stringify(t, null, 2) : t ?? ""), re(() => {
+    if (!o) return;
+    (async () => {
+      var I;
+      R(!0);
+      try {
+        const E = (await import("prismjs")).default;
+        if (typeof window < "u" && !window.Prism && (window.Prism = E), a !== "plain" && !E.languages[a])
+          try {
+            await import(`prismjs/components/prism-${a}`);
+          } catch {
+            console.warn(`Language "${a}" not available, falling back to plain text`);
+          }
+        S(E);
+      } catch (B) {
+        (B == null ? void 0 : B.code) === "ERR_MODULE_NOT_FOUND" || (I = B == null ? void 0 : B.message) != null && I.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}:`, B);
+      } finally {
+        R(!1);
+      }
+    })();
+  }, [o, a]);
+  const P = U(() => {
+    var v;
+    const k = window.getSelection();
+    if (!k || k.rangeCount === 0) return null;
+    const I = k.getRangeAt(0), B = I.startContainer;
+    let f = I.startOffset;
+    if (B && B !== y && y) {
+      const C = document.createTreeWalker(
+        y,
+        NodeFilter.SHOW_TEXT,
+        null
+      );
+      let L;
+      for (; (L = C.nextNode()) && L !== B; )
+        f += ((v = L.textContent) == null ? void 0 : v.length) || 0;
+    }
+    return f;
+  }, [y]), $ = U((k) => {
+    var I;
+    if (!(!y || !o || !j))
+      try {
+        const B = l ? P() : null, E = j.highlight(
+          k,
+          j.languages[a] || j.languages.plain,
+          a
+        );
+        if (y.innerHTML = E, l && B !== null) {
+          const f = window.getSelection(), v = document.createRange(), C = document.createTreeWalker(
+            y,
+            NodeFilter.SHOW_TEXT,
+            null
+          );
+          let L = 0, K;
+          for (; K = C.nextNode(); ) {
+            const le = ((I = K.textContent) == null ? void 0 : I.length) || 0;
+            if (L + le >= B) {
+              v.setStart(K, B - L), v.setEnd(K, B - L), f == null || f.removeAllRanges(), f == null || f.addRange(v);
+              break;
+            }
+            L += le;
+          }
+        }
+      } catch (B) {
+        console.warn("Error highlighting code:", B), y && (y.textContent = k);
+      }
+  }, [a, o, l, j, P, y]), O = U((k) => {
+    if (!y) return;
+    const I = y.textContent || "";
+    u == null || u(I), requestAnimationFrame(() => {
+      $(I);
+    });
+  }, [$, u, y]);
+  re(() => {
+    const k = y;
+    if (!(!k || !l))
+      return k.addEventListener("input", O), () => {
+        k.removeEventListener("input", O);
+      };
+  }, [l, O, y]), re(() => {
+    !y || !j || $(w);
+  }, [$, w, j, y]);
+  const _ = async () => {
+    try {
+      const k = y ? y.textContent || "" : w;
+      await navigator.clipboard.writeText(k), N(!0), setTimeout(() => N(!1), 3e3);
+    } catch (k) {
+      console.error("Could not copy text: ", k);
+    }
+  }, T = async (k) => {
+    (k.key === "Enter" || k.key === " ") && k.target === W.current && (k.preventDefault(), await _());
+  };
+  let D = [];
+  c && D.push("show-line-numbers");
+  const H = w.split(/\r\n|\r|\n/gm);
+  return /* @__PURE__ */ r.jsxs(
+    A,
+    {
+      "data-code-block": !0,
+      as: "div",
+      classNames: D,
+      role: "region",
+      "aria-label": i || `Code block in ${a}`,
+      ...d,
+      children: [
+        s ? x ? /* @__PURE__ */ r.jsx(
+          at,
+          {
+            className: "code-block-copied-badge",
+            size: "tiny",
+            shape: "rounded",
+            "aria-live": "polite",
+            children: "Copied!"
+          }
+        ) : /* @__PURE__ */ r.jsx(
+          pt,
+          {
+            type: "button",
+            className: "code-block-copy-button",
+            size: "tiny",
+            shape: "rounded",
+            onClick: _,
+            onKeyDown: T,
+            "aria-label": "Copy code to clipboard",
+            children: "Copy"
+          }
+        ) : null,
+        /* @__PURE__ */ r.jsxs(
+          "pre",
+          {
+            ref: W,
+            className: `language-${a}${p ? ` shadow-${p}` : ""}`,
+            tabIndex: 0,
+            "aria-label": `Code in ${a}`,
+            children: [
+              c && Array.from(Array(H.length).keys()).map((k) => /* @__PURE__ */ r.jsx(
+                "span",
+                {
+                  className: "line-numbers",
+                  "aria-hidden": "true",
+                  children: k + 1
+                },
+                k
+              )),
+              /* @__PURE__ */ r.jsx(
+                "code",
+                {
+                  ref: F,
+                  contentEditable: l,
+                  suppressContentEditableWarning: !0,
+                  spellCheck: "false",
+                  className: `language-${a} ${h ? "is-loading" : ""}`,
+                  children: w
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+});
+Tr.displayName = "CodeBlock";
+const Vt = g.forwardRef(
+  ({ kind: e, height: t, label: a, ...s }, c) => {
+    let i = [];
+    return e && i.push(e), /* @__PURE__ */ r.jsx(
+      A,
+      {
+        as: "hr",
+        "data-hrule": !0,
+        ref: c,
+        classNames: i,
+        role: "separator",
+        "aria-orientation": "horizontal",
+        "aria-label": a,
+        ...s,
+        style: { height: t }
+      }
+    );
+  }
+);
+Vt.displayName = "Divider";
+const Ue = g.forwardRef(
+  ({
+    label: e,
+    hideLabel: t,
+    htmlFor: a,
+    ...s
+  }, c) => {
+    let i = [];
+    return t && i.push("visually-hidden"), /* @__PURE__ */ r.jsx(
+      A,
+      {
+        as: "label",
+        ref: c,
+        htmlFor: a,
+        classNames: i,
+        ...s,
+        children: e
+      }
+    );
+  }
+);
+Ue.displayName = "InputLabel";
+const ae = g.forwardRef(
+  ({ weight: e, size: t, fontStyle: a = "sans-serif", align: s, isSubtext: c, ...i }, o) => {
+    let l = [];
+    return e && l.push(`weight-${e}`), t && l.push(`text-${t}`), a && l.push(`font-${a}`), c && l.push("sub-text"), s && l.push(`text-${s}`), /* @__PURE__ */ r.jsx(A, { as: "p", ref: o, classNames: l, ...i });
+  }
+);
+ae.displayName = "Text";
+const Sr = ({ state: e }) => e === "valid" ? /* @__PURE__ */ r.jsx(
+  "svg",
+  {
+    "data-validation-icon": "valid",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: "20",
+    height: "20",
+    children: /* @__PURE__ */ r.jsx(
+      "polyline",
+      {
+        points: "3.5 12.5 8.5 17.5 20.5 5.5",
+        fill: "none",
+        stroke: "#0ec05c",
+        strokeMiterlimit: "10",
+        strokeWidth: "2"
+      }
+    )
+  }
+) : /* @__PURE__ */ r.jsxs(
+  "svg",
+  {
+    "data-validation-icon": "invalid",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: "20",
+    height: "20",
+    children: [
+      /* @__PURE__ */ r.jsx(
+        "line",
+        {
+          x1: "6.5",
+          y1: "17.5",
+          x2: "18.5",
+          y2: "5.5",
+          fill: "none",
+          stroke: "#ef4343",
+          strokeMiterlimit: "10",
+          strokeWidth: "2"
+        }
+      ),
+      /* @__PURE__ */ r.jsx(
+        "line",
+        {
+          x1: "6.5",
+          y1: "5.5",
+          x2: "18.5",
+          y2: "17.5",
+          fill: "none",
+          stroke: "#ef4343",
+          strokeMiterlimit: "10",
+          strokeWidth: "2"
+        }
+      )
+    ]
+  }
+), de = g.forwardRef(
+  ({
+    label: e,
+    customLabel: t,
+    htmlFor: a,
+    helpText: s,
+    errorText: c,
+    validationState: i,
+    required: o,
+    size: l,
+    children: u,
+    ...p
+  }, d) => {
+    const m = e || t, x = s || c;
+    return /* @__PURE__ */ r.jsxs(
+      A,
+      {
+        as: "div",
+        "data-form-item": !0,
+        ref: d,
+        role: "group",
+        required: o,
+        className: l ? `size-${l}` : void 0,
+        ...p,
+        children: [
+          m && /* @__PURE__ */ r.jsxs(G, { "data-label-wrapper": !0, "data-has-validation": i ? "true" : void 0, children: [
+            t || e && /* @__PURE__ */ r.jsx(Ue, { label: e, htmlFor: a }),
+            i && /* @__PURE__ */ r.jsx(Sr, { state: i })
+          ] }),
+          /* @__PURE__ */ r.jsx(G, { "data-input-wrapper": !0, children: u }),
+          x && /* @__PURE__ */ r.jsxs(G, { className: "info-section vertically-center-items", children: [
+            s && /* @__PURE__ */ r.jsx(ae, { className: "help-text", children: s }),
+            c && /* @__PURE__ */ r.jsx(ae, { className: "error-text", children: c })
+          ] })
+        ]
+      }
+    );
+  }
+);
+de.displayName = "FormItem";
+const mt = g.forwardRef(
+  ({
+    id: e,
+    name: t,
+    label: a,
+    hideLabel: s,
+    helpText: c,
+    errorText: i,
+    onChange: o,
+    checked: l,
+    defaultChecked: u,
+    disabled: p,
+    required: d,
+    size: m = "medium",
+    ...x
+  }, N) => {
+    const j = _e(() => t || e, [t, e]), S = (h) => {
+      o == null || o(h.target.checked);
+    };
+    return /* @__PURE__ */ r.jsxs(
+      de,
+      {
+        label: a,
+        htmlFor: e,
+        helpText: c,
+        errorText: i,
+        required: d,
+        size: m,
+        children: [
+          /* @__PURE__ */ r.jsx(
+            A,
+            {
+              as: "input",
+              type: "checkbox",
+              ref: N,
+              id: e,
+              name: j,
+              checked: l,
+              defaultChecked: u,
+              disabled: p,
+              required: d,
+              onChange: S,
+              ...x
+            }
+          ),
+          /* @__PURE__ */ r.jsx(
+            A,
+            {
+              as: "div",
+              "data-checkbox": !0,
+              className: `size-${m}`
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+mt.displayName = "Checkbox";
+const ht = g.forwardRef(
+  ({
+    id: e,
+    name: t,
+    label: a,
+    hideLabel: s,
+    helpText: c,
+    errorText: i,
+    onChange: o,
+    checked: l,
+    defaultChecked: u,
+    disabled: p,
+    required: d,
+    size: m = "medium",
+    ...x
+  }, N) => {
+    const j = _e(() => t || e, [t, e]), S = (h) => {
+      o == null || o(h.target.checked);
+    };
+    return /* @__PURE__ */ r.jsxs(
+      de,
+      {
+        label: a,
+        htmlFor: e,
+        helpText: c,
+        errorText: i,
+        required: d,
+        size: m,
+        children: [
+          /* @__PURE__ */ r.jsx(
+            A,
+            {
+              as: "input",
+              type: "checkbox",
+              ref: N,
+              id: e,
+              name: j,
+              checked: l,
+              defaultChecked: u,
+              disabled: p,
+              required: d,
+              onChange: S,
+              ...x
+            }
+          ),
+          /* @__PURE__ */ r.jsx(
+            A,
+            {
+              as: "div",
+              "data-switch": !0,
+              className: `size-${m}`
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ht.displayName = "Switch";
+const Pr = g.forwardRef(
+  ({
+    id: e,
+    name: t,
+    label: a,
+    helpText: s,
+    errorText: c,
+    options: i,
+    value: o,
+    defaultValue: l,
+    onChange: u,
+    align: p,
+    equaliseWidth: d,
+    equalizeWidth: m,
+    required: x,
+    disabled: N,
+    size: j,
+    ...S
+  }, h) => {
+    const R = _e(() => t || e, [t, e]), [y, F] = g.useState(
+      o || l || []
+    );
+    g.useEffect(() => {
+      o !== void 0 && F(o);
+    }, [o]);
+    const W = (P, $) => {
+      let O;
+      $ ? O = [...y, P] : O = y.filter((_) => _ !== P), o === void 0 && F(O), u == null || u(O);
+    };
+    let w = [];
+    return p && w.push(`align-${p}`), (d || m) && w.push("equalise-width"), /* @__PURE__ */ r.jsx(
+      de,
+      {
+        label: a,
+        htmlFor: e,
+        helpText: s,
+        errorText: c,
+        required: x,
+        children: /* @__PURE__ */ r.jsx(
+          A,
+          {
+            as: "div",
+            "data-checkbox-group": !0,
+            ref: h,
+            classNames: w,
+            role: "group",
+            "aria-label": a,
+            ...S,
+            children: i.map((P, $) => {
+              const { id: O, value: _, label: T, ...D } = P, H = O || `${e}-option-${$}`, k = y.includes(_);
+              return /* @__PURE__ */ r.jsx(
+                mt,
+                {
+                  id: H,
+                  name: R,
+                  label: T,
+                  checked: k,
+                  disabled: N || P.disabled,
+                  size: j,
+                  onChange: (I) => W(_, I),
+                  ...D
+                },
+                H
+              );
+            })
+          }
+        )
+      }
+    );
+  }
+);
+Pr.displayName = "CheckboxGroup";
+const Mr = g.forwardRef(
+  ({
+    id: e,
+    name: t,
+    label: a,
+    helpText: s,
+    errorText: c,
+    options: i,
+    value: o,
+    defaultValue: l,
+    onChange: u,
+    align: p,
+    equaliseWidth: d,
+    equalizeWidth: m,
+    required: x,
+    disabled: N,
+    size: j,
+    ...S
+  }, h) => {
+    const R = _e(() => t || e, [t, e]), [y, F] = g.useState(
+      o || l || []
+    );
+    g.useEffect(() => {
+      o !== void 0 && F(o);
+    }, [o]);
+    const W = (P, $) => {
+      let O;
+      $ ? O = [...y, P] : O = y.filter((_) => _ !== P), o === void 0 && F(O), u == null || u(O);
+    };
+    let w = [];
+    return p && w.push(`align-${p}`), (d || m) && w.push("equalise-width"), /* @__PURE__ */ r.jsx(
+      de,
+      {
+        label: a,
+        htmlFor: e,
+        helpText: s,
+        errorText: c,
+        required: x,
+        children: /* @__PURE__ */ r.jsx(
+          A,
+          {
+            as: "div",
+            "data-switch-group": !0,
+            ref: h,
+            classNames: w,
+            role: "group",
+            "aria-label": a,
+            ...S,
+            children: i.map((P, $) => {
+              const { id: O, value: _, label: T, ...D } = P, H = O || `${e}-option-${$}`, k = y.includes(_);
+              return /* @__PURE__ */ r.jsx(
+                ht,
+                {
+                  id: H,
+                  name: R,
+                  label: T,
+                  checked: k,
+                  disabled: N || P.disabled,
+                  size: j,
+                  onChange: (I) => W(_, I),
+                  ...D
+                },
+                H
+              );
+            })
+          }
+        )
+      }
+    );
+  }
+);
+Mr.displayName = "SwitchGroup";
+const Bt = g.forwardRef(
+  ({
+    "aria-label": e,
+    "aria-invalid": t,
+    label: a,
+    helpText: s,
+    errorText: c,
+    required: i,
+    accept: o,
+    allowMultipleFiles: l = !1,
+    capture: u,
+    height: p = "120px",
+    onChange: d,
+    className: m = "",
+    instructionMainText: x = "Drag and drop or click to upload",
+    instructionSubText: N = "You can add multiple files",
+    invalid: j,
+    id: S,
+    name: h,
+    badgeBgColour: R,
+    badgeTextColour: y,
+    ...F
+  }, W) => {
+    const [w, P] = J([]), [$, O] = J(!1), _ = oe(null), T = (f) => {
+      f.preventDefault(), f.stopPropagation(), O(!0);
+    }, D = (f) => {
+      f.preventDefault(), f.stopPropagation(), O(!1);
+    }, H = (f) => {
+      f.preventDefault(), f.stopPropagation(), O(!1);
+      const v = Array.from(f.dataTransfer.files);
+      k(v);
+    }, k = (f) => {
+      if (l)
+        P((v) => [...v, ...f]), d == null || d([...w, ...f]);
+      else {
+        const v = f[0];
+        P([v]), d == null || d([v]);
+      }
+    }, I = (f) => {
+      if (f.target.files) {
+        const v = Array.from(f.target.files);
+        k(v);
+      }
+    }, B = (f) => {
+      const v = w.filter((C, L) => L !== f);
+      P(v), d == null || d(v);
+    }, E = () => {
+      var f;
+      (f = _.current) == null || f.click();
+    };
+    return /* @__PURE__ */ r.jsx(
+      de,
+      {
+        label: a,
+        htmlFor: S,
+        helpText: s,
+        errorText: c,
+        required: i,
+        children: /* @__PURE__ */ r.jsxs(
+          G,
+          {
+            "data-file-upload-area": !0,
+            ref: W,
+            className: [
+              "file-upload-wrapper",
+              $ ? "dragging" : "",
+              m
+            ].filter(Boolean).join(" "),
+            "aria-label": e || a,
+            "aria-invalid": t || j || void 0,
+            "aria-required": i,
+            children: [
+              /* @__PURE__ */ r.jsxs(
+                G,
+                {
+                  className: "file-upload-area",
+                  onDragOver: T,
+                  onDragLeave: D,
+                  onDrop: H,
+                  onClick: E,
+                  style: { height: p },
+                  children: [
+                    /* @__PURE__ */ r.jsx(
+                      "input",
+                      {
+                        ref: _,
+                        type: "file",
+                        id: S,
+                        name: h,
+                        onChange: I,
+                        multiple: l,
+                        accept: o,
+                        capture: u,
+                        className: "file-input"
+                      }
+                    ),
+                    x && /* @__PURE__ */ r.jsxs(G, { className: "file-upload-content", children: [
+                      /* @__PURE__ */ r.jsx(ae, { children: x }),
+                      N && /* @__PURE__ */ r.jsx(ae, { isSubtext: !0, children: N })
+                    ] })
+                  ]
+                }
+              ),
+              w.length > 0 && /* @__PURE__ */ r.jsx(G, { className: "uploaded-files", children: w.map((f, v) => /* @__PURE__ */ r.jsx(
+                at,
+                {
+                  size: "small",
+                  shape: "rounded",
+                  actionIcon: "cross",
+                  onActionClick: () => B(v),
+                  actionAriaLabel: `Remove ${f.name}`,
+                  bgColour: R,
+                  textColour: y,
+                  children: f.name
+                },
+                `${f.name}-${v}`
+              )) })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Bt.displayName = "FileUpload";
+const Ke = g.forwardRef(
+  ({
+    // FormItem props
+    label: e,
+    hideLabel: t,
+    helpText: a,
+    errorText: s,
+    size: c,
+    required: i,
+    // Side elements
+    innerIconLeft: o,
+    innerIconRight: l,
+    innerTextLeft: u,
+    innerTextRight: p,
+    // Validation
+    validateThis: d,
+    valid: m,
+    invalid: x,
+    validationState: N,
+    // Handlers
+    onChange: j,
+    onBlur: S,
+    onFocus: h,
+    // Aria
+    "aria-label": R,
+    "aria-invalid": y,
+    // Input props
+    id: F,
+    name: W,
+    value: w,
+    defaultValue: P,
+    type: $ = "text",
+    placeholder: O,
+    autoComplete: _,
+    maxLength: T,
+    minLength: D,
+    pattern: H,
+    readOnly: k,
+    disabled: I,
+    className: B,
+    ...E
+  }, f) => {
+    const v = oe(null), C = oe(null), L = oe(null), [K, le] = J(!1), [ce, V] = J(null), Y = N ?? (d ? ce : null), ee = g.useCallback(
+      (Q) => {
+        L.current = Q, typeof f == "function" ? f(Q) : f && (f.current = Q);
+      },
+      [f]
+    ), se = () => {
+      const Q = L.current;
+      if (!Q || Q.value === "") {
+        V(null);
+        return;
+      }
+      V(Q.validity.valid ? "valid" : "invalid");
+    }, Ne = (Q) => {
+      j == null || j(Q.target.value), K && d && se();
+    }, ke = (Q) => {
+      le(!0), d && se(), S == null || S(Q);
+    }, we = (Q) => {
+      h == null || h(Q);
+    };
+    re(() => {
+      const Q = (pe, me) => {
+        if (!pe) return;
+        const he = pe.closest("[data-form-item]");
+        he == null || he.style.setProperty(
+          `--side-element-${me}-width`,
+          `${pe.getBoundingClientRect().width}px`
+        );
+      };
+      (u || o) && Q(v.current, "left"), (p || l) && Q(C.current, "right");
+    }, [u, p, o, l]);
+    const Oe = (Q, pe, me) => {
+      if (!Q) return null;
+      const he = typeof Q == "string", Se = !he && g.isValidElement(Q) && (Q.props.onClick || Q.props.onKeyDown || Q.type === "button" || Q.type === "a");
+      return /* @__PURE__ */ r.jsx(
+        G,
+        {
+          ref: me,
+          "data-input-side-element": !0,
+          className: `${pe} ${he ? "is-text" : "is-icon"} ${Se ? "is-interactive" : ""}`,
+          "aria-hidden": "true",
+          children: Q
+        }
+      );
+    }, Te = !!(o || u), De = !!(l || p);
+    return /* @__PURE__ */ r.jsxs(
+      de,
+      {
+        label: e,
+        htmlFor: F,
+        helpText: a,
+        errorText: s,
+        validationState: Y,
+        required: i,
+        size: c,
+        children: [
+          /* @__PURE__ */ r.jsx(
+            A,
+            {
+              as: "input",
+              ref: ee,
+              "data-input-field": !0,
+              id: F,
+              name: W,
+              type: $,
+              value: w,
+              defaultValue: P,
+              placeholder: O || " ",
+              autoComplete: _,
+              maxLength: T,
+              minLength: D,
+              pattern: H,
+              readOnly: k,
+              disabled: I,
+              required: i,
+              className: [
+                B,
+                Te && "with-left-element",
+                De && "with-right-element"
+              ].filter(Boolean).join(" "),
+              "aria-label": R || e,
+              "aria-invalid": y || x,
+              "aria-required": i,
+              onChange: Ne,
+              onBlur: ke,
+              onFocus: we,
+              ...E
+            }
+          ),
+          (Te || De) && /* @__PURE__ */ r.jsxs(G, { "data-input-helper": !0, "aria-hidden": "true", children: [
+            Oe(o || u, "left", v),
+            Oe(l || p, "right", C)
+          ] })
+        ]
+      }
+    );
+  }
+);
+Ke.displayName = "InputField";
+const Ct = g.forwardRef(
+  ({
+    desktopSpan: e,
+    mobileSpan: t,
+    tabletLandscapeSpan: a,
+    tabletPortraitSpan: s,
+    isHorizontal: c,
+    role: i,
+    ...o
+  }, l) => {
+    let u = [];
+    return e || a || s || t ? (e && u.push(`${e}`), a && u.push(`${a}-on-tablet-landscape`), s && u.push(`${s}-on-tablet-portrait`), t && u.push(`${t}-on-mobile`)) : u.push("whole"), c && u.push("horizontal"), /* @__PURE__ */ r.jsx(
+      A,
+      {
+        as: "div",
+        "data-portion": !0,
+        ref: l,
+        classNames: u,
+        role: i,
+        ...o
+      }
+    );
+  }
+);
+Ct.displayName = "Portion";
+const Wt = g.forwardRef(
+  ({
+    id: e,
+    name: t,
+    value: a,
+    label: s,
+    helpText: c,
+    errorText: i,
+    onChange: o,
+    checked: l,
+    disabled: u,
+    required: p,
+    ...d
+  }, m) => {
+    const x = _e(() => t || e, [t, e]), N = (j) => {
+      j.target.checked && o && o(a);
+    };
+    return /* @__PURE__ */ r.jsx(
+      A,
+      {
+        as: "div",
+        "data-radio-button": !0,
+        ref: m,
+        role: "radio",
+        "aria-checked": l,
+        "aria-disabled": u,
+        children: /* @__PURE__ */ r.jsx(
+          de,
+          {
+            label: s,
+            htmlFor: e,
+            helpText: c,
+            errorText: i,
+            required: p,
+            children: /* @__PURE__ */ r.jsx(
+              A,
+              {
+                as: "input",
+                type: "radio",
+                id: e,
+                name: x,
+                value: a,
+                checked: l,
+                disabled: u,
+                required: p,
+                onChange: N,
+                ...d
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+Wt.displayName = "RadioButton";
+const zt = g.forwardRef(
+  ({
+    id: e,
+    name: t,
+    label: a,
+    helpText: s,
+    errorText: c,
+    options: i,
+    value: o,
+    defaultValue: l,
+    onChange: u,
+    align: p,
+    equaliseWidth: d,
+    equalizeWidth: m,
+    required: x,
+    disabled: N,
+    ...j
+  }, S) => {
+    const h = _e(() => t || e, [t, e]), R = (F) => {
+      u == null || u(F.target.value);
+    };
+    let y = [];
+    return p && y.push(`align-${p}`), (d || m) && y.push("equalise-width"), /* @__PURE__ */ r.jsx(
+      de,
+      {
+        label: a,
+        htmlFor: e,
+        helpText: s,
+        errorText: c,
+        required: x,
+        children: /* @__PURE__ */ r.jsx(
+          A,
+          {
+            as: "div",
+            "data-radio-group": !0,
+            ref: S,
+            classNames: y,
+            role: "radiogroup",
+            "aria-label": a,
+            ...j,
+            children: i.map((F, W) => {
+              const { id: w, value: P, label: $, ...O } = F, _ = w || `${e}-option-${W}`, T = o ? o === P : l === P;
+              return /* @__PURE__ */ r.jsxs(
+                G,
+                {
+                  "data-radio-button": !0,
+                  role: "radio",
+                  "aria-checked": T,
+                  children: [
+                    /* @__PURE__ */ r.jsx(
+                      "input",
+                      {
+                        type: "radio",
+                        id: _,
+                        name: h,
+                        value: P,
+                        checked: T,
+                        disabled: N,
+                        onChange: R,
+                        ...O
+                      }
+                    ),
+                    /* @__PURE__ */ r.jsx("label", { htmlFor: _, children: $ })
+                  ]
+                },
+                _
+              );
+            })
+          }
+        )
+      }
+    );
+  }
+);
+zt.displayName = "RadioGroup";
+const Ht = g.forwardRef(
+  ({
+    layout: e = "grid",
+    gutters: t = "medium",
+    retainLayoutOnTabletLandscape: a,
+    retainLayoutOnTabletPortrait: s,
+    retainLayoutOnMobile: c,
+    retainLayoutAlways: i,
+    allowUltraWide: o,
+    groupLabel: l,
+    ...u
+  }, p) => {
+    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"), s && d.push("retain-layout-on-tablet-portrait"), c && d.push("retain-layout-on-mobile"), i && d.push(
+      "retain-layout-on-tablet-landscape retain-layout-on-tablet-portrait retain-layout-on-mobile"
+    ), o && d.push("allow-ultra-wide"), /* @__PURE__ */ r.jsx(
+      A,
+      {
+        as: "div",
+        "data-row": !0,
+        ref: p,
+        classNames: [d.join(" ")],
+        marginBottom: "tiny",
+        role: "grid",
+        "aria-label": l,
+        ...u
+      }
+    );
+  }
+);
+Ht.displayName = "Row";
+const Gt = g.forwardRef(
+  ({
+    // FormItem props
+    label: e,
+    helpText: t,
+    errorText: a,
+    required: s,
+    // Select props
+    id: c,
+    name: i,
+    options: o,
+    onChange: l,
+    disabled: u,
+    className: p,
+    ...d
+  }, m) => {
+    const x = _e(() => i || c, [i, c]), N = (h) => /* @__PURE__ */ r.jsx(
+      A,
+      {
+        as: "option",
+        value: h.value,
+        disabled: h.disabled,
+        children: h.label
+      },
+      h.value
+    ), j = (h) => /* @__PURE__ */ r.jsx(
+      A,
+      {
+        as: "optgroup",
+        label: h.label,
+        children: h.options.map(N)
+      },
+      h.label
+    ), S = (h) => {
+      l == null || l(h.target.value);
+    };
+    return /* @__PURE__ */ r.jsx(
+      de,
+      {
+        label: e,
+        htmlFor: c,
+        helpText: t,
+        errorText: a,
+        required: s,
+        children: /* @__PURE__ */ r.jsx(G, { "data-select": !0, className: p, disabled: u, children: /* @__PURE__ */ r.jsx(
+          A,
+          {
+            as: "select",
+            ref: m,
+            id: c,
+            name: x,
+            disabled: u,
+            required: s,
+            onChange: S,
+            ...d,
+            children: o.map(
+              (h) => "options" in h ? j(h) : N(h)
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+Gt.displayName = "Select";
+const _t = (e, t) => e > t ? "exceeded" : e >= t * 0.9 ? "warning" : "normal", Ze = (e, t, a) => Math.abs(e) === 1 ? t : a, Ut = g.forwardRef(
+  ({
+    // FormItem props
+    label: e,
+    hideLabel: t,
+    helpText: a,
+    errorText: s,
+    size: c,
+    required: i,
+    // TextArea-specific
+    onChange: o,
+    value: l = "",
+    characterLimit: u,
+    wordLimit: p,
+    // Input props
+    id: d,
+    name: m,
+    rows: x,
+    cols: N,
+    minLength: j,
+    maxLength: S,
+    placeholder: h,
+    readOnly: R,
+    disabled: y,
+    autoComplete: F,
+    // Validation (unused but destructured to not pass to DOM)
+    validateThis: W,
+    valid: w,
+    invalid: P,
+    ...$
+  }, O) => {
+    const _ = oe(null), T = (k) => {
+      o == null || o(k.target.value);
+    }, D = () => {
+      const k = [];
+      if (u) {
+        const I = l.length, B = _t(I, u), E = Math.max(0, I - u), f = u - I;
+        k.push(
+          /* @__PURE__ */ r.jsx("span", { className: `limit-${B}`, children: E > 0 ? `${E} ${Ze(E, "char", "chars")} over limit` : `${f} ${Ze(f, "char", "chars")} left` }, "char-limit")
+        );
+      }
+      if (p) {
+        const I = l.trim().split(/\s+/).filter(Boolean).length, B = _t(I, p), E = Math.max(0, I - p), f = p - I;
+        k.push(
+          /* @__PURE__ */ r.jsx("span", { className: `limit-${B}`, children: E > 0 ? `${E} ${Ze(E, "word", "words")} over limit` : `${f} ${Ze(f, "word", "words")} left` }, "word-limit")
+        );
+      }
+      if (!(!k.length && !a))
+        return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+          a,
+          a && k.length > 0 && /* @__PURE__ */ r.jsx("span", { className: "separator", children: " • " }),
+          k.map((I, B) => /* @__PURE__ */ r.jsxs(g.Fragment, { children: [
+            B > 0 && /* @__PURE__ */ r.jsx("span", { className: "separator", children: " • " }),
+            I
+          ] }, B))
+        ] });
+    }, H = (k) => {
+      _.current = k, typeof O == "function" ? O(k) : O && (O.current = k);
+    };
+    return /* @__PURE__ */ r.jsx(
+      de,
+      {
+        label: e,
+        htmlFor: d,
+        helpText: D(),
+        errorText: s,
+        required: i,
+        size: c,
+        children: /* @__PURE__ */ r.jsx(
+          A,
+          {
+            as: "textarea",
+            ref: H,
+            "data-textarea": !0,
+            id: d,
+            name: m,
+            value: l,
+            rows: x,
+            cols: N,
+            minLength: j,
+            maxLength: S,
+            placeholder: h,
+            readOnly: R,
+            disabled: y,
+            required: i,
+            autoComplete: F,
+            onChange: T,
+            ...$
+          }
+        )
+      }
+    );
+  }
+);
+Ut.displayName = "TextArea";
+const Or = {
+  Checkbox: mt,
+  Switch: ht,
+  InputField: Ke,
+  FileUpload: Bt,
+  InputLabel: Ue,
+  RadioButton: Wt,
+  RadioGroup: zt,
+  Select: Gt,
+  TextArea: Ut,
+  Empty: "div"
+}, Dr = (e, t) => {
+  const { as: a, name: s, ...c } = e, i = (l) => {
+    t(s, l);
+  }, o = Or[a] || Ke;
+  return /* @__PURE__ */ r.jsx(
+    A,
+    {
+      as: o,
+      ...c,
+      name: s,
+      isFullWidth: !0,
+      onChange: i
+    }
+  );
+}, Ar = (e, t, a) => {
+  const s = e.map((c, i) => {
+    const {
+      desktopSpan: o,
+      tabletLandscapeSpan: l,
+      tabletPortraitSpan: u,
+      mobileSpan: p,
+      isHorizontal: d,
+      ...m
+    } = c;
+    return /* @__PURE__ */ vr(Ct, { ...{
+      desktopSpan: o,
+      tabletLandscapeSpan: l,
+      tabletPortraitSpan: u,
+      mobileSpan: p,
+      isHorizontal: d
+    }, key: `${c.name}-${i}` }, Dr(m, t));
+  });
+  return /* @__PURE__ */ r.jsx(Ht, { gutters: a, children: s });
+}, Ir = g.forwardRef(
+  ({ spacing: e = "small", fields: t, onFieldsChange: a, children: s, errorText: c, ...i }, o) => {
+    let l = [];
+    e && l.push(`spacing-${e}`);
+    const u = (d, m) => {
+      a && a({
+        [d]: m
+      });
+    }, p = t != null && t.length ? Ar(t, u, e) : s;
+    return /* @__PURE__ */ r.jsxs(
+      A,
+      {
+        as: "form",
+        "data-form": !0,
+        ref: o,
+        classNames: l,
+        ...i,
+        children: [
+          p,
+          c && /* @__PURE__ */ r.jsx(Lt, { kind: "error", children: c })
+        ]
+      }
+    );
+  }
+);
+Ir.displayName = "Form";
+const Lr = g.forwardRef(
+  ({
+    isJoint: e,
+    equalWidthForChildren: t,
+    retainLayout: a,
+    children: s,
+    legend: c,
+    id: i,
+    ...o
+  }, l) => {
+    const u = i || `form-group-${Math.random().toString(36).substring(2, 9)}`;
+    let p = [];
+    return e && p.push("is-joint"), t && p.push("equal-width-for-children"), a && p.push("retain-layout"), /* @__PURE__ */ r.jsx(
+      A,
+      {
+        as: "div",
+        "data-form-item-group": !0,
+        ref: l,
+        id: u,
+        role: "group",
+        "aria-label": c,
+        classNames: p,
+        ...o,
+        children: s
+      }
+    );
+  }
+);
+Lr.displayName = "FormItemGroup";
+const Fr = (e, t) => {
+  const a = [], s = e.length, c = t.length;
+  if (s === 0) return c;
+  if (c === 0) return s;
+  for (let i = 0; i <= c; i++)
+    a[i] = [i];
+  for (let i = 0; i <= s; i++)
+    a[0][i] = i;
+  for (let i = 1; i <= c; i++)
+    for (let o = 1; o <= s; o++)
+      t[i - 1] === e[o - 1] ? a[i][o] = a[i - 1][o - 1] : a[i][o] = Math.min(
+        a[i - 1][o] + 1,
+        // Deletion
+        a[i][o - 1] + 1,
+        // Insertion
+        a[i - 1][o - 1] + 1
+        // Substitution
+      );
+  return a[c][s];
+}, Vr = (e, t) => {
+  let a = 0, s = 0;
+  for (; a < e.length && s < t.length; )
+    e[a] === t[s] && a++, s++;
+  return a === e.length;
+}, Br = (e) => e.split(/[\s\-_]+/).map((t) => t.slice(0, 2)).join("").toLowerCase(), Cr = (e, t) => {
+  if (!t) return e;
+  const a = t.toLowerCase().trim(), s = Math.floor(a.length / 2);
+  return e.map((i) => {
+    const o = i.label.toLowerCase(), l = Fr(a, o), u = o.split(/[\s\-_]+/), p = a.split(/[\s\-_]+/), d = o.includes(a) || p.every(
+      (N) => u.some((j) => j.startsWith(N))
+    ), m = Br(o), x = Vr(a, m);
+    return {
+      option: i,
+      distance: l,
+      isPartialMatch: d,
+      isAcronymMatch: x
+    };
+  }).filter(
+    ({ distance: i, isPartialMatch: o, isAcronymMatch: l }) => o || l || i <= s
+  ).sort((i, o) => i.isPartialMatch && !o.isPartialMatch ? -1 : !i.isPartialMatch && o.isPartialMatch ? 1 : i.isAcronymMatch && !o.isAcronymMatch ? -1 : !i.isAcronymMatch && o.isAcronymMatch ? 1 : i.distance - o.distance).map(({ option: i }) => i);
+}, Wr = g.forwardRef(
+  ({
+    options: e = [],
+    label: t,
+    helpText: a,
+    errorText: s,
+    placeholder: c = "Select an option",
+    id: i,
+    defaultValue: o,
+    onChange: l,
+    disabled: u,
+    selectionLimit: p,
+    allowMultiSelect: d = !1,
+    allowCustomEntries: m = !1,
+    isLoading: x,
+    value: N,
+    isFullWidth: j,
+    className: S,
+    required: h,
+    ...R
+  }, y) => {
+    const [F, W] = J(!1), [w, P] = J(""), [$, O] = J(-1), [_, T] = J(null), [D, H] = J([]);
+    re(() => {
+      o && l && l(o);
+    }, []);
+    const k = g.useMemo(() => [...e], [e]), I = oe(), B = oe(null), E = i || `listbox-${Math.random().toString(36).substring(2, 9)}`, f = Cr(k, w), v = (V) => {
+      if (V.disabled) return;
+      let Y;
+      if (d) {
+        if (D.some((se) => se.value === V.value))
+          Y = D.filter((se) => se.value !== V.value);
+        else {
+          if (p && D.length >= p)
+            return;
+          Y = [...D, V];
+        }
+        H(Y), l == null || l(Y.map((se) => se.value));
+      } else
+        Y = [V], T(V), H(Y), l == null || l(V.value), W(!1);
+      P(""), O(-1);
+    }, C = (V) => {
+      P(V);
+    }, L = () => {
+      if (!w.trim() || !m) return;
+      const V = w.trim(), Y = {
+        value: V,
+        label: V
+      };
+      k.some((ee) => ee.value === V) || v(Y);
+    }, K = (V) => {
+      if (d) {
+        const Y = D.filter((ee) => ee.value !== V);
+        H(Y), l == null || l(Y.map((ee) => ee.value));
+      } else
+        T(null), H([]), l == null || l("");
+    }, le = () => {
+      T(null), H([]), l == null || l(d ? [] : "");
+    }, ce = (V) => {
+      switch (V.key) {
+        case "ArrowDown":
+          V.preventDefault(), F ? O(
+            (Y) => Y < f.length - 1 ? Y + 1 : Y
+          ) : (W(!0), O(0));
+          break;
+        case "ArrowUp":
+          V.preventDefault(), O((Y) => Y > 0 ? Y - 1 : Y);
+          break;
+        case "Enter":
+          if (V.preventDefault(), m && w.trim()) {
+            const Y = f.find(
+              (ee) => ee.label.toLowerCase() === w.trim().toLowerCase()
+            );
+            Y ? v(Y) : L();
+          } else $ >= 0 && f[$] && v(f[$]);
+          break;
+        case "Escape":
+          V.preventDefault(), W(!1), O(-1);
+          break;
+        case " ":
+          F || (V.preventDefault(), W(!0), O(0));
+          break;
+        case "Home":
+          F && (V.preventDefault(), O(0));
+          break;
+        case "End":
+          F && (V.preventDefault(), O(f.length - 1));
+          break;
+      }
+    };
+    return ft(I, () => {
+      W(!1), O(-1);
+    }), re(() => {
+      F && B.current && B.current.focus();
+    }, [F]), re(() => {
+      if ($ >= 0) {
+        const V = document.querySelector(`[data-index="${$}"]`);
+        V == null || V.scrollIntoView({ block: "nearest" });
+      }
+    }, [$]), /* @__PURE__ */ r.jsx(
+      de,
+      {
+        label: t,
+        htmlFor: i,
+        helpText: a,
+        errorText: s,
+        required: h,
+        children: /* @__PURE__ */ r.jsxs(
+          A,
+          {
+            as: "div",
+            "data-list-box": !0,
+            classNames: ["list-box-wrapper", u ? "disabled" : "", S || ""],
+            ref: I,
+            ...R,
+            children: [
+              /* @__PURE__ */ r.jsxs(
+                G,
+                {
+                  className: "list-box-input-wrapper",
+                  onClick: () => !u && W(!F),
+                  role: "combobox",
+                  "aria-haspopup": "listbox",
+                  "aria-expanded": F,
+                  "aria-controls": `${E}-listbox`,
+                  "aria-owns": `${E}-listbox`,
+                  tabIndex: u ? -1 : 0,
+                  children: [
+                    d ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+                      D.length > 0 ? /* @__PURE__ */ r.jsxs(G, { className: "options-wrapper", children: [
+                        /* @__PURE__ */ r.jsx(G, { className: "options-list", children: D.map((V) => /* @__PURE__ */ r.jsx(
+                          at,
+                          {
+                            actionIcon: "cross",
+                            onActionClick: () => K(V.value),
+                            actionAriaLabel: `Remove ${V.label}`,
+                            size: "small",
+                            shape: "rounded",
+                            children: /* @__PURE__ */ r.jsx(ae, { children: V.label })
+                          },
+                          V.value
+                        )) }),
+                        p && D.length >= p && /* @__PURE__ */ r.jsxs(ae, { className: "options-limit-warning", textColour: "red", size: "small", children: [
+                          "You can choose only ",
+                          p,
+                          " option",
+                          p === 1 ? "" : "s"
+                        ] })
+                      ] }) : /* @__PURE__ */ r.jsx("span", { className: "placeholder", children: c }),
+                      D.length > 0 && /* @__PURE__ */ r.jsx(
+                        G,
+                        {
+                          className: "icon-wrapper clear-all",
+                          title: "Clear all options",
+                          onClick: () => le(),
+                          children: /* @__PURE__ */ r.jsxs("svg", { viewBox: "0 0 24 24", children: [
+                            /* @__PURE__ */ r.jsx("line", { x1: "5", y1: "5", x2: "19", y2: "19" }),
+                            /* @__PURE__ */ r.jsx("line", { x1: "5", y1: "19", x2: "19", y2: "5" })
+                          ] })
+                        }
+                      )
+                    ] }) : D[0] ? /* @__PURE__ */ r.jsx(ae, { className: "selected-option", children: D[0].label }) : /* @__PURE__ */ r.jsx("span", { className: "placeholder", children: c }),
+                    /* @__PURE__ */ r.jsx(G, { className: "icon-wrapper chevrons", children: /* @__PURE__ */ r.jsxs("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+                      /* @__PURE__ */ r.jsx("polyline", { points: "6 9 12 4 18 9" }),
+                      /* @__PURE__ */ r.jsx("polyline", { points: "6 15 12 20 18 15" })
+                    ] }) })
+                  ]
+                }
+              ),
+              F && !u && /* @__PURE__ */ r.jsxs(G, { className: "list-box-dropdown", children: [
+                /* @__PURE__ */ r.jsxs(G, { className: "list-box-search-wrapper", children: [
+                  /* @__PURE__ */ r.jsx(
+                    Ke,
+                    {
+                      type: "text",
+                      ref: B,
+                      className: "list-box-search",
+                      placeholder: m ? "Type to search or add new" : "Search",
+                      value: w,
+                      onChange: C,
+                      onKeyDown: ce,
+                      "aria-controls": `${E}-listbox`,
+                      "aria-label": "Search options"
+                    }
+                  ),
+                  m && w.trim() && !D.some((V) => V.label.toLowerCase() === w.trim().toLowerCase()) && /* @__PURE__ */ r.jsx(
+                    "kbd",
+                    {
+                      className: "list-box-enter-key",
+                      "aria-label": "Press Enter to add custom option",
+                      children: "↵"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ r.jsx(
+                  A,
+                  {
+                    as: "ul",
+                    id: `${E}-listbox`,
+                    className: "list-box-options",
+                    role: "listbox",
+                    "aria-multiselectable": d,
+                    "aria-busy": x,
+                    tabIndex: -1,
+                    children: f.length > 0 ? f.map((V, Y) => /* @__PURE__ */ r.jsx(
+                      "li",
+                      {
+                        id: `${E}-option-${V.value}`,
+                        className: `list-box-option ${V.disabled ? "disabled" : ""} ${$ === Y ? "active" : ""}`,
+                        role: "option",
+                        "aria-selected": D.some((ee) => ee.value === V.value),
+                        "aria-disabled": V.disabled,
+                        onClick: () => v(V),
+                        "data-index": Y,
+                        tabIndex: -1,
+                        children: V.customLabel || V.label
+                      },
+                      V.value
+                    )) : /* @__PURE__ */ r.jsx(
+                      "li",
+                      {
+                        className: "list-box-option disabled",
+                        role: "alert",
+                        "aria-live": "polite",
+                        children: m ? "Type and press Enter to add new option" : "No matches found"
+                      }
+                    )
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Wr.displayName = "ListBox";
+function Tt(e, t) {
+  return (t === "alphanumeric" ? /^[a-zA-Z0-9]+$/i : /^[0-9]+$/).test(e);
+}
+const zr = g.forwardRef(
+  ({
+    numberOfFields: e,
+    onChange: t,
+    type: a = "number",
+    mask: s = !1,
+    isOTP: c = !1,
+    autoFocus: i = !1,
+    pasteFromClipboard: o = "enabled",
+    focusFirstInputOnReset: l = !0,
+    isFullWidth: u,
+    ariaLabel: p,
+    ...d
+  }, m) => {
+    const x = oe(null), [N, j] = J([]), [S, h] = J([]), [R, y] = J(!0), [F, W] = J(-1), w = d.id || `pin-input-${Math.random().toString(36).substring(2, 9)}`, P = p || "Enter verification code", $ = U(
+      (E) => {
+        var v;
+        const f = N[E];
+        (v = f == null ? void 0 : f.current) == null || v.focus();
+      },
+      [N]
+    ), O = U(
+      (E) => {
+        if (!R) return;
+        const f = E + 1 < e ? E + 1 : null;
+        f && $(f);
+      },
+      [$, e, R]
+    ), _ = U(() => {
+      h(Array(e).fill("")), t == null || t(""), l && ($(0), W(0));
+    }, [e, t, $, l]), T = U(
+      (E, f) => {
+        const v = [...S];
+        v[f] = E, h(v), t == null || t(v.join("")), E !== "" && v.length === e && v.every((L) => L != null && L !== "") && f === e - 1 || (y(!0), O(f));
+      },
+      [O, e, t, S]
+    ), D = U((E, f) => {
+      var L;
+      const v = typeof E == "string" ? E : E.target.value, C = S[f];
+      if (v === "") {
+        T("", f);
+        return;
+      }
+      if (v.length > 1 && f < e - 1) {
+        if (Tt(v, a)) {
+          let K = [];
+          const le = v.split("");
+          C === "" ? K = le.filter((Y, ee) => f + ee < e) : ((L = N[f].current) == null ? void 0 : L.selectionEnd) === v.length ? K = le.filter((ee, se) => se > 0 && f + se - 1 < e) : K = le.filter((ee, se) => se < v.length - 1 && f + se < e);
+          const ce = S.map(
+            (Y, ee) => ee >= f && ee < f + K.length ? K[ee - f] : Y
+          );
+          h(ce), t == null || t(ce.join(""));
+          const V = Math.min(f + K.length, e - 1);
+          $(V);
+        }
+      } else {
+        let K = v;
+        (C == null ? void 0 : C.length) > 0 && (K = v.charAt(v.length - 1)), Tt(K, a) && T(K, f);
+      }
+    }, [e, t, T, a, S, $, N]), H = U((E, f) => {
+      var v;
+      if (E.key === "Backspace")
+        if (E.target.value === "") {
+          if (f > 0) {
+            const C = f - 1;
+            T("", C), $(C), y(!0);
+          }
+        } else
+          y(!1);
+      else E.key === "Escape" ? ((v = N[f].current) == null || v.blur(), B()) : E.key === "ArrowRight" ? f < e - 1 && $(f + 1) : E.key === "ArrowLeft" && f > 0 && $(f - 1);
+    }, [$, T, N, e]), k = U((E, f) => {
+      W(f);
+    }, []), I = U((E) => {
+      const f = E.target;
+      setTimeout(() => {
+        f.setSelectionRange(f.value.length, f.value.length);
+      }, 0);
+    }, []), B = U(() => {
+      W(-1);
+    }, []);
+    return re(() => {
+      j((E) => Array(e).fill(0).map((v, C) => {
+        var K;
+        const L = E[C] || xr();
+        return i && C === 0 && ((K = L.current) == null || K.focus()), L;
+      }));
+    }, [e, i]), At(
+      m,
+      () => ({
+        ...x.current,
+        reset: _
+      }),
+      [_]
+    ), /* @__PURE__ */ r.jsx(
+      G,
+      {
+        "data-pin-input-field": !0,
+        ref: x,
+        classNames: u ? ["full-width"] : [],
+        role: "group",
+        "aria-label": P,
+        "aria-required": d.required,
+        ...d,
+        children: Array.from({ length: e }, (E, f) => /* @__PURE__ */ r.jsx(
+          Ke,
+          {
+            id: `${w}-${f}`,
+            ref: N[f],
+            type: s ? "password" : a === "number" ? "tel" : "text",
+            inputMode: a === "number" ? "numeric" : "text",
+            onChange: (v) => D(v, f),
+            onKeyDown: (v) => H(v, f),
+            onFocus: (v) => k(v, f),
+            onSelect: I,
+            onBlur: B,
+            placeholder: F !== f ? "⦁" : void 0,
+            autoComplete: c ? "one-time-code" : "off",
+            value: S[f] || "",
+            autoFocus: i && f === 0,
+            onCopy: (v) => o === "disabled" && v.preventDefault(),
+            onPaste: (v) => o === "disabled" && v.preventDefault(),
+            "aria-label": `Digit ${f + 1} of ${e}`,
+            "aria-required": d.required
+          },
+          f
+        ))
+      }
+    );
+  }
+);
+zr.displayName = "PinInputField";
+const Hr = g.forwardRef(
+  ({
+    id: e,
+    name: t,
+    label: a,
+    helpText: s,
+    errorText: c,
+    options: i,
+    defaultValue: o,
+    value: l,
+    required: u,
+    onChange: p,
+    size: d = "medium",
+    bgColour: m,
+    disabled: x,
+    ...N
+  }, j) => {
+    const S = _e(() => t || e, [t, e]), h = oe(null), [R, y] = J({
+      width: 0,
+      transform: "translateX(0)"
+    }), [F, W] = J(!1), [w, P] = J(0), [$, O] = J(0), _ = oe([]), T = U(() => {
+      if (!h.current) return;
+      const E = h.current, f = E.closest("[data-input-wrapper]");
+      if (E && f) {
+        const v = E.scrollWidth, C = f.clientWidth, L = v > C;
+        W(L), O(L ? v - C : 0);
+      }
+    }, []);
+    re(() => {
+      const E = h.current;
+      if (!E) return;
+      T();
+      const f = new ResizeObserver(() => {
+        T();
+      });
+      return f.observe(E), E.closest("[data-input-wrapper]") && f.observe(E.closest("[data-input-wrapper]")), () => f.disconnect();
+    }, [T]), re(() => {
+      const E = i.findIndex((f) => f.value === l);
+      if (E >= 0) {
+        const f = () => {
+          const v = _.current[E];
+          if (v) {
+            const C = v.offsetWidth;
+            let L = "translateX(0)";
+            E > 0 && (L = `translateX(${_.current.slice(0, E).reduce((le, ce) => le + ((ce == null ? void 0 : ce.offsetWidth) || 0), 0)}px)`), y({ width: C, transform: L });
+          }
+        };
+        if (document.fonts && document.fonts.ready)
+          document.fonts.ready.then(() => {
+            requestAnimationFrame(() => {
+              requestAnimationFrame(f);
+            });
+          });
+        else {
+          const v = setTimeout(f, 100);
+          return () => clearTimeout(v);
+        }
+      }
+    }, [l, i]);
+    const D = (E) => {
+      p == null || p(E.target.value);
+    }, H = U((E) => {
+      const f = h.current;
+      if (!f) return;
+      const C = f.clientWidth * 0.8;
+      let L = E === "right" ? Math.min(w + C, $) : Math.max(w - C, 0);
+      P(L), requestAnimationFrame(() => {
+        f.style.transform = `translateX(-${L}px)`;
+      });
+    }, [w, $]), k = w > 0, I = w < $, B = [];
+    return d && B.push(`size-${d}`), /* @__PURE__ */ r.jsx(
+      de,
+      {
+        label: a,
+        htmlFor: e,
+        helpText: s,
+        errorText: c,
+        required: u,
+        children: /* @__PURE__ */ r.jsxs(
+          A,
+          {
+            as: "div",
+            "data-radio-tab-group": !0,
+            ref: j,
+            classNames: B,
+            name: S,
+            ...N,
+            children: [
+              F && k && /* @__PURE__ */ r.jsx(
+                G,
+                {
+                  className: "scroll-button left",
+                  onClick: () => H("left"),
+                  children: /* @__PURE__ */ r.jsx("svg", { viewBox: "0 0 24 24", children: /* @__PURE__ */ r.jsx("polyline", { points: "15 18 9 12 15 6" }) })
+                }
+              ),
+              /* @__PURE__ */ r.jsxs(G, { className: "rtg-options-container", children: [
+                /* @__PURE__ */ r.jsxs(
+                  G,
+                  {
+                    className: "rtg-options-wrapper",
+                    ref: h,
+                    children: [
+                      /* @__PURE__ */ r.jsx(
+                        G,
+                        {
+                          className: "indicator",
+                          style: {
+                            width: `${R.width}px`,
+                            transform: R.transform
+                          }
+                        }
+                      ),
+                      i.map((E, f) => {
+                        const { id: v, ...C } = E, L = v || `${e}-option-${f}`;
+                        return /* @__PURE__ */ r.jsxs(g.Fragment, { children: [
+                          /* @__PURE__ */ r.jsx(
+                            "input",
+                            {
+                              type: "radio",
+                              ...C,
+                              id: L,
+                              name: S,
+                              checked: l === E.value,
+                              disabled: x || E.disabled,
+                              onChange: D
+                            }
+                          ),
+                          /* @__PURE__ */ r.jsx(
+                            "label",
+                            {
+                              ref: (K) => _.current[f] = K,
+                              htmlFor: L,
+                              children: E.label
+                            }
+                          )
+                        ] }, L);
+                      })
+                    ]
+                  }
+                ),
+                F && I && /* @__PURE__ */ r.jsx(
+                  G,
+                  {
+                    className: "scroll-button right",
+                    onClick: () => H("right"),
+                    children: /* @__PURE__ */ r.jsx("svg", { viewBox: "0 0 24 24", children: /* @__PURE__ */ r.jsx("polyline", { points: "9 6 15 12 9 18" }) })
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Hr.displayName = "RadioTabGroup";
+function Gr(e) {
+  return Array.isArray(e.value);
+}
+const Ur = g.forwardRef(
+  (e, t) => Gr(e) ? /* @__PURE__ */ r.jsx(Yt, { ...e, forwardedRef: t }) : /* @__PURE__ */ r.jsx(Kt, { ...e, forwardedRef: t })
+);
+Ur.displayName = "Range";
+const Kt = ({
+  label: e,
+  helpText: t,
+  errorText: a,
+  value: s = 0,
+  suffix: c,
+  onChange: i,
+  min: o = 0,
+  max: l = 100,
+  step: u = 1,
+  id: p,
+  disabled: d,
+  ...m
+}) => {
+  const x = oe(null), N = oe(null), [j, S] = J(!1), [h, R] = J(!1), y = Math.max(o, Math.min(l, s)), F = U((T) => l <= o ? 0 : (Math.max(o, Math.min(l, T)) - o) / (l - o) * 100, [o, l]), W = U((T) => {
+    if (!N.current) return o;
+    const D = N.current.getBoundingClientRect(), H = Math.max(0, Math.min(1, (T - D.left) / D.width)), k = o + H * (l - o), I = Math.round(k / u) * u;
+    return Math.max(o, Math.min(l, I));
+  }, [o, l, u]), w = U((T) => {
+    const D = W(T);
+    i == null || i(D);
+  }, [W, i]), P = U((T) => {
+    d || (T.preventDefault(), S(!0), R(!0), w(T.clientX));
+  }, [d, w]);
+  re(() => {
+    if (!j) return;
+    const T = (H) => {
+      w(H.clientX);
+    }, D = () => {
+      S(!1);
+    };
+    return document.addEventListener("mousemove", T), document.addEventListener("mouseup", D), () => {
+      document.removeEventListener("mousemove", T), document.removeEventListener("mouseup", D);
+    };
+  }, [j, w]);
+  const $ = U((T) => {
+    d || (S(!0), R(!0), w(T.touches[0].clientX));
+  }, [d, w]);
+  re(() => {
+    if (!j) return;
+    const T = (H) => {
+      H.preventDefault(), w(H.touches[0].clientX);
+    }, D = () => {
+      S(!1);
+    };
+    return document.addEventListener("touchmove", T, { passive: !1 }), document.addEventListener("touchend", D), () => {
+      document.removeEventListener("touchmove", T), document.removeEventListener("touchend", D);
+    };
+  }, [j, w]);
+  const O = U((T) => {
+    if (d) return;
+    let D = y;
+    switch (T.key) {
+      case "ArrowRight":
+      case "ArrowUp":
+        T.preventDefault(), D = Math.min(y + u, l);
+        break;
+      case "ArrowLeft":
+      case "ArrowDown":
+        T.preventDefault(), D = Math.max(y - u, o);
+        break;
+      case "Home":
+        T.preventDefault(), D = o;
+        break;
+      case "End":
+        T.preventDefault(), D = l;
+        break;
+      case "PageUp":
+        T.preventDefault(), D = Math.min(y + u * 10, l);
+        break;
+      case "PageDown":
+        T.preventDefault(), D = Math.max(y - u * 10, o);
+        break;
+      default:
+        return;
+    }
+    i == null || i(D);
+  }, [d, y, o, l, u, i]), _ = F(y);
+  return /* @__PURE__ */ r.jsx(
+    de,
+    {
+      customLabel: e && /* @__PURE__ */ r.jsxs(G, { "data-range-meta": !0, children: [
+        /* @__PURE__ */ r.jsx(
+          Ue,
+          {
+            className: "range-label",
+            label: e,
+            htmlFor: p
+          }
+        ),
+        /* @__PURE__ */ r.jsxs(ae, { className: "range-value", children: [
+          y,
+          c && c
+        ] })
+      ] }),
+      helpText: t,
+      errorText: a,
+      children: /* @__PURE__ */ r.jsxs(
+        G,
+        {
+          ref: N,
+          "data-range-single": !0,
+          className: d ? "disabled" : "",
+          role: "group",
+          "aria-labelledby": e ? `${p}-label` : void 0,
+          children: [
+            /* @__PURE__ */ r.jsx(G, { className: "range-track", "aria-hidden": "true" }),
+            /* @__PURE__ */ r.jsx(
+              G,
+              {
+                className: "range-track-fill",
+                style: {
+                  left: "0%",
+                  right: `${100 - _}%`
+                },
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ r.jsx(
+              "button",
+              {
+                ref: x,
+                id: p,
+                type: "button",
+                className: "range-thumb",
+                style: { left: `${_}%` },
+                disabled: d,
+                onMouseDown: P,
+                onTouchStart: $,
+                onKeyDown: O,
+                onFocus: () => R(!0),
+                onBlur: () => R(!1),
+                "data-active": h || j,
+                role: "slider",
+                "aria-valuemin": o,
+                "aria-valuemax": l,
+                "aria-valuenow": y,
+                "aria-valuetext": `${y}${c ? ` ${c}` : ""}`,
+                "aria-orientation": "horizontal"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+Kt.displayName = "SingleThumbRange";
+const Yt = ({
+  label: e,
+  helpText: t,
+  errorText: a,
+  value: s = [0, 100],
+  suffix: c,
+  onChange: i,
+  min: o = 0,
+  max: l = 100,
+  step: u = 1,
+  minLabel: p = "Minimum value",
+  maxLabel: d = "Maximum value",
+  id: m,
+  disabled: x,
+  ...N
+}) => {
+  const [j, S] = s, h = Math.max(o, Math.min(l, j)), R = Math.max(o, Math.min(l, S)), y = oe(null), F = oe(null), W = oe(null), [w, P] = J(null), [$, O] = J(null), _ = U((f) => l <= o ? 0 : (Math.max(o, Math.min(l, f)) - o) / (l - o) * 100, [o, l]), T = U((f) => {
+    if (!W.current) return o;
+    const v = W.current.getBoundingClientRect(), C = Math.max(0, Math.min(1, (f - v.left) / v.width)), L = o + C * (l - o), K = Math.round(L / u) * u;
+    return Math.max(o, Math.min(l, K));
+  }, [o, l, u]), D = U((f, v) => {
+    const C = T(f);
+    if (v === "min") {
+      const L = Math.min(C, R - u);
+      i == null || i([L, R]);
+    } else {
+      const L = Math.max(C, h + u);
+      i == null || i([h, L]);
+    }
+  }, [T, h, R, u, i]), H = U((f) => (v) => {
+    x || (v.preventDefault(), P(f), O(f), D(v.clientX, f));
+  }, [x, D]);
+  re(() => {
+    if (!w) return;
+    const f = (C) => {
+      D(C.clientX, w);
+    }, v = () => {
+      P(null);
+    };
+    return document.addEventListener("mousemove", f), document.addEventListener("mouseup", v), () => {
+      document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", v);
+    };
+  }, [w, D]);
+  const k = U((f) => (v) => {
+    x || (P(f), O(f), D(v.touches[0].clientX, f));
+  }, [x, D]);
+  re(() => {
+    if (!w) return;
+    const f = (C) => {
+      C.preventDefault(), D(C.touches[0].clientX, w);
+    }, v = () => {
+      P(null);
+    };
+    return document.addEventListener("touchmove", f, { passive: !1 }), document.addEventListener("touchend", v), () => {
+      document.removeEventListener("touchmove", f), document.removeEventListener("touchend", v);
+    };
+  }, [w, D]);
+  const I = U((f) => (v) => {
+    if (x) return;
+    const C = f === "min" ? h : R;
+    let L = C;
+    switch (v.key) {
+      case "ArrowRight":
+      case "ArrowUp":
+        v.preventDefault(), L = Math.min(C + u, l);
+        break;
+      case "ArrowLeft":
+      case "ArrowDown":
+        v.preventDefault(), L = Math.max(C - u, o);
+        break;
+      case "Home":
+        v.preventDefault(), L = f === "min" ? o : h + u;
+        break;
+      case "End":
+        v.preventDefault(), L = f === "max" ? l : R - u;
+        break;
+      case "PageUp":
+        v.preventDefault(), L = Math.min(C + u * 10, l);
+        break;
+      case "PageDown":
+        v.preventDefault(), L = Math.max(C - u * 10, o);
+        break;
+      default:
+        return;
+    }
+    if (f === "min") {
+      const K = Math.min(L, R - u);
+      i == null || i([K, R]);
+    } else {
+      const K = Math.max(L, h + u);
+      i == null || i([h, K]);
+    }
+  }, [x, h, R, o, l, u, i]), B = _(h), E = _(R);
+  return /* @__PURE__ */ r.jsx(
+    de,
+    {
+      customLabel: e && /* @__PURE__ */ r.jsxs(G, { "data-range-meta": !0, children: [
+        /* @__PURE__ */ r.jsx(
+          Ue,
+          {
+            className: "range-label",
+            label: e,
+            htmlFor: m
+          }
+        ),
+        /* @__PURE__ */ r.jsxs(ae, { className: "range-value", children: [
+          h,
+          "–",
+          R,
+          c && c
+        ] })
+      ] }),
+      helpText: t,
+      errorText: a,
+      children: /* @__PURE__ */ r.jsxs(
+        G,
+        {
+          ref: W,
+          "data-range-dual": !0,
+          className: x ? "disabled" : "",
+          role: "group",
+          "aria-labelledby": e ? `${m}-label` : void 0,
+          children: [
+            /* @__PURE__ */ r.jsx(G, { className: "range-track", "aria-hidden": "true" }),
+            /* @__PURE__ */ r.jsx(
+              G,
+              {
+                className: "range-track-fill",
+                style: {
+                  left: `${B}%`,
+                  right: `${100 - E}%`
+                },
+                "aria-hidden": "true"
+              }
+            ),
+            /* @__PURE__ */ r.jsx(
+              "button",
+              {
+                ref: y,
+                id: `${m}-min`,
+                type: "button",
+                className: "range-thumb range-thumb-min",
+                style: { left: `${B}%` },
+                disabled: x,
+                onMouseDown: H("min"),
+                onTouchStart: k("min"),
+                onKeyDown: I("min"),
+                onFocus: () => O("min"),
+                onBlur: () => O(null),
+                "data-active": $ === "min" || w === "min",
+                role: "slider",
+                "aria-label": p,
+                "aria-valuemin": o,
+                "aria-valuemax": R - u,
+                "aria-valuenow": h,
+                "aria-valuetext": `${h}${c ? ` ${c}` : ""}`,
+                "aria-orientation": "horizontal"
+              }
+            ),
+            /* @__PURE__ */ r.jsx(
+              "button",
+              {
+                ref: F,
+                id: `${m}-max`,
+                type: "button",
+                className: "range-thumb range-thumb-max",
+                style: { left: `${E}%` },
+                disabled: x,
+                onMouseDown: H("max"),
+                onTouchStart: k("max"),
+                onKeyDown: I("max"),
+                onFocus: () => O("max"),
+                onBlur: () => O(null),
+                "data-active": $ === "max" || w === "max",
+                role: "slider",
+                "aria-label": d,
+                "aria-valuemin": h + u,
+                "aria-valuemax": l,
+                "aria-valuenow": R,
+                "aria-valuetext": `${R}${c ? ` ${c}` : ""}`,
+                "aria-orientation": "horizontal"
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+Yt.displayName = "DualThumbRange";
+const Kr = g.forwardRef(
+  ({
+    label: e,
+    value: t,
+    height: a,
+    suffix: s,
+    showOptimumMarker: c,
+    ariaLabel: i,
+    description: o,
+    min: l,
+    max: u,
+    low: p,
+    high: d,
+    optimum: m,
+    ...x
+  }, N) => {
+    const j = m ? (m - l) / (u - l) * 100 : 0, S = () => {
+      const h = (t - l) / (u - l) * 100;
+      let R;
+      return t <= p ? R = "Low" : t >= d ? R = "High" : R = "Normal", `Current value is ${t}${s || ""} (${h.toFixed(1)}%). Status: ${R}`;
+    };
+    return /* @__PURE__ */ r.jsxs(
+      "div",
+      {
+        role: "region",
+        "aria-label": i || "Meter indicator",
+        children: [
+          e && /* @__PURE__ */ r.jsxs(
+            A,
+            {
+              as: "div",
+              "data-meter-meta": !0,
+              id: `meter-label-${e.toLowerCase().replace(/\s+/g, "-")}`,
+              children: [
+                /* @__PURE__ */ r.jsx(ae, { children: e }),
+                /* @__PURE__ */ r.jsxs(ae, { children: [
+                  t,
+                  s && s
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ r.jsxs(
+            "div",
+            {
+              className: "meter-wrapper",
+              role: "presentation",
+              children: [
+                /* @__PURE__ */ r.jsx(
+                  A,
+                  {
+                    as: "meter",
+                    "data-meter": !0,
+                    ref: N,
+                    value: t,
+                    min: l,
+                    max: u,
+                    low: p,
+                    high: d,
+                    optimum: m,
+                    ...x,
+                    style: { height: a },
+                    "aria-label": e || i || "Progress meter",
+                    "aria-valuemin": l,
+                    "aria-valuemax": u,
+                    "aria-valuenow": t,
+                    "aria-valuetext": S(),
+                    "aria-describedby": o ? `meter-description-${e == null ? void 0 : e.toLowerCase().replace(/\s+/g, "-")}` : void 0
+                  }
+                ),
+                c && m && /* @__PURE__ */ r.jsx(
+                  "div",
+                  {
+                    className: "optimum-marker",
+                    style: { left: `calc(${j}% - var(--meter-border-width))` },
+                    title: `Optimum: ${m}`,
+                    role: "presentation",
+                    "aria-hidden": "true"
+                  }
+                )
+              ]
+            }
+          ),
+          o && /* @__PURE__ */ r.jsx(
+            "div",
+            {
+              id: `meter-description-${e == null ? void 0 : e.toLowerCase().replace(/\s+/g, "-")}`,
+              className: "sr-only",
+              children: o
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Kr.displayName = "Meter";
+const Yr = g.forwardRef(
+  ({
+    id: e,
+    children: t,
+    classNames: a = [],
+    isOpen: s = !1,
+    onClose: c,
+    isDismissible: i = !0,
+    showBackdrop: o,
+    blurBackdrop: l,
+    label: u,
+    description: p,
+    ...d
+  }, m) => {
+    const x = `${e}`, N = p ? `${x}-description` : void 0;
+    return o && a.push("show-backdrop"), l && a.push("blur-backdrop"), re(() => {
+      const j = document.querySelector(`#${x}[data-modal]`);
+      if (!(!j || !(j instanceof HTMLElement)))
+        if (s) {
+          j.showPopover();
+          const S = j.querySelectorAll(
+            'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+          );
+          S.length && S[0].focus();
+        } else
+          j.matches(":popover-open") && j.hidePopover();
+    }, [s, x]), re(() => {
+      const j = (S) => {
+        S.key === "Escape" && i && s && c && c();
+      };
+      return document.addEventListener("keydown", j), () => document.removeEventListener("keydown", j);
+    }, [i, s, c]), /* @__PURE__ */ r.jsxs(
+      A,
+      {
+        as: "dialog",
+        id: x,
+        "data-modal": !0,
+        popover: i ? "auto" : "manual",
+        ref: m,
+        classNames: a,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": u || "Modal dialog",
+        "aria-describedby": N,
+        ...d,
+        children: [
+          i && c && /* @__PURE__ */ r.jsx(
+            ae,
+            {
+              className: "dismiss-button",
+              onClick: c,
+              "aria-label": "Close modal",
+              tabIndex: 0,
+              children: "×"
+            }
+          ),
+          p && /* @__PURE__ */ r.jsx("div", { id: N, className: "sr-only", children: p }),
+          /* @__PURE__ */ r.jsx("div", { role: "document", children: t })
+        ]
+      }
+    );
+  }
+);
+Yr.displayName = "Modal";
+const qr = g.forwardRef(
+  ({
+    position: e = "right",
+    anchor: t = "top",
+    order: a = "new-on-top",
+    children: s,
+    label: c,
+    ...i
+  }, o) => {
+    let l = [];
+    return e && l.push(e), t && l.push(t), a && l.push(a), g.Children.count(s) === 0 ? null : /* @__PURE__ */ r.jsx(
+      A,
+      {
+        as: "section",
+        "data-notifications-wrapper": !0,
+        ref: o,
+        classNames: l,
+        "aria-label": c || "Notifications",
+        "aria-relevant": "additions removals",
+        role: "log",
+        ...i,
+        children: s
+      }
+    );
+  }
+);
+qr.displayName = "NotificationsWrapper";
+const Xr = g.forwardRef(
+  ({
+    showWhen: e,
+    closeWhen: t,
+    kind: a = "info",
+    children: s,
+    isDismissible: c,
+    secondsToShowFor: i,
+    title: o,
+    description: l,
+    ...u
+  }, p) => {
+    let d = [];
+    const [m, x] = J(e);
+    re(() => {
+      e && x(!0);
+      const R = e ? setTimeout(() => {
+        t();
+      }, (i ?? 8) * 1e3) : void 0;
+      return () => {
+        R && clearTimeout(R);
+      };
+    }, [e, i, t]), a && d.push(a), c && d.push("dismissible");
+    const N = (R) => {
+      R.preventDefault(), t();
+    }, j = (R) => {
+      (R.key === "Enter" || R.key === " ") && (R.preventDefault(), t());
+    }, S = () => {
+      e || x(!1);
+    }, h = {
+      info: "status",
+      warning: "alert",
+      error: "alert",
+      success: "status"
+    };
+    return m && /* @__PURE__ */ r.jsxs(
+      A,
+      {
+        as: "div",
+        "data-notification-item": !0,
+        ref: p,
+        classNames: [...d, e ? "" : "dismissed"],
+        onTransitionEnd: S,
+        role: h[a],
+        "aria-live": a === "error" || a === "warning" ? "assertive" : "polite",
+        "aria-atomic": "true",
+        "aria-label": o,
+        ...u,
+        children: [
+          /* @__PURE__ */ r.jsxs("div", { id: `notification-content-${u.id}`, children: [
+            s,
+            l && /* @__PURE__ */ r.jsx("span", { className: "sr-only", children: l })
+          ] }),
+          c && /* @__PURE__ */ r.jsx(
+            G,
+            {
+              className: "dismiss-button",
+              onClick: N,
+              onKeyDown: j,
+              "aria-label": "Dismiss notification",
+              tabIndex: 0,
+              children: /* @__PURE__ */ r.jsx("span", { className: "sr-only", children: "Close notification" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Xr.displayName = "NotificationItem";
+const qt = g.forwardRef(
+  ({
+    size: e = "medium",
+    loadingText: t = "Loading...",
+    ...a
+  }, s) => {
+    let c = [];
+    return e && c.push(`size-${e}`), /* @__PURE__ */ r.jsx(
+      A,
+      {
+        as: "div",
+        "data-spinner": !0,
+        ref: s,
+        classNames: c,
+        role: "status",
+        "aria-busy": "true",
+        "aria-live": "polite",
+        "aria-label": t,
+        ...a
+      }
+    );
+  }
+);
+qt.displayName = "Spinner";
+const St = (e, t) => {
+  const a = t - e + 1;
+  return Array.from({ length: a }, (s, c) => e + c);
+}, Jr = ({
+  totalItems: e,
+  currentPage: t,
+  itemsToShowEachSide: a
+}) => {
+  const s = e;
+  return {
+    items: (() => {
+      const i = a * 2 + 1;
+      let o = [];
+      if (s <= i)
+        o = St(1, s);
+      else {
+        const l = Math.min(t - 1, a), u = Math.min(s - t, a);
+        o.push(1), t - a > 2 && o.push("...");
+        const p = Math.max(2, t - l), d = Math.min(s - 1, t + u);
+        o.push(...St(p, d)), s - t > a + 1 && o.push("..."), d < s && o.push(s);
+      }
+      return o;
+    })(),
+    totalPages: s,
+    rangeStart: t,
+    rangeEnd: t,
+    hasPrevPage: t > 1,
+    hasNextPage: t < s
+  };
+}, Zr = ({
+  type: e,
+  page: t,
+  selected: a,
+  disabled: s,
+  onClick: c,
+  key: i,
+  ...o
+}) => {
+  if (e === "ellipsis")
+    return /* @__PURE__ */ r.jsx(ae, { className: "pagination-ellipsis", children: "..." });
+  const l = {
+    type: "button",
+    className: `pagination-item ${a ? "selected" : ""} ${s ? "disabled" : ""}`,
+    onClick: c,
+    disabled: s,
+    ...o
+  };
+  let u;
+  switch (e) {
+    case "first":
+      u = u = /* @__PURE__ */ r.jsxs("svg", { viewBox: "0 0 24 24", children: [
+        /* @__PURE__ */ r.jsx("line", { x1: "5", y1: "18", x2: "5", y2: "6" }),
+        /* @__PURE__ */ r.jsx("polyline", { points: "14 18 9 12 14 6" }),
+        /* @__PURE__ */ r.jsx("line", { x1: "10", y1: "12", x2: "19", y2: "12" })
+      ] });
+      break;
+    case "previous":
+      u = /* @__PURE__ */ r.jsxs("svg", { viewBox: "0 0 24 24", children: [
+        /* @__PURE__ */ r.jsx("polyline", { points: "12 18 7 12 12 6" }),
+        /* @__PURE__ */ r.jsx("line", { x1: "8", y1: "12", x2: "17", y2: "12" })
+      ] });
+      break;
+    case "next":
+      u = u = /* @__PURE__ */ r.jsxs("svg", { viewBox: "0 0 24 24", children: [
+        /* @__PURE__ */ r.jsx("polyline", { points: "12 6 17 12 12 18" }),
+        /* @__PURE__ */ r.jsx("line", { x1: "16", y1: "12", x2: "7", y2: "12" })
+      ] });
+      break;
+    case "last":
+      u = u = /* @__PURE__ */ r.jsxs("svg", { viewBox: "0 0 24 24", children: [
+        /* @__PURE__ */ r.jsx("polyline", { points: "10 6 15 12 10 18" }),
+        /* @__PURE__ */ r.jsx("line", { x1: "19", y1: "6", x2: "19", y2: "18" }),
+        /* @__PURE__ */ r.jsx("line", { x1: "14", y1: "12", x2: "5", y2: "12" })
+      ] });
+      break;
+    default:
+      u = t;
+  }
+  return /* @__PURE__ */ r.jsx(
+    pt,
+    {
+      kind: "custom",
+      ...l,
+      children: u
+    }
+  );
+}, Qr = g.forwardRef(
+  ({
+    totalItems: e,
+    currentPage: t,
+    onPageChange: a,
+    itemsToShowEachSide: s = 1,
+    kind: c = "plain",
+    showGoToFirstItemButton: i = !0,
+    showGoToLastItemButton: o = !0,
+    showPreviousButton: l = !0,
+    showNextButton: u = !0,
+    showGoToInput: p = !1,
+    disabled: d = !1,
+    hideDisabledButtons: m = !1,
+    renderItem: x = Zr,
+    isLoading: N = !1,
+    loadingText: j,
+    emptyText: S,
+    itemDisplayText: h = "page",
+    ...R
+  }, y) => {
+    const {
+      items: F,
+      totalPages: W,
+      rangeStart: w,
+      hasPrevPage: P,
+      hasNextPage: $
+    } = Jr({
+      totalItems: e,
+      currentPage: t,
+      itemsToShowEachSide: s
+    }), [O, _] = g.useState(""), T = (k) => {
+      _(k.target.value);
+    }, D = (k) => {
+      if (k.key === "Enter") {
+        const I = parseInt(O);
+        !isNaN(I) && I >= 1 && I <= W && (a(I), _(""));
+      }
+    };
+    if (e === 0)
+      return /* @__PURE__ */ r.jsx(ae, { className: "pagination-empty", children: S || "No items to display" });
+    let H = ["pagination"];
+    return c && H.push(c), d && H.push("disabled"), N && H.push("loading"), /* @__PURE__ */ r.jsxs(
+      A,
+      {
+        as: "nav",
+        "data-pagination": !0,
+        ref: y,
+        classNames: H,
+        role: "navigation",
+        "aria-label": "pagination",
+        ...R,
+        children: [
+          /* @__PURE__ */ r.jsxs(G, { className: "pagination-controls", children: [
+            i && (!m || P) && x({
+              type: "first",
+              disabled: !P || d,
+              selected: !1,
+              onClick: () => a(1)
+            }),
+            l && (!m || P) && x({
+              type: "previous",
+              disabled: !P || d,
+              selected: !1,
+              onClick: () => a(t - 1)
+            }),
+            F.map((k, I) => {
+              const B = k === "..." ? {
+                key: `ellipsis-${I}`,
+                type: "ellipsis",
+                selected: !1,
+                disabled: !0
+              } : {
+                key: k.toString(),
+                type: "page",
+                page: k,
+                selected: k === t,
+                disabled: d,
+                "aria-current": k === t ? "page" : void 0,
+                onClick: () => a(k)
+              };
+              return x(B);
+            }),
+            u && (!m || $) && x({
+              type: "next",
+              disabled: !$ || d,
+              selected: !1,
+              onClick: () => a(t + 1)
+            }),
+            o && (!m || $) && x({
+              type: "last",
+              disabled: !$ || d,
+              selected: !1,
+              onClick: () => a(W)
+            }),
+            N && /* @__PURE__ */ r.jsxs(G, { className: "pagination-loading", children: [
+              /* @__PURE__ */ r.jsx(qt, {}),
+              j && /* @__PURE__ */ r.jsx(ae, { size: "small", children: j })
+            ] })
+          ] }),
+          /* @__PURE__ */ r.jsxs(G, { className: "pagination-info", children: [
+            /* @__PURE__ */ r.jsxs(ae, { size: "small", children: [
+              "Showing ",
+              h,
+              " ",
+              w,
+              " of ",
+              e
+            ] }),
+            p && /* @__PURE__ */ r.jsx(G, { className: "pagination-go-to", children: /* @__PURE__ */ r.jsx(
+              "input",
+              {
+                type: "number",
+                min: 1,
+                max: W,
+                value: O,
+                onChange: T,
+                onKeyDown: D,
+                placeholder: `Go to ${h}`,
+                "aria-label": `Go to ${h}`,
+                disabled: d
+              }
+            ) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Qr.displayName = "Pagination";
+const ea = g.forwardRef(
+  ({
+    label: e,
+    value: t,
+    height: a,
+    max: s = 100,
+    shape: c,
+    bgColor: i,
+    bgColour: o,
+    fillColor: l,
+    fillColour: u,
+    ...p
+  }, d) => {
+    const m = Math.max(0, Math.min(s, Number(t) || 0)), x = `${m}${p.suffix || ""}`, N = o || i, j = u || l, S = {
+      height: a,
+      ...N && { "--progress-bar-bg": `var(--${N})` },
+      ...j && { "--progress-bar-fill": `var(--${j})` }
+    };
+    return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      e && /* @__PURE__ */ r.jsxs(
+        A,
+        {
+          as: "div",
+          "data-progress-bar-meta": !0,
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ r.jsx(ae, { children: e }),
+            /* @__PURE__ */ r.jsx(ae, { children: x })
+          ]
+        }
+      ),
+      /* @__PURE__ */ r.jsx(
+        A,
+        {
+          as: "progress",
+          "data-progress-bar": !0,
+          ref: d,
+          value: m,
+          max: s,
+          "aria-label": e,
+          "aria-valuemin": 0,
+          "aria-valuemax": s,
+          "aria-valuenow": m,
+          "aria-valuetext": `${e ? `${e}: ` : ""}${x}`,
+          shape: c,
+          ...p,
+          style: S
+        }
+      )
+    ] });
+  }
+);
+ea.displayName = "ProgressBar";
+const st = It({
+  isSelected: () => !1,
+  toggleSelection: () => {
+  },
+  showTickIcon: !1,
+  tickPosition: "top-right",
+  selectAllOptions: () => {
+  },
+  clearAllOptions: () => {
+  },
+  setSelectedOptions: () => {
+  },
+  setSelectedIds: () => {
+  },
+  registerOption: () => {
+  },
+  unregisterOption: () => {
+  }
+}), ta = g.forwardRef(
+  ({
+    children: e,
+    allowMultipleSelections: t = !1,
+    showTickIcon: a,
+    onSelectionChange: s,
+    tickPosition: c = "top-right",
+    selectionLimit: i,
+    defaultSelectedIds: o,
+    ...l
+  }, u) => {
+    const [p, d] = J(
+      o ? new Set(o) : /* @__PURE__ */ new Set()
+    ), m = oe(/* @__PURE__ */ new Map());
+    re(() => {
+      o && o.size > 0 && (d(new Set(o)), s == null || s(new Set(o)));
+    }, [o, s]);
+    const x = U((w, P) => {
+      m.current.set(w, P);
+    }, []), N = U((w) => {
+      m.current.delete(w);
+    }, []), j = U((w) => {
+      d((P) => {
+        const $ = new Set(P);
+        if (t)
+          if ($.has(w))
+            $.delete(w);
+          else {
+            if (i && $.size >= i)
+              return P;
+            $.add(w);
+          }
+        else
+          $.has(w) && P.size === 1 ? $.clear() : ($.clear(), $.add(w));
+        return s == null || s($), $;
+      });
+    }, [t, s, i]), S = U(() => {
+      t && d((w) => {
+        const P = new Set(w), $ = Array.from(m.current.entries()).filter(([_, T]) => !T).map(([_]) => _);
+        return (i ? $.slice(0, i) : $).forEach((_) => P.add(_)), s == null || s(P), P;
+      });
+    }, [t, i, s]), h = U(() => {
+      d(/* @__PURE__ */ new Set()), s == null || s(/* @__PURE__ */ new Set());
+    }, [s]), R = U((w) => {
+      w && (console.log("Setting selected options:", w), d(() => {
+        const P = new Set(w);
+        return s == null || s(P), P;
+      }));
+    }, [s]), y = U((w) => {
+      w && (console.log("Setting selected ids:", Array.from(w)), d(() => {
+        const P = new Set(w);
+        return s == null || s(P), P;
+      }));
+    }, [s]), F = U((w) => p.has(w), [p]);
+    g.useImperativeHandle(u, () => ({
+      selectAllOptions: S,
+      clearAllOptions: h,
+      setSelectedOptions: R,
+      setSelectedIds: y
+    }), [S, h, R, y]);
+    const W = {
+      isSelected: F,
+      toggleSelection: j,
+      showTickIcon: a,
+      tickPosition: c,
+      selectAllOptions: S,
+      clearAllOptions: h,
+      setSelectedOptions: R,
+      setSelectedIds: y,
+      registerOption: x,
+      unregisterOption: N
+    };
+    return /* @__PURE__ */ r.jsx(st.Provider, { value: W, children: /* @__PURE__ */ r.jsx(G, { "data-option-cards-group": !0, className: `tick-${c}`, children: e }) });
+  }
+);
+ta.displayName = "OptionCardsGroup";
+const Ba = (e) => {
+  const t = rt(st);
+  return {
+    isSelected: t.isSelected(e),
+    toggleSelection: () => t.toggleSelection(e),
+    showTickIcon: t.showTickIcon
+  };
+}, Ca = () => {
+  const {
+    selectAllOptions: e,
+    clearAllOptions: t,
+    setSelectedOptions: a,
+    setSelectedIds: s
+  } = rt(st);
+  return {
+    selectAllOptions: e,
+    clearAllOptions: t,
+    setSelectedOptions: a,
+    setSelectedIds: s
+  };
+}, Wa = ({ id: e, children: t, disabled: a = !1, ...s }) => {
+  const { isSelected: c, toggleSelection: i, showTickIcon: o, registerOption: l, unregisterOption: u } = rt(st), [p, d] = J(!1), [m, x] = J(!0);
+  g.useEffect(() => (l(e, a), () => u(e)), [e, a, l, u]);
+  let N = [];
+  c(e) && N.push("selected"), a && N.push("disabled"), p && N.push("show-deselect");
+  const j = () => {
+    c(e) && !m && d(!0);
+  }, S = () => {
+    d(!1), x(!1);
+  }, h = (y) => {
+    var F;
+    a || (x(!0), d(!1), i(e), (F = s.onClick) == null || F.call(s, y));
+  }, R = (y) => {
+    (y.key === "Enter" || y.key === " ") && !a && (y.preventDefault(), x(!0), d(!1), i(e));
+  };
+  return /* @__PURE__ */ r.jsxs(
+    A,
+    {
+      as: Ft,
+      "data-option-card": !0,
+      role: "button",
+      tabIndex: a ? -1 : 0,
+      "aria-disabled": a,
+      "aria-selected": c(e),
+      classNames: N,
+      onClick: h,
+      onKeyDown: R,
+      onMouseEnter: j,
+      onMouseLeave: S,
+      ...s,
+      children: [
+        o && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+          /* @__PURE__ */ r.jsxs("svg", { viewBox: "0 0 24 24", className: "tick-icon", children: [
+            /* @__PURE__ */ r.jsx("circle", { cx: "12", cy: "12", r: "11" }),
+            /* @__PURE__ */ r.jsx("path", { d: "M8 13 L11 15 L16 9" })
+          ] }),
+          /* @__PURE__ */ r.jsxs("svg", { viewBox: "0 0 24 24", className: "deselect-icon", children: [
+            /* @__PURE__ */ r.jsx("circle", { cx: "12", cy: "12", r: "11" }),
+            /* @__PURE__ */ r.jsx("path", { d: "M8 8 L16 16 M16 8 L8 16" })
+          ] })
+        ] }),
+        t
+      ]
+    }
+  );
+}, ra = g.forwardRef(
+  ({
+    collapsed: e,
+    closeOnClickOutside: t,
+    showMobileSidebar: a,
+    ...s
+  }, c) => {
+    const i = oe(null);
+    At(c, () => i.current), ft(i, () => {
+      typeof t == "function" && t();
+    });
+    let o = [];
+    return e && o.push("collapsed"), a && o.push("show-sidebar"), /* @__PURE__ */ r.jsx(
+      A,
+      {
+        as: "aside",
+        "data-sidebar-wrapper": !0,
+        ref: i,
+        classNames: o,
+        ...s
+      }
+    );
+  }
+);
+ra.displayName = "SidebarWrapper";
+const aa = g.forwardRef(
+  ({ label: e, ...t }, a) => /* @__PURE__ */ r.jsx(
+    A,
+    {
+      as: "main",
+      "data-content-wrapper": !0,
+      ref: a,
+      role: "main",
+      "aria-label": e || "Main content",
+      ...t
+    }
+  )
+);
+aa.displayName = "ContentWrapper";
+const sa = g.forwardRef(
+  ({ isSticky: e, ...t }, a) => {
+    let s = [];
+    return e && s.push("is-sticky"), /* @__PURE__ */ r.jsx(
+      A,
+      {
+        as: "header",
+        "data-sidebar-header": !0,
+        ref: a,
+        classNames: s,
+        ...t
+      }
+    );
+  }
+);
+sa.displayName = "SidebarHeader";
+const na = g.forwardRef(
+  ({ hasAlert: e, hasEmptyIcon: t, hasNoIcon: a, children: s, ...c }, i) => {
+    let o = [];
+    return e && o.push("has-alert"), t ? o.push("has-empty-icon") : a && o.push("has-no-icon"), /* @__PURE__ */ r.jsxs(
+      A,
+      {
+        as: "div",
+        "data-sidebar-item": !0,
+        ref: i,
+        classNames: o,
+        ...c,
+        children: [
+          t && /* @__PURE__ */ r.jsx(G, { className: "empty-icon-wrapper" }),
+          s
+        ]
+      }
+    );
+  }
+);
+na.displayName = "SidebarItem";
+const oa = g.forwardRef(
+  ({ isSticky: e, ...t }, a) => {
+    let s = [];
+    return e && s.push("is-sticky"), /* @__PURE__ */ r.jsx(
+      A,
+      {
+        as: "footer",
+        "data-sidebar-footer": !0,
+        ref: a,
+        classNames: s,
+        ...t
+      }
+    );
+  }
+);
+oa.displayName = "SidebarFooter";
+const Xt = It({
+  effect: "wave",
+  animate: !0
+}), ia = g.forwardRef(({
+  variant: e = "line",
+  width: t,
+  height: a,
+  shape: s,
+  effect: c,
+  loadingLabel: i,
+  ...o
+}, l) => {
+  const u = rt(Xt), p = c || u.effect, d = i || u.loadingLabel || "Loading...";
+  let m = [];
+  e && m.push(`variant-${e}`), s && m.push(`shape-${s}`), p && m.push(`effect-${p}`);
+  const x = t || "100%", N = e === "circle" ? (typeof t == "number" ? `${t}px` : t) || a || "100%" : a, j = {
+    width: x,
+    height: N,
+    aspectRatio: e === "circle" ? "1 / 1" : "auto",
+    ...o.style
+  };
+  return /* @__PURE__ */ r.jsx(
+    A,
+    {
+      as: "div",
+      "data-skeleton": !0,
+      ref: l,
+      classNames: m,
+      style: j,
+      role: "progressbar",
+      "aria-busy": "true",
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      "aria-valuetext": d,
+      "aria-label": d,
+      ...o
+    }
+  );
+});
+ia.displayName = "Skeleton";
+const la = g.forwardRef(({
+  effect: e = "wave",
+  spacing: t = "small",
+  animate: a = !0,
+  repeat: s = 1,
+  direction: c = "vertical",
+  children: i,
+  classNames: o = [],
+  loadingLabel: l = "Loading content...",
+  ...u
+}, p) => {
+  const d = [
+    `direction-${c}`,
+    e && `effect-${e}`,
+    ...o
+  ];
+  return t && d.push(`spacing-${t}`), /* @__PURE__ */ r.jsx(Xt.Provider, { value: { effect: e, animate: a, loadingLabel: l }, children: /* @__PURE__ */ r.jsx(
+    A,
+    {
+      as: "div",
+      ref: p,
+      "data-skeleton-group": !0,
+      classNames: d,
+      role: "alert",
+      "aria-busy": "true",
+      "aria-label": l,
+      ...u,
+      children: Array(s).fill(i).map((m, x) => g.cloneElement(m, {
+        key: x
+      }))
+    }
+  ) });
+});
+la.displayName = "SkeletonGroup";
+const ca = g.forwardRef(
+  ({
+    bordersFor: e,
+    isStriped: t,
+    highlightRowOnHover: a,
+    isFullWidth: s,
+    alignText: c,
+    caption: i,
+    summary: o,
+    hasColSpan: l,
+    children: u,
+    ...p
+  }, d) => {
+    let m = [];
+    e && m.push(`bordered-${e}`), t && m.push("striped"), a && m.push("hoverable"), s && m.push("full-width"), c && m.push(`align-text-${c}`);
+    const x = g.Children.count(u), N = () => {
+      if (!u || !g.isValidElement(u)) return;
+      const j = g.Children.toArray(u)[0];
+      if (g.isValidElement(j) && j.props.children)
+        return g.Children.count(j.props.children);
+    };
+    return /* @__PURE__ */ r.jsxs(
+      A,
+      {
+        as: "table",
+        classNames: m,
+        ref: d,
+        role: "table",
+        "aria-rowcount": x || void 0,
+        "aria-colcount": l ? void 0 : N(),
+        summary: o,
+        ...p,
+        children: [
+          i && /* @__PURE__ */ r.jsx("caption", { children: i }),
+          u
+        ]
+      }
+    );
+  }
+);
+ca.displayName = "Table";
+const ua = g.forwardRef(
+  ({ tabs: e, additionalNavContentWrapper: t, defaultActiveTab: a, align: s = "left", isFullWidth: c, ...i }, o) => {
+    const l = e.findIndex((h) => h.key === a), u = l > -1 ? l : 0, [p, d] = g.useState(
+      e.length > 0 ? e[u] : void 0
+    ), [m, x] = g.useState(!1), N = oe([]), j = U((h) => {
+      (p == null ? void 0 : p.key) !== h.key && (x(!0), setTimeout(() => {
+        d(h), x(!1);
+      }, 150));
+    }, [p == null ? void 0 : p.key]);
+    re(() => {
+      e.length > 0 ? e.find((R) => R.key === (p == null ? void 0 : p.key)) || d(e[u]) : d(void 0);
+    }, [e, u, p == null ? void 0 : p.key]);
+    const S = U((h, R) => {
+      var W;
+      let y = R;
+      if (h.key === "ArrowRight")
+        y = (R + 1) % e.length;
+      else if (h.key === "ArrowLeft")
+        y = (R - 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 F = e[y];
+      F && (j(F), (W = N.current[y]) == null || W.focus());
+    }, [e, j]);
+    return p ? /* @__PURE__ */ r.jsxs(
+      A,
+      {
+        as: "div",
+        "data-tabs": !0,
+        ref: o,
+        "data-align": s,
+        "data-full-width": c,
+        ...i,
+        children: [
+          /* @__PURE__ */ r.jsx(Rr, { "data-tabs-nav": !0, role: "tablist", "aria-label": "Tab Navigation", children: /* @__PURE__ */ r.jsxs("ul", { className: "tab-labels-list", children: [
+            e.map((h, R) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+              A,
+              {
+                as: "button",
+                ref: (y) => N.current[R] = y,
+                id: `tab-${h.key}`,
+                role: "tab",
+                "aria-selected": p.key === h.key,
+                "aria-controls": `tab-panel-${h.key}`,
+                tabIndex: p.key === h.key ? 0 : -1,
+                "data-tab-label": !0,
+                "data-active": p.key === h.key,
+                "data-alert": h.hasAlert,
+                onClick: () => j(h),
+                onKeyDown: (y) => S(y, R),
+                className: `tab-button ${p.key === h.key ? "is-active" : ""}`,
+                marginBottom: "nano",
+                children: /* @__PURE__ */ r.jsx(
+                  ae,
+                  {
+                    className: `tab-label ${p.key === h.key ? "is-active" : ""} ${h.hasAlert ? "has-alert" : ""}`,
+                    children: h.label
+                  }
+                )
+              }
+            ) }, h.key)),
+            t
+          ] }) }),
+          /* @__PURE__ */ r.jsx(Vt, { kind: "tertiary", marginTop: "none", marginBottom: "micro" }),
+          /* @__PURE__ */ r.jsx(
+            G,
+            {
+              id: `tab-panel-${p.key}`,
+              role: "tabpanel",
+              "aria-labelledby": `tab-${p.key}`,
+              tabIndex: 0,
+              "data-tab-content": !0,
+              "data-exiting": m,
+              children: p.content
+            },
+            p.key
+          )
+        ]
+      }
+    ) : null;
+  }
+);
+ua.displayName = "Tabs";
+const Qe = () => {
+  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";
+}, da = ["", (e) => {
+}], Jt = g.createContext(void 0), za = () => {
+  const e = g.useContext(Jt);
+  return e === void 0 ? da : e;
+}, Pt = (e, t) => {
+  let a;
+  try {
+    a = localStorage.getItem(e) || void 0;
+  } catch {
+  }
+  return a || t;
+}, fa = g.forwardRef(
+  ({ currentTheme: e, themeList: t, children: a, ...s }, c) => {
+    const [i, o] = J(!1), [l, u] = J(() => Pt(Qe()) || e), p = U(
+      (d) => {
+        const m = typeof d == "function" ? d(l) : d;
+        if (!t.includes(m)) {
+          const x = t[0];
+          u(x), document.documentElement.className = "", document.documentElement.classList.add(x);
+          try {
+            localStorage.setItem(Qe(), x);
+          } catch {
+          }
+          return;
+        }
+        u(m), document.documentElement.className = "", document.documentElement.classList.add(m), i || o(!0);
+        try {
+          localStorage.setItem(Qe(), m);
+        } catch {
+        }
+      },
+      [l, t]
+    );
+    return re(() => {
+      const d = Pt(Qe());
+      p(d || e);
+    }, [e, p]), /* @__PURE__ */ r.jsx(Jt.Provider, { value: [l, p], children: /* @__PURE__ */ r.jsx(A, { as: "div", "data-theme-provider": !0, ref: c, ...s, children: i && a }) });
+  }
+);
+fa.displayName = "ThemeProvider";
+const pa = g.forwardRef(
+  ({ position: e, ...t }, a) => {
+    let s = [];
+    return e && s.push(e), /* @__PURE__ */ r.jsx(
+      A,
+      {
+        as: "div",
+        "data-toasts-wrapper": !0,
+        ref: a,
+        classNames: s,
+        ...t
+      }
+    );
+  }
+);
+pa.displayName = "ToastsWrapper";
+const ma = g.forwardRef(
+  ({ showWhen: e, children: t, secondsToShowFor: a, closeWhen: s, ...c }, i) => {
+    let o = [];
+    const [l, u] = J(e ?? !1);
+    re(() => {
+      e && u(!0);
+      const d = e ? setTimeout(() => {
+        s == null || s();
+      }, (a ?? 4) * 1e3) : void 0;
+      return () => {
+        d && clearTimeout(d);
+      };
+    }, [e, a, s]);
+    const p = () => {
+      e || u(!1);
+    };
+    return l && /* @__PURE__ */ r.jsx(
+      A,
+      {
+        as: "div",
+        "data-toast-item": !0,
+        role: "status",
+        "aria-live": "polite",
+        "aria-atomic": "true",
+        classNames: [...o, e ? "visible" : ""],
+        onTransitionEnd: p,
+        shadow: "soft",
+        ...c,
+        children: t
+      }
+    );
+  }
+);
+ma.displayName = "ToastItem";
+var Le = {}, Mt;
+function ha() {
+  if (Mt) return Le;
+  Mt = 1;
+  var e = yr;
+  if (process.env.NODE_ENV === "production")
+    Le.createRoot = e.createRoot, Le.hydrateRoot = e.hydrateRoot;
+  else {
+    var t = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    Le.createRoot = function(a, s) {
+      t.usingClientEntryPoint = !0;
+      try {
+        return e.createRoot(a, s);
+      } finally {
+        t.usingClientEntryPoint = !1;
+      }
+    }, Le.hydrateRoot = function(a, s, c) {
+      t.usingClientEntryPoint = !0;
+      try {
+        return e.hydrateRoot(a, s, c);
+      } finally {
+        t.usingClientEntryPoint = !1;
+      }
+    };
+  }
+  return Le;
+}
+var va = ha();
+const je = 8, xe = 16;
+let ge = null, Ee = null, Ot = !1, ye = null, $e = null;
+const Re = /* @__PURE__ */ new Map(), xa = (e, t, a) => {
+  const s = e.getBoundingClientRect(), c = t.getBoundingClientRect(), i = window.innerHeight, o = window.innerWidth;
+  let l, u;
+  switch (a) {
+    case "top":
+      l = c.top - s.height - je, u = c.left + (c.width - s.width) / 2, l < xe && (l = c.bottom + je);
+      break;
+    case "bottom":
+      l = c.bottom + je, u = c.left + (c.width - s.width) / 2, l + s.height > i - xe && (l = c.top - s.height - je);
+      break;
+    case "left":
+      l = c.top + (c.height - s.height) / 2, u = c.left - s.width - je, u < xe && (u = c.right + je);
+      break;
+    case "right":
+      l = c.top + (c.height - s.height) / 2, u = c.right + je, u + s.width > o - xe && (u = c.left - s.width - je);
+      break;
+    default:
+      l = c.top - s.height - je, u = c.left + (c.width - s.width) / 2;
+  }
+  return u < xe ? u = xe : u + s.width > o - xe && (u = o - s.width - xe), l < xe ? l = xe : l + s.height > i - xe && (l = i - s.height - xe), { top: l, left: u };
+}, et = ({ content: e, isVisible: t, position: a }) => /* @__PURE__ */ r.jsx(
+  "div",
+  {
+    "data-tooltip": !0,
+    className: t ? "visible" : "",
+    role: "tooltip",
+    style: {
+      position: "fixed",
+      zIndex: 1e3,
+      top: `${a.top}px`,
+      left: `${a.left}px`
+    },
+    children: e
+  }
+), Ge = (e, t) => {
+  if (!(!Ee || !ge)) {
+    if (!e || !t) {
+      Ee.render(
+        /* @__PURE__ */ r.jsx(et, { content: null, isVisible: !1, position: { top: -9999, left: -9999 } })
+      );
+      return;
+    }
+    Ee.render(
+      /* @__PURE__ */ r.jsx(et, { content: e.content, isVisible: !1, position: { top: -9999, left: -9999 } })
+    ), requestAnimationFrame(() => {
+      if (!ge || !t) return;
+      const a = ge.firstElementChild;
+      if (!a) return;
+      const { top: s, left: c } = xa(a, t, e.position);
+      Ee == null || Ee.render(
+        /* @__PURE__ */ r.jsx(et, { content: e.content, isVisible: !0, position: { top: s, left: c } })
+      );
+    });
+  }
+}, Dt = () => {
+  if (!ye || !$e) return;
+  const e = Re.get(ye);
+  e && Ge(e, $e);
+}, Zt = (e, t) => {
+  const a = Re.get(e);
+  a && (ye = e, $e = t, Ge(a, t));
+}, tt = (e) => {
+  e && ye !== e || (ye = null, $e = null, Ge(null, null));
+}, ya = (e) => {
+  const t = e.target.closest("[id]");
+  if (!(t != null && t.id)) return;
+  const a = Re.get(t.id);
+  (a == null ? void 0 : a.showOn) === "hover" && Zt(t.id, t);
+}, ba = (e) => {
+  const t = e.target.closest("[id]");
+  if (!(t != null && t.id)) return;
+  const a = Re.get(t.id);
+  (a == null ? void 0 : a.showOn) === "hover" && tt(t.id);
+}, ga = (e) => {
+  if (ge != null && ge.contains(e.target))
+    return;
+  const t = e.target.closest("[id]");
+  if (t != null && t.id) {
+    const a = Re.get(t.id);
+    if ((a == null ? void 0 : a.showOn) === "click") {
+      ye === t.id ? tt() : Zt(t.id, t);
+      return;
+    }
+  }
+  if (ye) {
+    const a = Re.get(ye);
+    (a == null ? void 0 : a.showOn) === "click" && tt();
+  }
+}, wa = () => {
+  Ot || typeof document > "u" || (ge = document.createElement("div"), ge.id = "fictoan-tooltip-singleton", document.body.appendChild(ge), Ee = va.createRoot(ge), Ee.render(
+    /* @__PURE__ */ r.jsx(et, { content: null, isVisible: !1, position: { top: -9999, left: -9999 } })
+  ), document.addEventListener("mouseover", ya), document.addEventListener("mouseout", ba), document.addEventListener("click", ga), window.addEventListener("scroll", Dt, !0), window.addEventListener("resize", Dt), Ot = !0);
+}, Ha = ({
+  children: e,
+  isTooltipFor: t,
+  showOn: a = "hover",
+  position: s = "top"
+}) => {
+  const c = oe({ content: e, position: s, showOn: a });
+  return c.current = { content: e, position: s, showOn: a }, re(() => (wa(), Re.set(t, c.current), ye === t && $e && Ge(c.current, $e), () => {
+    Re.delete(t), ye === t && tt();
+  }), [t]), re(() => {
+    Re.set(t, c.current), ye === t && $e && Ge(c.current, $e);
+  }, [e, s, a, t]), null;
+}, Fe = g.forwardRef(
+  ({ fontStyle: e = "sans-serif", weight: t, align: a, ...s }, c) => {
+    let i = [];
+    return t && i.push(`weight-${t}`), e && i.push(`font-${e}`), a && i.push(`text-${a}`), /* @__PURE__ */ r.jsx(A, { ref: c, classNames: i, ...s });
+  }
+), ja = g.forwardRef((e, t) => /* @__PURE__ */ r.jsx(Fe, { as: "h1", ref: t, ...e }));
+ja.displayName = "Heading1";
+const Ra = g.forwardRef((e, t) => /* @__PURE__ */ r.jsx(Fe, { as: "h2", ref: t, ...e }));
+Ra.displayName = "Heading2";
+const Na = g.forwardRef((e, t) => /* @__PURE__ */ r.jsx(Fe, { as: "h3", ref: t, ...e }));
+Na.displayName = "Heading3";
+const ka = g.forwardRef((e, t) => /* @__PURE__ */ r.jsx(Fe, { as: "h4", ref: t, ...e }));
+ka.displayName = "Heading4";
+const Ea = g.forwardRef((e, t) => /* @__PURE__ */ r.jsx(Fe, { as: "h5", ref: t, ...e }));
+Ea.displayName = "Heading5";
+const $a = g.forwardRef((e, t) => /* @__PURE__ */ r.jsx(Fe, { as: "h6", ref: t, ...e }));
+$a.displayName = "Heading6";
+const _a = g.forwardRef(
+  ({ summary: e, children: t, isOpen: a = !1, ...s }, c) => /* @__PURE__ */ r.jsxs(
+    A,
+    {
+      as: "details",
+      "data-expandable-content": !0,
+      ref: c,
+      ...s,
+      open: a,
+      role: "region",
+      "aria-labelledby": "accordion-summary",
+      children: [
+        /* @__PURE__ */ r.jsx(
+          "summary",
+          {
+            role: "button",
+            tabIndex: 0,
+            "aria-controls": "accordion-content",
+            "aria-expanded": a,
+            children: typeof e == "string" ? /* @__PURE__ */ r.jsx(ae, { margin: "none", children: e }) : e
+          }
+        ),
+        t
+      ]
+    }
+  )
+);
+_a.displayName = "Accordion";
+export {
+  aa as $,
+  _a as A,
+  at as B,
+  Lt as C,
+  kr as D,
+  A as E,
+  Da as F,
+  Yr as G,
+  Aa as H,
+  Ke as I,
+  qr as J,
+  Xr as K,
+  Wr as L,
+  Ia as M,
+  Rr as N,
+  Qr as O,
+  zr as P,
+  Ct as Q,
+  Wt as R,
+  La as S,
+  Ut as T,
+  ea as U,
+  Ht as V,
+  Wa as W,
+  ta as X,
+  Ba as Y,
+  Ca as Z,
+  ra as _,
+  pt as a,
+  sa as a0,
+  na as a1,
+  oa as a2,
+  ia as a3,
+  la as a4,
+  qt as a5,
+  ca as a6,
+  ua as a7,
+  fa as a8,
+  za as a9,
+  pa as aa,
+  ma as ab,
+  Ha as ac,
+  ja as ad,
+  Ra as ae,
+  Na as af,
+  ka as ag,
+  Ea as ah,
+  $a as ai,
+  ae as aj,
+  Er as b,
+  _r as c,
+  Ft as d,
+  Tr as e,
+  Vt as f,
+  G as g,
+  Pa as h,
+  Ma as i,
+  Oa as j,
+  Fa as k,
+  Va as l,
+  mt as m,
+  Pr as n,
+  Bt as o,
+  Ir as p,
+  de as q,
+  Lr as r,
+  Ue as s,
+  zt as t,
+  Hr as u,
+  Ur as v,
+  Gt as w,
+  ht as x,
+  Mr as y,
+  Kr as z
+};
+//# sourceMappingURL=Accordion-ZNSXFjKa.js.map