kelt-ui-kit-react 0.1.2 → 0.1.4

package/dist/index.js

@@ -0,0 +1,1448 @@
+import * as p from "react";
+import mt, { useState as pe, useCallback as Le, useEffect as ut } from "react";
+import ar from "react-dom";
+var je = { exports: {} }, H = {};
+/**
+ * @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 ct;
+function ir() {
+  if (ct) return H;
+  ct = 1;
+  var e = mt, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(c, f, d) {
+    var v, g = {}, x = null, k = null;
+    d !== void 0 && (x = "" + d), f.key !== void 0 && (x = "" + f.key), f.ref !== void 0 && (k = f.ref);
+    for (v in f) a.call(f, v) && !l.hasOwnProperty(v) && (g[v] = f[v]);
+    if (c && c.defaultProps) for (v in f = c.defaultProps, f) g[v] === void 0 && (g[v] = f[v]);
+    return { $$typeof: r, type: c, key: x, ref: k, props: g, _owner: i.current };
+  }
+  return H.Fragment = n, H.jsx = u, H.jsxs = u, H;
+}
+var ee = {};
+/**
+ * @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 ft;
+function or() {
+  return ft || (ft = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = mt, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), c = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), k = Symbol.for("react.offscreen"), P = Symbol.iterator, F = "@@iterator";
+    function I(t) {
+      if (t === null || typeof t != "object")
+        return null;
+      var o = P && t[P] || t[F];
+      return typeof o == "function" ? o : null;
+    }
+    var D = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function b(t) {
+      {
+        for (var o = arguments.length, s = new Array(o > 1 ? o - 1 : 0), h = 1; h < o; h++)
+          s[h - 1] = arguments[h];
+        O("error", t, s);
+      }
+    }
+    function O(t, o, s) {
+      {
+        var h = D.ReactDebugCurrentFrame, R = h.getStackAddendum();
+        R !== "" && (o += "%s", s = s.concat([R]));
+        var C = s.map(function(E) {
+          return String(E);
+        });
+        C.unshift("Warning: " + o), Function.prototype.apply.call(console[t], console, C);
+      }
+    }
+    var N = !1, W = !1, q = !1, ie = !1, z = !1, oe;
+    oe = Symbol.for("react.module.reference");
+    function G(t) {
+      return !!(typeof t == "string" || typeof t == "function" || t === a || t === l || z || t === i || t === d || t === v || ie || t === k || N || W || q || typeof t == "object" && t !== null && (t.$$typeof === x || t.$$typeof === g || t.$$typeof === u || t.$$typeof === c || t.$$typeof === f || // 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.
+      t.$$typeof === oe || t.getModuleId !== void 0));
+    }
+    function be(t, o, s) {
+      var h = t.displayName;
+      if (h)
+        return h;
+      var R = o.displayName || o.name || "";
+      return R !== "" ? s + "(" + R + ")" : s;
+    }
+    function $e(t) {
+      return t.displayName || "Context";
+    }
+    function A(t) {
+      if (t == null)
+        return null;
+      if (typeof t.tag == "number" && b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
+        return t.displayName || t.name || null;
+      if (typeof t == "string")
+        return t;
+      switch (t) {
+        case a:
+          return "Fragment";
+        case n:
+          return "Portal";
+        case l:
+          return "Profiler";
+        case i:
+          return "StrictMode";
+        case d:
+          return "Suspense";
+        case v:
+          return "SuspenseList";
+      }
+      if (typeof t == "object")
+        switch (t.$$typeof) {
+          case c:
+            var o = t;
+            return $e(o) + ".Consumer";
+          case u:
+            var s = t;
+            return $e(s._context) + ".Provider";
+          case f:
+            return be(t, t.render, "ForwardRef");
+          case g:
+            var h = t.displayName || null;
+            return h !== null ? h : A(t.type) || "Memo";
+          case x: {
+            var R = t, C = R._payload, E = R._init;
+            try {
+              return A(E(C));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var U = Object.assign, X = 0, We, Me, Ye, Be, Je, Ke, qe;
+    function ze() {
+    }
+    ze.__reactDisabledLog = !0;
+    function Tt() {
+      {
+        if (X === 0) {
+          We = console.log, Me = console.info, Ye = console.warn, Be = console.error, Je = console.group, Ke = console.groupCollapsed, qe = console.groupEnd;
+          var t = {
+            configurable: !0,
+            enumerable: !0,
+            value: ze,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: t,
+            log: t,
+            warn: t,
+            error: t,
+            group: t,
+            groupCollapsed: t,
+            groupEnd: t
+          });
+        }
+        X++;
+      }
+    }
+    function Dt() {
+      {
+        if (X--, X === 0) {
+          var t = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: U({}, t, {
+              value: We
+            }),
+            info: U({}, t, {
+              value: Me
+            }),
+            warn: U({}, t, {
+              value: Ye
+            }),
+            error: U({}, t, {
+              value: Be
+            }),
+            group: U({}, t, {
+              value: Je
+            }),
+            groupCollapsed: U({}, t, {
+              value: Ke
+            }),
+            groupEnd: U({}, t, {
+              value: qe
+            })
+          });
+        }
+        X < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var ye = D.ReactCurrentDispatcher, Ee;
+    function se(t, o, s) {
+      {
+        if (Ee === void 0)
+          try {
+            throw Error();
+          } catch (R) {
+            var h = R.stack.trim().match(/\n( *(at )?)/);
+            Ee = h && h[1] || "";
+          }
+        return `
+` + Ee + t;
+      }
+    }
+    var xe = !1, le;
+    {
+      var kt = typeof WeakMap == "function" ? WeakMap : Map;
+      le = new kt();
+    }
+    function Ge(t, o) {
+      if (!t || xe)
+        return "";
+      {
+        var s = le.get(t);
+        if (s !== void 0)
+          return s;
+      }
+      var h;
+      xe = !0;
+      var R = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var C;
+      C = ye.current, ye.current = null, Tt();
+      try {
+        if (o) {
+          var E = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(E.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(E, []);
+            } catch (T) {
+              h = T;
+            }
+            Reflect.construct(t, [], E);
+          } else {
+            try {
+              E.call();
+            } catch (T) {
+              h = T;
+            }
+            t.call(E.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (T) {
+            h = T;
+          }
+          t();
+        }
+      } catch (T) {
+        if (T && h && typeof T.stack == "string") {
+          for (var y = T.stack.split(`
+`), j = h.stack.split(`
+`), w = y.length - 1, S = j.length - 1; w >= 1 && S >= 0 && y[w] !== j[S]; )
+            S--;
+          for (; w >= 1 && S >= 0; w--, S--)
+            if (y[w] !== j[S]) {
+              if (w !== 1 || S !== 1)
+                do
+                  if (w--, S--, S < 0 || y[w] !== j[S]) {
+                    var L = `
+` + y[w].replace(" at new ", " at ");
+                    return t.displayName && L.includes("<anonymous>") && (L = L.replace("<anonymous>", t.displayName)), typeof t == "function" && le.set(t, L), L;
+                  }
+                while (w >= 1 && S >= 0);
+              break;
+            }
+        }
+      } finally {
+        xe = !1, ye.current = C, Dt(), Error.prepareStackTrace = R;
+      }
+      var Y = t ? t.displayName || t.name : "", $ = Y ? se(Y) : "";
+      return typeof t == "function" && le.set(t, $), $;
+    }
+    function Lt(t, o, s) {
+      return Ge(t, !1);
+    }
+    function Ft(t) {
+      var o = t.prototype;
+      return !!(o && o.isReactComponent);
+    }
+    function ue(t, o, s) {
+      if (t == null)
+        return "";
+      if (typeof t == "function")
+        return Ge(t, Ft(t));
+      if (typeof t == "string")
+        return se(t);
+      switch (t) {
+        case d:
+          return se("Suspense");
+        case v:
+          return se("SuspenseList");
+      }
+      if (typeof t == "object")
+        switch (t.$$typeof) {
+          case f:
+            return Lt(t.render);
+          case g:
+            return ue(t.type, o, s);
+          case x: {
+            var h = t, R = h._payload, C = h._init;
+            try {
+              return ue(C(R), o, s);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var Z = Object.prototype.hasOwnProperty, Xe = {}, Ze = D.ReactDebugCurrentFrame;
+    function ce(t) {
+      if (t) {
+        var o = t._owner, s = ue(t.type, t._source, o ? o.type : null);
+        Ze.setExtraStackFrame(s);
+      } else
+        Ze.setExtraStackFrame(null);
+    }
+    function At(t, o, s, h, R) {
+      {
+        var C = Function.call.bind(Z);
+        for (var E in t)
+          if (C(t, E)) {
+            var y = void 0;
+            try {
+              if (typeof t[E] != "function") {
+                var j = Error((h || "React class") + ": " + s + " type `" + E + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[E] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw j.name = "Invariant Violation", j;
+              }
+              y = t[E](o, E, h, s, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (w) {
+              y = w;
+            }
+            y && !(y instanceof Error) && (ce(R), 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).", h || "React class", s, E, typeof y), ce(null)), y instanceof Error && !(y.message in Xe) && (Xe[y.message] = !0, ce(R), b("Failed %s type: %s", s, y.message), ce(null));
+          }
+      }
+    }
+    var Vt = Array.isArray;
+    function Re(t) {
+      return Vt(t);
+    }
+    function It(t) {
+      {
+        var o = typeof Symbol == "function" && Symbol.toStringTag, s = o && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return s;
+      }
+    }
+    function Ut(t) {
+      try {
+        return Qe(t), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Qe(t) {
+      return "" + t;
+    }
+    function He(t) {
+      if (Ut(t))
+        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", It(t)), Qe(t);
+    }
+    var Q = D.ReactCurrentOwner, $t = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, et, tt, Ce;
+    Ce = {};
+    function Wt(t) {
+      if (Z.call(t, "ref")) {
+        var o = Object.getOwnPropertyDescriptor(t, "ref").get;
+        if (o && o.isReactWarning)
+          return !1;
+      }
+      return t.ref !== void 0;
+    }
+    function Mt(t) {
+      if (Z.call(t, "key")) {
+        var o = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (o && o.isReactWarning)
+          return !1;
+      }
+      return t.key !== void 0;
+    }
+    function Yt(t, o) {
+      if (typeof t.ref == "string" && Q.current && o && Q.current.stateNode !== o) {
+        var s = A(Q.current.type);
+        Ce[s] || (b('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', A(Q.current.type), t.ref), Ce[s] = !0);
+      }
+    }
+    function Bt(t, o) {
+      {
+        var s = function() {
+          et || (et = !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)", o));
+        };
+        s.isReactWarning = !0, Object.defineProperty(t, "key", {
+          get: s,
+          configurable: !0
+        });
+      }
+    }
+    function Jt(t, o) {
+      {
+        var s = function() {
+          tt || (tt = !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)", o));
+        };
+        s.isReactWarning = !0, Object.defineProperty(t, "ref", {
+          get: s,
+          configurable: !0
+        });
+      }
+    }
+    var Kt = function(t, o, s, h, R, C, E) {
+      var y = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: r,
+        // Built-in properties that belong on the element
+        type: t,
+        key: o,
+        ref: s,
+        props: E,
+        // Record the component responsible for creating this element.
+        _owner: C
+      };
+      return y._store = {}, Object.defineProperty(y._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(y, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: h
+      }), Object.defineProperty(y, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: R
+      }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
+    };
+    function qt(t, o, s, h, R) {
+      {
+        var C, E = {}, y = null, j = null;
+        s !== void 0 && (He(s), y = "" + s), Mt(o) && (He(o.key), y = "" + o.key), Wt(o) && (j = o.ref, Yt(o, R));
+        for (C in o)
+          Z.call(o, C) && !$t.hasOwnProperty(C) && (E[C] = o[C]);
+        if (t && t.defaultProps) {
+          var w = t.defaultProps;
+          for (C in w)
+            E[C] === void 0 && (E[C] = w[C]);
+        }
+        if (y || j) {
+          var S = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
+          y && Bt(E, S), j && Jt(E, S);
+        }
+        return Kt(t, y, j, R, h, Q.current, E);
+      }
+    }
+    var we = D.ReactCurrentOwner, rt = D.ReactDebugCurrentFrame;
+    function M(t) {
+      if (t) {
+        var o = t._owner, s = ue(t.type, t._source, o ? o.type : null);
+        rt.setExtraStackFrame(s);
+      } else
+        rt.setExtraStackFrame(null);
+    }
+    var _e;
+    _e = !1;
+    function Ne(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === r;
+    }
+    function nt() {
+      {
+        if (we.current) {
+          var t = A(we.current.type);
+          if (t)
+            return `
+
+Check the render method of \`` + t + "`.";
+        }
+        return "";
+      }
+    }
+    function zt(t) {
+      return "";
+    }
+    var at = {};
+    function Gt(t) {
+      {
+        var o = nt();
+        if (!o) {
+          var s = typeof t == "string" ? t : t.displayName || t.name;
+          s && (o = `
+
+Check the top-level render call using <` + s + ">.");
+        }
+        return o;
+      }
+    }
+    function it(t, o) {
+      {
+        if (!t._store || t._store.validated || t.key != null)
+          return;
+        t._store.validated = !0;
+        var s = Gt(o);
+        if (at[s])
+          return;
+        at[s] = !0;
+        var h = "";
+        t && t._owner && t._owner !== we.current && (h = " It was passed a child from " + A(t._owner.type) + "."), M(t), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', s, h), M(null);
+      }
+    }
+    function ot(t, o) {
+      {
+        if (typeof t != "object")
+          return;
+        if (Re(t))
+          for (var s = 0; s < t.length; s++) {
+            var h = t[s];
+            Ne(h) && it(h, o);
+          }
+        else if (Ne(t))
+          t._store && (t._store.validated = !0);
+        else if (t) {
+          var R = I(t);
+          if (typeof R == "function" && R !== t.entries)
+            for (var C = R.call(t), E; !(E = C.next()).done; )
+              Ne(E.value) && it(E.value, o);
+        }
+      }
+    }
+    function Xt(t) {
+      {
+        var o = t.type;
+        if (o == null || typeof o == "string")
+          return;
+        var s;
+        if (typeof o == "function")
+          s = o.propTypes;
+        else if (typeof o == "object" && (o.$$typeof === f || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        o.$$typeof === g))
+          s = o.propTypes;
+        else
+          return;
+        if (s) {
+          var h = A(o);
+          At(s, t.props, "prop", h, t);
+        } else if (o.PropTypes !== void 0 && !_e) {
+          _e = !0;
+          var R = A(o);
+          b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", R || "Unknown");
+        }
+        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function Zt(t) {
+      {
+        for (var o = Object.keys(t.props), s = 0; s < o.length; s++) {
+          var h = o[s];
+          if (h !== "children" && h !== "key") {
+            M(t), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), M(null);
+            break;
+          }
+        }
+        t.ref !== null && (M(t), b("Invalid attribute `ref` supplied to `React.Fragment`."), M(null));
+      }
+    }
+    var st = {};
+    function lt(t, o, s, h, R, C) {
+      {
+        var E = G(t);
+        if (!E) {
+          var y = "";
+          (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (y += " 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 j = zt();
+          j ? y += j : y += nt();
+          var w;
+          t === null ? w = "null" : Re(t) ? w = "array" : t !== void 0 && t.$$typeof === r ? (w = "<" + (A(t.type) || "Unknown") + " />", y = " Did you accidentally export a JSX literal instead of a component?") : w = typeof t, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", w, y);
+        }
+        var S = qt(t, o, s, R, C);
+        if (S == null)
+          return S;
+        if (E) {
+          var L = o.children;
+          if (L !== void 0)
+            if (h)
+              if (Re(L)) {
+                for (var Y = 0; Y < L.length; Y++)
+                  ot(L[Y], t);
+                Object.freeze && Object.freeze(L);
+              } 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
+              ot(L, t);
+        }
+        if (Z.call(o, "key")) {
+          var $ = A(t), T = Object.keys(o).filter(function(nr) {
+            return nr !== "key";
+          }), Se = T.length > 0 ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!st[$ + Se]) {
+            var rr = T.length > 0 ? "{" + T.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} />`, Se, $, rr, $), st[$ + Se] = !0;
+          }
+        }
+        return t === a ? Zt(S) : Xt(S), S;
+      }
+    }
+    function Qt(t, o, s) {
+      return lt(t, o, s, !0);
+    }
+    function Ht(t, o, s) {
+      return lt(t, o, s, !1);
+    }
+    var er = Ht, tr = Qt;
+    ee.Fragment = a, ee.jsx = er, ee.jsxs = tr;
+  }()), ee;
+}
+process.env.NODE_ENV === "production" ? je.exports = ir() : je.exports = or();
+var m = je.exports;
+const te = ({ classIcon: e }) => /* @__PURE__ */ m.jsx("i", { className: `bi ${e}` }), sr = ({
+  className: e,
+  onClick: r,
+  title: n,
+  classIcon: a,
+  positionicon: i
+}) => {
+  const l = (u) => {
+    r && r(u);
+  };
+  return /* @__PURE__ */ m.jsxs("button", { type: "submit", onClick: (u) => l(u), className: e, children: [
+    a && i == 1 && /* @__PURE__ */ m.jsx("span", { className: "mr-2", children: /* @__PURE__ */ m.jsx(te, { classIcon: a }) }),
+    /* @__PURE__ */ m.jsx("span", { children: n }),
+    a && i == 2 && /* @__PURE__ */ m.jsx("span", { className: "ml-2", children: /* @__PURE__ */ m.jsx(te, { classIcon: a }) })
+  ] });
+}, lr = (e) => {
+  const r = e.active ? "expand--active" : "";
+  return /* @__PURE__ */ m.jsxs(
+    "div",
+    {
+      onClick: () => e.onChange(e.item),
+      className: `expand ${r} ${e.className}`,
+      children: [
+        /* @__PURE__ */ m.jsxs("div", { className: "expand-header", children: [
+          /* @__PURE__ */ m.jsx("span", { className: "flex-1 expand-header-title-left", children: e.item.title }),
+          e.item.description && /* @__PURE__ */ m.jsx("span", { className: "expand-header-title-right", children: e.item.description })
+        ] }),
+        /* @__PURE__ */ m.jsx("div", { className: "expand-body", children: e.item.content })
+      ]
+    }
+  );
+}, Qr = (e) => {
+  const [r, n] = pe(e.items[0]), a = Le(
+    (i) => {
+      n(i);
+    },
+    [n]
+  );
+  return /* @__PURE__ */ m.jsx("div", { className: `expands ${e.className || ""}`, children: e.items.map((i) => /* @__PURE__ */ m.jsx(
+    lr,
+    {
+      item: i,
+      onChange: a,
+      active: r.id === i.id
+    },
+    i.id
+  )) });
+}, Hr = ({
+  children: e,
+  logo: r,
+  onClickMenu: n,
+  onClickUser: a,
+  positionFixed: i
+}) => /* @__PURE__ */ m.jsxs("div", { className: `header ${i ? "header--fixed" : ""}`, children: [
+  /* @__PURE__ */ m.jsxs("div", { className: "flex-1 d-flex align-items-center", children: [
+    /* @__PURE__ */ m.jsx("span", { onClick: n, children: /* @__PURE__ */ m.jsx(te, { classIcon: "bi-list" }) }),
+    /* @__PURE__ */ m.jsx("span", { className: "header-logo", children: r && /* @__PURE__ */ m.jsx("img", { src: r, alt: "logo" }) })
+  ] }),
+  /* @__PURE__ */ m.jsxs("div", { className: "d-flex", children: [
+    e,
+    /* @__PURE__ */ m.jsx("span", { onClick: a, children: /* @__PURE__ */ m.jsx(te, { classIcon: "bi-person-circle" }) })
+  ] })
+] });
+/**
+ * @remix-run/router v1.20.0
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+function Te() {
+  return Te = Object.assign ? Object.assign.bind() : function(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var n = arguments[r];
+      for (var a in n)
+        Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
+    }
+    return e;
+  }, Te.apply(this, arguments);
+}
+var dt;
+(function(e) {
+  e.Pop = "POP", e.Push = "PUSH", e.Replace = "REPLACE";
+})(dt || (dt = {}));
+function _(e, r) {
+  if (e === !1 || e === null || typeof e > "u")
+    throw new Error(r);
+}
+function re(e, r) {
+  if (!e) {
+    typeof console < "u" && console.warn(r);
+    try {
+      throw new Error(r);
+    } catch {
+    }
+  }
+}
+function De(e) {
+  let {
+    pathname: r = "/",
+    search: n = "",
+    hash: a = ""
+  } = e;
+  return n && n !== "?" && (r += n.charAt(0) === "?" ? n : "?" + n), a && a !== "#" && (r += a.charAt(0) === "#" ? a : "#" + a), r;
+}
+function gt(e) {
+  let r = {};
+  if (e) {
+    let n = e.indexOf("#");
+    n >= 0 && (r.hash = e.substr(n), e = e.substr(0, n));
+    let a = e.indexOf("?");
+    a >= 0 && (r.search = e.substr(a), e = e.substr(0, a)), e && (r.pathname = e);
+  }
+  return r;
+}
+var ht;
+(function(e) {
+  e.data = "data", e.deferred = "deferred", e.redirect = "redirect", e.error = "error";
+})(ht || (ht = {}));
+function vt(e, r) {
+  typeof e == "string" && (e = {
+    path: e,
+    caseSensitive: !1,
+    end: !0
+  });
+  let [n, a] = ur(e.path, e.caseSensitive, e.end), i = r.match(n);
+  if (!i) return null;
+  let l = i[0], u = l.replace(/(.)\/+$/, "$1"), c = i.slice(1);
+  return {
+    params: a.reduce((d, v, g) => {
+      let {
+        paramName: x,
+        isOptional: k
+      } = v;
+      if (x === "*") {
+        let F = c[g] || "";
+        u = l.slice(0, l.length - F.length).replace(/(.)\/+$/, "$1");
+      }
+      const P = c[g];
+      return k && !P ? d[x] = void 0 : d[x] = (P || "").replace(/%2F/g, "/"), d;
+    }, {}),
+    pathname: l,
+    pathnameBase: u,
+    pattern: e
+  };
+}
+function ur(e, r, n) {
+  r === void 0 && (r = !1), n === void 0 && (n = !0), re(e === "*" || !e.endsWith("*") || e.endsWith("/*"), 'Route path "' + e + '" will be treated as if it were ' + ('"' + e.replace(/\*$/, "/*") + '" because the `*` character must ') + "always follow a `/` in the pattern. To get rid of this warning, " + ('please change the route path to "' + e.replace(/\*$/, "/*") + '".'));
+  let a = [], i = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(/\/:([\w-]+)(\?)?/g, (u, c, f) => (a.push({
+    paramName: c,
+    isOptional: f != null
+  }), f ? "/?([^\\/]+)?" : "/([^\\/]+)"));
+  return e.endsWith("*") ? (a.push({
+    paramName: "*"
+  }), i += e === "*" || e === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$") : n ? i += "\\/*$" : e !== "" && e !== "/" && (i += "(?:(?=\\/|$))"), [new RegExp(i, r ? void 0 : "i"), a];
+}
+function B(e, r) {
+  if (r === "/") return e;
+  if (!e.toLowerCase().startsWith(r.toLowerCase()))
+    return null;
+  let n = r.endsWith("/") ? r.length - 1 : r.length, a = e.charAt(n);
+  return a && a !== "/" ? null : e.slice(n) || "/";
+}
+function cr(e, r) {
+  r === void 0 && (r = "/");
+  let {
+    pathname: n,
+    search: a = "",
+    hash: i = ""
+  } = typeof e == "string" ? gt(e) : e;
+  return {
+    pathname: n ? n.startsWith("/") ? n : fr(n, r) : r,
+    search: hr(a),
+    hash: vr(i)
+  };
+}
+function fr(e, r) {
+  let n = r.replace(/\/+$/, "").split("/");
+  return e.split("/").forEach((i) => {
+    i === ".." ? n.length > 1 && n.pop() : i !== "." && n.push(i);
+  }), n.length > 1 ? n.join("/") : "/";
+}
+function Oe(e, r, n, a) {
+  return "Cannot include a '" + e + "' character in a manually specified " + ("`to." + r + "` field [" + JSON.stringify(a) + "].  Please separate it out to the ") + ("`to." + n + "` field. Alternatively you may provide the full path as ") + 'a string in <Link to="..."> and the router will parse it for you.';
+}
+function dr(e) {
+  return e.filter((r, n) => n === 0 || r.route.path && r.route.path.length > 0);
+}
+function bt(e, r) {
+  let n = dr(e);
+  return r ? n.map((a, i) => i === n.length - 1 ? a.pathname : a.pathnameBase) : n.map((a) => a.pathnameBase);
+}
+function yt(e, r, n, a) {
+  a === void 0 && (a = !1);
+  let i;
+  typeof e == "string" ? i = gt(e) : (i = Te({}, e), _(!i.pathname || !i.pathname.includes("?"), Oe("?", "pathname", "search", i)), _(!i.pathname || !i.pathname.includes("#"), Oe("#", "pathname", "hash", i)), _(!i.search || !i.search.includes("#"), Oe("#", "search", "hash", i)));
+  let l = e === "" || i.pathname === "", u = l ? "/" : i.pathname, c;
+  if (u == null)
+    c = n;
+  else {
+    let g = r.length - 1;
+    if (!a && u.startsWith("..")) {
+      let x = u.split("/");
+      for (; x[0] === ".."; )
+        x.shift(), g -= 1;
+      i.pathname = x.join("/");
+    }
+    c = g >= 0 ? r[g] : "/";
+  }
+  let f = cr(i, c), d = u && u !== "/" && u.endsWith("/"), v = (l || u === ".") && n.endsWith("/");
+  return !f.pathname.endsWith("/") && (d || v) && (f.pathname += "/"), f;
+}
+const Fe = (e) => e.join("/").replace(/\/\/+/g, "/"), hr = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, vr = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e, Et = ["post", "put", "patch", "delete"];
+new Set(Et);
+const pr = ["get", ...Et];
+new Set(pr);
+/**
+ * React Router v6.27.0
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+function ke() {
+  return ke = Object.assign ? Object.assign.bind() : function(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var n = arguments[r];
+      for (var a in n)
+        Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
+    }
+    return e;
+  }, ke.apply(this, arguments);
+}
+const me = /* @__PURE__ */ p.createContext(null);
+process.env.NODE_ENV !== "production" && (me.displayName = "DataRouter");
+const xt = /* @__PURE__ */ p.createContext(null);
+process.env.NODE_ENV !== "production" && (xt.displayName = "DataRouterState");
+const mr = /* @__PURE__ */ p.createContext(null);
+process.env.NODE_ENV !== "production" && (mr.displayName = "Await");
+const V = /* @__PURE__ */ p.createContext(null);
+process.env.NODE_ENV !== "production" && (V.displayName = "Navigation");
+const Ae = /* @__PURE__ */ p.createContext(null);
+process.env.NODE_ENV !== "production" && (Ae.displayName = "Location");
+const K = /* @__PURE__ */ p.createContext({
+  outlet: null,
+  matches: [],
+  isDataRoute: !1
+});
+process.env.NODE_ENV !== "production" && (K.displayName = "Route");
+const gr = /* @__PURE__ */ p.createContext(null);
+process.env.NODE_ENV !== "production" && (gr.displayName = "RouteError");
+function br(e, r) {
+  let {
+    relative: n
+  } = r === void 0 ? {} : r;
+  Ve() || (process.env.NODE_ENV !== "production" ? _(
+    !1,
+    // TODO: This error is probably because they somehow have 2 versions of the
+    // router loaded. We can help them understand how to avoid that.
+    "useHref() may be used only in the context of a <Router> component."
+  ) : _(!1));
+  let {
+    basename: a,
+    navigator: i
+  } = p.useContext(V), {
+    hash: l,
+    pathname: u,
+    search: c
+  } = ae(e, {
+    relative: n
+  }), f = u;
+  return a !== "/" && (f = u === "/" ? a : Fe([a, u])), i.createHref({
+    pathname: f,
+    search: c,
+    hash: l
+  });
+}
+function Ve() {
+  return p.useContext(Ae) != null;
+}
+function ne() {
+  return Ve() || (process.env.NODE_ENV !== "production" ? _(
+    !1,
+    // TODO: This error is probably because they somehow have 2 versions of the
+    // router loaded. We can help them understand how to avoid that.
+    "useLocation() may be used only in the context of a <Router> component."
+  ) : _(!1)), p.useContext(Ae).location;
+}
+const Rt = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
+function Ct(e) {
+  p.useContext(V).static || p.useLayoutEffect(e);
+}
+function yr() {
+  let {
+    isDataRoute: e
+  } = p.useContext(K);
+  return e ? wr() : Er();
+}
+function Er() {
+  Ve() || (process.env.NODE_ENV !== "production" ? _(
+    !1,
+    // TODO: This error is probably because they somehow have 2 versions of the
+    // router loaded. We can help them understand how to avoid that.
+    "useNavigate() may be used only in the context of a <Router> component."
+  ) : _(!1));
+  let e = p.useContext(me), {
+    basename: r,
+    future: n,
+    navigator: a
+  } = p.useContext(V), {
+    matches: i
+  } = p.useContext(K), {
+    pathname: l
+  } = ne(), u = JSON.stringify(bt(i, n.v7_relativeSplatPath)), c = p.useRef(!1);
+  return Ct(() => {
+    c.current = !0;
+  }), p.useCallback(function(d, v) {
+    if (v === void 0 && (v = {}), process.env.NODE_ENV !== "production" && re(c.current, Rt), !c.current) return;
+    if (typeof d == "number") {
+      a.go(d);
+      return;
+    }
+    let g = yt(d, JSON.parse(u), l, v.relative === "path");
+    e == null && r !== "/" && (g.pathname = g.pathname === "/" ? r : Fe([r, g.pathname])), (v.replace ? a.replace : a.push)(g, v.state, v);
+  }, [r, a, u, l, e]);
+}
+function ae(e, r) {
+  let {
+    relative: n
+  } = r === void 0 ? {} : r, {
+    future: a
+  } = p.useContext(V), {
+    matches: i
+  } = p.useContext(K), {
+    pathname: l
+  } = ne(), u = JSON.stringify(bt(i, a.v7_relativeSplatPath));
+  return p.useMemo(() => yt(e, JSON.parse(u), l, n === "path"), [e, u, l, n]);
+}
+var wt = /* @__PURE__ */ function(e) {
+  return e.UseBlocker = "useBlocker", e.UseRevalidator = "useRevalidator", e.UseNavigateStable = "useNavigate", e;
+}(wt || {}), Ie = /* @__PURE__ */ function(e) {
+  return e.UseBlocker = "useBlocker", e.UseLoaderData = "useLoaderData", e.UseActionData = "useActionData", e.UseRouteError = "useRouteError", e.UseNavigation = "useNavigation", e.UseRouteLoaderData = "useRouteLoaderData", e.UseMatches = "useMatches", e.UseRevalidator = "useRevalidator", e.UseNavigateStable = "useNavigate", e.UseRouteId = "useRouteId", e;
+}(Ie || {});
+function _t(e) {
+  return e + " must be used within a data router.  See https://reactrouter.com/routers/picking-a-router.";
+}
+function xr(e) {
+  let r = p.useContext(me);
+  return r || (process.env.NODE_ENV !== "production" ? _(!1, _t(e)) : _(!1)), r;
+}
+function Rr(e) {
+  let r = p.useContext(K);
+  return r || (process.env.NODE_ENV !== "production" ? _(!1, _t(e)) : _(!1)), r;
+}
+function Nt(e) {
+  let r = Rr(e), n = r.matches[r.matches.length - 1];
+  return n.route.id || (process.env.NODE_ENV !== "production" ? _(!1, e + ' can only be used on routes that contain a unique "id"') : _(!1)), n.route.id;
+}
+function Cr() {
+  return Nt(Ie.UseRouteId);
+}
+function wr() {
+  let {
+    router: e
+  } = xr(wt.UseNavigateStable), r = Nt(Ie.UseNavigateStable), n = p.useRef(!1);
+  return Ct(() => {
+    n.current = !0;
+  }), p.useCallback(function(i, l) {
+    l === void 0 && (l = {}), process.env.NODE_ENV !== "production" && re(n.current, Rt), n.current && (typeof i == "number" ? e.navigate(i) : e.navigate(i, ke({
+      fromRouteId: r
+    }, l)));
+  }, [e, r]);
+}
+new Promise(() => {
+});
+/**
+ * React Router DOM v6.27.0
+ *
+ * Copyright (c) Remix Software Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE.md file in the root directory of this source tree.
+ *
+ * @license MIT
+ */
+function J() {
+  return J = Object.assign ? Object.assign.bind() : function(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var n = arguments[r];
+      for (var a in n)
+        Object.prototype.hasOwnProperty.call(n, a) && (e[a] = n[a]);
+    }
+    return e;
+  }, J.apply(this, arguments);
+}
+function Ue(e, r) {
+  if (e == null) return {};
+  var n = {}, a = Object.keys(e), i, l;
+  for (l = 0; l < a.length; l++)
+    i = a[l], !(r.indexOf(i) >= 0) && (n[i] = e[i]);
+  return n;
+}
+const de = "get", he = "application/x-www-form-urlencoded";
+function ge(e) {
+  return e != null && typeof e.tagName == "string";
+}
+function _r(e) {
+  return ge(e) && e.tagName.toLowerCase() === "button";
+}
+function Nr(e) {
+  return ge(e) && e.tagName.toLowerCase() === "form";
+}
+function Sr(e) {
+  return ge(e) && e.tagName.toLowerCase() === "input";
+}
+function Or(e) {
+  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
+}
+function Pr(e, r) {
+  return e.button === 0 && // Ignore everything but left clicks
+  (!r || r === "_self") && // Let browser handle "target=_blank" etc.
+  !Or(e);
+}
+let fe = null;
+function jr() {
+  if (fe === null)
+    try {
+      new FormData(
+        document.createElement("form"),
+        // @ts-expect-error if FormData supports the submitter parameter, this will throw
+        0
+      ), fe = !1;
+    } catch {
+      fe = !0;
+    }
+  return fe;
+}
+const Tr = /* @__PURE__ */ new Set(["application/x-www-form-urlencoded", "multipart/form-data", "text/plain"]);
+function Pe(e) {
+  return e != null && !Tr.has(e) ? (process.env.NODE_ENV !== "production" && re(!1, '"' + e + '" is not a valid `encType` for `<Form>`/`<fetcher.Form>` ' + ('and will default to "' + he + '"')), null) : e;
+}
+function Dr(e, r) {
+  let n, a, i, l, u;
+  if (Nr(e)) {
+    let c = e.getAttribute("action");
+    a = c ? B(c, r) : null, n = e.getAttribute("method") || de, i = Pe(e.getAttribute("enctype")) || he, l = new FormData(e);
+  } else if (_r(e) || Sr(e) && (e.type === "submit" || e.type === "image")) {
+    let c = e.form;
+    if (c == null)
+      throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');
+    let f = e.getAttribute("formaction") || c.getAttribute("action");
+    if (a = f ? B(f, r) : null, n = e.getAttribute("formmethod") || c.getAttribute("method") || de, i = Pe(e.getAttribute("formenctype")) || Pe(c.getAttribute("enctype")) || he, l = new FormData(c, e), !jr()) {
+      let {
+        name: d,
+        type: v,
+        value: g
+      } = e;
+      if (v === "image") {
+        let x = d ? d + "." : "";
+        l.append(x + "x", "0"), l.append(x + "y", "0");
+      } else d && l.append(d, g);
+    }
+  } else {
+    if (ge(e))
+      throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');
+    n = de, a = null, i = he, u = e;
+  }
+  return l && i === "text/plain" && (u = l, l = void 0), {
+    action: a,
+    method: n.toLowerCase(),
+    encType: i,
+    formData: l,
+    body: u
+  };
+}
+const kr = ["onClick", "relative", "reloadDocument", "replace", "state", "target", "to", "preventScrollReset", "viewTransition"], Lr = ["aria-current", "caseSensitive", "className", "end", "style", "to", "viewTransition", "children"], Fr = ["fetcherKey", "navigate", "reloadDocument", "replace", "state", "method", "action", "onSubmit", "relative", "preventScrollReset", "viewTransition"], Ar = "6";
+try {
+  window.__reactRouterVersion = Ar;
+} catch {
+}
+const St = /* @__PURE__ */ p.createContext({
+  isTransitioning: !1
+});
+process.env.NODE_ENV !== "production" && (St.displayName = "ViewTransition");
+const Vr = /* @__PURE__ */ p.createContext(/* @__PURE__ */ new Map());
+process.env.NODE_ENV !== "production" && (Vr.displayName = "Fetchers");
+process.env.NODE_ENV;
+const Ir = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", Ur = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Ot = /* @__PURE__ */ p.forwardRef(function(r, n) {
+  let {
+    onClick: a,
+    relative: i,
+    reloadDocument: l,
+    replace: u,
+    state: c,
+    target: f,
+    to: d,
+    preventScrollReset: v,
+    viewTransition: g
+  } = r, x = Ue(r, kr), {
+    basename: k
+  } = p.useContext(V), P, F = !1;
+  if (typeof d == "string" && Ur.test(d) && (P = d, Ir))
+    try {
+      let O = new URL(window.location.href), N = d.startsWith("//") ? new URL(O.protocol + d) : new URL(d), W = B(N.pathname, k);
+      N.origin === O.origin && W != null ? d = W + N.search + N.hash : F = !0;
+    } catch {
+      process.env.NODE_ENV !== "production" && re(!1, '<Link to="' + d + '"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.');
+    }
+  let I = br(d, {
+    relative: i
+  }), D = Mr(d, {
+    replace: u,
+    state: c,
+    target: f,
+    preventScrollReset: v,
+    relative: i,
+    viewTransition: g
+  });
+  function b(O) {
+    a && a(O), O.defaultPrevented || D(O);
+  }
+  return (
+    // eslint-disable-next-line jsx-a11y/anchor-has-content
+    /* @__PURE__ */ p.createElement("a", J({}, x, {
+      href: P || I,
+      onClick: F || l ? a : b,
+      ref: n,
+      target: f
+    }))
+  );
+});
+process.env.NODE_ENV !== "production" && (Ot.displayName = "Link");
+const Pt = /* @__PURE__ */ p.forwardRef(function(r, n) {
+  let {
+    "aria-current": a = "page",
+    caseSensitive: i = !1,
+    className: l = "",
+    end: u = !1,
+    style: c,
+    to: f,
+    viewTransition: d,
+    children: v
+  } = r, g = Ue(r, Lr), x = ae(f, {
+    relative: g.relative
+  }), k = ne(), P = p.useContext(xt), {
+    navigator: F,
+    basename: I
+  } = p.useContext(V), D = P != null && // Conditional usage is OK here because the usage of a data router is static
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  zr(x) && d === !0, b = F.encodeLocation ? F.encodeLocation(x).pathname : x.pathname, O = k.pathname, N = P && P.navigation && P.navigation.location ? P.navigation.location.pathname : null;
+  i || (O = O.toLowerCase(), N = N ? N.toLowerCase() : null, b = b.toLowerCase()), N && I && (N = B(N, I) || N);
+  const W = b !== "/" && b.endsWith("/") ? b.length - 1 : b.length;
+  let q = O === b || !u && O.startsWith(b) && O.charAt(W) === "/", ie = N != null && (N === b || !u && N.startsWith(b) && N.charAt(b.length) === "/"), z = {
+    isActive: q,
+    isPending: ie,
+    isTransitioning: D
+  }, oe = q ? a : void 0, G;
+  typeof l == "function" ? G = l(z) : G = [l, q ? "active" : null, ie ? "pending" : null, D ? "transitioning" : null].filter(Boolean).join(" ");
+  let be = typeof c == "function" ? c(z) : c;
+  return /* @__PURE__ */ p.createElement(Ot, J({}, g, {
+    "aria-current": oe,
+    className: G,
+    ref: n,
+    style: be,
+    to: f,
+    viewTransition: d
+  }), typeof v == "function" ? v(z) : v);
+});
+process.env.NODE_ENV !== "production" && (Pt.displayName = "NavLink");
+const $r = /* @__PURE__ */ p.forwardRef((e, r) => {
+  let {
+    fetcherKey: n,
+    navigate: a,
+    reloadDocument: i,
+    replace: l,
+    state: u,
+    method: c = de,
+    action: f,
+    onSubmit: d,
+    relative: v,
+    preventScrollReset: g,
+    viewTransition: x
+  } = e, k = Ue(e, Fr), P = Kr(), F = qr(f, {
+    relative: v
+  }), I = c.toLowerCase() === "get" ? "get" : "post", D = (b) => {
+    if (d && d(b), b.defaultPrevented) return;
+    b.preventDefault();
+    let O = b.nativeEvent.submitter, N = (O == null ? void 0 : O.getAttribute("formmethod")) || c;
+    P(O || b.currentTarget, {
+      fetcherKey: n,
+      method: N,
+      navigate: a,
+      replace: l,
+      state: u,
+      relative: v,
+      preventScrollReset: g,
+      viewTransition: x
+    });
+  };
+  return /* @__PURE__ */ p.createElement("form", J({
+    ref: r,
+    method: I,
+    action: F,
+    onSubmit: i ? d : D
+  }, k));
+});
+process.env.NODE_ENV !== "production" && ($r.displayName = "Form");
+process.env.NODE_ENV;
+var ve;
+(function(e) {
+  e.UseScrollRestoration = "useScrollRestoration", e.UseSubmit = "useSubmit", e.UseSubmitFetcher = "useSubmitFetcher", e.UseFetcher = "useFetcher", e.useViewTransitionState = "useViewTransitionState";
+})(ve || (ve = {}));
+var pt;
+(function(e) {
+  e.UseFetcher = "useFetcher", e.UseFetchers = "useFetchers", e.UseScrollRestoration = "useScrollRestoration";
+})(pt || (pt = {}));
+function Wr(e) {
+  return e + " must be used within a data router.  See https://reactrouter.com/routers/picking-a-router.";
+}
+function jt(e) {
+  let r = p.useContext(me);
+  return r || (process.env.NODE_ENV !== "production" ? _(!1, Wr(e)) : _(!1)), r;
+}
+function Mr(e, r) {
+  let {
+    target: n,
+    replace: a,
+    state: i,
+    preventScrollReset: l,
+    relative: u,
+    viewTransition: c
+  } = r === void 0 ? {} : r, f = yr(), d = ne(), v = ae(e, {
+    relative: u
+  });
+  return p.useCallback((g) => {
+    if (Pr(g, n)) {
+      g.preventDefault();
+      let x = a !== void 0 ? a : De(d) === De(v);
+      f(e, {
+        replace: x,
+        state: i,
+        preventScrollReset: l,
+        relative: u,
+        viewTransition: c
+      });
+    }
+  }, [d, f, v, a, i, n, e, l, u, c]);
+}
+function Yr() {
+  if (typeof document > "u")
+    throw new Error("You are calling submit during the server render. Try calling submit within a `useEffect` or callback instead.");
+}
+let Br = 0, Jr = () => "__" + String(++Br) + "__";
+function Kr() {
+  let {
+    router: e
+  } = jt(ve.UseSubmit), {
+    basename: r
+  } = p.useContext(V), n = Cr();
+  return p.useCallback(function(a, i) {
+    i === void 0 && (i = {}), Yr();
+    let {
+      action: l,
+      method: u,
+      encType: c,
+      formData: f,
+      body: d
+    } = Dr(a, r);
+    if (i.navigate === !1) {
+      let v = i.fetcherKey || Jr();
+      e.fetch(v, n, i.action || l, {
+        preventScrollReset: i.preventScrollReset,
+        formData: f,
+        body: d,
+        formMethod: i.method || u,
+        formEncType: i.encType || c,
+        flushSync: i.flushSync
+      });
+    } else
+      e.navigate(i.action || l, {
+        preventScrollReset: i.preventScrollReset,
+        formData: f,
+        body: d,
+        formMethod: i.method || u,
+        formEncType: i.encType || c,
+        replace: i.replace,
+        state: i.state,
+        fromRouteId: n,
+        flushSync: i.flushSync,
+        viewTransition: i.viewTransition
+      });
+  }, [e, r, n]);
+}
+function qr(e, r) {
+  let {
+    relative: n
+  } = r === void 0 ? {} : r, {
+    basename: a
+  } = p.useContext(V), i = p.useContext(K);
+  i || (process.env.NODE_ENV !== "production" ? _(!1, "useFormAction must be used inside a RouteContext") : _(!1));
+  let [l] = i.matches.slice(-1), u = J({}, ae(e || ".", {
+    relative: n
+  })), c = ne();
+  if (e == null) {
+    u.search = c.search;
+    let f = new URLSearchParams(u.search), d = f.getAll("index");
+    if (d.some((g) => g === "")) {
+      f.delete("index"), d.filter((x) => x).forEach((x) => f.append("index", x));
+      let g = f.toString();
+      u.search = g ? "?" + g : "";
+    }
+  }
+  return (!e || e === ".") && l.route.index && (u.search = u.search ? u.search.replace(/^\?/, "?index&") : "?index"), a !== "/" && (u.pathname = u.pathname === "/" ? a : Fe([a, u.pathname])), De(u);
+}
+function zr(e, r) {
+  r === void 0 && (r = {});
+  let n = p.useContext(St);
+  n == null && (process.env.NODE_ENV !== "production" ? _(!1, "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?") : _(!1));
+  let {
+    basename: a
+  } = jt(ve.useViewTransitionState), i = ae(e, {
+    relative: r.relative
+  });
+  if (!n.isTransitioning)
+    return !1;
+  let l = B(n.currentLocation.pathname, a) || n.currentLocation.pathname, u = B(n.nextLocation.pathname, a) || n.nextLocation.pathname;
+  return vt(i.pathname, u) != null || vt(i.pathname, l) != null;
+}
+const Gr = (e) => /* @__PURE__ */ m.jsx(
+  "div",
+  {
+    onClick: () => e.onChange(e.item),
+    className: e.active ? "expand expand--active" : "expand",
+    children: /* @__PURE__ */ m.jsx(Pt, { to: e.item.link, children: e.item.name })
+  }
+), en = (e) => {
+  const [r, n] = pe(e.items[0]), a = Le(
+    (i) => {
+      n(i);
+    },
+    [n]
+  );
+  return /* @__PURE__ */ m.jsx("div", { className: `menu ${e.className || ""}`, children: /* @__PURE__ */ m.jsx("ul", { children: e.items.map((i) => /* @__PURE__ */ m.jsx("li", { children: /* @__PURE__ */ m.jsx(
+    Gr,
+    {
+      item: i,
+      onChange: a,
+      active: r.id === i.id
+    }
+  ) }, i.id)) }) });
+}, tn = ({ open: e, content: r, title: n }) => {
+  const [a, i] = pe(e || !1), l = document.createElement("div");
+  l.id = "sidebar-root", ut(() => (document.body.appendChild(l), () => {
+    document.body.removeChild(l);
+  }), [l]), ut(() => {
+    i(e || !1);
+  }, [e]);
+  const u = Le(() => {
+    i(!1);
+  }, [i]);
+  return ar.createPortal(
+    /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
+      a && /* @__PURE__ */ m.jsx("div", { className: "overlay" }),
+      /* @__PURE__ */ m.jsxs("div", { className: `sidebar ${a ? "open" : "closed"}`, children: [
+        /* @__PURE__ */ m.jsxs("div", { className: "sidebar-header", children: [
+          n && /* @__PURE__ */ m.jsx("h2", { className: "flex-1", children: n }),
+          /* @__PURE__ */ m.jsx("button", { className: "toggle-btn", onClick: u, children: /* @__PURE__ */ m.jsx(te, { classIcon: "bi-x-lg" }) })
+        ] }),
+        r
+      ] })
+    ] }),
+    l
+  );
+}, rn = ({ initialValues: e, onSubmit: r, title: n }) => {
+  const [a, i] = pe(e), l = (c) => {
+    const { name: f, value: d, type: v, checked: g } = c.target;
+    i({
+      ...a,
+      [f]: v === "checkbox" ? g : d
+    });
+  }, u = (c) => {
+    c.preventDefault(), r(a);
+  };
+  return /* @__PURE__ */ m.jsxs("form", { onSubmit: u, children: [
+    Object.keys(a).map((c) => /* @__PURE__ */ m.jsxs("div", { className: "d-flex flex-column", children: [
+      /* @__PURE__ */ m.jsx("label", { children: c }),
+      /* @__PURE__ */ m.jsx(
+        "input",
+        {
+          name: c,
+          type: typeof a[c] == "boolean" ? "checkbox" : "text",
+          value: typeof a[c] == "boolean" ? void 0 : a[c],
+          checked: typeof a[c] == "boolean" ? a[c] : void 0,
+          onChange: l
+        }
+      )
+    ] }, c)),
+    /* @__PURE__ */ m.jsx(sr, { title: n || "submit" })
+  ] });
+};
+export {
+  sr as Button,
+  rn as DynamicForm,
+  Qr as Expands,
+  Hr as Header,
+  te as Icon,
+  en as Menus,
+  tn as Sidebar
+};