@db-vincent/react 0.0.0-stage → 0.1.1

package/dist/index.js

@@ -0,0 +1,4103 @@
+var xr = { exports: {} }, rr = {}, jr = { exports: {} }, X = {};
+/**
+ * @license React
+ * react.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 bt;
+function Kt() {
+  if (bt) return X;
+  bt = 1;
+  var c = Symbol.for("react.element"), s = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), R = Symbol.for("react.provider"), j = Symbol.for("react.context"), S = Symbol.for("react.forward_ref"), N = Symbol.for("react.suspense"), k = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), y = Symbol.iterator;
+  function E(n) {
+    return n === null || typeof n != "object" ? null : (n = y && n[y] || n["@@iterator"], typeof n == "function" ? n : null);
+  }
+  var b = { isMounted: function() {
+    return !1;
+  }, enqueueForceUpdate: function() {
+  }, enqueueReplaceState: function() {
+  }, enqueueSetState: function() {
+  } }, O = Object.assign, $ = {};
+  function K(n, u, A) {
+    this.props = n, this.context = u, this.refs = $, this.updater = A || b;
+  }
+  K.prototype.isReactComponent = {}, K.prototype.setState = function(n, u) {
+    if (typeof n != "object" && typeof n != "function" && n != null) throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");
+    this.updater.enqueueSetState(this, n, u, "setState");
+  }, K.prototype.forceUpdate = function(n) {
+    this.updater.enqueueForceUpdate(this, n, "forceUpdate");
+  };
+  function Z() {
+  }
+  Z.prototype = K.prototype;
+  function B(n, u, A) {
+    this.props = n, this.context = u, this.refs = $, this.updater = A || b;
+  }
+  var se = B.prototype = new Z();
+  se.constructor = B, O(se, K.prototype), se.isPureReactComponent = !0;
+  var Q = Array.isArray, G = Object.prototype.hasOwnProperty, ue = { current: null }, le = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function ie(n, u, A) {
+    var L, P = {}, f = null, D = null;
+    if (u != null) for (L in u.ref !== void 0 && (D = u.ref), u.key !== void 0 && (f = "" + u.key), u) G.call(u, L) && !le.hasOwnProperty(L) && (P[L] = u[L]);
+    var V = arguments.length - 2;
+    if (V === 1) P.children = A;
+    else if (1 < V) {
+      for (var re = Array(V), he = 0; he < V; he++) re[he] = arguments[he + 2];
+      P.children = re;
+    }
+    if (n && n.defaultProps) for (L in V = n.defaultProps, V) P[L] === void 0 && (P[L] = V[L]);
+    return { $$typeof: c, type: n, key: f, ref: D, props: P, _owner: ue.current };
+  }
+  function F(n, u) {
+    return { $$typeof: c, type: n.type, key: u, ref: n.ref, props: n.props, _owner: n._owner };
+  }
+  function W(n) {
+    return typeof n == "object" && n !== null && n.$$typeof === c;
+  }
+  function oe(n) {
+    var u = { "=": "=0", ":": "=2" };
+    return "$" + n.replace(/[=:]/g, function(A) {
+      return u[A];
+    });
+  }
+  var be = /\/+/g;
+  function fe(n, u) {
+    return typeof n == "object" && n !== null && n.key != null ? oe("" + n.key) : u.toString(36);
+  }
+  function l(n, u, A, L, P) {
+    var f = typeof n;
+    (f === "undefined" || f === "boolean") && (n = null);
+    var D = !1;
+    if (n === null) D = !0;
+    else switch (f) {
+      case "string":
+      case "number":
+        D = !0;
+        break;
+      case "object":
+        switch (n.$$typeof) {
+          case c:
+          case s:
+            D = !0;
+        }
+    }
+    if (D) return D = n, P = P(D), n = L === "" ? "." + fe(D, 0) : L, Q(P) ? (A = "", n != null && (A = n.replace(be, "$&/") + "/"), l(P, u, A, "", function(he) {
+      return he;
+    })) : P != null && (W(P) && (P = F(P, A + (!P.key || D && D.key === P.key ? "" : ("" + P.key).replace(be, "$&/") + "/") + n)), u.push(P)), 1;
+    if (D = 0, L = L === "" ? "." : L + ":", Q(n)) for (var V = 0; V < n.length; V++) {
+      f = n[V];
+      var re = L + fe(f, V);
+      D += l(f, u, A, re, P);
+    }
+    else if (re = E(n), typeof re == "function") for (n = re.call(n), V = 0; !(f = n.next()).done; ) f = f.value, re = L + fe(f, V++), D += l(f, u, A, re, P);
+    else if (f === "object") throw u = String(n), Error("Objects are not valid as a React child (found: " + (u === "[object Object]" ? "object with keys {" + Object.keys(n).join(", ") + "}" : u) + "). If you meant to render a collection of children, use an array instead.");
+    return D;
+  }
+  function g(n, u, A) {
+    if (n == null) return n;
+    var L = [], P = 0;
+    return l(n, L, "", "", function(f) {
+      return u.call(A, f, P++);
+    }), L;
+  }
+  function C(n) {
+    if (n._status === -1) {
+      var u = n._result;
+      u = u(), u.then(function(A) {
+        (n._status === 0 || n._status === -1) && (n._status = 1, n._result = A);
+      }, function(A) {
+        (n._status === 0 || n._status === -1) && (n._status = 2, n._result = A);
+      }), n._status === -1 && (n._status = 0, n._result = u);
+    }
+    if (n._status === 1) return n._result.default;
+    throw n._result;
+  }
+  var h = { current: null }, Y = { transition: null }, z = { ReactCurrentDispatcher: h, ReactCurrentBatchConfig: Y, ReactCurrentOwner: ue };
+  function ee() {
+    throw Error("act(...) is not supported in production builds of React.");
+  }
+  return X.Children = { map: g, forEach: function(n, u, A) {
+    g(n, function() {
+      u.apply(this, arguments);
+    }, A);
+  }, count: function(n) {
+    var u = 0;
+    return g(n, function() {
+      u++;
+    }), u;
+  }, toArray: function(n) {
+    return g(n, function(u) {
+      return u;
+    }) || [];
+  }, only: function(n) {
+    if (!W(n)) throw Error("React.Children.only expected to receive a single React element child.");
+    return n;
+  } }, X.Component = K, X.Fragment = p, X.Profiler = m, X.PureComponent = B, X.StrictMode = v, X.Suspense = N, X.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = z, X.act = ee, X.cloneElement = function(n, u, A) {
+    if (n == null) throw Error("React.cloneElement(...): The argument must be a React element, but you passed " + n + ".");
+    var L = O({}, n.props), P = n.key, f = n.ref, D = n._owner;
+    if (u != null) {
+      if (u.ref !== void 0 && (f = u.ref, D = ue.current), u.key !== void 0 && (P = "" + u.key), n.type && n.type.defaultProps) var V = n.type.defaultProps;
+      for (re in u) G.call(u, re) && !le.hasOwnProperty(re) && (L[re] = u[re] === void 0 && V !== void 0 ? V[re] : u[re]);
+    }
+    var re = arguments.length - 2;
+    if (re === 1) L.children = A;
+    else if (1 < re) {
+      V = Array(re);
+      for (var he = 0; he < re; he++) V[he] = arguments[he + 2];
+      L.children = V;
+    }
+    return { $$typeof: c, type: n.type, key: P, ref: f, props: L, _owner: D };
+  }, X.createContext = function(n) {
+    return n = { $$typeof: j, _currentValue: n, _currentValue2: n, _threadCount: 0, Provider: null, Consumer: null, _defaultValue: null, _globalName: null }, n.Provider = { $$typeof: R, _context: n }, n.Consumer = n;
+  }, X.createElement = ie, X.createFactory = function(n) {
+    var u = ie.bind(null, n);
+    return u.type = n, u;
+  }, X.createRef = function() {
+    return { current: null };
+  }, X.forwardRef = function(n) {
+    return { $$typeof: S, render: n };
+  }, X.isValidElement = W, X.lazy = function(n) {
+    return { $$typeof: x, _payload: { _status: -1, _result: n }, _init: C };
+  }, X.memo = function(n, u) {
+    return { $$typeof: k, type: n, compare: u === void 0 ? null : u };
+  }, X.startTransition = function(n) {
+    var u = Y.transition;
+    Y.transition = {};
+    try {
+      n();
+    } finally {
+      Y.transition = u;
+    }
+  }, X.unstable_act = ee, X.useCallback = function(n, u) {
+    return h.current.useCallback(n, u);
+  }, X.useContext = function(n) {
+    return h.current.useContext(n);
+  }, X.useDebugValue = function() {
+  }, X.useDeferredValue = function(n) {
+    return h.current.useDeferredValue(n);
+  }, X.useEffect = function(n, u) {
+    return h.current.useEffect(n, u);
+  }, X.useId = function() {
+    return h.current.useId();
+  }, X.useImperativeHandle = function(n, u, A) {
+    return h.current.useImperativeHandle(n, u, A);
+  }, X.useInsertionEffect = function(n, u) {
+    return h.current.useInsertionEffect(n, u);
+  }, X.useLayoutEffect = function(n, u) {
+    return h.current.useLayoutEffect(n, u);
+  }, X.useMemo = function(n, u) {
+    return h.current.useMemo(n, u);
+  }, X.useReducer = function(n, u, A) {
+    return h.current.useReducer(n, u, A);
+  }, X.useRef = function(n) {
+    return h.current.useRef(n);
+  }, X.useState = function(n) {
+    return h.current.useState(n);
+  }, X.useSyncExternalStore = function(n, u, A) {
+    return h.current.useSyncExternalStore(n, u, A);
+  }, X.useTransition = function() {
+    return h.current.useTransition();
+  }, X.version = "18.3.1", X;
+}
+var ar = { exports: {} };
+/**
+ * @license React
+ * react.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.
+ */
+ar.exports;
+var gt;
+function Gt() {
+  return gt || (gt = 1, (function(c, s) {
+    process.env.NODE_ENV !== "production" && (function() {
+      typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
+      var p = "18.3.1", v = Symbol.for("react.element"), m = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), j = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), N = Symbol.for("react.provider"), k = Symbol.for("react.context"), x = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), $ = Symbol.for("react.offscreen"), K = Symbol.iterator, Z = "@@iterator";
+      function B(e) {
+        if (e === null || typeof e != "object")
+          return null;
+        var t = K && e[K] || e[Z];
+        return typeof t == "function" ? t : null;
+      }
+      var se = {
+        /**
+         * @internal
+         * @type {ReactComponent}
+         */
+        current: null
+      }, Q = {
+        transition: null
+      }, G = {
+        current: null,
+        // Used to reproduce behavior of `batchedUpdates` in legacy mode.
+        isBatchingLegacy: !1,
+        didScheduleLegacyUpdate: !1
+      }, ue = {
+        /**
+         * @internal
+         * @type {ReactComponent}
+         */
+        current: null
+      }, le = {}, ie = null;
+      function F(e) {
+        ie = e;
+      }
+      le.setExtraStackFrame = function(e) {
+        ie = e;
+      }, le.getCurrentStack = null, le.getStackAddendum = function() {
+        var e = "";
+        ie && (e += ie);
+        var t = le.getCurrentStack;
+        return t && (e += t() || ""), e;
+      };
+      var W = !1, oe = !1, be = !1, fe = !1, l = !1, g = {
+        ReactCurrentDispatcher: se,
+        ReactCurrentBatchConfig: Q,
+        ReactCurrentOwner: ue
+      };
+      g.ReactDebugCurrentFrame = le, g.ReactCurrentActQueue = G;
+      function C(e) {
+        {
+          for (var t = arguments.length, i = new Array(t > 1 ? t - 1 : 0), o = 1; o < t; o++)
+            i[o - 1] = arguments[o];
+          Y("warn", e, i);
+        }
+      }
+      function h(e) {
+        {
+          for (var t = arguments.length, i = new Array(t > 1 ? t - 1 : 0), o = 1; o < t; o++)
+            i[o - 1] = arguments[o];
+          Y("error", e, i);
+        }
+      }
+      function Y(e, t, i) {
+        {
+          var o = g.ReactDebugCurrentFrame, _ = o.getStackAddendum();
+          _ !== "" && (t += "%s", i = i.concat([_]));
+          var U = i.map(function(M) {
+            return String(M);
+          });
+          U.unshift("Warning: " + t), Function.prototype.apply.call(console[e], console, U);
+        }
+      }
+      var z = {};
+      function ee(e, t) {
+        {
+          var i = e.constructor, o = i && (i.displayName || i.name) || "ReactClass", _ = o + "." + t;
+          if (z[_])
+            return;
+          h("Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.", t, o), z[_] = !0;
+        }
+      }
+      var n = {
+        /**
+         * Checks whether or not this composite component is mounted.
+         * @param {ReactClass} publicInstance The instance we want to test.
+         * @return {boolean} True if mounted, false otherwise.
+         * @protected
+         * @final
+         */
+        isMounted: function(e) {
+          return !1;
+        },
+        /**
+         * Forces an update. This should only be invoked when it is known with
+         * certainty that we are **not** in a DOM transaction.
+         *
+         * You may want to call this when you know that some deeper aspect of the
+         * component's state has changed but `setState` was not called.
+         *
+         * This will not invoke `shouldComponentUpdate`, but it will invoke
+         * `componentWillUpdate` and `componentDidUpdate`.
+         *
+         * @param {ReactClass} publicInstance The instance that should rerender.
+         * @param {?function} callback Called after component is updated.
+         * @param {?string} callerName name of the calling function in the public API.
+         * @internal
+         */
+        enqueueForceUpdate: function(e, t, i) {
+          ee(e, "forceUpdate");
+        },
+        /**
+         * Replaces all of the state. Always use this or `setState` to mutate state.
+         * You should treat `this.state` as immutable.
+         *
+         * There is no guarantee that `this.state` will be immediately updated, so
+         * accessing `this.state` after calling this method may return the old value.
+         *
+         * @param {ReactClass} publicInstance The instance that should rerender.
+         * @param {object} completeState Next state.
+         * @param {?function} callback Called after component is updated.
+         * @param {?string} callerName name of the calling function in the public API.
+         * @internal
+         */
+        enqueueReplaceState: function(e, t, i, o) {
+          ee(e, "replaceState");
+        },
+        /**
+         * Sets a subset of the state. This only exists because _pendingState is
+         * internal. This provides a merging strategy that is not available to deep
+         * properties which is confusing. TODO: Expose pendingState or don't use it
+         * during the merge.
+         *
+         * @param {ReactClass} publicInstance The instance that should rerender.
+         * @param {object} partialState Next partial state to be merged with state.
+         * @param {?function} callback Called after component is updated.
+         * @param {?string} Name of the calling function in the public API.
+         * @internal
+         */
+        enqueueSetState: function(e, t, i, o) {
+          ee(e, "setState");
+        }
+      }, u = Object.assign, A = {};
+      Object.freeze(A);
+      function L(e, t, i) {
+        this.props = e, this.context = t, this.refs = A, this.updater = i || n;
+      }
+      L.prototype.isReactComponent = {}, L.prototype.setState = function(e, t) {
+        if (typeof e != "object" && typeof e != "function" && e != null)
+          throw new Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");
+        this.updater.enqueueSetState(this, e, t, "setState");
+      }, L.prototype.forceUpdate = function(e) {
+        this.updater.enqueueForceUpdate(this, e, "forceUpdate");
+      };
+      {
+        var P = {
+          isMounted: ["isMounted", "Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],
+          replaceState: ["replaceState", "Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]
+        }, f = function(e, t) {
+          Object.defineProperty(L.prototype, e, {
+            get: function() {
+              C("%s(...) is deprecated in plain JavaScript React classes. %s", t[0], t[1]);
+            }
+          });
+        };
+        for (var D in P)
+          P.hasOwnProperty(D) && f(D, P[D]);
+      }
+      function V() {
+      }
+      V.prototype = L.prototype;
+      function re(e, t, i) {
+        this.props = e, this.context = t, this.refs = A, this.updater = i || n;
+      }
+      var he = re.prototype = new V();
+      he.constructor = re, u(he, L.prototype), he.isPureReactComponent = !0;
+      function Er() {
+        var e = {
+          current: null
+        };
+        return Object.seal(e), e;
+      }
+      var nr = Array.isArray;
+      function Le(e) {
+        return nr(e);
+      }
+      function wr(e) {
+        {
+          var t = typeof Symbol == "function" && Symbol.toStringTag, i = t && e[Symbol.toStringTag] || e.constructor.name || "Object";
+          return i;
+        }
+      }
+      function Fe(e) {
+        try {
+          return ke(e), !1;
+        } catch {
+          return !0;
+        }
+      }
+      function ke(e) {
+        return "" + e;
+      }
+      function Oe(e) {
+        if (Fe(e))
+          return h("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", wr(e)), ke(e);
+      }
+      function sr(e, t, i) {
+        var o = e.displayName;
+        if (o)
+          return o;
+        var _ = t.displayName || t.name || "";
+        return _ !== "" ? i + "(" + _ + ")" : i;
+      }
+      function Pe(e) {
+        return e.displayName || "Context";
+      }
+      function Ne(e) {
+        if (e == null)
+          return null;
+        if (typeof e.tag == "number" && h("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+          return e.displayName || e.name || null;
+        if (typeof e == "string")
+          return e;
+        switch (e) {
+          case R:
+            return "Fragment";
+          case m:
+            return "Portal";
+          case S:
+            return "Profiler";
+          case j:
+            return "StrictMode";
+          case y:
+            return "Suspense";
+          case E:
+            return "SuspenseList";
+        }
+        if (typeof e == "object")
+          switch (e.$$typeof) {
+            case k:
+              var t = e;
+              return Pe(t) + ".Consumer";
+            case N:
+              var i = e;
+              return Pe(i._context) + ".Provider";
+            case x:
+              return sr(e, e.render, "ForwardRef");
+            case b:
+              var o = e.displayName || null;
+              return o !== null ? o : Ne(e.type) || "Memo";
+            case O: {
+              var _ = e, U = _._payload, M = _._init;
+              try {
+                return Ne(M(U));
+              } catch {
+                return null;
+              }
+            }
+          }
+        return null;
+      }
+      var Ae = Object.prototype.hasOwnProperty, Be = {
+        key: !0,
+        ref: !0,
+        __self: !0,
+        __source: !0
+      }, ir, or, Ve;
+      Ve = {};
+      function He(e) {
+        if (Ae.call(e, "ref")) {
+          var t = Object.getOwnPropertyDescriptor(e, "ref").get;
+          if (t && t.isReactWarning)
+            return !1;
+        }
+        return e.ref !== void 0;
+      }
+      function Ke(e) {
+        if (Ae.call(e, "key")) {
+          var t = Object.getOwnPropertyDescriptor(e, "key").get;
+          if (t && t.isReactWarning)
+            return !1;
+        }
+        return e.key !== void 0;
+      }
+      function Rr(e, t) {
+        var i = function() {
+          ir || (ir = !0, h("%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)", t));
+        };
+        i.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: i,
+          configurable: !0
+        });
+      }
+      function lr(e, t) {
+        var i = function() {
+          or || (or = !0, h("%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)", t));
+        };
+        i.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: i,
+          configurable: !0
+        });
+      }
+      function cr(e) {
+        if (typeof e.ref == "string" && ue.current && e.__self && ue.current.stateNode !== e.__self) {
+          var t = Ne(ue.current.type);
+          Ve[t] || (h('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', t, e.ref), Ve[t] = !0);
+        }
+      }
+      var Ge = function(e, t, i, o, _, U, M) {
+        var H = {
+          // This tag allows us to uniquely identify this as a React Element
+          $$typeof: v,
+          // Built-in properties that belong on the element
+          type: e,
+          key: t,
+          ref: i,
+          props: M,
+          // Record the component responsible for creating this element.
+          _owner: U
+        };
+        return H._store = {}, Object.defineProperty(H._store, "validated", {
+          configurable: !1,
+          enumerable: !1,
+          writable: !0,
+          value: !1
+        }), Object.defineProperty(H, "_self", {
+          configurable: !1,
+          enumerable: !1,
+          writable: !1,
+          value: o
+        }), Object.defineProperty(H, "_source", {
+          configurable: !1,
+          enumerable: !1,
+          writable: !1,
+          value: _
+        }), Object.freeze && (Object.freeze(H.props), Object.freeze(H)), H;
+      };
+      function Nr(e, t, i) {
+        var o, _ = {}, U = null, M = null, H = null, ae = null;
+        if (t != null) {
+          He(t) && (M = t.ref, cr(t)), Ke(t) && (Oe(t.key), U = "" + t.key), H = t.__self === void 0 ? null : t.__self, ae = t.__source === void 0 ? null : t.__source;
+          for (o in t)
+            Ae.call(t, o) && !Be.hasOwnProperty(o) && (_[o] = t[o]);
+        }
+        var de = arguments.length - 2;
+        if (de === 1)
+          _.children = i;
+        else if (de > 1) {
+          for (var pe = Array(de), ve = 0; ve < de; ve++)
+            pe[ve] = arguments[ve + 2];
+          Object.freeze && Object.freeze(pe), _.children = pe;
+        }
+        if (e && e.defaultProps) {
+          var _e = e.defaultProps;
+          for (o in _e)
+            _[o] === void 0 && (_[o] = _e[o]);
+        }
+        if (U || M) {
+          var ge = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          U && Rr(_, ge), M && lr(_, ge);
+        }
+        return Ge(e, U, M, H, ae, ue.current, _);
+      }
+      function Cr(e, t) {
+        var i = Ge(e.type, t, e.ref, e._self, e._source, e._owner, e.props);
+        return i;
+      }
+      function kr(e, t, i) {
+        if (e == null)
+          throw new Error("React.cloneElement(...): The argument must be a React element, but you passed " + e + ".");
+        var o, _ = u({}, e.props), U = e.key, M = e.ref, H = e._self, ae = e._source, de = e._owner;
+        if (t != null) {
+          He(t) && (M = t.ref, de = ue.current), Ke(t) && (Oe(t.key), U = "" + t.key);
+          var pe;
+          e.type && e.type.defaultProps && (pe = e.type.defaultProps);
+          for (o in t)
+            Ae.call(t, o) && !Be.hasOwnProperty(o) && (t[o] === void 0 && pe !== void 0 ? _[o] = pe[o] : _[o] = t[o]);
+        }
+        var ve = arguments.length - 2;
+        if (ve === 1)
+          _.children = i;
+        else if (ve > 1) {
+          for (var _e = Array(ve), ge = 0; ge < ve; ge++)
+            _e[ge] = arguments[ge + 2];
+          _.children = _e;
+        }
+        return Ge(e.type, U, M, H, ae, de, _);
+      }
+      function Se(e) {
+        return typeof e == "object" && e !== null && e.$$typeof === v;
+      }
+      var ur = ".", Sr = ":";
+      function Ze(e) {
+        var t = /[=:]/g, i = {
+          "=": "=0",
+          ":": "=2"
+        }, o = e.replace(t, function(_) {
+          return i[_];
+        });
+        return "$" + o;
+      }
+      var Je = !1, Te = /\/+/g;
+      function Ue(e) {
+        return e.replace(Te, "$&/");
+      }
+      function Ie(e, t) {
+        return typeof e == "object" && e !== null && e.key != null ? (Oe(e.key), Ze("" + e.key)) : t.toString(36);
+      }
+      function $e(e, t, i, o, _) {
+        var U = typeof e;
+        (U === "undefined" || U === "boolean") && (e = null);
+        var M = !1;
+        if (e === null)
+          M = !0;
+        else
+          switch (U) {
+            case "string":
+            case "number":
+              M = !0;
+              break;
+            case "object":
+              switch (e.$$typeof) {
+                case v:
+                case m:
+                  M = !0;
+              }
+          }
+        if (M) {
+          var H = e, ae = _(H), de = o === "" ? ur + Ie(H, 0) : o;
+          if (Le(ae)) {
+            var pe = "";
+            de != null && (pe = Ue(de) + "/"), $e(ae, t, pe, "", function(Ht) {
+              return Ht;
+            });
+          } else ae != null && (Se(ae) && (ae.key && (!H || H.key !== ae.key) && Oe(ae.key), ae = Cr(
+            ae,
+            // Keep both the (mapped) and old keys if they differ, just as
+            // traverseAllChildren used to do for objects as children
+            i + // $FlowFixMe Flow incorrectly thinks React.Portal doesn't have a key
+            (ae.key && (!H || H.key !== ae.key) ? (
+              // $FlowFixMe Flow incorrectly thinks existing element's key can be a number
+              // eslint-disable-next-line react-internal/safe-string-coercion
+              Ue("" + ae.key) + "/"
+            ) : "") + de
+          )), t.push(ae));
+          return 1;
+        }
+        var ve, _e, ge = 0, je = o === "" ? ur : o + Sr;
+        if (Le(e))
+          for (var gr = 0; gr < e.length; gr++)
+            ve = e[gr], _e = je + Ie(ve, gr), ge += $e(ve, t, i, _e, _);
+        else {
+          var qr = B(e);
+          if (typeof qr == "function") {
+            var mt = e;
+            qr === mt.entries && (Je || C("Using Maps as children is not supported. Use an array of keyed ReactElements instead."), Je = !0);
+            for (var qt = qr.call(mt), _t, Yt = 0; !(_t = qt.next()).done; )
+              ve = _t.value, _e = je + Ie(ve, Yt++), ge += $e(ve, t, i, _e, _);
+          } else if (U === "object") {
+            var yt = String(e);
+            throw new Error("Objects are not valid as a React child (found: " + (yt === "[object Object]" ? "object with keys {" + Object.keys(e).join(", ") + "}" : yt) + "). If you meant to render a collection of children, use an array instead.");
+          }
+        }
+        return ge;
+      }
+      function ze(e, t, i) {
+        if (e == null)
+          return e;
+        var o = [], _ = 0;
+        return $e(e, o, "", "", function(U) {
+          return t.call(i, U, _++);
+        }), o;
+      }
+      function dr(e) {
+        var t = 0;
+        return ze(e, function() {
+          t++;
+        }), t;
+      }
+      function Tr(e, t, i) {
+        ze(e, function() {
+          t.apply(this, arguments);
+        }, i);
+      }
+      function fr(e) {
+        return ze(e, function(t) {
+          return t;
+        }) || [];
+      }
+      function hr(e) {
+        if (!Se(e))
+          throw new Error("React.Children.only expected to receive a single React element child.");
+        return e;
+      }
+      function Mr(e) {
+        var t = {
+          $$typeof: k,
+          // As a workaround to support multiple concurrent renderers, we categorize
+          // some renderers as primary and others as secondary. We only expect
+          // there to be two concurrent renderers at most: React Native (primary) and
+          // Fabric (secondary); React DOM (primary) and React ART (secondary).
+          // Secondary renderers store their context values on separate fields.
+          _currentValue: e,
+          _currentValue2: e,
+          // Used to track how many concurrent renderers this context currently
+          // supports within in a single renderer. Such as parallel server rendering.
+          _threadCount: 0,
+          // These are circular
+          Provider: null,
+          Consumer: null,
+          // Add these to use same hidden class in VM as ServerContext
+          _defaultValue: null,
+          _globalName: null
+        };
+        t.Provider = {
+          $$typeof: N,
+          _context: t
+        };
+        var i = !1, o = !1, _ = !1;
+        {
+          var U = {
+            $$typeof: k,
+            _context: t
+          };
+          Object.defineProperties(U, {
+            Provider: {
+              get: function() {
+                return o || (o = !0, h("Rendering <Context.Consumer.Provider> is not supported and will be removed in a future major release. Did you mean to render <Context.Provider> instead?")), t.Provider;
+              },
+              set: function(M) {
+                t.Provider = M;
+              }
+            },
+            _currentValue: {
+              get: function() {
+                return t._currentValue;
+              },
+              set: function(M) {
+                t._currentValue = M;
+              }
+            },
+            _currentValue2: {
+              get: function() {
+                return t._currentValue2;
+              },
+              set: function(M) {
+                t._currentValue2 = M;
+              }
+            },
+            _threadCount: {
+              get: function() {
+                return t._threadCount;
+              },
+              set: function(M) {
+                t._threadCount = M;
+              }
+            },
+            Consumer: {
+              get: function() {
+                return i || (i = !0, h("Rendering <Context.Consumer.Consumer> is not supported and will be removed in a future major release. Did you mean to render <Context.Consumer> instead?")), t.Consumer;
+              }
+            },
+            displayName: {
+              get: function() {
+                return t.displayName;
+              },
+              set: function(M) {
+                _ || (C("Setting `displayName` on Context.Consumer has no effect. You should set it directly on the context with Context.displayName = '%s'.", M), _ = !0);
+              }
+            }
+          }), t.Consumer = U;
+        }
+        return t._currentRenderer = null, t._currentRenderer2 = null, t;
+      }
+      var De = -1, We = 0, Xe = 1, Or = 2;
+      function Pr(e) {
+        if (e._status === De) {
+          var t = e._result, i = t();
+          if (i.then(function(U) {
+            if (e._status === We || e._status === De) {
+              var M = e;
+              M._status = Xe, M._result = U;
+            }
+          }, function(U) {
+            if (e._status === We || e._status === De) {
+              var M = e;
+              M._status = Or, M._result = U;
+            }
+          }), e._status === De) {
+            var o = e;
+            o._status = We, o._result = i;
+          }
+        }
+        if (e._status === Xe) {
+          var _ = e._result;
+          return _ === void 0 && h(`lazy: Expected the result of a dynamic import() call. Instead received: %s
+
+Your code should look like: 
+  const MyComponent = lazy(() => import('./MyComponent'))
+
+Did you accidentally put curly braces around the import?`, _), "default" in _ || h(`lazy: Expected the result of a dynamic import() call. Instead received: %s
+
+Your code should look like: 
+  const MyComponent = lazy(() => import('./MyComponent'))`, _), _.default;
+        } else
+          throw e._result;
+      }
+      function Ar(e) {
+        var t = {
+          // We use these fields to store the result.
+          _status: De,
+          _result: e
+        }, i = {
+          $$typeof: O,
+          _payload: t,
+          _init: Pr
+        };
+        {
+          var o, _;
+          Object.defineProperties(i, {
+            defaultProps: {
+              configurable: !0,
+              get: function() {
+                return o;
+              },
+              set: function(U) {
+                h("React.lazy(...): It is not supported to assign `defaultProps` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."), o = U, Object.defineProperty(i, "defaultProps", {
+                  enumerable: !0
+                });
+              }
+            },
+            propTypes: {
+              configurable: !0,
+              get: function() {
+                return _;
+              },
+              set: function(U) {
+                h("React.lazy(...): It is not supported to assign `propTypes` to a lazy component import. Either specify them where the component is defined, or create a wrapping component around it."), _ = U, Object.defineProperty(i, "propTypes", {
+                  enumerable: !0
+                });
+              }
+            }
+          });
+        }
+        return i;
+      }
+      function Ir(e) {
+        e != null && e.$$typeof === b ? h("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...)).") : typeof e != "function" ? h("forwardRef requires a render function but was given %s.", e === null ? "null" : typeof e) : e.length !== 0 && e.length !== 2 && h("forwardRef render functions accept exactly two parameters: props and ref. %s", e.length === 1 ? "Did you forget to use the ref parameter?" : "Any additional parameter will be undefined."), e != null && (e.defaultProps != null || e.propTypes != null) && h("forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?");
+        var t = {
+          $$typeof: x,
+          render: e
+        };
+        {
+          var i;
+          Object.defineProperty(t, "displayName", {
+            enumerable: !1,
+            configurable: !0,
+            get: function() {
+              return i;
+            },
+            set: function(o) {
+              i = o, !e.name && !e.displayName && (e.displayName = o);
+            }
+          });
+        }
+        return t;
+      }
+      var a;
+      a = Symbol.for("react.module.reference");
+      function d(e) {
+        return !!(typeof e == "string" || typeof e == "function" || e === R || e === S || l || e === j || e === y || e === E || fe || e === $ || W || oe || be || typeof e == "object" && e !== null && (e.$$typeof === O || e.$$typeof === b || e.$$typeof === N || e.$$typeof === k || e.$$typeof === x || // 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.
+        e.$$typeof === a || e.getModuleId !== void 0));
+      }
+      function w(e, t) {
+        d(e) || h("memo: The first argument must be a component. Instead received: %s", e === null ? "null" : typeof e);
+        var i = {
+          $$typeof: b,
+          type: e,
+          compare: t === void 0 ? null : t
+        };
+        {
+          var o;
+          Object.defineProperty(i, "displayName", {
+            enumerable: !1,
+            configurable: !0,
+            get: function() {
+              return o;
+            },
+            set: function(_) {
+              o = _, !e.name && !e.displayName && (e.displayName = _);
+            }
+          });
+        }
+        return i;
+      }
+      function T() {
+        var e = se.current;
+        return e === null && h(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
+1. You might have mismatching versions of React and the renderer (such as React DOM)
+2. You might be breaking the Rules of Hooks
+3. You might have more than one copy of React in the same app
+See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.`), e;
+      }
+      function ne(e) {
+        var t = T();
+        if (e._context !== void 0) {
+          var i = e._context;
+          i.Consumer === e ? h("Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be removed in a future major release. Did you mean to call useContext(Context) instead?") : i.Provider === e && h("Calling useContext(Context.Provider) is not supported. Did you mean to call useContext(Context) instead?");
+        }
+        return t.useContext(e);
+      }
+      function ce(e) {
+        var t = T();
+        return t.useState(e);
+      }
+      function te(e, t, i) {
+        var o = T();
+        return o.useReducer(e, t, i);
+      }
+      function J(e) {
+        var t = T();
+        return t.useRef(e);
+      }
+      function xe(e, t) {
+        var i = T();
+        return i.useEffect(e, t);
+      }
+      function me(e, t) {
+        var i = T();
+        return i.useInsertionEffect(e, t);
+      }
+      function ye(e, t) {
+        var i = T();
+        return i.useLayoutEffect(e, t);
+      }
+      function we(e, t) {
+        var i = T();
+        return i.useCallback(e, t);
+      }
+      function Me(e, t) {
+        var i = T();
+        return i.useMemo(e, t);
+      }
+      function Ce(e, t, i) {
+        var o = T();
+        return o.useImperativeHandle(e, t, i);
+      }
+      function Ee(e, t) {
+        {
+          var i = T();
+          return i.useDebugValue(e, t);
+        }
+      }
+      function Qe() {
+        var e = T();
+        return e.useTransition();
+      }
+      function $r(e) {
+        var t = T();
+        return t.useDeferredValue(e);
+      }
+      function Dr() {
+        var e = T();
+        return e.useId();
+      }
+      function Nt(e, t, i) {
+        var o = T();
+        return o.useSyncExternalStore(e, t, i);
+      }
+      var er = 0, Gr, Zr, Jr, Xr, Qr, et, rt;
+      function tt() {
+      }
+      tt.__reactDisabledLog = !0;
+      function Ct() {
+        {
+          if (er === 0) {
+            Gr = console.log, Zr = console.info, Jr = console.warn, Xr = console.error, Qr = console.group, et = console.groupCollapsed, rt = console.groupEnd;
+            var e = {
+              configurable: !0,
+              enumerable: !0,
+              value: tt,
+              writable: !0
+            };
+            Object.defineProperties(console, {
+              info: e,
+              log: e,
+              warn: e,
+              error: e,
+              group: e,
+              groupCollapsed: e,
+              groupEnd: e
+            });
+          }
+          er++;
+        }
+      }
+      function kt() {
+        {
+          if (er--, er === 0) {
+            var e = {
+              configurable: !0,
+              enumerable: !0,
+              writable: !0
+            };
+            Object.defineProperties(console, {
+              log: u({}, e, {
+                value: Gr
+              }),
+              info: u({}, e, {
+                value: Zr
+              }),
+              warn: u({}, e, {
+                value: Jr
+              }),
+              error: u({}, e, {
+                value: Xr
+              }),
+              group: u({}, e, {
+                value: Qr
+              }),
+              groupCollapsed: u({}, e, {
+                value: et
+              }),
+              groupEnd: u({}, e, {
+                value: rt
+              })
+            });
+          }
+          er < 0 && h("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        }
+      }
+      var Lr = g.ReactCurrentDispatcher, Fr;
+      function pr(e, t, i) {
+        {
+          if (Fr === void 0)
+            try {
+              throw Error();
+            } catch (_) {
+              var o = _.stack.trim().match(/\n( *(at )?)/);
+              Fr = o && o[1] || "";
+            }
+          return `
+` + Fr + e;
+        }
+      }
+      var Br = !1, vr;
+      {
+        var St = typeof WeakMap == "function" ? WeakMap : Map;
+        vr = new St();
+      }
+      function at(e, t) {
+        if (!e || Br)
+          return "";
+        {
+          var i = vr.get(e);
+          if (i !== void 0)
+            return i;
+        }
+        var o;
+        Br = !0;
+        var _ = Error.prepareStackTrace;
+        Error.prepareStackTrace = void 0;
+        var U;
+        U = Lr.current, Lr.current = null, Ct();
+        try {
+          if (t) {
+            var M = function() {
+              throw Error();
+            };
+            if (Object.defineProperty(M.prototype, "props", {
+              set: function() {
+                throw Error();
+              }
+            }), typeof Reflect == "object" && Reflect.construct) {
+              try {
+                Reflect.construct(M, []);
+              } catch (je) {
+                o = je;
+              }
+              Reflect.construct(e, [], M);
+            } else {
+              try {
+                M.call();
+              } catch (je) {
+                o = je;
+              }
+              e.call(M.prototype);
+            }
+          } else {
+            try {
+              throw Error();
+            } catch (je) {
+              o = je;
+            }
+            e();
+          }
+        } catch (je) {
+          if (je && o && typeof je.stack == "string") {
+            for (var H = je.stack.split(`
+`), ae = o.stack.split(`
+`), de = H.length - 1, pe = ae.length - 1; de >= 1 && pe >= 0 && H[de] !== ae[pe]; )
+              pe--;
+            for (; de >= 1 && pe >= 0; de--, pe--)
+              if (H[de] !== ae[pe]) {
+                if (de !== 1 || pe !== 1)
+                  do
+                    if (de--, pe--, pe < 0 || H[de] !== ae[pe]) {
+                      var ve = `
+` + H[de].replace(" at new ", " at ");
+                      return e.displayName && ve.includes("<anonymous>") && (ve = ve.replace("<anonymous>", e.displayName)), typeof e == "function" && vr.set(e, ve), ve;
+                    }
+                  while (de >= 1 && pe >= 0);
+                break;
+              }
+          }
+        } finally {
+          Br = !1, Lr.current = U, kt(), Error.prepareStackTrace = _;
+        }
+        var _e = e ? e.displayName || e.name : "", ge = _e ? pr(_e) : "";
+        return typeof e == "function" && vr.set(e, ge), ge;
+      }
+      function Tt(e, t, i) {
+        return at(e, !1);
+      }
+      function Mt(e) {
+        var t = e.prototype;
+        return !!(t && t.isReactComponent);
+      }
+      function mr(e, t, i) {
+        if (e == null)
+          return "";
+        if (typeof e == "function")
+          return at(e, Mt(e));
+        if (typeof e == "string")
+          return pr(e);
+        switch (e) {
+          case y:
+            return pr("Suspense");
+          case E:
+            return pr("SuspenseList");
+        }
+        if (typeof e == "object")
+          switch (e.$$typeof) {
+            case x:
+              return Tt(e.render);
+            case b:
+              return mr(e.type, t, i);
+            case O: {
+              var o = e, _ = o._payload, U = o._init;
+              try {
+                return mr(U(_), t, i);
+              } catch {
+              }
+            }
+          }
+        return "";
+      }
+      var nt = {}, st = g.ReactDebugCurrentFrame;
+      function _r(e) {
+        if (e) {
+          var t = e._owner, i = mr(e.type, e._source, t ? t.type : null);
+          st.setExtraStackFrame(i);
+        } else
+          st.setExtraStackFrame(null);
+      }
+      function Ot(e, t, i, o, _) {
+        {
+          var U = Function.call.bind(Ae);
+          for (var M in e)
+            if (U(e, M)) {
+              var H = void 0;
+              try {
+                if (typeof e[M] != "function") {
+                  var ae = Error((o || "React class") + ": " + i + " type `" + M + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[M] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                  throw ae.name = "Invariant Violation", ae;
+                }
+                H = e[M](t, M, o, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              } catch (de) {
+                H = de;
+              }
+              H && !(H instanceof Error) && (_r(_), h("%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).", o || "React class", i, M, typeof H), _r(null)), H instanceof Error && !(H.message in nt) && (nt[H.message] = !0, _r(_), h("Failed %s type: %s", i, H.message), _r(null));
+            }
+        }
+      }
+      function qe(e) {
+        if (e) {
+          var t = e._owner, i = mr(e.type, e._source, t ? t.type : null);
+          F(i);
+        } else
+          F(null);
+      }
+      var Vr;
+      Vr = !1;
+      function it() {
+        if (ue.current) {
+          var e = Ne(ue.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+      function Pt(e) {
+        if (e !== void 0) {
+          var t = e.fileName.replace(/^.*[\\\/]/, ""), i = e.lineNumber;
+          return `
+
+Check your code at ` + t + ":" + i + ".";
+        }
+        return "";
+      }
+      function At(e) {
+        return e != null ? Pt(e.__source) : "";
+      }
+      var ot = {};
+      function It(e) {
+        var t = it();
+        if (!t) {
+          var i = typeof e == "string" ? e : e.displayName || e.name;
+          i && (t = `
+
+Check the top-level render call using <` + i + ">.");
+        }
+        return t;
+      }
+      function lt(e, t) {
+        if (!(!e._store || e._store.validated || e.key != null)) {
+          e._store.validated = !0;
+          var i = It(t);
+          if (!ot[i]) {
+            ot[i] = !0;
+            var o = "";
+            e && e._owner && e._owner !== ue.current && (o = " It was passed a child from " + Ne(e._owner.type) + "."), qe(e), h('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, o), qe(null);
+          }
+        }
+      }
+      function ct(e, t) {
+        if (typeof e == "object") {
+          if (Le(e))
+            for (var i = 0; i < e.length; i++) {
+              var o = e[i];
+              Se(o) && lt(o, t);
+            }
+          else if (Se(e))
+            e._store && (e._store.validated = !0);
+          else if (e) {
+            var _ = B(e);
+            if (typeof _ == "function" && _ !== e.entries)
+              for (var U = _.call(e), M; !(M = U.next()).done; )
+                Se(M.value) && lt(M.value, t);
+          }
+        }
+      }
+      function ut(e) {
+        {
+          var t = e.type;
+          if (t == null || typeof t == "string")
+            return;
+          var i;
+          if (typeof t == "function")
+            i = t.propTypes;
+          else if (typeof t == "object" && (t.$$typeof === x || // Note: Memo only checks outer props here.
+          // Inner props are checked in the reconciler.
+          t.$$typeof === b))
+            i = t.propTypes;
+          else
+            return;
+          if (i) {
+            var o = Ne(t);
+            Ot(i, e.props, "prop", o, e);
+          } else if (t.PropTypes !== void 0 && !Vr) {
+            Vr = !0;
+            var _ = Ne(t);
+            h("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _ || "Unknown");
+          }
+          typeof t.getDefaultProps == "function" && !t.getDefaultProps.isReactClassApproved && h("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        }
+      }
+      function $t(e) {
+        {
+          for (var t = Object.keys(e.props), i = 0; i < t.length; i++) {
+            var o = t[i];
+            if (o !== "children" && o !== "key") {
+              qe(e), h("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", o), qe(null);
+              break;
+            }
+          }
+          e.ref !== null && (qe(e), h("Invalid attribute `ref` supplied to `React.Fragment`."), qe(null));
+        }
+      }
+      function dt(e, t, i) {
+        var o = d(e);
+        if (!o) {
+          var _ = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (_ += " 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 U = At(t);
+          U ? _ += U : _ += it();
+          var M;
+          e === null ? M = "null" : Le(e) ? M = "array" : e !== void 0 && e.$$typeof === v ? (M = "<" + (Ne(e.type) || "Unknown") + " />", _ = " Did you accidentally export a JSX literal instead of a component?") : M = typeof e, h("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", M, _);
+        }
+        var H = Nr.apply(this, arguments);
+        if (H == null)
+          return H;
+        if (o)
+          for (var ae = 2; ae < arguments.length; ae++)
+            ct(arguments[ae], e);
+        return e === R ? $t(H) : ut(H), H;
+      }
+      var ft = !1;
+      function Dt(e) {
+        var t = dt.bind(null, e);
+        return t.type = e, ft || (ft = !0, C("React.createFactory() is deprecated and will be removed in a future major release. Consider using JSX or use React.createElement() directly instead.")), Object.defineProperty(t, "type", {
+          enumerable: !1,
+          get: function() {
+            return C("Factory.type is deprecated. Access the class directly before passing it to createFactory."), Object.defineProperty(this, "type", {
+              value: e
+            }), e;
+          }
+        }), t;
+      }
+      function Lt(e, t, i) {
+        for (var o = kr.apply(this, arguments), _ = 2; _ < arguments.length; _++)
+          ct(arguments[_], o.type);
+        return ut(o), o;
+      }
+      function Ft(e, t) {
+        var i = Q.transition;
+        Q.transition = {};
+        var o = Q.transition;
+        Q.transition._updatedFibers = /* @__PURE__ */ new Set();
+        try {
+          e();
+        } finally {
+          if (Q.transition = i, i === null && o._updatedFibers) {
+            var _ = o._updatedFibers.size;
+            _ > 10 && C("Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."), o._updatedFibers.clear();
+          }
+        }
+      }
+      var ht = !1, yr = null;
+      function Bt(e) {
+        if (yr === null)
+          try {
+            var t = ("require" + Math.random()).slice(0, 7), i = c && c[t];
+            yr = i.call(c, "timers").setImmediate;
+          } catch {
+            yr = function(_) {
+              ht === !1 && (ht = !0, typeof MessageChannel > "u" && h("This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning."));
+              var U = new MessageChannel();
+              U.port1.onmessage = _, U.port2.postMessage(void 0);
+            };
+          }
+        return yr(e);
+      }
+      var Ye = 0, pt = !1;
+      function vt(e) {
+        {
+          var t = Ye;
+          Ye++, G.current === null && (G.current = []);
+          var i = G.isBatchingLegacy, o;
+          try {
+            if (G.isBatchingLegacy = !0, o = e(), !i && G.didScheduleLegacyUpdate) {
+              var _ = G.current;
+              _ !== null && (G.didScheduleLegacyUpdate = !1, Wr(_));
+            }
+          } catch (_e) {
+            throw br(t), _e;
+          } finally {
+            G.isBatchingLegacy = i;
+          }
+          if (o !== null && typeof o == "object" && typeof o.then == "function") {
+            var U = o, M = !1, H = {
+              then: function(_e, ge) {
+                M = !0, U.then(function(je) {
+                  br(t), Ye === 0 ? Ur(je, _e, ge) : _e(je);
+                }, function(je) {
+                  br(t), ge(je);
+                });
+              }
+            };
+            return !pt && typeof Promise < "u" && Promise.resolve().then(function() {
+            }).then(function() {
+              M || (pt = !0, h("You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"));
+            }), H;
+          } else {
+            var ae = o;
+            if (br(t), Ye === 0) {
+              var de = G.current;
+              de !== null && (Wr(de), G.current = null);
+              var pe = {
+                then: function(_e, ge) {
+                  G.current === null ? (G.current = [], Ur(ae, _e, ge)) : _e(ae);
+                }
+              };
+              return pe;
+            } else {
+              var ve = {
+                then: function(_e, ge) {
+                  _e(ae);
+                }
+              };
+              return ve;
+            }
+          }
+        }
+      }
+      function br(e) {
+        e !== Ye - 1 && h("You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "), Ye = e;
+      }
+      function Ur(e, t, i) {
+        {
+          var o = G.current;
+          if (o !== null)
+            try {
+              Wr(o), Bt(function() {
+                o.length === 0 ? (G.current = null, t(e)) : Ur(e, t, i);
+              });
+            } catch (_) {
+              i(_);
+            }
+          else
+            t(e);
+        }
+      }
+      var zr = !1;
+      function Wr(e) {
+        if (!zr) {
+          zr = !0;
+          var t = 0;
+          try {
+            for (; t < e.length; t++) {
+              var i = e[t];
+              do
+                i = i(!0);
+              while (i !== null);
+            }
+            e.length = 0;
+          } catch (o) {
+            throw e = e.slice(t + 1), o;
+          } finally {
+            zr = !1;
+          }
+        }
+      }
+      var Vt = dt, Ut = Lt, zt = Dt, Wt = {
+        map: ze,
+        forEach: Tr,
+        count: dr,
+        toArray: fr,
+        only: hr
+      };
+      s.Children = Wt, s.Component = L, s.Fragment = R, s.Profiler = S, s.PureComponent = re, s.StrictMode = j, s.Suspense = y, s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = g, s.act = vt, s.cloneElement = Ut, s.createContext = Mr, s.createElement = Vt, s.createFactory = zt, s.createRef = Er, s.forwardRef = Ir, s.isValidElement = Se, s.lazy = Ar, s.memo = w, s.startTransition = Ft, s.unstable_act = vt, s.useCallback = we, s.useContext = ne, s.useDebugValue = Ee, s.useDeferredValue = $r, s.useEffect = xe, s.useId = Dr, s.useImperativeHandle = Ce, s.useInsertionEffect = me, s.useLayoutEffect = ye, s.useMemo = Me, s.useReducer = te, s.useRef = J, s.useState = ce, s.useSyncExternalStore = Nt, s.useTransition = Qe, s.version = p, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+    })();
+  })(ar, ar.exports)), ar.exports;
+}
+var xt;
+function Hr() {
+  return xt || (xt = 1, process.env.NODE_ENV === "production" ? jr.exports = Kt() : jr.exports = Gt()), jr.exports;
+}
+/**
+ * @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 jt;
+function Zt() {
+  if (jt) return rr;
+  jt = 1;
+  var c = Hr(), s = Symbol.for("react.element"), p = Symbol.for("react.fragment"), v = Object.prototype.hasOwnProperty, m = c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, R = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function j(S, N, k) {
+    var x, y = {}, E = null, b = null;
+    k !== void 0 && (E = "" + k), N.key !== void 0 && (E = "" + N.key), N.ref !== void 0 && (b = N.ref);
+    for (x in N) v.call(N, x) && !R.hasOwnProperty(x) && (y[x] = N[x]);
+    if (S && S.defaultProps) for (x in N = S.defaultProps, N) y[x] === void 0 && (y[x] = N[x]);
+    return { $$typeof: s, type: S, key: E, ref: b, props: y, _owner: m.current };
+  }
+  return rr.Fragment = p, rr.jsx = j, rr.jsxs = j, rr;
+}
+var tr = {};
+/**
+ * @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 Et;
+function Jt() {
+  return Et || (Et = 1, process.env.NODE_ENV !== "production" && (function() {
+    var c = Hr(), s = Symbol.for("react.element"), p = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), R = Symbol.for("react.profiler"), j = Symbol.for("react.provider"), S = Symbol.for("react.context"), N = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), x = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), O = Symbol.iterator, $ = "@@iterator";
+    function K(a) {
+      if (a === null || typeof a != "object")
+        return null;
+      var d = O && a[O] || a[$];
+      return typeof d == "function" ? d : null;
+    }
+    var Z = c.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function B(a) {
+      {
+        for (var d = arguments.length, w = new Array(d > 1 ? d - 1 : 0), T = 1; T < d; T++)
+          w[T - 1] = arguments[T];
+        se("error", a, w);
+      }
+    }
+    function se(a, d, w) {
+      {
+        var T = Z.ReactDebugCurrentFrame, ne = T.getStackAddendum();
+        ne !== "" && (d += "%s", w = w.concat([ne]));
+        var ce = w.map(function(te) {
+          return String(te);
+        });
+        ce.unshift("Warning: " + d), Function.prototype.apply.call(console[a], console, ce);
+      }
+    }
+    var Q = !1, G = !1, ue = !1, le = !1, ie = !1, F;
+    F = Symbol.for("react.module.reference");
+    function W(a) {
+      return !!(typeof a == "string" || typeof a == "function" || a === v || a === R || ie || a === m || a === k || a === x || le || a === b || Q || G || ue || typeof a == "object" && a !== null && (a.$$typeof === E || a.$$typeof === y || a.$$typeof === j || a.$$typeof === S || a.$$typeof === N || // 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.
+      a.$$typeof === F || a.getModuleId !== void 0));
+    }
+    function oe(a, d, w) {
+      var T = a.displayName;
+      if (T)
+        return T;
+      var ne = d.displayName || d.name || "";
+      return ne !== "" ? w + "(" + ne + ")" : w;
+    }
+    function be(a) {
+      return a.displayName || "Context";
+    }
+    function fe(a) {
+      if (a == null)
+        return null;
+      if (typeof a.tag == "number" && B("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof a == "function")
+        return a.displayName || a.name || null;
+      if (typeof a == "string")
+        return a;
+      switch (a) {
+        case v:
+          return "Fragment";
+        case p:
+          return "Portal";
+        case R:
+          return "Profiler";
+        case m:
+          return "StrictMode";
+        case k:
+          return "Suspense";
+        case x:
+          return "SuspenseList";
+      }
+      if (typeof a == "object")
+        switch (a.$$typeof) {
+          case S:
+            var d = a;
+            return be(d) + ".Consumer";
+          case j:
+            var w = a;
+            return be(w._context) + ".Provider";
+          case N:
+            return oe(a, a.render, "ForwardRef");
+          case y:
+            var T = a.displayName || null;
+            return T !== null ? T : fe(a.type) || "Memo";
+          case E: {
+            var ne = a, ce = ne._payload, te = ne._init;
+            try {
+              return fe(te(ce));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var l = Object.assign, g = 0, C, h, Y, z, ee, n, u;
+    function A() {
+    }
+    A.__reactDisabledLog = !0;
+    function L() {
+      {
+        if (g === 0) {
+          C = console.log, h = console.info, Y = console.warn, z = console.error, ee = console.group, n = console.groupCollapsed, u = console.groupEnd;
+          var a = {
+            configurable: !0,
+            enumerable: !0,
+            value: A,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: a,
+            log: a,
+            warn: a,
+            error: a,
+            group: a,
+            groupCollapsed: a,
+            groupEnd: a
+          });
+        }
+        g++;
+      }
+    }
+    function P() {
+      {
+        if (g--, g === 0) {
+          var a = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: l({}, a, {
+              value: C
+            }),
+            info: l({}, a, {
+              value: h
+            }),
+            warn: l({}, a, {
+              value: Y
+            }),
+            error: l({}, a, {
+              value: z
+            }),
+            group: l({}, a, {
+              value: ee
+            }),
+            groupCollapsed: l({}, a, {
+              value: n
+            }),
+            groupEnd: l({}, a, {
+              value: u
+            })
+          });
+        }
+        g < 0 && B("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var f = Z.ReactCurrentDispatcher, D;
+    function V(a, d, w) {
+      {
+        if (D === void 0)
+          try {
+            throw Error();
+          } catch (ne) {
+            var T = ne.stack.trim().match(/\n( *(at )?)/);
+            D = T && T[1] || "";
+          }
+        return `
+` + D + a;
+      }
+    }
+    var re = !1, he;
+    {
+      var Er = typeof WeakMap == "function" ? WeakMap : Map;
+      he = new Er();
+    }
+    function nr(a, d) {
+      if (!a || re)
+        return "";
+      {
+        var w = he.get(a);
+        if (w !== void 0)
+          return w;
+      }
+      var T;
+      re = !0;
+      var ne = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var ce;
+      ce = f.current, f.current = null, L();
+      try {
+        if (d) {
+          var te = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(te.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(te, []);
+            } catch (Ee) {
+              T = Ee;
+            }
+            Reflect.construct(a, [], te);
+          } else {
+            try {
+              te.call();
+            } catch (Ee) {
+              T = Ee;
+            }
+            a.call(te.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (Ee) {
+            T = Ee;
+          }
+          a();
+        }
+      } catch (Ee) {
+        if (Ee && T && typeof Ee.stack == "string") {
+          for (var J = Ee.stack.split(`
+`), xe = T.stack.split(`
+`), me = J.length - 1, ye = xe.length - 1; me >= 1 && ye >= 0 && J[me] !== xe[ye]; )
+            ye--;
+          for (; me >= 1 && ye >= 0; me--, ye--)
+            if (J[me] !== xe[ye]) {
+              if (me !== 1 || ye !== 1)
+                do
+                  if (me--, ye--, ye < 0 || J[me] !== xe[ye]) {
+                    var we = `
+` + J[me].replace(" at new ", " at ");
+                    return a.displayName && we.includes("<anonymous>") && (we = we.replace("<anonymous>", a.displayName)), typeof a == "function" && he.set(a, we), we;
+                  }
+                while (me >= 1 && ye >= 0);
+              break;
+            }
+        }
+      } finally {
+        re = !1, f.current = ce, P(), Error.prepareStackTrace = ne;
+      }
+      var Me = a ? a.displayName || a.name : "", Ce = Me ? V(Me) : "";
+      return typeof a == "function" && he.set(a, Ce), Ce;
+    }
+    function Le(a, d, w) {
+      return nr(a, !1);
+    }
+    function wr(a) {
+      var d = a.prototype;
+      return !!(d && d.isReactComponent);
+    }
+    function Fe(a, d, w) {
+      if (a == null)
+        return "";
+      if (typeof a == "function")
+        return nr(a, wr(a));
+      if (typeof a == "string")
+        return V(a);
+      switch (a) {
+        case k:
+          return V("Suspense");
+        case x:
+          return V("SuspenseList");
+      }
+      if (typeof a == "object")
+        switch (a.$$typeof) {
+          case N:
+            return Le(a.render);
+          case y:
+            return Fe(a.type, d, w);
+          case E: {
+            var T = a, ne = T._payload, ce = T._init;
+            try {
+              return Fe(ce(ne), d, w);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var ke = Object.prototype.hasOwnProperty, Oe = {}, sr = Z.ReactDebugCurrentFrame;
+    function Pe(a) {
+      if (a) {
+        var d = a._owner, w = Fe(a.type, a._source, d ? d.type : null);
+        sr.setExtraStackFrame(w);
+      } else
+        sr.setExtraStackFrame(null);
+    }
+    function Ne(a, d, w, T, ne) {
+      {
+        var ce = Function.call.bind(ke);
+        for (var te in a)
+          if (ce(a, te)) {
+            var J = void 0;
+            try {
+              if (typeof a[te] != "function") {
+                var xe = Error((T || "React class") + ": " + w + " type `" + te + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[te] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw xe.name = "Invariant Violation", xe;
+              }
+              J = a[te](d, te, T, w, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (me) {
+              J = me;
+            }
+            J && !(J instanceof Error) && (Pe(ne), B("%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).", T || "React class", w, te, typeof J), Pe(null)), J instanceof Error && !(J.message in Oe) && (Oe[J.message] = !0, Pe(ne), B("Failed %s type: %s", w, J.message), Pe(null));
+          }
+      }
+    }
+    var Ae = Array.isArray;
+    function Be(a) {
+      return Ae(a);
+    }
+    function ir(a) {
+      {
+        var d = typeof Symbol == "function" && Symbol.toStringTag, w = d && a[Symbol.toStringTag] || a.constructor.name || "Object";
+        return w;
+      }
+    }
+    function or(a) {
+      try {
+        return Ve(a), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Ve(a) {
+      return "" + a;
+    }
+    function He(a) {
+      if (or(a))
+        return B("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ir(a)), Ve(a);
+    }
+    var Ke = Z.ReactCurrentOwner, Rr = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, lr, cr;
+    function Ge(a) {
+      if (ke.call(a, "ref")) {
+        var d = Object.getOwnPropertyDescriptor(a, "ref").get;
+        if (d && d.isReactWarning)
+          return !1;
+      }
+      return a.ref !== void 0;
+    }
+    function Nr(a) {
+      if (ke.call(a, "key")) {
+        var d = Object.getOwnPropertyDescriptor(a, "key").get;
+        if (d && d.isReactWarning)
+          return !1;
+      }
+      return a.key !== void 0;
+    }
+    function Cr(a, d) {
+      typeof a.ref == "string" && Ke.current;
+    }
+    function kr(a, d) {
+      {
+        var w = function() {
+          lr || (lr = !0, B("%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)", d));
+        };
+        w.isReactWarning = !0, Object.defineProperty(a, "key", {
+          get: w,
+          configurable: !0
+        });
+      }
+    }
+    function Se(a, d) {
+      {
+        var w = function() {
+          cr || (cr = !0, B("%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)", d));
+        };
+        w.isReactWarning = !0, Object.defineProperty(a, "ref", {
+          get: w,
+          configurable: !0
+        });
+      }
+    }
+    var ur = function(a, d, w, T, ne, ce, te) {
+      var J = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: s,
+        // Built-in properties that belong on the element
+        type: a,
+        key: d,
+        ref: w,
+        props: te,
+        // Record the component responsible for creating this element.
+        _owner: ce
+      };
+      return J._store = {}, Object.defineProperty(J._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(J, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: T
+      }), Object.defineProperty(J, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: ne
+      }), Object.freeze && (Object.freeze(J.props), Object.freeze(J)), J;
+    };
+    function Sr(a, d, w, T, ne) {
+      {
+        var ce, te = {}, J = null, xe = null;
+        w !== void 0 && (He(w), J = "" + w), Nr(d) && (He(d.key), J = "" + d.key), Ge(d) && (xe = d.ref, Cr(d, ne));
+        for (ce in d)
+          ke.call(d, ce) && !Rr.hasOwnProperty(ce) && (te[ce] = d[ce]);
+        if (a && a.defaultProps) {
+          var me = a.defaultProps;
+          for (ce in me)
+            te[ce] === void 0 && (te[ce] = me[ce]);
+        }
+        if (J || xe) {
+          var ye = typeof a == "function" ? a.displayName || a.name || "Unknown" : a;
+          J && kr(te, ye), xe && Se(te, ye);
+        }
+        return ur(a, J, xe, ne, T, Ke.current, te);
+      }
+    }
+    var Ze = Z.ReactCurrentOwner, Je = Z.ReactDebugCurrentFrame;
+    function Te(a) {
+      if (a) {
+        var d = a._owner, w = Fe(a.type, a._source, d ? d.type : null);
+        Je.setExtraStackFrame(w);
+      } else
+        Je.setExtraStackFrame(null);
+    }
+    var Ue;
+    Ue = !1;
+    function Ie(a) {
+      return typeof a == "object" && a !== null && a.$$typeof === s;
+    }
+    function $e() {
+      {
+        if (Ze.current) {
+          var a = fe(Ze.current.type);
+          if (a)
+            return `
+
+Check the render method of \`` + a + "`.";
+        }
+        return "";
+      }
+    }
+    function ze(a) {
+      return "";
+    }
+    var dr = {};
+    function Tr(a) {
+      {
+        var d = $e();
+        if (!d) {
+          var w = typeof a == "string" ? a : a.displayName || a.name;
+          w && (d = `
+
+Check the top-level render call using <` + w + ">.");
+        }
+        return d;
+      }
+    }
+    function fr(a, d) {
+      {
+        if (!a._store || a._store.validated || a.key != null)
+          return;
+        a._store.validated = !0;
+        var w = Tr(d);
+        if (dr[w])
+          return;
+        dr[w] = !0;
+        var T = "";
+        a && a._owner && a._owner !== Ze.current && (T = " It was passed a child from " + fe(a._owner.type) + "."), Te(a), B('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', w, T), Te(null);
+      }
+    }
+    function hr(a, d) {
+      {
+        if (typeof a != "object")
+          return;
+        if (Be(a))
+          for (var w = 0; w < a.length; w++) {
+            var T = a[w];
+            Ie(T) && fr(T, d);
+          }
+        else if (Ie(a))
+          a._store && (a._store.validated = !0);
+        else if (a) {
+          var ne = K(a);
+          if (typeof ne == "function" && ne !== a.entries)
+            for (var ce = ne.call(a), te; !(te = ce.next()).done; )
+              Ie(te.value) && fr(te.value, d);
+        }
+      }
+    }
+    function Mr(a) {
+      {
+        var d = a.type;
+        if (d == null || typeof d == "string")
+          return;
+        var w;
+        if (typeof d == "function")
+          w = d.propTypes;
+        else if (typeof d == "object" && (d.$$typeof === N || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        d.$$typeof === y))
+          w = d.propTypes;
+        else
+          return;
+        if (w) {
+          var T = fe(d);
+          Ne(w, a.props, "prop", T, a);
+        } else if (d.PropTypes !== void 0 && !Ue) {
+          Ue = !0;
+          var ne = fe(d);
+          B("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", ne || "Unknown");
+        }
+        typeof d.getDefaultProps == "function" && !d.getDefaultProps.isReactClassApproved && B("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function De(a) {
+      {
+        for (var d = Object.keys(a.props), w = 0; w < d.length; w++) {
+          var T = d[w];
+          if (T !== "children" && T !== "key") {
+            Te(a), B("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", T), Te(null);
+            break;
+          }
+        }
+        a.ref !== null && (Te(a), B("Invalid attribute `ref` supplied to `React.Fragment`."), Te(null));
+      }
+    }
+    var We = {};
+    function Xe(a, d, w, T, ne, ce) {
+      {
+        var te = W(a);
+        if (!te) {
+          var J = "";
+          (a === void 0 || typeof a == "object" && a !== null && Object.keys(a).length === 0) && (J += " 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 xe = ze();
+          xe ? J += xe : J += $e();
+          var me;
+          a === null ? me = "null" : Be(a) ? me = "array" : a !== void 0 && a.$$typeof === s ? (me = "<" + (fe(a.type) || "Unknown") + " />", J = " Did you accidentally export a JSX literal instead of a component?") : me = typeof a, B("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", me, J);
+        }
+        var ye = Sr(a, d, w, ne, ce);
+        if (ye == null)
+          return ye;
+        if (te) {
+          var we = d.children;
+          if (we !== void 0)
+            if (T)
+              if (Be(we)) {
+                for (var Me = 0; Me < we.length; Me++)
+                  hr(we[Me], a);
+                Object.freeze && Object.freeze(we);
+              } else
+                B("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
+              hr(we, a);
+        }
+        if (ke.call(d, "key")) {
+          var Ce = fe(a), Ee = Object.keys(d).filter(function(Dr) {
+            return Dr !== "key";
+          }), Qe = Ee.length > 0 ? "{key: someKey, " + Ee.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!We[Ce + Qe]) {
+            var $r = Ee.length > 0 ? "{" + Ee.join(": ..., ") + ": ...}" : "{}";
+            B(`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} />`, Qe, Ce, $r, Ce), We[Ce + Qe] = !0;
+          }
+        }
+        return a === v ? De(ye) : Mr(ye), ye;
+      }
+    }
+    function Or(a, d, w) {
+      return Xe(a, d, w, !0);
+    }
+    function Pr(a, d, w) {
+      return Xe(a, d, w, !1);
+    }
+    var Ar = Pr, Ir = Or;
+    tr.Fragment = v, tr.jsx = Ar, tr.jsxs = Ir;
+  })()), tr;
+}
+var wt;
+function Xt() {
+  return wt || (wt = 1, process.env.NODE_ENV === "production" ? xr.exports = Zt() : xr.exports = Jt()), xr.exports;
+}
+var r = Xt();
+const Qt = {
+  "app-window": '<rect x="2" y="4" width="20" height="16" rx="2"/><path d="M2 9h20"/><path d="M6 6.5h.01M9 6.5h.01"/>',
+  card: '<rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 15h18"/>',
+  "check-square": '<rect x="3" y="3" width="18" height="18" rx="2"/><path d="m8 12 3 3 5-6"/>',
+  "chevrons-up-down": '<path d="m7 15 5 5 5-5"/><path d="m7 9 5-5 5 5"/>',
+  "circle-dot": '<circle cx="12" cy="12" r="9"/><circle cx="12" cy="12" r="3"/>',
+  loader: '<path d="M12 2v4M12 18v4M4.9 4.9l2.8 2.8M16.3 16.3l2.8 2.8M2 12h4M18 12h4M4.9 19.1l2.8-2.8M16.3 7.7l2.8-2.8"/>',
+  "message-square": '<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2Z"/>',
+  "mouse-pointer": '<path d="m4 4 7 17 2.5-7.5L21 11 4 4Z"/>',
+  "panel-top": '<rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18"/>',
+  "rectangle-horizontal": '<rect x="3" y="8" width="18" height="8" rx="2"/>',
+  rows: '<rect x="3" y="3" width="18" height="7" rx="1.5"/><rect x="3" y="14" width="18" height="7" rx="1.5"/>',
+  "square-dashed": '<path d="M5 3a2 2 0 0 0-2 2M19 3a2 2 0 0 1 2 2M21 19a2 2 0 0 1-2 2M5 21a2 2 0 0 1-2-2M9 3h1M9 21h1M14 3h1M14 21h1M3 9v1M21 9v1M3 14v1M21 14v1"/>',
+  table: '<rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18M3 15h18M9 9v12"/>',
+  tag: '<path d="M12.6 2.6A2 2 0 0 0 11.2 2H4a2 2 0 0 0-2 2v7.2a2 2 0 0 0 .6 1.4l8.7 8.7a2.4 2.4 0 0 0 3.4 0l6.6-6.6a2.4 2.4 0 0 0 0-3.4Z"/><circle cx="7.5" cy="7.5" r="1"/>',
+  "text-cursor": '<path d="M17 22h-1a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4h1"/><path d="M7 22h1a4 4 0 0 0 4-4v-1"/><path d="M7 2h1a4 4 0 0 1 4 4v1"/>',
+  "alert-circle": '<circle cx="12" cy="12" r="9"/><path d="M12 8v4"/><path d="M12 16h.01"/>',
+  "alert-triangle": '<path d="M10.3 3.6 2.4 17a2 2 0 0 0 1.7 3h15.8a2 2 0 0 0 1.7-3L13.7 3.6a2 2 0 0 0-3.4 0Z"/><path d="M12 9v4"/><path d="M12 17h.01"/>',
+  "arrow-left": '<path d="m12 19-7-7 7-7"/><path d="M19 12H5"/>',
+  "arrow-right": '<path d="M5 12h14"/><path d="m12 5 7 7-7 7"/>',
+  "arrow-up-right": '<path d="M7 17 17 7"/><path d="M7 7h10v10"/>',
+  activity: '<path d="M22 12h-4l-3 9L9 3l-3 9H2"/>',
+  bell: '<path d="M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.7 21a2 2 0 0 1-3.4 0"/>',
+  book: '<path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2Z"/>',
+  box: '<path d="m21 8-9 5-9-5"/><path d="M3 8v8l9 5 9-5V8"/><path d="m12 3 9 5-9 5-9-5 9-5Z"/>',
+  check: '<path d="M20 6 9 17l-5-5"/>',
+  "check-circle": '<circle cx="12" cy="12" r="9"/><path d="m8.5 12 2.5 2.5 4.5-5"/>',
+  "chevron-down": '<path d="m6 9 6 6 6-6"/>',
+  "chevron-left": '<path d="m15 18-6-6 6-6"/>',
+  "chevron-right": '<path d="m9 18 6-6-6-6"/>',
+  clock: '<circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/>',
+  command: '<path d="M9 6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6Z"/>',
+  cpu: '<rect x="6" y="6" width="12" height="12" rx="2"/><path d="M9 2v4M15 2v4M9 18v4M15 18v4M2 9h4M2 15h4M18 9h4M18 15h4"/>',
+  database: '<ellipse cx="12" cy="5" rx="8" ry="3"/><path d="M4 5v14c0 1.7 3.6 3 8 3s8-1.3 8-3V5"/><path d="M4 12c0 1.7 3.6 3 8 3s8-1.3 8-3"/>',
+  download: '<path d="M12 3v12"/><path d="m7 10 5 5 5-5"/><path d="M5 21h14"/>',
+  external: '<path d="M15 3h6v6"/><path d="m10 14 11-11"/><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/>',
+  eye: '<path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"/><circle cx="12" cy="12" r="3"/>',
+  "eye-off": '<path d="m3 3 18 18"/><path d="M10.6 10.6a3 3 0 0 0 4.2 4.2"/><path d="M9.9 5.2A10.5 10.5 0 0 1 12 5c6.5 0 10 7 10 7a17 17 0 0 1-2.2 3.2"/><path d="M6.6 6.6A17 17 0 0 0 2 12s3.5 7 10 7a10.5 10.5 0 0 0 4.1-.8"/>',
+  "file-text": '<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8Z"/><path d="M14 2v6h6"/><path d="M8 13h8M8 17h6"/>',
+  filter: '<path d="M3 5h18l-7 8v6l-4 2v-8Z"/>',
+  "git-branch": '<path d="M6 3v12"/><circle cx="18" cy="6" r="3"/><circle cx="6" cy="18" r="3"/><path d="M18 9a9 9 0 0 1-9 9"/>',
+  grid: '<rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/>',
+  "hard-drive": '<path d="M22 12H2"/><path d="M5.5 5h13L22 12v5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-5Z"/><path d="M6 16h.01M10 16h.01"/>',
+  home: '<path d="m3 10 9-7 9 7v10a1 1 0 0 1-1 1h-5v-7H9v7H4a1 1 0 0 1-1-1Z"/>',
+  inbox: '<path d="M22 12h-6l-2 3h-4l-2-3H2"/><path d="M5.5 5h13L22 12v5a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-5Z"/>',
+  info: '<circle cx="12" cy="12" r="9"/><path d="M12 11v5"/><path d="M12 8h.01"/>',
+  layers: '<path d="m12 2 9 5-9 5-9-5 9-5Z"/><path d="m3 12 9 5 9-5"/><path d="m3 17 9 5 9-5"/>',
+  login: '<path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/><path d="m10 17 5-5-5-5"/><path d="M15 12H3"/>',
+  "log-out": '<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><path d="m16 17 5-5-5-5"/><path d="M21 12H9"/>',
+  menu: '<path d="M4 6h16M4 12h16M4 18h16"/>',
+  minus: '<path d="M5 12h14"/>',
+  "more-horizontal": '<circle cx="5" cy="12" r="1"/><circle cx="12" cy="12" r="1"/><circle cx="19" cy="12" r="1"/>',
+  moon: '<path d="M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8Z"/>',
+  network: '<rect x="9" y="2" width="6" height="6" rx="1"/><rect x="2" y="16" width="6" height="6" rx="1"/><rect x="16" y="16" width="6" height="6" rx="1"/><path d="M12 8v4M5 16v-4h14v4"/>',
+  "panel-left": '<rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18M3 15h18"/>',
+  "panel-right": '<rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18M9 15h12"/>',
+  pencil: '<path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z"/><path d="m17 3 16 17-5.5-1.5Z"/>',
+  plus: '<path d="M12 5v14M5 12h14"/>',
+  "power-off": '<path d="M3 12a9 9 0 0 1 9-9c4.7 0 8.6 3.5 9.3 8.2h.1c.7 4.7-3.5 8.9-8.2 9.5z"/><path d="M12 3v4M12 17v4M5.5 5.5 17.5 17.5"/>',
+  save: '<path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2Z"/><polyline points="17 21 17 13 7 13 7 21"/><polyline points="7 3 7 8 15 8"/>',
+  search: '<circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/>',
+  send: '<path d="M19 12H5M5 12l6 6-6 6M19 12l-6 6 6 6"/>',
+  settings: '<circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1-1.51l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1 1.51Z"/><path d="M12 17a5 5 0 0 0 5-5 5.005 5.005 0 0 0-8.535-2.293l-.01-.01a4.995 4.995 0 0 0-6.93 0l-.01.01A5 5 0 0 0 12 7a5 5 0 0 0 5 5 5.005 5.005 0 0 0 5-5l-.01-.01"/><line x1="12" y1="1" x2="12" y2="23"/><line x1="1" y1="12" x2="23" y2="12"/>',
+  share: '<path d="M18 16l-6-6 6-6"/><path d="M13 18H7l3 3 3-3H13"/>',
+  shield: '<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z"/>',
+  star: '<path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2Z"/>',
+  sun: '<circle cx="12" cy="12" r="5"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/>',
+  terminal: '<polyline points="4 17 10 11 4 5"/><line x1="12" y1="19" x2="12" y2="5"/>',
+  "trash-2": '<polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/>',
+  user: '<path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/>',
+  x: '<line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>'
+}, ea = {
+  14: 2,
+  16: 1.75,
+  20: 1.6,
+  24: 1.5
+};
+function q({
+  name: c,
+  size: s = 16,
+  stroke: p,
+  label: v,
+  className: m
+}) {
+  const R = Qt[c];
+  if (!R)
+    throw new Error(`Icon: unknown name "${c}".`);
+  const j = typeof s == "number" ? s : Number.parseFloat(String(s)) || 16, S = p ?? ea[j] ?? (j <= 14 ? 2 : 1.6), N = {
+    className: ["ds-icon", m].filter(Boolean).join(" "),
+    width: j,
+    height: j,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: S,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    role: v ? "img" : void 0,
+    "aria-label": v,
+    "aria-hidden": v ? void 0 : !0,
+    dangerouslySetInnerHTML: { __html: R }
+  };
+  return /* @__PURE__ */ r.jsx("svg", { ...N });
+}
+function ia({ items: c, name: s, className: p }) {
+  const v = ["ds-accordion", p].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("div", { className: v, children: c.map((m, R) => /* @__PURE__ */ r.jsxs(
+    "details",
+    {
+      className: "ds-accordion__item",
+      open: m.open,
+      name: s,
+      children: [
+        /* @__PURE__ */ r.jsxs("summary", { className: "ds-accordion__trigger", children: [
+          /* @__PURE__ */ r.jsx("span", { children: m.title }),
+          /* @__PURE__ */ r.jsx(
+            q,
+            {
+              name: "chevron-down",
+              size: 20,
+              className: "ds-accordion__icon",
+              "aria-hidden": !0
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r.jsx("div", { className: "ds-accordion__panel", children: /* @__PURE__ */ r.jsx("p", { children: m.content }) })
+      ]
+    },
+    R
+  )) });
+}
+const ra = {
+  info: "info",
+  success: "check-circle",
+  warning: "alert-triangle",
+  danger: "alert-circle"
+};
+function oa({
+  tone: c = "info",
+  title: s,
+  message: p,
+  dismissible: v = !1,
+  className: m,
+  children: R
+}) {
+  const j = ra[c], S = `alert-${crypto.randomUUID()}`, N = [
+    "ds-alert",
+    c !== "info" && `ds-alert--${c}`,
+    m
+  ].filter(Boolean).join(" "), k = () => {
+    const x = document.getElementById(S);
+    if (!x) return;
+    const y = x.parentElement;
+    x.remove(), y && (y.hasAttribute("tabindex") || (y.tabIndex = -1), y.focus({ preventScroll: !0 }));
+  };
+  return /* @__PURE__ */ r.jsxs("div", { className: N, id: S, "data-alert": !0, children: [
+    /* @__PURE__ */ r.jsx("span", { className: "ds-alert__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(q, { name: j, size: 20 }) }),
+    /* @__PURE__ */ r.jsxs("div", { className: "ds-alert__content", children: [
+      /* @__PURE__ */ r.jsx("p", { className: "ds-alert__title", children: s }),
+      p && /* @__PURE__ */ r.jsx("p", { className: "ds-alert__body", children: p }),
+      R
+    ] }),
+    v && /* @__PURE__ */ r.jsx(
+      "button",
+      {
+        className: "ds-alert__close",
+        type: "button",
+        "aria-label": "Dismiss alert",
+        "data-alert-close": !0,
+        onClick: k,
+        children: /* @__PURE__ */ r.jsx(q, { name: "x", size: 16 })
+      }
+    )
+  ] });
+}
+function ta({
+  tone: c = "neutral",
+  dot: s = !1,
+  className: p,
+  children: v
+}) {
+  const m = [
+    "ds-badge",
+    c !== "neutral" && `ds-badge--${c}`,
+    p
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs("span", { className: m, children: [
+    s && /* @__PURE__ */ r.jsx("span", { className: "ds-badge__dot", "aria-hidden": "true" }),
+    v
+  ] });
+}
+function la({
+  items: c,
+  label: s = "Breadcrumb",
+  className: p
+}) {
+  const v = ["ds-breadcrumbs", p].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("nav", { className: v, "aria-label": s, children: /* @__PURE__ */ r.jsx("ol", { className: "ds-breadcrumbs__list", children: c.map((m, R) => /* @__PURE__ */ r.jsxs("li", { className: "ds-breadcrumbs__item", children: [
+    m.href && R < c.length - 1 ? /* @__PURE__ */ r.jsx("a", { className: "ds-breadcrumbs__link", href: m.href, children: m.label }) : /* @__PURE__ */ r.jsx(
+      "span",
+      {
+        className: "ds-breadcrumbs__current",
+        "aria-current": R === c.length - 1 ? "page" : void 0,
+        children: m.label
+      }
+    ),
+    R < c.length - 1 && /* @__PURE__ */ r.jsx(
+      q,
+      {
+        name: "chevron-right",
+        size: 12,
+        className: "ds-breadcrumbs__separator",
+        "aria-hidden": !0
+      }
+    )
+  ] }, m.href ?? m.label)) }) });
+}
+function Kr({
+  variant: c = "secondary",
+  size: s = "md",
+  href: p,
+  type: v = "button",
+  disabled: m = !1,
+  loading: R = !1,
+  icon: j,
+  iconPosition: S = "start",
+  iconOnly: N = !1,
+  block: k = !1,
+  className: x,
+  children: y,
+  ...E
+}) {
+  const b = p ? "a" : "button", O = m || R, $ = s === "lg" ? 20 : 16, K = [
+    "ds-button",
+    `ds-button--${c}`,
+    s !== "md" && `ds-button--${s}`,
+    N && "ds-button--icon",
+    k && "ds-button--block",
+    x
+  ].filter(Boolean).join(" "), Z = j && S === "start", B = j && S === "end", se = (G) => {
+    O && (G.preventDefault(), G.stopPropagation());
+  }, Q = {
+    className: K,
+    "aria-label": E["aria-label"],
+    "aria-busy": R ? !0 : void 0,
+    "data-loading": R ? !0 : void 0,
+    onClick: se
+  };
+  return b === "a" ? Object.assign(Q, {
+    href: m ? void 0 : p,
+    role: m ? "link" : void 0,
+    "aria-disabled": O ? !0 : void 0
+  }) : Object.assign(Q, {
+    type: v,
+    disabled: m,
+    "aria-disabled": O ? !0 : void 0
+  }), /* @__PURE__ */ r.jsxs(b, { ...Q, ...E, children: [
+    R && /* @__PURE__ */ r.jsx("span", { className: "ds-button__spinner", "aria-hidden": "true" }),
+    Z && !R && /* @__PURE__ */ r.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(q, { name: j, size: $ }) }),
+    !N && /* @__PURE__ */ r.jsx("span", { className: "ds-button__label", children: y }),
+    N && !j && /* @__PURE__ */ r.jsx("span", { className: "ds-button__icon", children: y }),
+    B && !R && /* @__PURE__ */ r.jsx("span", { className: "ds-button__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(q, { name: j, size: $ }) })
+  ] });
+}
+function ca({
+  variant: c = "default",
+  href: s,
+  eyebrow: p,
+  title: v,
+  meta: m,
+  className: R,
+  children: j,
+  footer: S
+}) {
+  const N = s ? "a" : "div", k = [
+    "ds-card",
+    c !== "default" && `ds-card--${c}`,
+    s && "ds-card--interactive",
+    R
+  ].filter(Boolean).join(" "), x = !!(p || v || m), y = !!S;
+  return /* @__PURE__ */ r.jsxs(N, { className: k, href: s, children: [
+    x && /* @__PURE__ */ r.jsxs("header", { className: "ds-card__header", children: [
+      p && /* @__PURE__ */ r.jsx("div", { className: "ds-card__eyebrow", children: p }),
+      v && /* @__PURE__ */ r.jsx("div", { className: "ds-card__title", children: v }),
+      m && /* @__PURE__ */ r.jsx("div", { className: "ds-card__meta", children: m })
+    ] }),
+    /* @__PURE__ */ r.jsx("div", { className: "ds-card__body", children: j }),
+    y && /* @__PURE__ */ r.jsx("footer", { className: "ds-card__footer", children: S })
+  ] });
+}
+function ua({
+  label: c,
+  description: s,
+  id: p,
+  name: v,
+  value: m,
+  checked: R = !1,
+  disabled: j = !1,
+  required: S = !1,
+  className: N,
+  onChange: k,
+  children: x
+}) {
+  const y = p ?? `checkbox-${crypto.randomUUID()}`, E = s ? `${y}-description` : void 0, b = `${y}-label`, O = ($) => {
+    k == null || k($.target.checked);
+  };
+  return /* @__PURE__ */ r.jsxs("label", { className: ["ds-choice", N].filter(Boolean).join(" "), children: [
+    /* @__PURE__ */ r.jsx(
+      "input",
+      {
+        className: "ds-choice__input",
+        id: y,
+        type: "checkbox",
+        name: v,
+        value: m,
+        checked: R,
+        disabled: j,
+        required: S,
+        "aria-labelledby": s ? b : void 0,
+        "aria-describedby": E,
+        onChange: O
+      }
+    ),
+    /* @__PURE__ */ r.jsx("span", { className: "ds-choice__box", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(q, { name: "check", size: 14 }) }),
+    /* @__PURE__ */ r.jsxs("span", { className: "ds-choice__label", children: [
+      /* @__PURE__ */ r.jsx("span", { id: b, children: c }),
+      s && /* @__PURE__ */ r.jsx("span", { className: "ds-choice__description", id: E, children: s })
+    ] }),
+    x
+  ] });
+}
+function da({
+  selected: c = !1,
+  disabled: s = !1,
+  removable: p = !1,
+  onRemove: v,
+  className: m,
+  children: R
+}) {
+  const j = [
+    "ds-chip",
+    c && "ds-chip--selected",
+    s && "ds-chip--disabled",
+    m
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs(
+    "span",
+    {
+      className: j,
+      "aria-selected": c ? !0 : void 0,
+      "aria-disabled": s ? !0 : void 0,
+      children: [
+        R,
+        p && !s && /* @__PURE__ */ r.jsx(
+          "button",
+          {
+            type: "button",
+            className: "ds-chip__remove",
+            "aria-label": "Remove",
+            onClick: v,
+            children: /* @__PURE__ */ r.jsx("span", { "aria-hidden": "true", children: "×" })
+          }
+        )
+      ]
+    }
+  );
+}
+function fa({ className: c, children: s }) {
+  const p = ["ds-code", c].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("pre", { className: p, children: s });
+}
+function ha({
+  title: c,
+  body: s,
+  icon: p,
+  className: v,
+  children: m
+}) {
+  const R = ["ds-empty", v].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs("div", { className: R, children: [
+    p && /* @__PURE__ */ r.jsx("span", { className: "ds-empty__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(q, { name: p, size: 24 }) }),
+    /* @__PURE__ */ r.jsx("h2", { className: "ds-empty__title", children: c }),
+    s && /* @__PURE__ */ r.jsx("p", { className: "ds-empty__body", children: s }),
+    m
+  ] });
+}
+function pa({
+  label: c,
+  description: s,
+  className: p,
+  children: v
+}) {
+  const m = ["ds-example", p].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs("div", { className: m, children: [
+    c && /* @__PURE__ */ r.jsx("span", { className: "ds-example__label", children: c }),
+    /* @__PURE__ */ r.jsx("div", { className: "ds-example__preview", children: v }),
+    s && /* @__PURE__ */ r.jsx("p", { className: "ds-example__description", children: s })
+  ] });
+}
+function va({ className: c, children: s }) {
+  const p = ["ds-grid", c].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("div", { className: p, children: s });
+}
+function ma({ className: c, children: s }) {
+  const p = ["ds-grid__item", c].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("div", { className: p, children: s });
+}
+var I = Hr();
+function _a({
+  id: c,
+  title: s,
+  description: p,
+  triggerLabel: v = "Open dialog",
+  triggerVariant: m = "secondary",
+  size: R = "md",
+  variant: j = "dialog",
+  className: S,
+  children: N,
+  footer: k
+}) {
+  const x = I.useRef(null), y = `${c}-title`, E = p ? `${c}-description` : void 0, b = I.useCallback(() => {
+    var O;
+    (O = x.current) == null || O.showModal();
+  }, []);
+  return I.useEffect(() => {
+    const O = x.current;
+    if (!O) return;
+    const $ = (K) => {
+      if (K.target !== O) return;
+      const Z = O.getBoundingClientRect();
+      K.clientX >= Z.left && K.clientX <= Z.right && K.clientY >= Z.top && K.clientY <= Z.bottom || O.close();
+    };
+    return O.addEventListener("click", $), () => O.removeEventListener("click", $);
+  }, []), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(
+      Kr,
+      {
+        variant: m,
+        type: "button",
+        "data-modal-open": c,
+        "aria-haspopup": "dialog",
+        onClick: b,
+        children: v
+      }
+    ),
+    /* @__PURE__ */ r.jsxs(
+      "dialog",
+      {
+        ref: x,
+        className: [
+          "ds-modal",
+          R !== "md" && `ds-modal--${R}`,
+          j === "sheet" && "ds-modal--sheet",
+          S
+        ].filter(Boolean).join(" "),
+        id: c,
+        "aria-labelledby": y,
+        "aria-describedby": E,
+        children: [
+          /* @__PURE__ */ r.jsxs("div", { className: "ds-modal__header", children: [
+            /* @__PURE__ */ r.jsxs("div", { children: [
+              s && /* @__PURE__ */ r.jsx("h2", { className: "ds-modal__title", id: y, children: s }),
+              p && /* @__PURE__ */ r.jsx("p", { className: "ds-modal__description", id: E, children: p })
+            ] }),
+            /* @__PURE__ */ r.jsx("form", { method: "dialog", children: /* @__PURE__ */ r.jsx(
+              "button",
+              {
+                className: "ds-modal__close",
+                type: "submit",
+                "aria-label": "Close dialog",
+                children: /* @__PURE__ */ r.jsx(q, { name: "x", size: 20 })
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ r.jsx("div", { className: "ds-modal__body", children: N }),
+          k && /* @__PURE__ */ r.jsx("footer", { className: "ds-modal__footer", children: k })
+        ]
+      }
+    )
+  ] });
+}
+function ya({
+  label: c = "Main",
+  items: s = [],
+  brand: p,
+  brandHref: v = "/",
+  sticky: m = !1,
+  footerLinks: R = [],
+  navId: j = `navbar-${crypto.randomUUID()}`,
+  className: S,
+  children: N
+}) {
+  const k = `${j}-sheet`, x = (l) => `${j}-panel-${l}`, y = I.useRef(null), [E, b] = I.useState(!1), [O, $] = I.useState(!1), K = (l) => {
+    var g, C;
+    return !!((g = l.children) != null && g.length || (C = l.groups) != null && C.length || l.feature);
+  }, Z = (l) => {
+    var g;
+    return (g = l.groups) != null && g.length ? l.groups.flatMap((C) => C.items) : l.children ?? [];
+  }, B = (l) => !!(l.active || Z(l).some((g) => g.active)), se = (l) => {
+    var g;
+    return (g = l.groups) != null && g.length ? "groups" : l.feature ? "featured" : l.layout ?? "list";
+  }, [Q, G] = I.useState(
+    null
+  ), ue = I.useCallback((l, g) => {
+    const C = y.current, h = C == null ? void 0 : C.querySelector(".ds-navbar__nav"), Y = C == null ? void 0 : C.querySelector(
+      "[data-navbar-viewport]"
+    );
+    if (!Y || !h || !C) return;
+    const z = h.getBoundingClientRect(), ee = C.getBoundingClientRect(), n = l.getBoundingClientRect(), u = g.offsetWidth, A = g.offsetHeight, L = 8, P = ee.left - z.left + L, f = ee.right - z.left - u - L, D = Math.max(
+      P,
+      Math.min(n.left - z.left, f)
+    );
+    Y.style.setProperty("--ds-navbar-viewport-x", `${D}px`), Y.style.setProperty("--ds-navbar-viewport-w", `${u}px`), Y.style.setProperty("--ds-navbar-viewport-h", `${A}px`);
+  }, []), le = I.useCallback(
+    (l, g = null) => {
+      var n;
+      const C = y.current, h = C == null ? void 0 : C.querySelector(
+        "[data-navbar-viewport]"
+      ), Y = Array.from(
+        (C == null ? void 0 : C.querySelectorAll("[data-navbar-trigger]")) || []
+      ), z = document.getElementById(
+        l.dataset.navbarTrigger ?? ""
+      );
+      if (!h || !z) return;
+      const ee = Q !== null;
+      if (Y.forEach((u) => {
+        const A = u === l;
+        u.setAttribute("aria-expanded", String(A));
+        const L = document.getElementById(
+          u.dataset.navbarTrigger ?? ""
+        );
+        L && (L.hidden = !A);
+      }), h.hidden = !1, h.dataset.instant = ee ? "false" : "true", G(l), ue(l, z), g) {
+        const u = Array.from(
+          z.querySelectorAll("[data-navbar-row]")
+        );
+        (n = g === "first" ? u[0] : u[u.length - 1]) == null || n.focus();
+      }
+    },
+    [Q, ue]
+  ), ie = I.useCallback(
+    (l = !1) => {
+      if (!Q) return;
+      const g = y.current, C = g == null ? void 0 : g.querySelector(
+        "[data-navbar-viewport]"
+      ), h = Array.from(
+        (g == null ? void 0 : g.querySelectorAll("[data-navbar-trigger]")) || []
+      ), Y = Q;
+      G(null), h.forEach((z) => z.setAttribute("aria-expanded", "false")), C && (C.hidden = !0, C.querySelectorAll("[data-navbar-panel]").forEach((z) => z.hidden = !0)), l && Y.focus();
+    },
+    [Q]
+  );
+  I.useEffect(() => {
+    var u;
+    const l = y.current;
+    if (!l) return;
+    const g = l.querySelector(".ds-navbar__inner"), C = l.querySelector(".ds-navbar__nav"), h = l.querySelector(
+      "[data-navbar-toggle]"
+    ), Y = l.querySelector(
+      "[data-navbar-sheet]"
+    );
+    let z = 0;
+    const ee = () => {
+      if (!g || !C) return;
+      l.dataset.collapsed = "false";
+      const A = getComputedStyle(g), L = Number.parseFloat(A.columnGap) || 0, P = Array.from(g.children).filter(
+        (f) => f !== h && getComputedStyle(f).display !== "none"
+      );
+      z = P.reduce((f, D) => f + D.scrollWidth, 0) + L * Math.max(0, P.length - 1) + (Number.parseFloat(A.paddingInlineStart) || 0) + (Number.parseFloat(A.paddingInlineEnd) || 0);
+    }, n = () => {
+      if (!g || !C) return;
+      const A = l.clientWidth < z;
+      b(A), l.dataset.collapsed = String(A), A ? ie() : Y != null && Y.open && Y.close();
+    };
+    if (C) {
+      ee(), n();
+      const A = new ResizeObserver(n);
+      return A.observe(l), (u = document.fonts) == null || u.ready.then(() => {
+        ee(), n();
+      }), () => A.disconnect();
+    }
+  }, [ie]), I.useEffect(() => {
+    const l = y.current;
+    if (!l || !m) return;
+    let g = null;
+    for (let ee = l.parentElement; ee; ee = ee.parentElement) {
+      const { overflowY: n } = getComputedStyle(ee);
+      if (/(auto|scroll|overlay)/.test(n) && ee.scrollHeight > ee.clientHeight) {
+        g = ee;
+        break;
+      }
+    }
+    const C = () => g ? g.scrollTop : window.scrollY;
+    let h = !1;
+    const Y = () => {
+      $(C() > 4), h = !1;
+    }, z = () => {
+      h || (h = !0, requestAnimationFrame(Y));
+    };
+    return (g ?? window).addEventListener("scroll", z, {
+      passive: !0
+    }), Y(), () => (g ?? window).removeEventListener("scroll", z);
+  }, [m]);
+  const F = I.useRef(null), W = I.useRef(null), oe = I.useCallback(() => {
+    var l, g, C, h;
+    ie(), (l = W.current) == null || l.showModal(), (g = F.current) == null || g.setAttribute("aria-expanded", "true"), (h = (C = W.current) == null ? void 0 : C.querySelector(
+      ".ds-navbar__sheet-nav [aria-current='page'], .ds-navbar__sheet-nav a, .ds-navbar__sheet-nav summary"
+    )) == null || h.focus();
+  }, [ie]), be = I.useCallback(() => {
+    var l, g;
+    (l = F.current) == null || l.setAttribute("aria-expanded", "false"), (g = F.current) == null || g.focus();
+  }, []), fe = I.useCallback(
+    (l) => {
+      const g = W.current;
+      if (g) {
+        if (l.target === g) {
+          g.close();
+          return;
+        }
+        l.target.closest("a[href]") && g.close();
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ r.jsxs(
+    "header",
+    {
+      ref: y,
+      className: [
+        "ds-navbar",
+        m && "ds-navbar--sticky",
+        O && "ds-navbar--scrolled",
+        E && "ds-navbar--collapsed",
+        S
+      ].filter(Boolean).join(" "),
+      "data-navbar": !0,
+      children: [
+        /* @__PURE__ */ r.jsxs("div", { className: "ds-navbar__inner", children: [
+          p && /* @__PURE__ */ r.jsxs("a", { className: "ds-navbar__brand", href: v, children: [
+            /* @__PURE__ */ r.jsx("span", { className: "ds-navbar__mark", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(q, { name: "terminal", size: 16 }) }),
+            /* @__PURE__ */ r.jsx("span", { children: p })
+          ] }),
+          /* @__PURE__ */ r.jsx("div", { className: "ds-navbar__start", children: N }),
+          s.length > 0 && /* @__PURE__ */ r.jsxs("nav", { id: j, className: "ds-navbar__nav", "aria-label": c, children: [
+            /* @__PURE__ */ r.jsx("ul", { className: "ds-navbar__list", children: s.map((l, g) => /* @__PURE__ */ r.jsx("li", { className: "ds-navbar__item", children: K(l) ? /* @__PURE__ */ r.jsxs(
+              "button",
+              {
+                className: [
+                  "ds-navbar__trigger",
+                  B(l) && "is-current"
+                ].filter(Boolean).join(" "),
+                type: "button",
+                "aria-expanded": "false",
+                "aria-controls": x(g),
+                "data-navbar-trigger": x(g),
+                onClick: () => {
+                  const C = document.getElementById(x(g));
+                  if (Q === C)
+                    ie();
+                  else {
+                    const h = document.getElementById(
+                      `ds-navbar-trigger-${g}`
+                    );
+                    h && le(h);
+                  }
+                },
+                children: [
+                  l.icon && /* @__PURE__ */ r.jsx(q, { name: l.icon, size: 16 }),
+                  /* @__PURE__ */ r.jsx("span", { children: l.label }),
+                  /* @__PURE__ */ r.jsx(
+                    q,
+                    {
+                      name: "chevron-down",
+                      size: 14,
+                      className: "ds-navbar__chevron"
+                    }
+                  )
+                ]
+              }
+            ) : /* @__PURE__ */ r.jsxs(
+              "a",
+              {
+                className: "ds-navbar__trigger",
+                href: l.href ?? "#",
+                "aria-current": l.active ? "page" : void 0,
+                "data-navbar-link": !0,
+                children: [
+                  l.icon && /* @__PURE__ */ r.jsx(q, { name: l.icon, size: 16 }),
+                  /* @__PURE__ */ r.jsx("span", { children: l.label })
+                ]
+              }
+            ) }, g)) }),
+            /* @__PURE__ */ r.jsx("div", { className: "ds-navbar__viewport", "data-navbar-viewport": !0, hidden: !0, children: s.map(
+              (l, g) => {
+                var C;
+                return K(l) && /* @__PURE__ */ r.jsxs(
+                  "div",
+                  {
+                    className: [
+                      "ds-navbar__panel",
+                      `ds-navbar__panel--${se(l)}`
+                    ].filter(Boolean).join(" "),
+                    id: x(g),
+                    "data-navbar-panel": !0,
+                    hidden: !0,
+                    children: [
+                      l.feature && /* @__PURE__ */ r.jsxs(
+                        "a",
+                        {
+                          className: "ds-navbar__feature",
+                          href: l.feature.href,
+                          "data-navbar-row": !0,
+                          children: [
+                            l.feature.icon && /* @__PURE__ */ r.jsx(
+                              "span",
+                              {
+                                className: "ds-navbar__feature-icon",
+                                "aria-hidden": "true",
+                                children: /* @__PURE__ */ r.jsx(q, { name: l.feature.icon, size: 20 })
+                              }
+                            ),
+                            l.feature.eyebrow && /* @__PURE__ */ r.jsx("span", { className: "ds-navbar__eyebrow", children: l.feature.eyebrow }),
+                            /* @__PURE__ */ r.jsx("span", { className: "ds-navbar__feature-title", children: l.feature.title }),
+                            l.feature.description && /* @__PURE__ */ r.jsx("span", { className: "ds-navbar__row-desc", children: l.feature.description })
+                          ]
+                        }
+                      ),
+                      ((C = l.groups) != null && C.length ? l.groups : [{ items: l.children ?? [] }]).map((h, Y) => /* @__PURE__ */ r.jsxs("div", { className: "ds-navbar__group", children: [
+                        h.label && /* @__PURE__ */ r.jsx("p", { className: "ds-navbar__eyebrow", children: h.label }),
+                        /* @__PURE__ */ r.jsx("ul", { className: "ds-navbar__rows", children: h.items.map((z, ee) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
+                          "a",
+                          {
+                            className: "ds-navbar__row",
+                            href: z.href,
+                            "aria-current": z.active ? "page" : void 0,
+                            "data-navbar-row": !0,
+                            children: [
+                              z.icon && /* @__PURE__ */ r.jsx(
+                                "span",
+                                {
+                                  className: "ds-navbar__row-icon",
+                                  "aria-hidden": "true",
+                                  children: /* @__PURE__ */ r.jsx(q, { name: z.icon, size: 16 })
+                                }
+                              ),
+                              /* @__PURE__ */ r.jsxs("span", { className: "ds-navbar__row-body", children: [
+                                /* @__PURE__ */ r.jsx("span", { className: "ds-navbar__row-title", children: z.label }),
+                                z.description && /* @__PURE__ */ r.jsx("span", { className: "ds-navbar__row-desc", children: z.description })
+                              ] })
+                            ]
+                          }
+                        ) }, ee)) })
+                      ] }, Y))
+                    ]
+                  },
+                  g
+                );
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ r.jsx("div", { className: "ds-navbar__actions", children: N }),
+          s.length > 0 && /* @__PURE__ */ r.jsx(
+            "button",
+            {
+              ref: F,
+              className: "ds-navbar__toggle",
+              type: "button",
+              "aria-haspopup": "dialog",
+              "aria-expanded": "false",
+              "aria-controls": k,
+              "aria-label": "Open navigation menu",
+              "data-navbar-toggle": !0,
+              onClick: oe,
+              children: /* @__PURE__ */ r.jsx(q, { name: "menu", size: 20 })
+            }
+          )
+        ] }),
+        s.length > 0 && /* @__PURE__ */ r.jsxs(
+          "dialog",
+          {
+            ref: W,
+            className: "ds-navbar__sheet",
+            id: k,
+            "aria-label": `${c} navigation`,
+            "data-navbar-sheet": !0,
+            onClose: be,
+            onClick: fe,
+            children: [
+              /* @__PURE__ */ r.jsxs("div", { className: "ds-navbar__sheet-head", children: [
+                p ? /* @__PURE__ */ r.jsxs("a", { className: "ds-navbar__brand", href: v, children: [
+                  /* @__PURE__ */ r.jsx("span", { className: "ds-navbar__mark", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(q, { name: "terminal", size: 16 }) }),
+                  /* @__PURE__ */ r.jsx("span", { children: p })
+                ] }) : /* @__PURE__ */ r.jsx("span", { className: "ds-navbar__sheet-title", children: c }),
+                /* @__PURE__ */ r.jsx("form", { method: "dialog", children: /* @__PURE__ */ r.jsx(
+                  "button",
+                  {
+                    className: "ds-navbar__toggle ds-navbar__sheet-close",
+                    type: "submit",
+                    "aria-label": "Close navigation menu",
+                    children: /* @__PURE__ */ r.jsx(q, { name: "x", size: 20 })
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ r.jsx("nav", { className: "ds-navbar__sheet-nav", "aria-label": c, children: /* @__PURE__ */ r.jsx("ul", { className: "ds-navbar__sheet-list", children: s.map(
+                (l) => {
+                  var g;
+                  return K(l) ? /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
+                    "details",
+                    {
+                      className: "ds-navbar__disclosure",
+                      open: B(l) ? !0 : void 0,
+                      children: [
+                        /* @__PURE__ */ r.jsxs(
+                          "summary",
+                          {
+                            className: [
+                              "ds-navbar__sheet-link",
+                              B(l) && "is-current"
+                            ].filter(Boolean).join(" "),
+                            children: [
+                              l.icon && /* @__PURE__ */ r.jsx(q, { name: l.icon, size: 20 }),
+                              /* @__PURE__ */ r.jsx("span", { children: l.label }),
+                              /* @__PURE__ */ r.jsx(
+                                q,
+                                {
+                                  name: "chevron-down",
+                                  size: 16,
+                                  className: "ds-navbar__chevron"
+                                }
+                              )
+                            ]
+                          }
+                        ),
+                        /* @__PURE__ */ r.jsxs("div", { className: "ds-navbar__sheet-panel", children: [
+                          l.feature && /* @__PURE__ */ r.jsxs(
+                            "a",
+                            {
+                              className: "ds-navbar__sheet-sublink",
+                              href: l.feature.href,
+                              children: [
+                                /* @__PURE__ */ r.jsx("span", { className: "ds-navbar__row-title", children: l.feature.title }),
+                                l.feature.description && /* @__PURE__ */ r.jsx("span", { className: "ds-navbar__row-desc", children: l.feature.description })
+                              ]
+                            }
+                          ),
+                          ((g = l.groups) != null && g.length ? l.groups : [{ items: l.children ?? [] }]).map((C, h) => /* @__PURE__ */ r.jsxs("div", { className: "ds-navbar__sheet-group", children: [
+                            C.label && /* @__PURE__ */ r.jsx("p", { className: "ds-navbar__eyebrow", children: C.label }),
+                            /* @__PURE__ */ r.jsx("ul", { children: C.items.map((Y, z) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
+                              "a",
+                              {
+                                className: "ds-navbar__sheet-sublink",
+                                href: Y.href,
+                                "aria-current": Y.active ? "page" : void 0,
+                                children: [
+                                  /* @__PURE__ */ r.jsx("span", { className: "ds-navbar__row-title", children: Y.label }),
+                                  Y.description && /* @__PURE__ */ r.jsx("span", { className: "ds-navbar__row-desc", children: Y.description })
+                                ]
+                              }
+                            ) }, z)) })
+                          ] }, h))
+                        ] })
+                      ]
+                    }
+                  ) }, l.label) : /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
+                    "a",
+                    {
+                      className: "ds-navbar__sheet-link",
+                      href: l.href ?? "#",
+                      "aria-current": l.active ? "page" : void 0,
+                      children: [
+                        l.icon && /* @__PURE__ */ r.jsx(q, { name: l.icon, size: 20 }),
+                        /* @__PURE__ */ r.jsx("span", { children: l.label })
+                      ]
+                    }
+                  ) }, l.label);
+                }
+              ) }) }),
+              (R.length > 0 || N) && /* @__PURE__ */ r.jsxs("div", { className: "ds-navbar__sheet-footer", children: [
+                R.length > 0 && /* @__PURE__ */ r.jsx("ul", { className: "ds-navbar__sheet-meta", children: R.map((l) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx("a", { href: l.href, children: l.label }) }, l.href)) }),
+                N && /* @__PURE__ */ r.jsx("div", { className: "ds-navbar__sheet-actions", children: N })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function ba({
+  title: c,
+  lede: s,
+  className: p,
+  children: v
+}) {
+  const m = ["ds-page-header", p].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs("header", { className: m, children: [
+    /* @__PURE__ */ r.jsx("h1", { className: "ds-page-header__title", children: c }),
+    s && /* @__PURE__ */ r.jsx("p", { className: "ds-page-header__lede", children: s }),
+    v
+  ] });
+}
+function ga({
+  current: c,
+  total: s,
+  href: p = "?page={page}",
+  label: v = "Pagination",
+  interactive: m = !1,
+  className: R,
+  onPageChange: j
+}) {
+  const S = (b) => p.replace("{page}", String(b)), N = [];
+  if (s <= 7)
+    for (let b = 1; b <= s; b++) N.push(b);
+  else {
+    N.push(1), c > 4 && N.push("ellipsis-start");
+    const b = Math.max(2, c - 1), O = Math.min(s - 1, c + 1);
+    for (let $ = b; $ <= O; $++) N.push($);
+    c < s - 3 && N.push("ellipsis-end"), N.push(s);
+  }
+  const k = m ? "button" : "a", x = (b, O) => {
+    O.preventDefault(), !(b < 1 || b > s || b === c) && (j == null || j(b));
+  }, y = (b) => m ? {
+    type: "button",
+    "data-page": b,
+    onClick: (O) => x(b, O),
+    disabled: b < 1 || b > s,
+    "aria-disabled": b < 1 || b > s
+  } : {
+    href: S(b),
+    "data-page": b
+  }, E = [
+    "ds-pagination",
+    m && "ds-pagination--interactive",
+    R
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx(
+    "nav",
+    {
+      className: E,
+      "aria-label": v,
+      "data-pagination-interactive": m ? !0 : void 0,
+      "data-total": s,
+      children: /* @__PURE__ */ r.jsxs("ul", { className: "ds-pagination__list", children: [
+        /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
+          k,
+          {
+            className: "ds-pagination__link ds-pagination__link--direction",
+            ...y(c - 1),
+            "aria-disabled": c <= 1 ? !0 : void 0,
+            "data-direction": "prev",
+            rel: m ? void 0 : "prev",
+            children: [
+              /* @__PURE__ */ r.jsx(q, { name: "chevron-left", size: 14, "aria-hidden": !0 }),
+              /* @__PURE__ */ r.jsx("span", { className: "ds-pagination__label", children: "Previous" })
+            ]
+          }
+        ) }),
+        N.map(
+          (b) => typeof b == "number" ? /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+            k,
+            {
+              className: "ds-pagination__link",
+              ...y(b),
+              "aria-current": b === c ? "page" : void 0,
+              "aria-label": `Page ${b}`,
+              children: b
+            }
+          ) }, b) : /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx("span", { className: "ds-pagination__ellipsis", "aria-hidden": "true", children: "…" }) }, b)
+        ),
+        /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
+          k,
+          {
+            className: "ds-pagination__link ds-pagination__link--direction",
+            ...y(c + 1),
+            "aria-disabled": c >= s ? !0 : void 0,
+            "data-direction": "next",
+            rel: m ? void 0 : "next",
+            children: [
+              /* @__PURE__ */ r.jsx("span", { className: "ds-pagination__label", children: "Next" }),
+              /* @__PURE__ */ r.jsx(q, { name: "chevron-right", size: 14, "aria-hidden": !0 })
+            ]
+          }
+        ) })
+      ] })
+    }
+  );
+}
+function xa({
+  label: c,
+  description: s,
+  id: p,
+  name: v,
+  value: m,
+  checked: R = !1,
+  disabled: j = !1,
+  required: S = !1,
+  className: N,
+  onChange: k,
+  children: x
+}) {
+  const y = p ?? `radio-${crypto.randomUUID()}`, E = s ? `${y}-description` : void 0, b = `${y}-label`, O = () => {
+    k == null || k(m);
+  };
+  return /* @__PURE__ */ r.jsxs(
+    "label",
+    {
+      className: ["ds-choice", "ds-choice--radio", N].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ r.jsx(
+          "input",
+          {
+            className: "ds-choice__input",
+            id: y,
+            type: "radio",
+            name: v,
+            value: m,
+            checked: R,
+            disabled: j,
+            required: S,
+            "aria-labelledby": s ? b : void 0,
+            "aria-describedby": E,
+            onChange: O
+          }
+        ),
+        /* @__PURE__ */ r.jsx("span", { className: "ds-choice__box", "aria-hidden": "true" }),
+        /* @__PURE__ */ r.jsxs("span", { className: "ds-choice__label", children: [
+          /* @__PURE__ */ r.jsx("span", { id: b, children: c }),
+          s && /* @__PURE__ */ r.jsx("span", { className: "ds-choice__description", id: E, children: s })
+        ] }),
+        x
+      ]
+    }
+  );
+}
+function ja({
+  legend: c,
+  hint: s,
+  className: p,
+  children: v
+}) {
+  const m = s ? `group-${crypto.randomUUID()}-hint` : void 0;
+  return /* @__PURE__ */ r.jsxs(
+    "fieldset",
+    {
+      className: ["ds-choice-group", p].filter(Boolean).join(" "),
+      "aria-describedby": m,
+      children: [
+        /* @__PURE__ */ r.jsx("legend", { className: "ds-choice-group__legend", children: c }),
+        s && /* @__PURE__ */ r.jsx("p", { className: "ds-choice-group__hint", id: m, children: s }),
+        v
+      ]
+    }
+  );
+}
+function Ea({
+  title: c,
+  intro: s,
+  className: p,
+  children: v
+}) {
+  const m = ["ds-section", p].filter(Boolean).join(" "), R = !!(c || s);
+  return /* @__PURE__ */ r.jsxs("section", { className: m, children: [
+    R && /* @__PURE__ */ r.jsxs("div", { className: "ds-section__head", children: [
+      c && /* @__PURE__ */ r.jsx("h2", { className: "ds-section__title", children: c }),
+      s && /* @__PURE__ */ r.jsx("p", { className: "ds-section__intro", children: s })
+    ] }),
+    /* @__PURE__ */ r.jsx("div", { className: "ds-section__body", children: v })
+  ] });
+}
+function wa({
+  label: c,
+  id: s,
+  name: p,
+  options: v,
+  value: m,
+  values: R,
+  multiple: j = !1,
+  placeholder: S,
+  hint: N,
+  error: k,
+  disabled: x = !1,
+  required: y = !1,
+  optional: E = !1,
+  size: b = "md",
+  className: O,
+  onChange: $
+}) {
+  const K = s ?? `select-${crypto.randomUUID()}`, Z = `${K}-listbox`, B = `${K}-hint`, se = `${K}-error`, Q = [N && B, k && se].filter(Boolean).join(" ") || void 0, [G, ue] = I.useState(!1), [le, ie] = I.useState(-1), [F, W] = I.useState(
+    new Set(
+      j ? R ?? (m ? [m] : []) : m ? [m] : []
+    )
+  ), oe = I.useRef(null), be = I.useRef(null), fe = I.useRef(null), l = v.filter((f) => F.has(f.value)), g = l.length === 0 ? S ?? "Select an option" : l.length === 1 ? l[0].label : `${l.length} selected`, C = I.useCallback(() => {
+    $ == null || $([...F]);
+  }, [F, $]), h = I.useCallback(
+    (f) => {
+      f.disabled || (j ? W((D) => {
+        const V = new Set(D);
+        return V.has(f.value) ? V.delete(f.value) : V.add(f.value), C(), V;
+      }) : (W(/* @__PURE__ */ new Set([f.value])), C(), ue(!1)));
+    },
+    [j, C]
+  ), Y = I.useCallback(() => {
+    if (x) return;
+    ue(!0);
+    const f = v.findIndex((D) => F.has(D.value));
+    ie(f >= 0 ? f : -1);
+  }, [x, v, F]), z = I.useCallback(() => {
+    ue(!1);
+  }, []), ee = I.useCallback(
+    (f, D) => {
+      for (let V = f + D; V >= 0 && V < v.length; V += D)
+        if (!v[V].disabled) return V;
+      return le;
+    },
+    [v, le]
+  ), n = I.useCallback(
+    (f, D = !1) => {
+      var re;
+      if (!v.length) return;
+      const V = Math.max(0, Math.min(v.length - 1, f));
+      if (ie(V), D) {
+        const he = (re = fe.current) == null ? void 0 : re.querySelectorAll('[role="option"]')[V];
+        he == null || he.focus();
+      }
+    },
+    [v]
+  ), u = I.useCallback(() => {
+    G ? z() : Y();
+  }, [G, Y, z]), A = I.useCallback(
+    (f) => {
+      ["ArrowDown", "ArrowUp", "Enter", " "].includes(f.key) && (f.preventDefault(), G ? n(le, !0) : Y());
+    },
+    [G, Y, le, n]
+  ), L = I.useCallback(
+    (f) => {
+      switch (f.key) {
+        case "ArrowDown":
+          f.preventDefault(), n(ee(le, 1), !0);
+          break;
+        case "ArrowUp":
+          f.preventDefault(), n(ee(le, -1), !0);
+          break;
+        case "Home":
+          f.preventDefault(), n(ee(-1, 1), !0);
+          break;
+        case "End":
+          f.preventDefault(), n(ee(v.length, -1), !0);
+          break;
+        case "Enter":
+        case " ":
+          f.preventDefault(), le >= 0 && h(v[le]);
+          break;
+        case "Escape":
+          f.preventDefault(), z();
+          break;
+        default:
+          if (f.key.length === 1) {
+            const D = f.key.toLowerCase();
+            for (let V = 1; V <= v.length; V += 1) {
+              const re = (le + V) % v.length, he = v[re].label.toLowerCase();
+              if (!v[re].disabled && he.startsWith(D)) {
+                n(re, !0);
+                break;
+              }
+            }
+          }
+      }
+    },
+    [le, v, ee, n, h, z]
+  ), P = I.useCallback(
+    (f) => {
+      var D, V;
+      h(f), j ? (V = fe.current) == null || V.focus() : (D = be.current) == null || D.focus();
+    },
+    [h, j]
+  );
+  return I.useEffect(() => {
+    const f = (D) => {
+      G && oe.current && !oe.current.contains(D.target) && z();
+    };
+    return document.addEventListener("pointerdown", f), () => document.removeEventListener("pointerdown", f);
+  }, [G, z]), /* @__PURE__ */ r.jsxs(
+    "div",
+    {
+      className: [
+        "ds-field",
+        "ds-select",
+        j && "ds-select--multiple",
+        b !== "md" && `ds-select--${b}`,
+        O
+      ].filter(Boolean).join(" "),
+      "data-ds-select": !0,
+      "data-multiple": j,
+      "data-name": p,
+      "data-placeholder": S ?? "Select an option",
+      children: [
+        c && /* @__PURE__ */ r.jsxs("label", { className: "ds-field__label", htmlFor: K, children: [
+          c,
+          E && /* @__PURE__ */ r.jsx("span", { className: "ds-field__optional", children: " (optional)" }),
+          y && /* @__PURE__ */ r.jsx("span", { className: "ds-field__required", "aria-hidden": "true", children: "*" })
+        ] }),
+        /* @__PURE__ */ r.jsxs("div", { className: "ds-select__anchor", children: [
+          /* @__PURE__ */ r.jsxs(
+            "button",
+            {
+              className: [
+                "ds-select__control",
+                "ds-select__trigger",
+                k && "is-invalid",
+                l.length === 0 && "is-placeholder"
+              ].filter(Boolean).join(" "),
+              id: K,
+              type: "button",
+              role: "combobox",
+              "aria-haspopup": "listbox",
+              "aria-expanded": G,
+              "aria-controls": Z,
+              "aria-required": y ? !0 : void 0,
+              "aria-invalid": k ? !0 : void 0,
+              "aria-describedby": Q,
+              disabled: x,
+              ref: be,
+              onClick: u,
+              onKeyDown: A,
+              children: [
+                /* @__PURE__ */ r.jsx("span", { className: "ds-select__value", "data-ds-value": !0, children: g }),
+                /* @__PURE__ */ r.jsx("span", { className: "ds-select__chevron", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(q, { name: "chevron-down", size: 16 }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ r.jsxs("div", { className: "ds-select__popup", ref: oe, hidden: !G, children: [
+            /* @__PURE__ */ r.jsx(
+              "ul",
+              {
+                className: "ds-select__list",
+                id: Z,
+                role: "listbox",
+                "aria-label": c ?? "Options",
+                "aria-multiselectable": j ? !0 : void 0,
+                ref: fe,
+                onKeyDown: L,
+                children: v.map((f, D) => /* @__PURE__ */ r.jsxs(
+                  "li",
+                  {
+                    className: "ds-select__option",
+                    id: `${K}-option-${D}`,
+                    role: "option",
+                    tabIndex: -1,
+                    "data-value": f.value,
+                    "data-label": f.label,
+                    "aria-selected": F.has(f.value),
+                    "aria-disabled": f.disabled ? !0 : void 0,
+                    onClick: () => P(f),
+                    children: [
+                      /* @__PURE__ */ r.jsxs("span", { className: "ds-select__option-text", children: [
+                        /* @__PURE__ */ r.jsx("span", { className: "ds-select__option-label", children: f.label }),
+                        f.description && /* @__PURE__ */ r.jsx("span", { className: "ds-select__option-description", children: f.description })
+                      ] }),
+                      /* @__PURE__ */ r.jsx("span", { className: "ds-select__indicator", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(q, { name: "check", size: 14 }) })
+                    ]
+                  },
+                  f.value
+                ))
+              }
+            ),
+            j && /* @__PURE__ */ r.jsx("div", { className: "ds-select__footer", children: /* @__PURE__ */ r.jsx(
+              "button",
+              {
+                className: "ds-select__done",
+                type: "button",
+                onClick: () => z(),
+                onKeyDown: (f) => {
+                  f.key === "Escape" ? (f.preventDefault(), z()) : f.key === "Tab" && f.shiftKey ? (f.preventDefault(), n(le, !0)) : f.key === "Tab" && z();
+                },
+                children: "Done"
+              }
+            ) })
+          ] })
+        ] }),
+        /* @__PURE__ */ r.jsx("div", { "data-ds-values": !0, children: [...F].map((f) => /* @__PURE__ */ r.jsx("input", { type: "hidden", name: p, value: f }, f)) }),
+        N && /* @__PURE__ */ r.jsx("div", { className: "ds-field__hint", id: B, children: N }),
+        k && /* @__PURE__ */ r.jsxs("div", { className: "ds-field__error", id: se, children: [
+          /* @__PURE__ */ r.jsx(q, { name: "alert-circle", size: 14 }),
+          k
+        ] })
+      ]
+    }
+  );
+}
+function Ra({
+  brand: c,
+  brandHref: s = "/",
+  groups: p,
+  label: v = "Primary",
+  id: m = "ds-sidebar",
+  className: R,
+  children: j
+}) {
+  const S = I.useRef(null), N = I.useRef(null), k = I.useCallback((x) => {
+    const y = S.current, E = N.current, b = y == null ? void 0 : y.nextElementSibling;
+    if (y)
+      if (y.dataset.open = String(x), E == null || E.setAttribute("aria-expanded", String(x)), E == null || E.setAttribute(
+        "aria-label",
+        x ? "Close navigation" : "Open navigation"
+      ), b && (b.hidden = !x), document.body.style.overflow = x ? "hidden" : "", x) {
+        const O = y.querySelector("a, button, summary");
+        O == null || O.focus();
+      } else
+        E == null || E.focus();
+  }, []);
+  return I.useEffect(() => {
+    const x = N.current, y = S.current;
+    if (!x || !y || x.dataset.bound) return;
+    x.dataset.bound = "true";
+    const E = y.nextElementSibling, b = () => {
+      k(y.dataset.open !== "true");
+    }, O = () => {
+      k(!1);
+    }, $ = (Z) => {
+      if (Z.key === "Escape" && y.dataset.open === "true") {
+        k(!1);
+        return;
+      }
+      if (Z.key !== "Tab" || y.dataset.open !== "true") return;
+      const B = Array.from(
+        y.querySelectorAll(
+          'a[href], button:not([disabled]), summary, [tabindex]:not([tabindex="-1"])'
+        )
+      ).filter(
+        (G) => typeof G.checkVisibility == "function" ? G.checkVisibility() : G.offsetParent !== null
+      );
+      if (!B.length) return;
+      const se = B[0], Q = B[B.length - 1];
+      Z.shiftKey && document.activeElement === se ? (Z.preventDefault(), Q.focus()) : !Z.shiftKey && document.activeElement === Q && (Z.preventDefault(), se.focus());
+    }, K = () => {
+      window.innerWidth > 900 && y.dataset.open === "true" && k(!1);
+    };
+    return x.addEventListener("click", b), E == null || E.addEventListener("click", O), y.addEventListener("keydown", $), window.addEventListener("resize", K), () => {
+      x.removeEventListener("click", b), E == null || E.removeEventListener("click", O), y.removeEventListener("keydown", $), window.removeEventListener("resize", K);
+    };
+  }, [k]), /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsxs("header", { className: "ds-nav__mobilebar", children: [
+      /* @__PURE__ */ r.jsxs("a", { className: "ds-nav__brand", href: s, children: [
+        /* @__PURE__ */ r.jsx("span", { className: "ds-nav__brand-mark", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(q, { name: "terminal", size: 16 }) }),
+        c
+      ] }),
+      /* @__PURE__ */ r.jsx(
+        "button",
+        {
+          ref: N,
+          className: "ds-nav__toggle",
+          type: "button",
+          "aria-controls": m,
+          "aria-expanded": "false",
+          "data-nav-toggle": !0,
+          children: /* @__PURE__ */ r.jsx(q, { name: "menu", size: 20, label: "Open navigation" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ r.jsxs(
+      "aside",
+      {
+        ref: S,
+        className: ["ds-nav", R].filter(Boolean).join(" "),
+        id: m,
+        "data-nav": !0,
+        "data-open": "false",
+        children: [
+          /* @__PURE__ */ r.jsxs("a", { className: "ds-nav__brand", href: s, children: [
+            /* @__PURE__ */ r.jsx("span", { className: "ds-nav__brand-mark", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(q, { name: "terminal", size: 16 }) }),
+            c
+          ] }),
+          /* @__PURE__ */ r.jsx("div", { className: "ds-nav__scroll", children: /* @__PURE__ */ r.jsx("nav", { "aria-label": v, children: p.map((x, y) => /* @__PURE__ */ r.jsxs(
+            "div",
+            {
+              className: "ds-nav__group",
+              children: [
+                x.label && /* @__PURE__ */ r.jsx("div", { className: "ds-nav__group-label", children: x.label }),
+                /* @__PURE__ */ r.jsx("ul", { className: "ds-nav__list", children: x.items.map(
+                  (E, b) => {
+                    var O;
+                    return (O = E.children) != null && O.length ? /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
+                      "details",
+                      {
+                        className: "ds-nav__submenu",
+                        open: E.open || E.children.some(($) => $.active),
+                        children: [
+                          /* @__PURE__ */ r.jsxs(
+                            "summary",
+                            {
+                              className: "ds-nav__summary",
+                              "data-active": E.children.some(($) => $.active) ? "true" : void 0,
+                              children: [
+                                E.icon && /* @__PURE__ */ r.jsx(
+                                  q,
+                                  {
+                                    name: E.icon,
+                                    size: 16,
+                                    className: "ds-nav__icon"
+                                  }
+                                ),
+                                /* @__PURE__ */ r.jsx("span", { children: E.label }),
+                                /* @__PURE__ */ r.jsx(
+                                  q,
+                                  {
+                                    name: "chevron-right",
+                                    size: 14,
+                                    className: "ds-nav__chevron"
+                                  }
+                                )
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ r.jsx("ul", { className: "ds-nav__list", children: E.children.map(($, K) => /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsx(
+                            "a",
+                            {
+                              className: "ds-nav__link",
+                              href: $.href,
+                              "aria-current": $.active ? "page" : void 0,
+                              children: /* @__PURE__ */ r.jsx("span", { children: $.label })
+                            }
+                          ) }, K)) })
+                        ]
+                      }
+                    ) }, b) : /* @__PURE__ */ r.jsx("li", { children: /* @__PURE__ */ r.jsxs(
+                      "a",
+                      {
+                        className: "ds-nav__link",
+                        href: E.href,
+                        "aria-current": E.active ? "page" : void 0,
+                        children: [
+                          E.icon && /* @__PURE__ */ r.jsx(
+                            q,
+                            {
+                              name: E.icon,
+                              size: 16,
+                              className: "ds-nav__icon"
+                            }
+                          ),
+                          /* @__PURE__ */ r.jsx("span", { children: E.label }),
+                          E.badge && /* @__PURE__ */ r.jsx("span", { className: "ds-nav__badge", children: /* @__PURE__ */ r.jsx(ta, { children: E.badge }) })
+                        ]
+                      }
+                    ) }, b);
+                  }
+                ) })
+              ]
+            },
+            x.label ?? String(y)
+          )) }) }),
+          /* @__PURE__ */ r.jsx("div", { className: "ds-nav__footer", children: j })
+        ]
+      }
+    ),
+    /* @__PURE__ */ r.jsx("div", { className: "ds-nav__backdrop", "data-nav-close": !0, hidden: !0 })
+  ] });
+}
+function Na({
+  variant: c = "text",
+  className: s
+}) {
+  const p = ["ds-skeleton", `ds-skeleton--${c}`, s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("div", { className: p, "aria-hidden": "true" });
+}
+function Ca({ size: c = "md", className: s }) {
+  const p = ["ds-spinner", `ds-spinner--${c}`, s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("div", { className: p, role: "status", "aria-label": "Loading" });
+}
+function ka({
+  columns: c,
+  rows: s,
+  caption: p,
+  hideCaption: v = !1,
+  empty: m = "No records yet.",
+  sortable: R = !1,
+  filterable: j = !1,
+  filterLabel: S = "Filter rows",
+  filterPlaceholder: N = "Filter…",
+  className: k
+}) {
+  const x = `table-filter-${crypto.randomUUID()}`, [y, E] = I.useState(""), [b, O] = I.useState(-1), [$, K] = I.useState(1), Z = I.useRef(null), B = I.useRef(null), se = (F, W) => {
+    var oe;
+    return (((oe = F.cells[W]) == null ? void 0 : oe.textContent) || "").trim();
+  }, Q = (F) => {
+    if (!/[0-9]/.test(F)) return null;
+    const W = Number(F.replace(/[^0-9.-]/g, ""));
+    return Number.isFinite(W) ? W : null;
+  }, G = (F, W) => {
+    const oe = Q(F), be = Q(W);
+    return oe !== null && be !== null ? oe - be : F.localeCompare(W);
+  }, ue = I.useMemo(() => y ? s.filter(
+    (F) => Object.values(F).some((W) => String(typeof W == "object" && W !== null ? W.text : W).toLowerCase().includes(y.toLowerCase()))
+  ).length : s.length, [y, s]);
+  I.useEffect(() => {
+    const F = B.current;
+    if (!F) return;
+    const W = Array.from(
+      F.querySelectorAll("tr[data-row]")
+    );
+    (() => {
+      var g;
+      const be = y.trim().toLowerCase();
+      let fe = 0;
+      W.forEach((C) => {
+        const h = !be || C.textContent.toLowerCase().includes(be);
+        C.hidden = !h, h && fe++;
+      }), b >= 0 && (W.sort(
+        (C, h) => $ * G(se(C, b), se(h, b))
+      ), W.forEach((C) => F.append(C)));
+      const l = (g = Z.current) == null ? void 0 : g.querySelector("[data-table-empty]");
+      l && (l.hidden = fe !== 0);
+    })();
+  }, [y, b, $]);
+  const le = I.useCallback(
+    (F) => {
+      K(b === F && $ === 1 ? -1 : 1), O(F);
+    },
+    [b, $]
+  ), ie = !!(p && !v);
+  return /* @__PURE__ */ r.jsxs(
+    "div",
+    {
+      className: ["ds-table-wrap", k].filter(Boolean).join(" "),
+      ref: Z,
+      "data-ds-table": !0,
+      children: [
+        j && /* @__PURE__ */ r.jsxs("div", { className: "ds-table__toolbar", children: [
+          /* @__PURE__ */ r.jsx("label", { className: "ds-sr-only", htmlFor: x, children: S }),
+          /* @__PURE__ */ r.jsx(
+            "input",
+            {
+              className: "ds-input ds-input--sm ds-table__filter",
+              id: x,
+              type: "search",
+              placeholder: N,
+              value: y,
+              onChange: (F) => E(F.target.value),
+              "data-table-filter": !0
+            }
+          ),
+          /* @__PURE__ */ r.jsxs("span", { className: "ds-table__count", "aria-live": "polite", "data-table-count": !0, children: [
+            ue,
+            " ",
+            ue === 1 ? "row" : "rows"
+          ] })
+        ] }),
+        /* @__PURE__ */ r.jsxs(
+          "table",
+          {
+            className: ["ds-table", c.length >= 4 && "ds-table--wide"].filter(Boolean).join(" "),
+            children: [
+              ie && /* @__PURE__ */ r.jsx(
+                "caption",
+                {
+                  className: ["ds-table__caption", v && "ds-sr-only"].filter(Boolean).join(" "),
+                  children: p
+                }
+              ),
+              /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsx("tr", { children: c.map((F, W) => /* @__PURE__ */ r.jsx(
+                "th",
+                {
+                  scope: "col",
+                  className: [
+                    F.numeric && "is-numeric",
+                    F.align === "end" && "is-end"
+                  ].filter(Boolean).join(" "),
+                  "aria-sort": R && b === W ? $ === 1 ? "ascending" : "descending" : "none",
+                  children: R ? /* @__PURE__ */ r.jsxs(
+                    "button",
+                    {
+                      className: "ds-table__sort-button",
+                      type: "button",
+                      "data-sort-index": W,
+                      onClick: () => le(W),
+                      children: [
+                        F.label,
+                        /* @__PURE__ */ r.jsxs("span", { className: "ds-table__sort", "aria-hidden": "true", children: [
+                          /* @__PURE__ */ r.jsx(
+                            q,
+                            {
+                              name: "chevrons-up-down",
+                              size: 14,
+                              className: "ds-table__sort-idle"
+                            }
+                          ),
+                          /* @__PURE__ */ r.jsx(
+                            q,
+                            {
+                              name: "chevron-down",
+                              size: 14,
+                              className: "ds-table__sort-dir"
+                            }
+                          )
+                        ] })
+                      ]
+                    }
+                  ) : F.label
+                },
+                F.key
+              )) }) }),
+              /* @__PURE__ */ r.jsxs("tbody", { ref: B, children: [
+                s.length === 0 ? /* @__PURE__ */ r.jsx("tr", { children: /* @__PURE__ */ r.jsx("td", { className: "ds-table__empty", colSpan: c.length, children: m }) }) : s.map((F) => /* @__PURE__ */ r.jsx("tr", { "data-row": !0, children: c.map((W) => {
+                  const oe = F[W.key];
+                  return /* @__PURE__ */ r.jsx(
+                    "td",
+                    {
+                      className: [
+                        W.numeric && "is-numeric",
+                        W.align === "end" && "is-end"
+                      ].filter(Boolean).join(" "),
+                      children: typeof oe == "object" ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+                        oe.swatch && /* @__PURE__ */ r.jsx(
+                          "span",
+                          {
+                            className: "ds-table__swatch",
+                            style: { background: oe.swatch },
+                            "aria-hidden": "true"
+                          }
+                        ),
+                        oe.kbd ? /* @__PURE__ */ r.jsx("kbd", { children: oe.text }) : /* @__PURE__ */ r.jsx(
+                          "span",
+                          {
+                            className: [oe.mono && "ds-table__mono"].filter(Boolean).join(" "),
+                            children: oe.text
+                          }
+                        )
+                      ] }) : oe
+                    },
+                    W.key
+                  );
+                }) }, c[0].key)),
+                j && s.length > 0 && /* @__PURE__ */ r.jsx("tr", { "data-table-empty": !0, hidden: !0, children: /* @__PURE__ */ r.jsx("td", { className: "ds-table__empty", colSpan: c.length, children: "No matching rows." }) })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function Sa({
+  label: c,
+  id: s,
+  name: p,
+  type: v = "text",
+  value: m,
+  placeholder: R,
+  hint: j,
+  error: S,
+  valid: N = !1,
+  validate: k = !1,
+  disabled: x = !1,
+  required: y = !1,
+  optional: E = !1,
+  multiline: b = !1,
+  rows: O = 3,
+  maxlength: $,
+  minlength: K,
+  pattern: Z,
+  count: B = !1,
+  size: se = "md",
+  autocomplete: Q,
+  inputmode: G,
+  className: ue,
+  onChange: le
+}) {
+  const ie = s ?? `field-${crypto.randomUUID()}`, F = `${ie}-hint`, W = `${ie}-error`, oe = !b && v === "password", be = [
+    "ds-input",
+    se !== "md" && `ds-input--${se}`,
+    S && "is-invalid",
+    N && !S && "is-valid",
+    N && !S && "ds-input--with-state"
+  ].filter(Boolean).join(" "), fe = [j && (!S || k) && F, (S || k) && W].filter(Boolean).join(" ") || void 0, [l, g] = I.useState(m ?? ""), C = I.useRef(null), h = I.useRef(null), [Y, z] = I.useState(S), ee = (P) => {
+    if (g(P.target.value), le == null || le(P.target.value), k && Y) {
+      const f = A(P.target);
+      z(f || void 0);
+    }
+  }, n = I.useCallback(() => {
+    if (k) {
+      const P = C.current ?? h.current;
+      if (!P) return;
+      const f = A(P);
+      z(f || void 0);
+    }
+  }, [k]), u = l, A = (P) => {
+    var f;
+    return P.validity.valueMissing ? P.dataset.requiredMessage || "This field is required." : P.validity.tooShort ? `Use at least ${P.minLength} characters.` : P.validity.patternMismatch ? ((f = document.getElementById(ie)) == null ? void 0 : f.dataset.message) || "Use the requested format." : P.validity.typeMismatch ? "Enter a valid value." : P.validity.tooLong ? `Use at most ${P.maxLength} characters.` : "";
+  }, L = C.current ?? h.current;
+  return I.useEffect(() => {
+    if (B && $ && L) {
+      const P = () => {
+        const f = L, D = document.querySelector(
+          `[data-field="${ie}"] .ds-field__count`
+        );
+        D && (D.textContent = `${f.value.length} / ${f.maxLength}`);
+      };
+      return L.addEventListener("input", P), P(), () => L.removeEventListener("input", P);
+    }
+  }, [B, $, ie, L]), /* @__PURE__ */ r.jsxs(
+    "div",
+    {
+      className: ["ds-field", oe && "ds-field--reveal", ue].filter(Boolean).join(" "),
+      "data-field": ie,
+      children: [
+        c && /* @__PURE__ */ r.jsxs("label", { className: "ds-field__label", htmlFor: ie, children: [
+          c,
+          E && /* @__PURE__ */ r.jsx("span", { className: "ds-field__optional", children: " (optional)" }),
+          y && /* @__PURE__ */ r.jsx("span", { className: "ds-field__required", "aria-hidden": "true", children: "*" })
+        ] }),
+        /* @__PURE__ */ r.jsxs("div", { className: "ds-field__control", children: [
+          b ? /* @__PURE__ */ r.jsx(
+            "textarea",
+            {
+              className: be,
+              id: ie,
+              name: p,
+              rows: O,
+              placeholder: R,
+              disabled: x,
+              required: y,
+              maxLength: $,
+              minLength: K,
+              "aria-invalid": S ? !0 : void 0,
+              "aria-describedby": fe,
+              autoComplete: Q,
+              ref: h,
+              onChange: ee,
+              onBlur: n,
+              defaultValue: u
+            }
+          ) : /* @__PURE__ */ r.jsx(
+            "input",
+            {
+              className: be,
+              id: ie,
+              name: p,
+              type: v,
+              placeholder: R,
+              disabled: x,
+              required: y,
+              maxLength: $,
+              minLength: K,
+              pattern: Z,
+              inputMode: G,
+              autoComplete: Q,
+              "aria-invalid": S ? !0 : void 0,
+              "aria-describedby": fe,
+              ref: C,
+              onChange: ee,
+              onBlur: n,
+              defaultValue: u
+            }
+          ),
+          N && !S && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+            /* @__PURE__ */ r.jsx("span", { className: "ds-field__state", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(q, { name: "check", size: 14 }) }),
+            /* @__PURE__ */ r.jsx("span", { className: "ds-sr-only", children: "Valid." })
+          ] }),
+          oe && /* @__PURE__ */ r.jsxs(
+            "button",
+            {
+              type: "button",
+              className: "ds-field__reveal",
+              "data-ds-reveal": !0,
+              "aria-label": "Show password",
+              "aria-pressed": "false",
+              "aria-controls": ie,
+              disabled: x,
+              children: [
+                /* @__PURE__ */ r.jsx("span", { className: "ds-field__reveal-show", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(q, { name: "eye", size: 16 }) }),
+                /* @__PURE__ */ r.jsx("span", { className: "ds-field__reveal-hide", "aria-hidden": "true", hidden: !0, children: /* @__PURE__ */ r.jsx(q, { name: "eye-off", size: 16 }) })
+              ]
+            }
+          )
+        ] }),
+        (S && !k || j && (!S || k)) && /* @__PURE__ */ r.jsxs(
+          "div",
+          {
+            className: S && !k ? "ds-field__error" : "ds-field__hint",
+            id: S && !k ? W : F,
+            children: [
+              S && !k && /* @__PURE__ */ r.jsx(q, { name: "alert-circle", size: 14 }),
+              S && !k ? S : j
+            ]
+          }
+        ),
+        B && $ && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+          /* @__PURE__ */ r.jsxs("span", { className: "ds-field__count", "data-ds-count": !0, children: [
+            u.length,
+            " / ",
+            $
+          ] }),
+          /* @__PURE__ */ r.jsx(
+            "span",
+            {
+              className: "ds-sr-only",
+              "aria-live": "polite",
+              "data-ds-count-live": !0
+            }
+          )
+        ] }),
+        k && /* @__PURE__ */ r.jsxs("div", { className: "ds-field__error", id: W, hidden: !Y, children: [
+          /* @__PURE__ */ r.jsx(q, { name: "alert-circle", size: 14 }),
+          /* @__PURE__ */ r.jsx("span", { "data-ds-error-text": !0, children: Y || "Check this field." })
+        ] })
+      ]
+    }
+  );
+}
+function Ta({ className: c }) {
+  const s = document.documentElement, p = window.matchMedia("(prefers-color-scheme: dark)"), v = () => (s.dataset.theme ?? "") || (p.matches ? "dark" : "light"), [m, R] = I.useState(v()), j = () => {
+    const x = v();
+    R(x);
+  }, S = (x) => {
+    s.dataset.theme = x;
+    try {
+      localStorage.setItem("minerva-theme", x);
+    } catch {
+    }
+    R(x);
+  }, N = () => {
+    S(v() === "dark" ? "light" : "dark");
+  }, k = `Switch to ${m === "dark" ? "light" : "dark"} theme`;
+  return I.useEffect(() => (j(), p.addEventListener("change", j), () => p.removeEventListener("change", j)), []), /* @__PURE__ */ r.jsxs(
+    Kr,
+    {
+      variant: "ghost",
+      iconOnly: !0,
+      "aria-label": k,
+      className: ["ds-theme-toggle", c].filter(Boolean).join(" "),
+      onClick: N,
+      children: [
+        /* @__PURE__ */ r.jsx("span", { className: "ds-theme-toggle__sun", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(q, { name: "sun", size: 16 }) }),
+        /* @__PURE__ */ r.jsx("span", { className: "ds-theme-toggle__moon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(q, { name: "moon", size: 16 }) })
+      ]
+    }
+  );
+}
+const aa = {
+  info: "info",
+  success: "check-circle",
+  warning: "alert-triangle",
+  danger: "alert-circle",
+  loading: "loader"
+};
+function Ma({
+  tone: c,
+  type: s,
+  title: p,
+  message: v,
+  description: m,
+  dismissible: R = !0,
+  icon: j = !0,
+  triggerLabel: S,
+  triggerVariant: N = "secondary",
+  duration: k = 5e3,
+  id: x,
+  className: y,
+  children: E
+}) {
+  const b = s ?? c ?? "info", O = b === "error" ? "danger" : b, $ = O === "danger" || O === "warning" ? "alert" : "status", K = $ === "alert" ? "assertive" : "polite", Z = aa[O], B = m ?? v, se = x ?? `toast-${crypto.randomUUID()}`, Q = ["ds-toast", `ds-toast--${O}`, y].filter(Boolean).join(" ");
+  return S ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(
+      Kr,
+      {
+        variant: N,
+        type: "button",
+        "aria-haspopup": "dialog",
+        onClick: () => sa(se),
+        children: S
+      }
+    ),
+    /* @__PURE__ */ r.jsx("template", { id: `${se}-template`, children: /* @__PURE__ */ r.jsxs(
+      "div",
+      {
+        className: Q,
+        id: se,
+        role: $,
+        "aria-live": K,
+        "aria-atomic": "true",
+        "data-toast": !0,
+        "data-toast-type": O,
+        "data-toast-duration": k,
+        children: [
+          j && /* @__PURE__ */ r.jsx("span", { className: "ds-toast__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(q, { name: Z, size: 16 }) }),
+          /* @__PURE__ */ r.jsxs("div", { className: "ds-toast__content", children: [
+            /* @__PURE__ */ r.jsx("p", { className: "ds-toast__title", children: p }),
+            B && /* @__PURE__ */ r.jsx("p", { className: "ds-toast__body", children: B }),
+            E
+          ] }),
+          R && /* @__PURE__ */ r.jsx(
+            "button",
+            {
+              className: "ds-toast__close",
+              type: "button",
+              "aria-label": "Close toast",
+              onClick: () => Rt(se),
+              children: /* @__PURE__ */ r.jsx(q, { name: "x", size: 16 })
+            }
+          )
+        ]
+      }
+    ) })
+  ] }) : /* @__PURE__ */ r.jsxs(
+    "div",
+    {
+      className: Q,
+      id: se,
+      role: $,
+      "aria-live": K,
+      "aria-atomic": "true",
+      "data-toast": !0,
+      "data-toast-type": O,
+      children: [
+        j && /* @__PURE__ */ r.jsx("span", { className: "ds-toast__icon", "aria-hidden": "true", children: /* @__PURE__ */ r.jsx(q, { name: Z, size: 16 }) }),
+        /* @__PURE__ */ r.jsxs("div", { className: "ds-toast__content", children: [
+          /* @__PURE__ */ r.jsx("p", { className: "ds-toast__title", children: p }),
+          B && /* @__PURE__ */ r.jsx("p", { className: "ds-toast__body", children: B }),
+          E
+        ] }),
+        R && /* @__PURE__ */ r.jsx(
+          "button",
+          {
+            className: "ds-toast__close",
+            type: "button",
+            "aria-label": "Close toast",
+            onClick: () => Rt(se),
+            children: /* @__PURE__ */ r.jsx(q, { name: "x", size: 16 })
+          }
+        )
+      ]
+    }
+  );
+}
+let Re = null;
+function na() {
+  return Re || (Re = document.createElement("div"), Re.setAttribute("data-toast-region", ""), Re.style.position = "fixed", Re.style.bottom = "1rem", Re.style.right = "1rem", Re.style.display = "flex", Re.style.flexDirection = "column", Re.style.gap = "0.5rem", Re.style.zIndex = "1500", document.body.appendChild(Re)), Re;
+}
+function sa(c) {
+  var j;
+  const s = document.getElementById(
+    `${c}-template`
+  ), p = (j = s == null ? void 0 : s.content.firstElementChild) == null ? void 0 : j.cloneNode(
+    !0
+  );
+  if (!p) return;
+  na().appendChild(p);
+  const m = p.querySelector("[data-toast-close]"), R = parseInt(p.dataset.toastDuration ?? "5000", 10);
+  m && m.addEventListener("click", () => Yr(p)), R > 0 && setTimeout(() => Yr(p), R);
+}
+function Rt(c) {
+  const s = document.getElementById(c);
+  s && Yr(s);
+}
+function Yr(c) {
+  c.remove();
+}
+function Oa({ className: c, start: s, actions: p }) {
+  const v = ["ds-topbar", c].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("div", { className: v, children: /* @__PURE__ */ r.jsxs("div", { className: "ds-topbar__inner", children: [
+    /* @__PURE__ */ r.jsx("div", { className: "ds-topbar__start", children: s }),
+    /* @__PURE__ */ r.jsx("div", { className: "ds-topbar__actions", children: p })
+  ] }) });
+}
+export {
+  ia as Accordion,
+  oa as Alert,
+  ta as Badge,
+  la as Breadcrumbs,
+  Kr as Button,
+  ca as Card,
+  ua as Checkbox,
+  da as Chip,
+  fa as CodeBlock,
+  ha as EmptyState,
+  pa as Example,
+  va as Grid,
+  ma as GridItem,
+  q as Icon,
+  _a as Modal,
+  ya as Navbar,
+  ba as PageHeader,
+  ga as Pagination,
+  xa as Radio,
+  ja as RadioGroup,
+  Ea as Section,
+  wa as Select,
+  Ra as Sidebar,
+  Na as Skeleton,
+  Ca as Spinner,
+  ka as Table,
+  Sa as TextField,
+  Ta as ThemeToggle,
+  Ma as Toast,
+  Oa as TopBar
+};
+//# sourceMappingURL=index.js.map