kelt-ui-kit-react 0.1.2 → 0.1.3

package/dist/index.js

@@ -0,0 +1,1410 @@
+import * as v from "react";
+import mt, { useState as ke, useCallback as Le, useEffect as ut } from "react";
+import ar from "react-dom";
+var Pe = { 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"), i = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(f, c, d) {
+    var p, m = {}, b = null, k = null;
+    d !== void 0 && (b = "" + d), c.key !== void 0 && (b = "" + c.key), c.ref !== void 0 && (k = c.ref);
+    for (p in c) i.call(c, p) && !l.hasOwnProperty(p) && (m[p] = c[p]);
+    if (f && f.defaultProps) for (p in c = f.defaultProps, c) m[p] === void 0 && (m[p] = c[p]);
+    return { $$typeof: r, type: f, key: b, ref: k, props: m, _owner: a.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"), i = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), f = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), k = Symbol.for("react.offscreen"), P = Symbol.iterator, A = "@@iterator";
+    function V(t) {
+      if (t === null || typeof t != "object")
+        return null;
+      var o = P && t[P] || t[A];
+      return typeof o == "function" ? o : null;
+    }
+    var D = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function g(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, x = h.getStackAddendum();
+        x !== "" && (o += "%s", s = s.concat([x]));
+        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 === i || t === l || z || t === a || t === d || t === p || ie || t === k || N || W || q || typeof t == "object" && t !== null && (t.$$typeof === b || t.$$typeof === m || t.$$typeof === u || t.$$typeof === f || t.$$typeof === c || // 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 ge(t, o, s) {
+      var h = t.displayName;
+      if (h)
+        return h;
+      var x = o.displayName || o.name || "";
+      return x !== "" ? s + "(" + x + ")" : s;
+    }
+    function $e(t) {
+      return t.displayName || "Context";
+    }
+    function F(t) {
+      if (t == null)
+        return null;
+      if (typeof t.tag == "number" && g("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 i:
+          return "Fragment";
+        case n:
+          return "Portal";
+        case l:
+          return "Profiler";
+        case a:
+          return "StrictMode";
+        case d:
+          return "Suspense";
+        case p:
+          return "SuspenseList";
+      }
+      if (typeof t == "object")
+        switch (t.$$typeof) {
+          case f:
+            var o = t;
+            return $e(o) + ".Consumer";
+          case u:
+            var s = t;
+            return $e(s._context) + ".Provider";
+          case c:
+            return ge(t, t.render, "ForwardRef");
+          case m:
+            var h = t.displayName || null;
+            return h !== null ? h : F(t.type) || "Memo";
+          case b: {
+            var x = t, C = x._payload, E = x._init;
+            try {
+              return F(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 jt() {
+      {
+        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 && g("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 (x) {
+            var h = x.stack.trim().match(/\n( *(at )?)/);
+            Ee = h && h[1] || "";
+          }
+        return `
+` + Ee + t;
+      }
+    }
+    var be = !1, le;
+    {
+      var kt = typeof WeakMap == "function" ? WeakMap : Map;
+      le = new kt();
+    }
+    function Ge(t, o) {
+      if (!t || be)
+        return "";
+      {
+        var s = le.get(t);
+        if (s !== void 0)
+          return s;
+      }
+      var h;
+      be = !0;
+      var x = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var C;
+      C = ye.current, ye.current = null, jt();
+      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 (j) {
+              h = j;
+            }
+            Reflect.construct(t, [], E);
+          } else {
+            try {
+              E.call();
+            } catch (j) {
+              h = j;
+            }
+            t.call(E.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (j) {
+            h = j;
+          }
+          t();
+        }
+      } catch (j) {
+        if (j && h && typeof j.stack == "string") {
+          for (var y = j.stack.split(`
+`), T = h.stack.split(`
+`), w = y.length - 1, S = T.length - 1; w >= 1 && S >= 0 && y[w] !== T[S]; )
+            S--;
+          for (; w >= 1 && S >= 0; w--, S--)
+            if (y[w] !== T[S]) {
+              if (w !== 1 || S !== 1)
+                do
+                  if (w--, S--, S < 0 || y[w] !== T[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 {
+        be = !1, ye.current = C, Dt(), Error.prepareStackTrace = x;
+      }
+      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 At(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, At(t));
+      if (typeof t == "string")
+        return se(t);
+      switch (t) {
+        case d:
+          return se("Suspense");
+        case p:
+          return se("SuspenseList");
+      }
+      if (typeof t == "object")
+        switch (t.$$typeof) {
+          case c:
+            return Lt(t.render);
+          case m:
+            return ue(t.type, o, s);
+          case b: {
+            var h = t, x = h._payload, C = h._init;
+            try {
+              return ue(C(x), 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 Ft(t, o, s, h, x) {
+      {
+        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 T = 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 T.name = "Invariant Violation", T;
+              }
+              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(x), g("%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(x), g("Failed %s type: %s", s, y.message), ce(null));
+          }
+      }
+    }
+    var It = Array.isArray;
+    function xe(t) {
+      return It(t);
+    }
+    function Vt(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 g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Vt(t)), Qe(t);
+    }
+    var Q = D.ReactCurrentOwner, $t = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, et, tt, Re;
+    Re = {};
+    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 = F(Q.current.type);
+        Re[s] || (g('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', F(Q.current.type), t.ref), Re[s] = !0);
+      }
+    }
+    function Bt(t, o) {
+      {
+        var s = function() {
+          et || (et = !0, g("%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, g("%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, x, 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: x
+      }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
+    };
+    function qt(t, o, s, h, x) {
+      {
+        var C, E = {}, y = null, T = null;
+        s !== void 0 && (He(s), y = "" + s), Mt(o) && (He(o.key), y = "" + o.key), Wt(o) && (T = o.ref, Yt(o, x));
+        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 || T) {
+          var S = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
+          y && Bt(E, S), T && Jt(E, S);
+        }
+        return Kt(t, y, T, x, h, Q.current, E);
+      }
+    }
+    var Ce = 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 we;
+    we = !1;
+    function _e(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === r;
+    }
+    function nt() {
+      {
+        if (Ce.current) {
+          var t = F(Ce.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 !== Ce.current && (h = " It was passed a child from " + F(t._owner.type) + "."), M(t), g('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 (xe(t))
+          for (var s = 0; s < t.length; s++) {
+            var h = t[s];
+            _e(h) && it(h, o);
+          }
+        else if (_e(t))
+          t._store && (t._store.validated = !0);
+        else if (t) {
+          var x = V(t);
+          if (typeof x == "function" && x !== t.entries)
+            for (var C = x.call(t), E; !(E = C.next()).done; )
+              _e(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 === c || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        o.$$typeof === m))
+          s = o.propTypes;
+        else
+          return;
+        if (s) {
+          var h = F(o);
+          Ft(s, t.props, "prop", h, t);
+        } else if (o.PropTypes !== void 0 && !we) {
+          we = !0;
+          var x = F(o);
+          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", x || "Unknown");
+        }
+        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && g("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), g("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), g("Invalid attribute `ref` supplied to `React.Fragment`."), M(null));
+      }
+    }
+    var st = {};
+    function lt(t, o, s, h, x, 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 T = zt();
+          T ? y += T : y += nt();
+          var w;
+          t === null ? w = "null" : xe(t) ? w = "array" : t !== void 0 && t.$$typeof === r ? (w = "<" + (F(t.type) || "Unknown") + " />", y = " Did you accidentally export a JSX literal instead of a component?") : w = typeof t, g("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, x, C);
+        if (S == null)
+          return S;
+        if (E) {
+          var L = o.children;
+          if (L !== void 0)
+            if (h)
+              if (xe(L)) {
+                for (var Y = 0; Y < L.length; Y++)
+                  ot(L[Y], t);
+                Object.freeze && Object.freeze(L);
+              } else
+                g("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 $ = F(t), j = Object.keys(o).filter(function(nr) {
+            return nr !== "key";
+          }), Ne = j.length > 0 ? "{key: someKey, " + j.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!st[$ + Ne]) {
+            var rr = j.length > 0 ? "{" + j.join(": ..., ") + ": ...}" : "{}";
+            g(`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} />`, Ne, $, rr, $), st[$ + Ne] = !0;
+          }
+        }
+        return t === i ? 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 = i, ee.jsx = er, ee.jsxs = tr;
+  }()), ee;
+}
+process.env.NODE_ENV === "production" ? Pe.exports = ir() : Pe.exports = or();
+var R = Pe.exports;
+const te = ({ classIcon: e }) => /* @__PURE__ */ R.jsx("i", { className: `bi ${e}` }), Zr = ({
+  className: e,
+  onClick: r,
+  title: n,
+  classIcon: i,
+  positionicon: a
+}) => {
+  const l = (u) => {
+    r && r(u);
+  };
+  return /* @__PURE__ */ R.jsxs("button", { type: "submit", onClick: (u) => l(u), className: e, children: [
+    i && a == 1 && /* @__PURE__ */ R.jsx("span", { className: "mr-2", children: /* @__PURE__ */ R.jsx(te, { classIcon: i }) }),
+    /* @__PURE__ */ R.jsx("span", { children: n }),
+    i && a == 2 && /* @__PURE__ */ R.jsx("span", { className: "ml-2", children: /* @__PURE__ */ R.jsx(te, { classIcon: i }) })
+  ] });
+}, sr = (e) => {
+  const r = e.active ? "expand--active" : "";
+  return /* @__PURE__ */ R.jsxs(
+    "div",
+    {
+      onClick: () => e.onChange(e.item),
+      className: `expand ${r} ${e.className}`,
+      children: [
+        /* @__PURE__ */ R.jsxs("div", { className: "expand-header", children: [
+          /* @__PURE__ */ R.jsx("span", { className: "flex-1 expand-header-title-left", children: e.item.title }),
+          e.item.description && /* @__PURE__ */ R.jsx("span", { className: "expand-header-title-right", children: e.item.description })
+        ] }),
+        /* @__PURE__ */ R.jsx("div", { className: "expand-body", children: e.item.content })
+      ]
+    }
+  );
+}, Qr = (e) => {
+  const [r, n] = ke(e.items[0]), i = Le(
+    (a) => {
+      n(a);
+    },
+    [n]
+  );
+  return /* @__PURE__ */ R.jsx("div", { className: `expands ${e.className || ""}`, children: e.items.map((a) => /* @__PURE__ */ R.jsx(
+    sr,
+    {
+      item: a,
+      onChange: i,
+      active: r.id === a.id
+    },
+    a.id
+  )) });
+}, Hr = ({
+  content: e,
+  onClickMenu: r,
+  onClickUser: n
+}) => /* @__PURE__ */ R.jsxs("div", { className: "header", children: [
+  /* @__PURE__ */ R.jsx("div", { className: "flex-1", children: /* @__PURE__ */ R.jsx("span", { onClick: r, children: /* @__PURE__ */ R.jsx(te, { classIcon: "bi-list" }) }) }),
+  /* @__PURE__ */ R.jsxs("div", { className: "d-flex", children: [
+    e,
+    /* @__PURE__ */ R.jsx("span", { onClick: n, children: /* @__PURE__ */ R.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 i in n)
+        Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i]);
+    }
+    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 je(e) {
+  let {
+    pathname: r = "/",
+    search: n = "",
+    hash: i = ""
+  } = e;
+  return n && n !== "?" && (r += n.charAt(0) === "?" ? n : "?" + n), i && i !== "#" && (r += i.charAt(0) === "#" ? i : "#" + i), 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 i = e.indexOf("?");
+    i >= 0 && (r.search = e.substr(i), e = e.substr(0, i)), 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, i] = lr(e.path, e.caseSensitive, e.end), a = r.match(n);
+  if (!a) return null;
+  let l = a[0], u = l.replace(/(.)\/+$/, "$1"), f = a.slice(1);
+  return {
+    params: i.reduce((d, p, m) => {
+      let {
+        paramName: b,
+        isOptional: k
+      } = p;
+      if (b === "*") {
+        let A = f[m] || "";
+        u = l.slice(0, l.length - A.length).replace(/(.)\/+$/, "$1");
+      }
+      const P = f[m];
+      return k && !P ? d[b] = void 0 : d[b] = (P || "").replace(/%2F/g, "/"), d;
+    }, {}),
+    pathname: l,
+    pathnameBase: u,
+    pattern: e
+  };
+}
+function lr(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 i = [], a = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(/\/:([\w-]+)(\?)?/g, (u, f, c) => (i.push({
+    paramName: f,
+    isOptional: c != null
+  }), c ? "/?([^\\/]+)?" : "/([^\\/]+)"));
+  return e.endsWith("*") ? (i.push({
+    paramName: "*"
+  }), a += e === "*" || e === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$") : n ? a += "\\/*$" : e !== "" && e !== "/" && (a += "(?:(?=\\/|$))"), [new RegExp(a, r ? void 0 : "i"), i];
+}
+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, i = e.charAt(n);
+  return i && i !== "/" ? null : e.slice(n) || "/";
+}
+function ur(e, r) {
+  r === void 0 && (r = "/");
+  let {
+    pathname: n,
+    search: i = "",
+    hash: a = ""
+  } = typeof e == "string" ? gt(e) : e;
+  return {
+    pathname: n ? n.startsWith("/") ? n : cr(n, r) : r,
+    search: dr(i),
+    hash: hr(a)
+  };
+}
+function cr(e, r) {
+  let n = r.replace(/\/+$/, "").split("/");
+  return e.split("/").forEach((a) => {
+    a === ".." ? n.length > 1 && n.pop() : a !== "." && n.push(a);
+  }), n.length > 1 ? n.join("/") : "/";
+}
+function Se(e, r, n, i) {
+  return "Cannot include a '" + e + "' character in a manually specified " + ("`to." + r + "` field [" + JSON.stringify(i) + "].  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 fr(e) {
+  return e.filter((r, n) => n === 0 || r.route.path && r.route.path.length > 0);
+}
+function yt(e, r) {
+  let n = fr(e);
+  return r ? n.map((i, a) => a === n.length - 1 ? i.pathname : i.pathnameBase) : n.map((i) => i.pathnameBase);
+}
+function Et(e, r, n, i) {
+  i === void 0 && (i = !1);
+  let a;
+  typeof e == "string" ? a = gt(e) : (a = Te({}, e), _(!a.pathname || !a.pathname.includes("?"), Se("?", "pathname", "search", a)), _(!a.pathname || !a.pathname.includes("#"), Se("#", "pathname", "hash", a)), _(!a.search || !a.search.includes("#"), Se("#", "search", "hash", a)));
+  let l = e === "" || a.pathname === "", u = l ? "/" : a.pathname, f;
+  if (u == null)
+    f = n;
+  else {
+    let m = r.length - 1;
+    if (!i && u.startsWith("..")) {
+      let b = u.split("/");
+      for (; b[0] === ".."; )
+        b.shift(), m -= 1;
+      a.pathname = b.join("/");
+    }
+    f = m >= 0 ? r[m] : "/";
+  }
+  let c = ur(a, f), d = u && u !== "/" && u.endsWith("/"), p = (l || u === ".") && n.endsWith("/");
+  return !c.pathname.endsWith("/") && (d || p) && (c.pathname += "/"), c;
+}
+const Ae = (e) => e.join("/").replace(/\/\/+/g, "/"), dr = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, hr = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e, bt = ["post", "put", "patch", "delete"];
+new Set(bt);
+const vr = ["get", ...bt];
+new Set(vr);
+/**
+ * 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 De() {
+  return De = Object.assign ? Object.assign.bind() : function(e) {
+    for (var r = 1; r < arguments.length; r++) {
+      var n = arguments[r];
+      for (var i in n)
+        Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i]);
+    }
+    return e;
+  }, De.apply(this, arguments);
+}
+const pe = /* @__PURE__ */ v.createContext(null);
+process.env.NODE_ENV !== "production" && (pe.displayName = "DataRouter");
+const xt = /* @__PURE__ */ v.createContext(null);
+process.env.NODE_ENV !== "production" && (xt.displayName = "DataRouterState");
+const pr = /* @__PURE__ */ v.createContext(null);
+process.env.NODE_ENV !== "production" && (pr.displayName = "Await");
+const I = /* @__PURE__ */ v.createContext(null);
+process.env.NODE_ENV !== "production" && (I.displayName = "Navigation");
+const Fe = /* @__PURE__ */ v.createContext(null);
+process.env.NODE_ENV !== "production" && (Fe.displayName = "Location");
+const K = /* @__PURE__ */ v.createContext({
+  outlet: null,
+  matches: [],
+  isDataRoute: !1
+});
+process.env.NODE_ENV !== "production" && (K.displayName = "Route");
+const mr = /* @__PURE__ */ v.createContext(null);
+process.env.NODE_ENV !== "production" && (mr.displayName = "RouteError");
+function gr(e, r) {
+  let {
+    relative: n
+  } = r === void 0 ? {} : r;
+  Ie() || (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: i,
+    navigator: a
+  } = v.useContext(I), {
+    hash: l,
+    pathname: u,
+    search: f
+  } = ae(e, {
+    relative: n
+  }), c = u;
+  return i !== "/" && (c = u === "/" ? i : Ae([i, u])), a.createHref({
+    pathname: c,
+    search: f,
+    hash: l
+  });
+}
+function Ie() {
+  return v.useContext(Fe) != null;
+}
+function ne() {
+  return Ie() || (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)), v.useContext(Fe).location;
+}
+const Rt = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
+function Ct(e) {
+  v.useContext(I).static || v.useLayoutEffect(e);
+}
+function yr() {
+  let {
+    isDataRoute: e
+  } = v.useContext(K);
+  return e ? Cr() : Er();
+}
+function Er() {
+  Ie() || (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 = v.useContext(pe), {
+    basename: r,
+    future: n,
+    navigator: i
+  } = v.useContext(I), {
+    matches: a
+  } = v.useContext(K), {
+    pathname: l
+  } = ne(), u = JSON.stringify(yt(a, n.v7_relativeSplatPath)), f = v.useRef(!1);
+  return Ct(() => {
+    f.current = !0;
+  }), v.useCallback(function(d, p) {
+    if (p === void 0 && (p = {}), process.env.NODE_ENV !== "production" && re(f.current, Rt), !f.current) return;
+    if (typeof d == "number") {
+      i.go(d);
+      return;
+    }
+    let m = Et(d, JSON.parse(u), l, p.relative === "path");
+    e == null && r !== "/" && (m.pathname = m.pathname === "/" ? r : Ae([r, m.pathname])), (p.replace ? i.replace : i.push)(m, p.state, p);
+  }, [r, i, u, l, e]);
+}
+function ae(e, r) {
+  let {
+    relative: n
+  } = r === void 0 ? {} : r, {
+    future: i
+  } = v.useContext(I), {
+    matches: a
+  } = v.useContext(K), {
+    pathname: l
+  } = ne(), u = JSON.stringify(yt(a, i.v7_relativeSplatPath));
+  return v.useMemo(() => Et(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 || {}), Ve = /* @__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;
+}(Ve || {});
+function _t(e) {
+  return e + " must be used within a data router.  See https://reactrouter.com/routers/picking-a-router.";
+}
+function br(e) {
+  let r = v.useContext(pe);
+  return r || (process.env.NODE_ENV !== "production" ? _(!1, _t(e)) : _(!1)), r;
+}
+function xr(e) {
+  let r = v.useContext(K);
+  return r || (process.env.NODE_ENV !== "production" ? _(!1, _t(e)) : _(!1)), r;
+}
+function Nt(e) {
+  let r = xr(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 Rr() {
+  return Nt(Ve.UseRouteId);
+}
+function Cr() {
+  let {
+    router: e
+  } = br(wt.UseNavigateStable), r = Nt(Ve.UseNavigateStable), n = v.useRef(!1);
+  return Ct(() => {
+    n.current = !0;
+  }), v.useCallback(function(a, l) {
+    l === void 0 && (l = {}), process.env.NODE_ENV !== "production" && re(n.current, Rt), n.current && (typeof a == "number" ? e.navigate(a) : e.navigate(a, De({
+      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 i in n)
+        Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i]);
+    }
+    return e;
+  }, J.apply(this, arguments);
+}
+function Ue(e, r) {
+  if (e == null) return {};
+  var n = {}, i = Object.keys(e), a, l;
+  for (l = 0; l < i.length; l++)
+    a = i[l], !(r.indexOf(a) >= 0) && (n[a] = e[a]);
+  return n;
+}
+const de = "get", he = "application/x-www-form-urlencoded";
+function me(e) {
+  return e != null && typeof e.tagName == "string";
+}
+function wr(e) {
+  return me(e) && e.tagName.toLowerCase() === "button";
+}
+function _r(e) {
+  return me(e) && e.tagName.toLowerCase() === "form";
+}
+function Nr(e) {
+  return me(e) && e.tagName.toLowerCase() === "input";
+}
+function Sr(e) {
+  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
+}
+function Or(e, r) {
+  return e.button === 0 && // Ignore everything but left clicks
+  (!r || r === "_self") && // Let browser handle "target=_blank" etc.
+  !Sr(e);
+}
+let fe = null;
+function Pr() {
+  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 Oe(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 jr(e, r) {
+  let n, i, a, l, u;
+  if (_r(e)) {
+    let f = e.getAttribute("action");
+    i = f ? B(f, r) : null, n = e.getAttribute("method") || de, a = Oe(e.getAttribute("enctype")) || he, l = new FormData(e);
+  } else if (wr(e) || Nr(e) && (e.type === "submit" || e.type === "image")) {
+    let f = e.form;
+    if (f == null)
+      throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');
+    let c = e.getAttribute("formaction") || f.getAttribute("action");
+    if (i = c ? B(c, r) : null, n = e.getAttribute("formmethod") || f.getAttribute("method") || de, a = Oe(e.getAttribute("formenctype")) || Oe(f.getAttribute("enctype")) || he, l = new FormData(f, e), !Pr()) {
+      let {
+        name: d,
+        type: p,
+        value: m
+      } = e;
+      if (p === "image") {
+        let b = d ? d + "." : "";
+        l.append(b + "x", "0"), l.append(b + "y", "0");
+      } else d && l.append(d, m);
+    }
+  } else {
+    if (me(e))
+      throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');
+    n = de, i = null, a = he, u = e;
+  }
+  return l && a === "text/plain" && (u = l, l = void 0), {
+    action: i,
+    method: n.toLowerCase(),
+    encType: a,
+    formData: l,
+    body: u
+  };
+}
+const Dr = ["onClick", "relative", "reloadDocument", "replace", "state", "target", "to", "preventScrollReset", "viewTransition"], kr = ["aria-current", "caseSensitive", "className", "end", "style", "to", "viewTransition", "children"], Lr = ["fetcherKey", "navigate", "reloadDocument", "replace", "state", "method", "action", "onSubmit", "relative", "preventScrollReset", "viewTransition"], Ar = "6";
+try {
+  window.__reactRouterVersion = Ar;
+} catch {
+}
+const St = /* @__PURE__ */ v.createContext({
+  isTransitioning: !1
+});
+process.env.NODE_ENV !== "production" && (St.displayName = "ViewTransition");
+const Fr = /* @__PURE__ */ v.createContext(/* @__PURE__ */ new Map());
+process.env.NODE_ENV !== "production" && (Fr.displayName = "Fetchers");
+process.env.NODE_ENV;
+const Ir = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", Vr = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Ot = /* @__PURE__ */ v.forwardRef(function(r, n) {
+  let {
+    onClick: i,
+    relative: a,
+    reloadDocument: l,
+    replace: u,
+    state: f,
+    target: c,
+    to: d,
+    preventScrollReset: p,
+    viewTransition: m
+  } = r, b = Ue(r, Dr), {
+    basename: k
+  } = v.useContext(I), P, A = !1;
+  if (typeof d == "string" && Vr.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 : A = !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 V = gr(d, {
+    relative: a
+  }), D = Wr(d, {
+    replace: u,
+    state: f,
+    target: c,
+    preventScrollReset: p,
+    relative: a,
+    viewTransition: m
+  });
+  function g(O) {
+    i && i(O), O.defaultPrevented || D(O);
+  }
+  return (
+    // eslint-disable-next-line jsx-a11y/anchor-has-content
+    /* @__PURE__ */ v.createElement("a", J({}, b, {
+      href: P || V,
+      onClick: A || l ? i : g,
+      ref: n,
+      target: c
+    }))
+  );
+});
+process.env.NODE_ENV !== "production" && (Ot.displayName = "Link");
+const Pt = /* @__PURE__ */ v.forwardRef(function(r, n) {
+  let {
+    "aria-current": i = "page",
+    caseSensitive: a = !1,
+    className: l = "",
+    end: u = !1,
+    style: f,
+    to: c,
+    viewTransition: d,
+    children: p
+  } = r, m = Ue(r, kr), b = ae(c, {
+    relative: m.relative
+  }), k = ne(), P = v.useContext(xt), {
+    navigator: A,
+    basename: V
+  } = v.useContext(I), 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
+  qr(b) && d === !0, g = A.encodeLocation ? A.encodeLocation(b).pathname : b.pathname, O = k.pathname, N = P && P.navigation && P.navigation.location ? P.navigation.location.pathname : null;
+  a || (O = O.toLowerCase(), N = N ? N.toLowerCase() : null, g = g.toLowerCase()), N && V && (N = B(N, V) || N);
+  const W = g !== "/" && g.endsWith("/") ? g.length - 1 : g.length;
+  let q = O === g || !u && O.startsWith(g) && O.charAt(W) === "/", ie = N != null && (N === g || !u && N.startsWith(g) && N.charAt(g.length) === "/"), z = {
+    isActive: q,
+    isPending: ie,
+    isTransitioning: D
+  }, oe = q ? i : void 0, G;
+  typeof l == "function" ? G = l(z) : G = [l, q ? "active" : null, ie ? "pending" : null, D ? "transitioning" : null].filter(Boolean).join(" ");
+  let ge = typeof f == "function" ? f(z) : f;
+  return /* @__PURE__ */ v.createElement(Ot, J({}, m, {
+    "aria-current": oe,
+    className: G,
+    ref: n,
+    style: ge,
+    to: c,
+    viewTransition: d
+  }), typeof p == "function" ? p(z) : p);
+});
+process.env.NODE_ENV !== "production" && (Pt.displayName = "NavLink");
+const Ur = /* @__PURE__ */ v.forwardRef((e, r) => {
+  let {
+    fetcherKey: n,
+    navigate: i,
+    reloadDocument: a,
+    replace: l,
+    state: u,
+    method: f = de,
+    action: c,
+    onSubmit: d,
+    relative: p,
+    preventScrollReset: m,
+    viewTransition: b
+  } = e, k = Ue(e, Lr), P = Jr(), A = Kr(c, {
+    relative: p
+  }), V = f.toLowerCase() === "get" ? "get" : "post", D = (g) => {
+    if (d && d(g), g.defaultPrevented) return;
+    g.preventDefault();
+    let O = g.nativeEvent.submitter, N = (O == null ? void 0 : O.getAttribute("formmethod")) || f;
+    P(O || g.currentTarget, {
+      fetcherKey: n,
+      method: N,
+      navigate: i,
+      replace: l,
+      state: u,
+      relative: p,
+      preventScrollReset: m,
+      viewTransition: b
+    });
+  };
+  return /* @__PURE__ */ v.createElement("form", J({
+    ref: r,
+    method: V,
+    action: A,
+    onSubmit: a ? d : D
+  }, k));
+});
+process.env.NODE_ENV !== "production" && (Ur.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 $r(e) {
+  return e + " must be used within a data router.  See https://reactrouter.com/routers/picking-a-router.";
+}
+function Tt(e) {
+  let r = v.useContext(pe);
+  return r || (process.env.NODE_ENV !== "production" ? _(!1, $r(e)) : _(!1)), r;
+}
+function Wr(e, r) {
+  let {
+    target: n,
+    replace: i,
+    state: a,
+    preventScrollReset: l,
+    relative: u,
+    viewTransition: f
+  } = r === void 0 ? {} : r, c = yr(), d = ne(), p = ae(e, {
+    relative: u
+  });
+  return v.useCallback((m) => {
+    if (Or(m, n)) {
+      m.preventDefault();
+      let b = i !== void 0 ? i : je(d) === je(p);
+      c(e, {
+        replace: b,
+        state: a,
+        preventScrollReset: l,
+        relative: u,
+        viewTransition: f
+      });
+    }
+  }, [d, c, p, i, a, n, e, l, u, f]);
+}
+function Mr() {
+  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 Yr = 0, Br = () => "__" + String(++Yr) + "__";
+function Jr() {
+  let {
+    router: e
+  } = Tt(ve.UseSubmit), {
+    basename: r
+  } = v.useContext(I), n = Rr();
+  return v.useCallback(function(i, a) {
+    a === void 0 && (a = {}), Mr();
+    let {
+      action: l,
+      method: u,
+      encType: f,
+      formData: c,
+      body: d
+    } = jr(i, r);
+    if (a.navigate === !1) {
+      let p = a.fetcherKey || Br();
+      e.fetch(p, n, a.action || l, {
+        preventScrollReset: a.preventScrollReset,
+        formData: c,
+        body: d,
+        formMethod: a.method || u,
+        formEncType: a.encType || f,
+        flushSync: a.flushSync
+      });
+    } else
+      e.navigate(a.action || l, {
+        preventScrollReset: a.preventScrollReset,
+        formData: c,
+        body: d,
+        formMethod: a.method || u,
+        formEncType: a.encType || f,
+        replace: a.replace,
+        state: a.state,
+        fromRouteId: n,
+        flushSync: a.flushSync,
+        viewTransition: a.viewTransition
+      });
+  }, [e, r, n]);
+}
+function Kr(e, r) {
+  let {
+    relative: n
+  } = r === void 0 ? {} : r, {
+    basename: i
+  } = v.useContext(I), a = v.useContext(K);
+  a || (process.env.NODE_ENV !== "production" ? _(!1, "useFormAction must be used inside a RouteContext") : _(!1));
+  let [l] = a.matches.slice(-1), u = J({}, ae(e || ".", {
+    relative: n
+  })), f = ne();
+  if (e == null) {
+    u.search = f.search;
+    let c = new URLSearchParams(u.search), d = c.getAll("index");
+    if (d.some((m) => m === "")) {
+      c.delete("index"), d.filter((b) => b).forEach((b) => c.append("index", b));
+      let m = c.toString();
+      u.search = m ? "?" + m : "";
+    }
+  }
+  return (!e || e === ".") && l.route.index && (u.search = u.search ? u.search.replace(/^\?/, "?index&") : "?index"), i !== "/" && (u.pathname = u.pathname === "/" ? i : Ae([i, u.pathname])), je(u);
+}
+function qr(e, r) {
+  r === void 0 && (r = {});
+  let n = v.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: i
+  } = Tt(ve.useViewTransitionState), a = ae(e, {
+    relative: r.relative
+  });
+  if (!n.isTransitioning)
+    return !1;
+  let l = B(n.currentLocation.pathname, i) || n.currentLocation.pathname, u = B(n.nextLocation.pathname, i) || n.nextLocation.pathname;
+  return vt(a.pathname, u) != null || vt(a.pathname, l) != null;
+}
+const zr = (e) => /* @__PURE__ */ R.jsx(
+  "div",
+  {
+    onClick: () => e.onChange(e.item),
+    className: e.active ? "expand expand--active" : "expand",
+    children: /* @__PURE__ */ R.jsx(Pt, { to: e.item.link, children: e.item.name })
+  }
+), en = (e) => {
+  const [r, n] = ke(e.items[0]), i = Le(
+    (a) => {
+      n(a);
+    },
+    [n]
+  );
+  return /* @__PURE__ */ R.jsx("div", { className: `menu ${e.className || ""}`, children: /* @__PURE__ */ R.jsx("ul", { children: e.items.map((a) => /* @__PURE__ */ R.jsx("li", { children: /* @__PURE__ */ R.jsx(
+    zr,
+    {
+      item: a,
+      onChange: i,
+      active: r.id === a.id
+    }
+  ) }, a.id)) }) });
+}, tn = ({ open: e, content: r }) => {
+  const [n, i] = ke(e || !1), a = document.createElement("div");
+  a.id = "sidebar-root", ut(() => (document.body.appendChild(a), () => {
+    document.body.removeChild(a);
+  }), [a]), ut(() => {
+    i(e || !1);
+  }, [e]);
+  const l = Le(() => {
+    i(!1);
+  }, [i]);
+  return ar.createPortal(
+    /* @__PURE__ */ R.jsxs("div", { className: `sidebar ${n ? "open" : "closed"}`, children: [
+      /* @__PURE__ */ R.jsx("button", { className: "toggle-btn", onClick: l, children: /* @__PURE__ */ R.jsx(te, { classIcon: "bi-x-lg" }) }),
+      r
+    ] }),
+    a
+  );
+};
+export {
+  Zr as Button,
+  Qr as Expands,
+  Hr as Header,
+  te as Icon,
+  en as Menus,
+  tn as Sidebar
+};