@standardbeagle/edit-db 0.3.159

package/dist/editor.es.js

@@ -0,0 +1,3511 @@
+import * as u from "react";
+import A, { useMemo as ae, useDebugValue as Or, createElement as ua, useRef as Wt, useContext as Te, createContext as qt, forwardRef as da, useReducer as pa, Children as fa, isValidElement as ga, useState as Lt, useCallback as Un, useEffect as En, Component as ha } from "react";
+import { useQuery as jn, useQueryClient as ma, useMutation as Pr, QueryClient as ba, QueryClientProvider as ya } from "@tanstack/react-query";
+var ln = { exports: {} }, It = {};
+var jr;
+function va() {
+  if (jr) return It;
+  jr = 1;
+  var e = A, t = /* @__PURE__ */ Symbol.for("react.element"), n = /* @__PURE__ */ Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function i(l, c, f) {
+    var d, g = {}, y = null, b = null;
+    f !== void 0 && (y = "" + f), c.key !== void 0 && (y = "" + c.key), c.ref !== void 0 && (b = c.ref);
+    for (d in c) r.call(c, d) && !a.hasOwnProperty(d) && (g[d] = c[d]);
+    if (l && l.defaultProps) for (d in c = l.defaultProps, c) g[d] === void 0 && (g[d] = c[d]);
+    return { $$typeof: t, type: l, key: y, ref: b, props: g, _owner: o.current };
+  }
+  return It.Fragment = n, It.jsx = i, It.jsxs = i, It;
+}
+var Nt = {};
+var kr;
+function wa() {
+  return kr || (kr = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = A, t = /* @__PURE__ */ Symbol.for("react.element"), n = /* @__PURE__ */ Symbol.for("react.portal"), r = /* @__PURE__ */ Symbol.for("react.fragment"), o = /* @__PURE__ */ Symbol.for("react.strict_mode"), a = /* @__PURE__ */ Symbol.for("react.profiler"), i = /* @__PURE__ */ Symbol.for("react.provider"), l = /* @__PURE__ */ Symbol.for("react.context"), c = /* @__PURE__ */ Symbol.for("react.forward_ref"), f = /* @__PURE__ */ Symbol.for("react.suspense"), d = /* @__PURE__ */ Symbol.for("react.suspense_list"), g = /* @__PURE__ */ Symbol.for("react.memo"), y = /* @__PURE__ */ Symbol.for("react.lazy"), b = /* @__PURE__ */ Symbol.for("react.offscreen"), E = Symbol.iterator, S = "@@iterator";
+    function $(s) {
+      if (s === null || typeof s != "object")
+        return null;
+      var h = E && s[E] || s[S];
+      return typeof h == "function" ? h : null;
+    }
+    var P = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function C(s) {
+      {
+        for (var h = arguments.length, x = new Array(h > 1 ? h - 1 : 0), R = 1; R < h; R++)
+          x[R - 1] = arguments[R];
+        O("error", s, x);
+      }
+    }
+    function O(s, h, x) {
+      {
+        var R = P.ReactDebugCurrentFrame, M = R.getStackAddendum();
+        M !== "" && (h += "%s", x = x.concat([M]));
+        var V = x.map(function(D) {
+          return String(D);
+        });
+        V.unshift("Warning: " + h), Function.prototype.apply.call(console[s], console, V);
+      }
+    }
+    var j = !1, _ = !1, w = !1, v = !1, N = !1, Q;
+    Q = /* @__PURE__ */ Symbol.for("react.module.reference");
+    function re(s) {
+      return !!(typeof s == "string" || typeof s == "function" || s === r || s === a || N || s === o || s === f || s === d || v || s === b || j || _ || w || typeof s == "object" && s !== null && (s.$$typeof === y || s.$$typeof === g || s.$$typeof === i || s.$$typeof === l || s.$$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.
+      s.$$typeof === Q || s.getModuleId !== void 0));
+    }
+    function ge(s, h, x) {
+      var R = s.displayName;
+      if (R)
+        return R;
+      var M = h.displayName || h.name || "";
+      return M !== "" ? x + "(" + M + ")" : x;
+    }
+    function be(s) {
+      return s.displayName || "Context";
+    }
+    function H(s) {
+      if (s == null)
+        return null;
+      if (typeof s.tag == "number" && C("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof s == "function")
+        return s.displayName || s.name || null;
+      if (typeof s == "string")
+        return s;
+      switch (s) {
+        case r:
+          return "Fragment";
+        case n:
+          return "Portal";
+        case a:
+          return "Profiler";
+        case o:
+          return "StrictMode";
+        case f:
+          return "Suspense";
+        case d:
+          return "SuspenseList";
+      }
+      if (typeof s == "object")
+        switch (s.$$typeof) {
+          case l:
+            var h = s;
+            return be(h) + ".Consumer";
+          case i:
+            var x = s;
+            return be(x._context) + ".Provider";
+          case c:
+            return ge(s, s.render, "ForwardRef");
+          case g:
+            var R = s.displayName || null;
+            return R !== null ? R : H(s.type) || "Memo";
+          case y: {
+            var M = s, V = M._payload, D = M._init;
+            try {
+              return H(D(V));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var ie = Object.assign, ye = 0, $e, ve, Ae, se, xe, Se, q;
+    function Oe() {
+    }
+    Oe.__reactDisabledLog = !0;
+    function ue() {
+      {
+        if (ye === 0) {
+          $e = console.log, ve = console.info, Ae = console.warn, se = console.error, xe = console.group, Se = console.groupCollapsed, q = console.groupEnd;
+          var s = {
+            configurable: !0,
+            enumerable: !0,
+            value: Oe,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: s,
+            log: s,
+            warn: s,
+            error: s,
+            group: s,
+            groupCollapsed: s,
+            groupEnd: s
+          });
+        }
+        ye++;
+      }
+    }
+    function Pe() {
+      {
+        if (ye--, ye === 0) {
+          var s = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: ie({}, s, {
+              value: $e
+            }),
+            info: ie({}, s, {
+              value: ve
+            }),
+            warn: ie({}, s, {
+              value: Ae
+            }),
+            error: ie({}, s, {
+              value: se
+            }),
+            group: ie({}, s, {
+              value: xe
+            }),
+            groupCollapsed: ie({}, s, {
+              value: Se
+            }),
+            groupEnd: ie({}, s, {
+              value: q
+            })
+          });
+        }
+        ye < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var oe = P.ReactCurrentDispatcher, Ce;
+    function de(s, h, x) {
+      {
+        if (Ce === void 0)
+          try {
+            throw Error();
+          } catch (M) {
+            var R = M.stack.trim().match(/\n( *(at )?)/);
+            Ce = R && R[1] || "";
+          }
+        return `
+` + Ce + s;
+      }
+    }
+    var le = !1, Ee;
+    {
+      var pe = typeof WeakMap == "function" ? WeakMap : Map;
+      Ee = new pe();
+    }
+    function Z(s, h) {
+      if (!s || le)
+        return "";
+      {
+        var x = Ee.get(s);
+        if (x !== void 0)
+          return x;
+      }
+      var R;
+      le = !0;
+      var M = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var V;
+      V = oe.current, oe.current = null, ue();
+      try {
+        if (h) {
+          var D = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(D.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(D, []);
+            } catch (z) {
+              R = z;
+            }
+            Reflect.construct(s, [], D);
+          } else {
+            try {
+              D.call();
+            } catch (z) {
+              R = z;
+            }
+            s.call(D.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (z) {
+            R = z;
+          }
+          s();
+        }
+      } catch (z) {
+        if (z && R && typeof z.stack == "string") {
+          for (var F = z.stack.split(`
+`), J = R.stack.split(`
+`), Y = F.length - 1, K = J.length - 1; Y >= 1 && K >= 0 && F[Y] !== J[K]; )
+            K--;
+          for (; Y >= 1 && K >= 0; Y--, K--)
+            if (F[Y] !== J[K]) {
+              if (Y !== 1 || K !== 1)
+                do
+                  if (Y--, K--, K < 0 || F[Y] !== J[K]) {
+                    var he = `
+` + F[Y].replace(" at new ", " at ");
+                    return s.displayName && he.includes("<anonymous>") && (he = he.replace("<anonymous>", s.displayName)), typeof s == "function" && Ee.set(s, he), he;
+                  }
+                while (Y >= 1 && K >= 0);
+              break;
+            }
+        }
+      } finally {
+        le = !1, oe.current = V, Pe(), Error.prepareStackTrace = M;
+      }
+      var Be = s ? s.displayName || s.name : "", Ne = Be ? de(Be) : "";
+      return typeof s == "function" && Ee.set(s, Ne), Ne;
+    }
+    function nt(s, h, x) {
+      return Z(s, !1);
+    }
+    function rt(s) {
+      var h = s.prototype;
+      return !!(h && h.isReactComponent);
+    }
+    function He(s, h, x) {
+      if (s == null)
+        return "";
+      if (typeof s == "function")
+        return Z(s, rt(s));
+      if (typeof s == "string")
+        return de(s);
+      switch (s) {
+        case f:
+          return de("Suspense");
+        case d:
+          return de("SuspenseList");
+      }
+      if (typeof s == "object")
+        switch (s.$$typeof) {
+          case c:
+            return nt(s.render);
+          case g:
+            return He(s.type, h, x);
+          case y: {
+            var R = s, M = R._payload, V = R._init;
+            try {
+              return He(V(M), h, x);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var Ie = Object.prototype.hasOwnProperty, ot = {}, U = P.ReactDebugCurrentFrame;
+    function at(s) {
+      if (s) {
+        var h = s._owner, x = He(s.type, s._source, h ? h.type : null);
+        U.setExtraStackFrame(x);
+      } else
+        U.setExtraStackFrame(null);
+    }
+    function it(s, h, x, R, M) {
+      {
+        var V = Function.call.bind(Ie);
+        for (var D in s)
+          if (V(s, D)) {
+            var F = void 0;
+            try {
+              if (typeof s[D] != "function") {
+                var J = Error((R || "React class") + ": " + x + " type `" + D + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[D] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw J.name = "Invariant Violation", J;
+              }
+              F = s[D](h, D, R, x, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (Y) {
+              F = Y;
+            }
+            F && !(F instanceof Error) && (at(M), C("%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).", R || "React class", x, D, typeof F), at(null)), F instanceof Error && !(F.message in ot) && (ot[F.message] = !0, at(M), C("Failed %s type: %s", x, F.message), at(null));
+          }
+      }
+    }
+    var Yt = Array.isArray;
+    function st(s) {
+      return Yt(s);
+    }
+    function Ut(s) {
+      {
+        var h = typeof Symbol == "function" && Symbol.toStringTag, x = h && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return x;
+      }
+    }
+    function Kt(s) {
+      try {
+        return Qt(s), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Qt(s) {
+      return "" + s;
+    }
+    function Jt(s) {
+      if (Kt(s))
+        return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ut(s)), Qt(s);
+    }
+    var Ot = P.ReactCurrentOwner, Pt = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Xt, Zt;
+    function en(s) {
+      if (Ie.call(s, "ref")) {
+        var h = Object.getOwnPropertyDescriptor(s, "ref").get;
+        if (h && h.isReactWarning)
+          return !1;
+      }
+      return s.ref !== void 0;
+    }
+    function tn(s) {
+      if (Ie.call(s, "key")) {
+        var h = Object.getOwnPropertyDescriptor(s, "key").get;
+        if (h && h.isReactWarning)
+          return !1;
+      }
+      return s.key !== void 0;
+    }
+    function Ln(s, h) {
+      typeof s.ref == "string" && Ot.current;
+    }
+    function Mn(s, h) {
+      {
+        var x = function() {
+          Xt || (Xt = !0, C("%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)", h));
+        };
+        x.isReactWarning = !0, Object.defineProperty(s, "key", {
+          get: x,
+          configurable: !0
+        });
+      }
+    }
+    function nn(s, h) {
+      {
+        var x = function() {
+          Zt || (Zt = !0, C("%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)", h));
+        };
+        x.isReactWarning = !0, Object.defineProperty(s, "ref", {
+          get: x,
+          configurable: !0
+        });
+      }
+    }
+    var Hn = function(s, h, x, R, M, V, D) {
+      var F = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: t,
+        // Built-in properties that belong on the element
+        type: s,
+        key: h,
+        ref: x,
+        props: D,
+        // Record the component responsible for creating this element.
+        _owner: V
+      };
+      return F._store = {}, Object.defineProperty(F._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(F, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: R
+      }), Object.defineProperty(F, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: M
+      }), Object.freeze && (Object.freeze(F.props), Object.freeze(F)), F;
+    };
+    function zn(s, h, x, R, M) {
+      {
+        var V, D = {}, F = null, J = null;
+        x !== void 0 && (Jt(x), F = "" + x), tn(h) && (Jt(h.key), F = "" + h.key), en(h) && (J = h.ref, Ln(h, M));
+        for (V in h)
+          Ie.call(h, V) && !Pt.hasOwnProperty(V) && (D[V] = h[V]);
+        if (s && s.defaultProps) {
+          var Y = s.defaultProps;
+          for (V in Y)
+            D[V] === void 0 && (D[V] = Y[V]);
+        }
+        if (F || J) {
+          var K = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
+          F && Mn(D, K), J && nn(D, K);
+        }
+        return Hn(s, F, J, M, R, Ot.current, D);
+      }
+    }
+    var jt = P.ReactCurrentOwner, kt = P.ReactDebugCurrentFrame;
+    function ze(s) {
+      if (s) {
+        var h = s._owner, x = He(s.type, s._source, h ? h.type : null);
+        kt.setExtraStackFrame(x);
+      } else
+        kt.setExtraStackFrame(null);
+    }
+    var lt;
+    lt = !1;
+    function ct(s) {
+      return typeof s == "object" && s !== null && s.$$typeof === t;
+    }
+    function We() {
+      {
+        if (jt.current) {
+          var s = H(jt.current.type);
+          if (s)
+            return `
+
+Check the render method of \`` + s + "`.";
+        }
+        return "";
+      }
+    }
+    function Wn(s) {
+      return "";
+    }
+    var rn = {};
+    function on(s) {
+      {
+        var h = We();
+        if (!h) {
+          var x = typeof s == "string" ? s : s.displayName || s.name;
+          x && (h = `
+
+Check the top-level render call using <` + x + ">.");
+        }
+        return h;
+      }
+    }
+    function Tt(s, h) {
+      {
+        if (!s._store || s._store.validated || s.key != null)
+          return;
+        s._store.validated = !0;
+        var x = on(h);
+        if (rn[x])
+          return;
+        rn[x] = !0;
+        var R = "";
+        s && s._owner && s._owner !== jt.current && (R = " It was passed a child from " + H(s._owner.type) + "."), ze(s), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', x, R), ze(null);
+      }
+    }
+    function _t(s, h) {
+      {
+        if (typeof s != "object")
+          return;
+        if (st(s))
+          for (var x = 0; x < s.length; x++) {
+            var R = s[x];
+            ct(R) && Tt(R, h);
+          }
+        else if (ct(s))
+          s._store && (s._store.validated = !0);
+        else if (s) {
+          var M = $(s);
+          if (typeof M == "function" && M !== s.entries)
+            for (var V = M.call(s), D; !(D = V.next()).done; )
+              ct(D.value) && Tt(D.value, h);
+        }
+      }
+    }
+    function an(s) {
+      {
+        var h = s.type;
+        if (h == null || typeof h == "string")
+          return;
+        var x;
+        if (typeof h == "function")
+          x = h.propTypes;
+        else if (typeof h == "object" && (h.$$typeof === c || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        h.$$typeof === g))
+          x = h.propTypes;
+        else
+          return;
+        if (x) {
+          var R = H(h);
+          it(x, s.props, "prop", R, s);
+        } else if (h.PropTypes !== void 0 && !lt) {
+          lt = !0;
+          var M = H(h);
+          C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", M || "Unknown");
+        }
+        typeof h.getDefaultProps == "function" && !h.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function sn(s) {
+      {
+        for (var h = Object.keys(s.props), x = 0; x < h.length; x++) {
+          var R = h[x];
+          if (R !== "children" && R !== "key") {
+            ze(s), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", R), ze(null);
+            break;
+          }
+        }
+        s.ref !== null && (ze(s), C("Invalid attribute `ref` supplied to `React.Fragment`."), ze(null));
+      }
+    }
+    var Dt = {};
+    function At(s, h, x, R, M, V) {
+      {
+        var D = re(s);
+        if (!D) {
+          var F = "";
+          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (F += " 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 = Wn();
+          J ? F += J : F += We();
+          var Y;
+          s === null ? Y = "null" : st(s) ? Y = "array" : s !== void 0 && s.$$typeof === t ? (Y = "<" + (H(s.type) || "Unknown") + " />", F = " Did you accidentally export a JSX literal instead of a component?") : Y = typeof s, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Y, F);
+        }
+        var K = zn(s, h, x, M, V);
+        if (K == null)
+          return K;
+        if (D) {
+          var he = h.children;
+          if (he !== void 0)
+            if (R)
+              if (st(he)) {
+                for (var Be = 0; Be < he.length; Be++)
+                  _t(he[Be], s);
+                Object.freeze && Object.freeze(he);
+              } else
+                C("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
+              _t(he, s);
+        }
+        if (Ie.call(h, "key")) {
+          var Ne = H(s), z = Object.keys(h).filter(function(Gn) {
+            return Gn !== "key";
+          }), Fe = z.length > 0 ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Dt[Ne + Fe]) {
+            var qn = z.length > 0 ? "{" + z.join(": ..., ") + ": ...}" : "{}";
+            C(`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} />`, Fe, Ne, qn, Ne), Dt[Ne + Fe] = !0;
+          }
+        }
+        return s === r ? sn(K) : an(K), K;
+      }
+    }
+    function Bn(s, h, x) {
+      return At(s, h, x, !0);
+    }
+    function Vn(s, h, x) {
+      return At(s, h, x, !1);
+    }
+    var _e = Vn, we = Bn;
+    Nt.Fragment = r, Nt.jsx = _e, Nt.jsxs = we;
+  })()), Nt;
+}
+var Tr;
+function xa() {
+  return Tr || (Tr = 1, process.env.NODE_ENV === "production" ? ln.exports = va() : ln.exports = wa()), ln.exports;
+}
+var p = xa(), ce = function() {
+  return ce = Object.assign || function(t) {
+    for (var n, r = 1, o = arguments.length; r < o; r++) {
+      n = arguments[r];
+      for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (t[a] = n[a]);
+    }
+    return t;
+  }, ce.apply(this, arguments);
+};
+function ht(e, t, n) {
+  if (n || arguments.length === 2) for (var r = 0, o = t.length, a; r < o; r++)
+    (a || !(r in t)) && (a || (a = Array.prototype.slice.call(t, 0, r)), a[r] = t[r]);
+  return e.concat(a || Array.prototype.slice.call(t));
+}
+function Sa(e) {
+  var t = /* @__PURE__ */ Object.create(null);
+  return function(n) {
+    return t[n] === void 0 && (t[n] = e(n)), t[n];
+  };
+}
+var Ca = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, Ea = /* @__PURE__ */ Sa(
+  function(e) {
+    return Ca.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+), G = "-ms-", Mt = "-moz-", B = "-webkit-", fo = "comm", kn = "rule", hr = "decl", Ra = "@import", go = "@keyframes", $a = "@layer", ho = Math.abs, mr = String.fromCharCode, ar = Object.assign;
+function Oa(e, t) {
+  return ne(e, 0) ^ 45 ? (((t << 2 ^ ne(e, 0)) << 2 ^ ne(e, 1)) << 2 ^ ne(e, 2)) << 2 ^ ne(e, 3) : 0;
+}
+function mo(e) {
+  return e.trim();
+}
+function Le(e, t) {
+  return (e = t.exec(e)) ? e[0] : e;
+}
+function I(e, t, n) {
+  return e.replace(t, n);
+}
+function bn(e, t, n) {
+  return e.indexOf(t, n);
+}
+function ne(e, t) {
+  return e.charCodeAt(t) | 0;
+}
+function mt(e, t, n) {
+  return e.slice(t, n);
+}
+function De(e) {
+  return e.length;
+}
+function bo(e) {
+  return e.length;
+}
+function Ft(e, t) {
+  return t.push(e), e;
+}
+function Pa(e, t) {
+  return e.map(t).join("");
+}
+function _r(e, t) {
+  return e.filter(function(n) {
+    return !Le(n, t);
+  });
+}
+var Tn = 1, bt = 1, yo = 0, Re = 0, X = 0, Et = "";
+function _n(e, t, n, r, o, a, i, l) {
+  return { value: e, root: t, parent: n, type: r, props: o, children: a, line: Tn, column: bt, length: i, return: "", siblings: l };
+}
+function qe(e, t) {
+  return ar(_n("", null, null, "", null, null, 0, e.siblings), e, { length: -e.length }, t);
+}
+function pt(e) {
+  for (; e.root; )
+    e = qe(e.root, { children: [e] });
+  Ft(e, e.siblings);
+}
+function ja() {
+  return X;
+}
+function ka() {
+  return X = Re > 0 ? ne(Et, --Re) : 0, bt--, X === 10 && (bt = 1, Tn--), X;
+}
+function ke() {
+  return X = Re < yo ? ne(Et, Re++) : 0, bt++, X === 10 && (bt = 1, Tn++), X;
+}
+function Qe() {
+  return ne(Et, Re);
+}
+function yn() {
+  return Re;
+}
+function Dn(e, t) {
+  return mt(Et, e, t);
+}
+function ir(e) {
+  switch (e) {
+    // \0 \t \n \r \s whitespace token
+    case 0:
+    case 9:
+    case 10:
+    case 13:
+    case 32:
+      return 5;
+    // ! + , / > @ ~ isolate token
+    case 33:
+    case 43:
+    case 44:
+    case 47:
+    case 62:
+    case 64:
+    case 126:
+    // ; { } breakpoint token
+    case 59:
+    case 123:
+    case 125:
+      return 4;
+    // : accompanied token
+    case 58:
+      return 3;
+    // " ' ( [ opening delimit token
+    case 34:
+    case 39:
+    case 40:
+    case 91:
+      return 2;
+    // ) ] closing delimit token
+    case 41:
+    case 93:
+      return 1;
+  }
+  return 0;
+}
+function Ta(e) {
+  return Tn = bt = 1, yo = De(Et = e), Re = 0, [];
+}
+function _a(e) {
+  return Et = "", e;
+}
+function Kn(e) {
+  return mo(Dn(Re - 1, sr(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
+}
+function Da(e) {
+  for (; (X = Qe()) && X < 33; )
+    ke();
+  return ir(e) > 2 || ir(X) > 3 ? "" : " ";
+}
+function Aa(e, t) {
+  for (; --t && ke() && !(X < 48 || X > 102 || X > 57 && X < 65 || X > 70 && X < 97); )
+    ;
+  return Dn(e, yn() + (t < 6 && Qe() == 32 && ke() == 32));
+}
+function sr(e) {
+  for (; ke(); )
+    switch (X) {
+      // ] ) " '
+      case e:
+        return Re;
+      // " '
+      case 34:
+      case 39:
+        e !== 34 && e !== 39 && sr(X);
+        break;
+      // (
+      case 40:
+        e === 41 && sr(e);
+        break;
+      // \
+      case 92:
+        ke();
+        break;
+    }
+  return Re;
+}
+function Ia(e, t) {
+  for (; ke() && e + X !== 57; )
+    if (e + X === 84 && Qe() === 47)
+      break;
+  return "/*" + Dn(t, Re - 1) + "*" + mr(e === 47 ? e : ke());
+}
+function Na(e) {
+  for (; !ir(Qe()); )
+    ke();
+  return Dn(e, Re);
+}
+function Fa(e) {
+  return _a(vn("", null, null, null, [""], e = Ta(e), 0, [0], e));
+}
+function vn(e, t, n, r, o, a, i, l, c) {
+  for (var f = 0, d = 0, g = i, y = 0, b = 0, E = 0, S = 1, $ = 1, P = 1, C = 0, O = "", j = o, _ = a, w = r, v = O; $; )
+    switch (E = C, C = ke()) {
+      // (
+      case 40:
+        if (E != 108 && ne(v, g - 1) == 58) {
+          bn(v += I(Kn(C), "&", "&\f"), "&\f", ho(f ? l[f - 1] : 0)) != -1 && (P = -1);
+          break;
+        }
+      // " ' [
+      case 34:
+      case 39:
+      case 91:
+        v += Kn(C);
+        break;
+      // \t \n \r \s
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        v += Da(E);
+        break;
+      // \
+      case 92:
+        v += Aa(yn() - 1, 7);
+        continue;
+      // /
+      case 47:
+        switch (Qe()) {
+          case 42:
+          case 47:
+            Ft(La(Ia(ke(), yn()), t, n, c), c);
+            break;
+          default:
+            v += "/";
+        }
+        break;
+      // {
+      case 123 * S:
+        l[f++] = De(v) * P;
+      // } ; \0
+      case 125 * S:
+      case 59:
+      case 0:
+        switch (C) {
+          // \0 }
+          case 0:
+          case 125:
+            $ = 0;
+          // ;
+          case 59 + d:
+            P == -1 && (v = I(v, /\f/g, "")), b > 0 && De(v) - g && Ft(b > 32 ? Ar(v + ";", r, n, g - 1, c) : Ar(I(v, " ", "") + ";", r, n, g - 2, c), c);
+            break;
+          // @ ;
+          case 59:
+            v += ";";
+          // { rule/at-rule
+          default:
+            if (Ft(w = Dr(v, t, n, f, d, o, l, O, j = [], _ = [], g, a), a), C === 123)
+              if (d === 0)
+                vn(v, t, w, w, j, a, g, l, _);
+              else
+                switch (y === 99 && ne(v, 3) === 110 ? 100 : y) {
+                  // d l m s
+                  case 100:
+                  case 108:
+                  case 109:
+                  case 115:
+                    vn(e, w, w, r && Ft(Dr(e, w, w, 0, 0, o, l, O, o, j = [], g, _), _), o, _, g, l, r ? j : _);
+                    break;
+                  default:
+                    vn(v, w, w, w, [""], _, 0, l, _);
+                }
+        }
+        f = d = b = 0, S = P = 1, O = v = "", g = i;
+        break;
+      // :
+      case 58:
+        g = 1 + De(v), b = E;
+      default:
+        if (S < 1) {
+          if (C == 123)
+            --S;
+          else if (C == 125 && S++ == 0 && ka() == 125)
+            continue;
+        }
+        switch (v += mr(C), C * S) {
+          // &
+          case 38:
+            P = d > 0 ? 1 : (v += "\f", -1);
+            break;
+          // ,
+          case 44:
+            l[f++] = (De(v) - 1) * P, P = 1;
+            break;
+          // @
+          case 64:
+            Qe() === 45 && (v += Kn(ke())), y = Qe(), d = g = De(O = v += Na(yn())), C++;
+            break;
+          // -
+          case 45:
+            E === 45 && De(v) == 2 && (S = 0);
+        }
+    }
+  return a;
+}
+function Dr(e, t, n, r, o, a, i, l, c, f, d, g) {
+  for (var y = o - 1, b = o === 0 ? a : [""], E = bo(b), S = 0, $ = 0, P = 0; S < r; ++S)
+    for (var C = 0, O = mt(e, y + 1, y = ho($ = i[S])), j = e; C < E; ++C)
+      (j = mo($ > 0 ? b[C] + " " + O : I(O, /&\f/g, b[C]))) && (c[P++] = j);
+  return _n(e, t, n, o === 0 ? kn : l, c, f, d, g);
+}
+function La(e, t, n, r) {
+  return _n(e, t, n, fo, mr(ja()), mt(e, 2, -2), 0, r);
+}
+function Ar(e, t, n, r, o) {
+  return _n(e, t, n, hr, mt(e, 0, r), mt(e, r + 1, -1), r, o);
+}
+function vo(e, t, n) {
+  switch (Oa(e, t)) {
+    // color-adjust
+    case 5103:
+      return B + "print-" + e + e;
+    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
+    case 5737:
+    case 4201:
+    case 3177:
+    case 3433:
+    case 1641:
+    case 4457:
+    case 2921:
+    // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
+    case 5572:
+    case 6356:
+    case 5844:
+    case 3191:
+    case 6645:
+    case 3005:
+    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
+    case 6391:
+    case 5879:
+    case 5623:
+    case 6135:
+    case 4599:
+    case 4855:
+    // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
+    case 4215:
+    case 6389:
+    case 5109:
+    case 5365:
+    case 5621:
+    case 3829:
+      return B + e + e;
+    // tab-size
+    case 4789:
+      return Mt + e + e;
+    // appearance, user-select, transform, hyphens, text-size-adjust
+    case 5349:
+    case 4246:
+    case 4810:
+    case 6968:
+    case 2756:
+      return B + e + Mt + e + G + e + e;
+    // writing-mode
+    case 5936:
+      switch (ne(e, t + 11)) {
+        // vertical-l(r)
+        case 114:
+          return B + e + G + I(e, /[svh]\w+-[tblr]{2}/, "tb") + e;
+        // vertical-r(l)
+        case 108:
+          return B + e + G + I(e, /[svh]\w+-[tblr]{2}/, "tb-rl") + e;
+        // horizontal(-)tb
+        case 45:
+          return B + e + G + I(e, /[svh]\w+-[tblr]{2}/, "lr") + e;
+      }
+    // flex, flex-direction, scroll-snap-type, writing-mode
+    case 6828:
+    case 4268:
+    case 2903:
+      return B + e + G + e + e;
+    // order
+    case 6165:
+      return B + e + G + "flex-" + e + e;
+    // align-items
+    case 5187:
+      return B + e + I(e, /(\w+).+(:[^]+)/, B + "box-$1$2" + G + "flex-$1$2") + e;
+    // align-self
+    case 5443:
+      return B + e + G + "flex-item-" + I(e, /flex-|-self/g, "") + (Le(e, /flex-|baseline/) ? "" : G + "grid-row-" + I(e, /flex-|-self/g, "")) + e;
+    // align-content
+    case 4675:
+      return B + e + G + "flex-line-pack" + I(e, /align-content|flex-|-self/g, "") + e;
+    // flex-shrink
+    case 5548:
+      return B + e + G + I(e, "shrink", "negative") + e;
+    // flex-basis
+    case 5292:
+      return B + e + G + I(e, "basis", "preferred-size") + e;
+    // flex-grow
+    case 6060:
+      return B + "box-" + I(e, "-grow", "") + B + e + G + I(e, "grow", "positive") + e;
+    // transition
+    case 4554:
+      return B + I(e, /([^-])(transform)/g, "$1" + B + "$2") + e;
+    // cursor
+    case 6187:
+      return I(I(I(e, /(zoom-|grab)/, B + "$1"), /(image-set)/, B + "$1"), e, "") + e;
+    // background, background-image
+    case 5495:
+    case 3959:
+      return I(e, /(image-set\([^]*)/, B + "$1$`$1");
+    // justify-content
+    case 4968:
+      return I(I(e, /(.+:)(flex-)?(.*)/, B + "box-pack:$3" + G + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + B + e + e;
+    // justify-self
+    case 4200:
+      if (!Le(e, /flex-|baseline/)) return G + "grid-column-align" + mt(e, t) + e;
+      break;
+    // grid-template-(columns|rows)
+    case 2592:
+    case 3360:
+      return G + I(e, "template-", "") + e;
+    // grid-(row|column)-start
+    case 4384:
+    case 3616:
+      return n && n.some(function(r, o) {
+        return t = o, Le(r.props, /grid-\w+-end/);
+      }) ? ~bn(e + (n = n[t].value), "span", 0) ? e : G + I(e, "-start", "") + e + G + "grid-row-span:" + (~bn(n, "span", 0) ? Le(n, /\d+/) : +Le(n, /\d+/) - +Le(e, /\d+/)) + ";" : G + I(e, "-start", "") + e;
+    // grid-(row|column)-end
+    case 4896:
+    case 4128:
+      return n && n.some(function(r) {
+        return Le(r.props, /grid-\w+-start/);
+      }) ? e : G + I(I(e, "-end", "-span"), "span ", "") + e;
+    // (margin|padding)-inline-(start|end)
+    case 4095:
+    case 3583:
+    case 4068:
+    case 2532:
+      return I(e, /(.+)-inline(.+)/, B + "$1$2") + e;
+    // (min|max)?(width|height|inline-size|block-size)
+    case 8116:
+    case 7059:
+    case 5753:
+    case 5535:
+    case 5445:
+    case 5701:
+    case 4933:
+    case 4677:
+    case 5533:
+    case 5789:
+    case 5021:
+    case 4765:
+      if (De(e) - 1 - t > 6)
+        switch (ne(e, t + 1)) {
+          // (m)ax-content, (m)in-content
+          case 109:
+            if (ne(e, t + 4) !== 45)
+              break;
+          // (f)ill-available, (f)it-content
+          case 102:
+            return I(e, /(.+:)(.+)-([^]+)/, "$1" + B + "$2-$3$1" + Mt + (ne(e, t + 3) == 108 ? "$3" : "$2-$3")) + e;
+          // (s)tretch
+          case 115:
+            return ~bn(e, "stretch", 0) ? vo(I(e, "stretch", "fill-available"), t, n) + e : e;
+        }
+      break;
+    // grid-(column|row)
+    case 5152:
+    case 5920:
+      return I(e, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(r, o, a, i, l, c, f) {
+        return G + o + ":" + a + f + (i ? G + o + "-span:" + (l ? c : +c - +a) + f : "") + e;
+      });
+    // position: sticky
+    case 4949:
+      if (ne(e, t + 6) === 121)
+        return I(e, ":", ":" + B) + e;
+      break;
+    // display: (flex|inline-flex|grid|inline-grid)
+    case 6444:
+      switch (ne(e, ne(e, 14) === 45 ? 18 : 11)) {
+        // (inline-)?fle(x)
+        case 120:
+          return I(e, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + B + (ne(e, 14) === 45 ? "inline-" : "") + "box$3$1" + B + "$2$3$1" + G + "$2box$3") + e;
+        // (inline-)?gri(d)
+        case 100:
+          return I(e, ":", ":" + G) + e;
+      }
+      break;
+    // scroll-margin, scroll-margin-(top|right|bottom|left)
+    case 5719:
+    case 2647:
+    case 2135:
+    case 3927:
+    case 2391:
+      return I(e, "scroll-", "scroll-snap-") + e;
+  }
+  return e;
+}
+function Rn(e, t) {
+  for (var n = "", r = 0; r < e.length; r++)
+    n += t(e[r], r, e, t) || "";
+  return n;
+}
+function Ma(e, t, n, r) {
+  switch (e.type) {
+    case $a:
+      if (e.children.length) break;
+    case Ra:
+    case hr:
+      return e.return = e.return || e.value;
+    case fo:
+      return "";
+    case go:
+      return e.return = e.value + "{" + Rn(e.children, r) + "}";
+    case kn:
+      if (!De(e.value = e.props.join(","))) return "";
+  }
+  return De(n = Rn(e.children, r)) ? e.return = e.value + "{" + n + "}" : "";
+}
+function Ha(e) {
+  var t = bo(e);
+  return function(n, r, o, a) {
+    for (var i = "", l = 0; l < t; l++)
+      i += e[l](n, r, o, a) || "";
+    return i;
+  };
+}
+function za(e) {
+  return function(t) {
+    t.root || (t = t.return) && e(t);
+  };
+}
+function Wa(e, t, n, r) {
+  if (e.length > -1 && !e.return)
+    switch (e.type) {
+      case hr:
+        e.return = vo(e.value, e.length, n);
+        return;
+      case go:
+        return Rn([qe(e, { value: I(e.value, "@", "@" + B) })], r);
+      case kn:
+        if (e.length)
+          return Pa(n = e.props, function(o) {
+            switch (Le(o, r = /(::plac\w+|:read-\w+)/)) {
+              // :read-(only|write)
+              case ":read-only":
+              case ":read-write":
+                pt(qe(e, { props: [I(o, /:(read-\w+)/, ":" + Mt + "$1")] })), pt(qe(e, { props: [o] })), ar(e, { props: _r(n, r) });
+                break;
+              // :placeholder
+              case "::placeholder":
+                pt(qe(e, { props: [I(o, /:(plac\w+)/, ":" + B + "input-$1")] })), pt(qe(e, { props: [I(o, /:(plac\w+)/, ":" + Mt + "$1")] })), pt(qe(e, { props: [I(o, /:(plac\w+)/, G + "input-$1")] })), pt(qe(e, { props: [o] })), ar(e, { props: _r(n, r) });
+                break;
+            }
+            return "";
+          });
+    }
+}
+var Ba = {
+  animationIterationCount: 1,
+  aspectRatio: 1,
+  borderImageOutset: 1,
+  borderImageSlice: 1,
+  borderImageWidth: 1,
+  boxFlex: 1,
+  boxFlexGroup: 1,
+  boxOrdinalGroup: 1,
+  columnCount: 1,
+  columns: 1,
+  flex: 1,
+  flexGrow: 1,
+  flexPositive: 1,
+  flexShrink: 1,
+  flexNegative: 1,
+  flexOrder: 1,
+  gridRow: 1,
+  gridRowEnd: 1,
+  gridRowSpan: 1,
+  gridRowStart: 1,
+  gridColumn: 1,
+  gridColumnEnd: 1,
+  gridColumnSpan: 1,
+  gridColumnStart: 1,
+  msGridRow: 1,
+  msGridRowSpan: 1,
+  msGridColumn: 1,
+  msGridColumnSpan: 1,
+  fontWeight: 1,
+  lineHeight: 1,
+  opacity: 1,
+  order: 1,
+  orphans: 1,
+  tabSize: 1,
+  widows: 1,
+  zIndex: 1,
+  zoom: 1,
+  WebkitLineClamp: 1,
+  // SVG-related properties
+  fillOpacity: 1,
+  floodOpacity: 1,
+  stopOpacity: 1,
+  strokeDasharray: 1,
+  strokeDashoffset: 1,
+  strokeMiterlimit: 1,
+  strokeOpacity: 1,
+  strokeWidth: 1
+}, et = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", wo = "active", xo = "data-styled-version", An = "6.1.11", br = `/*!sc*/
+`, yr = typeof window < "u" && "HTMLElement" in window, Va = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== "" ? process.env.REACT_APP_SC_DISABLE_SPEEDY !== "false" && process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" ? process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== "production"), Ir = /invalid hook call/i, cn = /* @__PURE__ */ new Set(), qa = function(e, t) {
+  if (process.env.NODE_ENV !== "production") {
+    var n = t ? ' with the id of "'.concat(t, '"') : "", r = "The component ".concat(e).concat(n, ` has been created dynamically.
+`) + `You may see this warning because you've called styled inside another component.
+To resolve this only create new StyledComponents outside of any render method and function component.`, o = console.error;
+    try {
+      var a = !0;
+      console.error = function(i) {
+        for (var l = [], c = 1; c < arguments.length; c++) l[c - 1] = arguments[c];
+        Ir.test(i) ? (a = !1, cn.delete(r)) : o.apply(void 0, ht([i], l, !1));
+      }, Wt(), a && !cn.has(r) && (console.warn(r), cn.add(r));
+    } catch (i) {
+      Ir.test(i.message) && cn.delete(r);
+    } finally {
+      console.error = o;
+    }
+  }
+}, In = Object.freeze([]), yt = Object.freeze({});
+function Ga(e, t, n) {
+  return n === void 0 && (n = yt), e.theme !== n.theme && e.theme || t || n.theme;
+}
+var lr = /* @__PURE__ */ new Set(["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "u", "ul", "use", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"]), Ya = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, Ua = /(^-|-$)/g;
+function Nr(e) {
+  return e.replace(Ya, "-").replace(Ua, "");
+}
+var Ka = /(a)(d)/gi, un = 52, Fr = function(e) {
+  return String.fromCharCode(e + (e > 25 ? 39 : 97));
+};
+function cr(e) {
+  var t, n = "";
+  for (t = Math.abs(e); t > un; t = t / un | 0) n = Fr(t % un) + n;
+  return (Fr(t % un) + n).replace(Ka, "$1-$2");
+}
+var Qn, So = 5381, Ue = function(e, t) {
+  for (var n = t.length; n; ) e = 33 * e ^ t.charCodeAt(--n);
+  return e;
+}, Co = function(e) {
+  return Ue(So, e);
+};
+function Qa(e) {
+  return cr(Co(e) >>> 0);
+}
+function Eo(e) {
+  return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
+}
+function Jn(e) {
+  return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
+}
+var Ro = typeof Symbol == "function" && Symbol.for, $o = Ro ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, Ja = Ro ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, Xa = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, Za = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, Oo = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, ei = ((Qn = {})[Ja] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, Qn[$o] = Oo, Qn);
+function Lr(e) {
+  return ("type" in (t = e) && t.type.$$typeof) === $o ? Oo : "$$typeof" in e ? ei[e.$$typeof] : Xa;
+  var t;
+}
+var ti = Object.defineProperty, ni = Object.getOwnPropertyNames, Mr = Object.getOwnPropertySymbols, ri = Object.getOwnPropertyDescriptor, oi = Object.getPrototypeOf, Hr = Object.prototype;
+function Po(e, t, n) {
+  if (typeof t != "string") {
+    if (Hr) {
+      var r = oi(t);
+      r && r !== Hr && Po(e, r, n);
+    }
+    var o = ni(t);
+    Mr && (o = o.concat(Mr(t)));
+    for (var a = Lr(e), i = Lr(t), l = 0; l < o.length; ++l) {
+      var c = o[l];
+      if (!(c in Za || n && n[c] || i && c in i || a && c in a)) {
+        var f = ri(t, c);
+        try {
+          ti(e, c, f);
+        } catch {
+        }
+      }
+    }
+  }
+  return e;
+}
+function tt(e) {
+  return typeof e == "function";
+}
+function vr(e) {
+  return typeof e == "object" && "styledComponentId" in e;
+}
+function Ke(e, t) {
+  return e && t ? "".concat(e, " ").concat(t) : e || t || "";
+}
+function zr(e, t) {
+  if (e.length === 0) return "";
+  for (var n = e[0], r = 1; r < e.length; r++) n += e[r];
+  return n;
+}
+function vt(e) {
+  return e !== null && typeof e == "object" && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
+}
+function ur(e, t, n) {
+  if (n === void 0 && (n = !1), !n && !vt(e) && !Array.isArray(e)) return t;
+  if (Array.isArray(t)) for (var r = 0; r < t.length; r++) e[r] = ur(e[r], t[r]);
+  else if (vt(t)) for (var r in t) e[r] = ur(e[r], t[r]);
+  return e;
+}
+function wr(e, t) {
+  Object.defineProperty(e, "toString", { value: t });
+}
+var ai = process.env.NODE_ENV !== "production" ? { 1: `Cannot create styled-component for component: %s.
+
+`, 2: `Can't collect styles once you've consumed a \`ServerStyleSheet\`'s styles! \`ServerStyleSheet\` is a one off instance for each server-side render cycle.
+
+- Are you trying to reuse it across renders?
+- Are you accidentally calling collectStyles twice?
+
+`, 3: `Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.
+
+`, 4: `The \`StyleSheetManager\` expects a valid target or sheet prop!
+
+- Does this error occur on the client and is your target falsy?
+- Does this error occur on the server and is the sheet falsy?
+
+`, 5: `The clone method cannot be used on the client!
+
+- Are you running in a client-like environment on the server?
+- Are you trying to run SSR on the client?
+
+`, 6: `Trying to insert a new style tag, but the given Node is unmounted!
+
+- Are you using a custom target that isn't mounted?
+- Does your document not have a valid head element?
+- Have you accidentally removed a style tag manually?
+
+`, 7: 'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n', 8: `ThemeProvider: Please make your "theme" prop an object.
+
+`, 9: "Missing document `<head>`\n\n", 10: `Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021
+
+`, 11: `_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.
+
+`, 12: "It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n", 13: `%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.
+
+`, 14: `ThemeProvider: "theme" prop is required.
+
+`, 15: "A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n", 16: `Reached the limit of how many styled components may be created at group %s.
+You may only create up to 1,073,741,824 components. If you're creating components dynamically,
+as for instance in your render method then you may be running into this limitation.
+
+`, 17: `CSSStyleSheet could not be found on HTMLStyleElement.
+Has styled-components' style tag been unmounted or altered by another script?
+`, 18: "ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`" } : {};
+function ii() {
+  for (var e = [], t = 0; t < arguments.length; t++) e[t] = arguments[t];
+  for (var n = e[0], r = [], o = 1, a = e.length; o < a; o += 1) r.push(e[o]);
+  return r.forEach(function(i) {
+    n = n.replace(/%[a-z]/, i);
+  }), n;
+}
+function Me(e) {
+  for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
+  return process.env.NODE_ENV === "production" ? new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e, " for more information.").concat(t.length > 0 ? " Args: ".concat(t.join(", ")) : "")) : new Error(ii.apply(void 0, ht([ai[e]], t, !1)).trim());
+}
+var si = (function() {
+  function e(t) {
+    this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = t;
+  }
+  return e.prototype.indexOfGroup = function(t) {
+    for (var n = 0, r = 0; r < t; r++) n += this.groupSizes[r];
+    return n;
+  }, e.prototype.insertRules = function(t, n) {
+    if (t >= this.groupSizes.length) {
+      for (var r = this.groupSizes, o = r.length, a = o; t >= a; ) if ((a <<= 1) < 0) throw Me(16, "".concat(t));
+      this.groupSizes = new Uint32Array(a), this.groupSizes.set(r), this.length = a;
+      for (var i = o; i < a; i++) this.groupSizes[i] = 0;
+    }
+    for (var l = this.indexOfGroup(t + 1), c = (i = 0, n.length); i < c; i++) this.tag.insertRule(l, n[i]) && (this.groupSizes[t]++, l++);
+  }, e.prototype.clearGroup = function(t) {
+    if (t < this.length) {
+      var n = this.groupSizes[t], r = this.indexOfGroup(t), o = r + n;
+      this.groupSizes[t] = 0;
+      for (var a = r; a < o; a++) this.tag.deleteRule(r);
+    }
+  }, e.prototype.getGroup = function(t) {
+    var n = "";
+    if (t >= this.length || this.groupSizes[t] === 0) return n;
+    for (var r = this.groupSizes[t], o = this.indexOfGroup(t), a = o + r, i = o; i < a; i++) n += "".concat(this.tag.getRule(i)).concat(br);
+    return n;
+  }, e;
+})(), li = 1 << 30, wn = /* @__PURE__ */ new Map(), $n = /* @__PURE__ */ new Map(), xn = 1, dn = function(e) {
+  if (wn.has(e)) return wn.get(e);
+  for (; $n.has(xn); ) xn++;
+  var t = xn++;
+  if (process.env.NODE_ENV !== "production" && ((0 | t) < 0 || t > li)) throw Me(16, "".concat(t));
+  return wn.set(e, t), $n.set(t, e), t;
+}, ci = function(e, t) {
+  xn = t + 1, wn.set(e, t), $n.set(t, e);
+}, ui = "style[".concat(et, "][").concat(xo, '="').concat(An, '"]'), di = new RegExp("^".concat(et, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), pi = function(e, t, n) {
+  for (var r, o = n.split(","), a = 0, i = o.length; a < i; a++) (r = o[a]) && e.registerName(t, r);
+}, fi = function(e, t) {
+  for (var n, r = ((n = t.textContent) !== null && n !== void 0 ? n : "").split(br), o = [], a = 0, i = r.length; a < i; a++) {
+    var l = r[a].trim();
+    if (l) {
+      var c = l.match(di);
+      if (c) {
+        var f = 0 | parseInt(c[1], 10), d = c[2];
+        f !== 0 && (ci(d, f), pi(e, d, c[3]), e.getTag().insertRules(f, o)), o.length = 0;
+      } else o.push(l);
+    }
+  }
+};
+function gi() {
+  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
+}
+var jo = function(e) {
+  var t = document.head, n = e || t, r = document.createElement("style"), o = (function(l) {
+    var c = Array.from(l.querySelectorAll("style[".concat(et, "]")));
+    return c[c.length - 1];
+  })(n), a = o !== void 0 ? o.nextSibling : null;
+  r.setAttribute(et, wo), r.setAttribute(xo, An);
+  var i = gi();
+  return i && r.setAttribute("nonce", i), n.insertBefore(r, a), r;
+}, hi = (function() {
+  function e(t) {
+    this.element = jo(t), this.element.appendChild(document.createTextNode("")), this.sheet = (function(n) {
+      if (n.sheet) return n.sheet;
+      for (var r = document.styleSheets, o = 0, a = r.length; o < a; o++) {
+        var i = r[o];
+        if (i.ownerNode === n) return i;
+      }
+      throw Me(17);
+    })(this.element), this.length = 0;
+  }
+  return e.prototype.insertRule = function(t, n) {
+    try {
+      return this.sheet.insertRule(n, t), this.length++, !0;
+    } catch {
+      return !1;
+    }
+  }, e.prototype.deleteRule = function(t) {
+    this.sheet.deleteRule(t), this.length--;
+  }, e.prototype.getRule = function(t) {
+    var n = this.sheet.cssRules[t];
+    return n && n.cssText ? n.cssText : "";
+  }, e;
+})(), mi = (function() {
+  function e(t) {
+    this.element = jo(t), this.nodes = this.element.childNodes, this.length = 0;
+  }
+  return e.prototype.insertRule = function(t, n) {
+    if (t <= this.length && t >= 0) {
+      var r = document.createTextNode(n);
+      return this.element.insertBefore(r, this.nodes[t] || null), this.length++, !0;
+    }
+    return !1;
+  }, e.prototype.deleteRule = function(t) {
+    this.element.removeChild(this.nodes[t]), this.length--;
+  }, e.prototype.getRule = function(t) {
+    return t < this.length ? this.nodes[t].textContent : "";
+  }, e;
+})(), bi = (function() {
+  function e(t) {
+    this.rules = [], this.length = 0;
+  }
+  return e.prototype.insertRule = function(t, n) {
+    return t <= this.length && (this.rules.splice(t, 0, n), this.length++, !0);
+  }, e.prototype.deleteRule = function(t) {
+    this.rules.splice(t, 1), this.length--;
+  }, e.prototype.getRule = function(t) {
+    return t < this.length ? this.rules[t] : "";
+  }, e;
+})(), Wr = yr, yi = { isServer: !yr, useCSSOMInjection: !Va }, ko = (function() {
+  function e(t, n, r) {
+    t === void 0 && (t = yt), n === void 0 && (n = {});
+    var o = this;
+    this.options = ce(ce({}, yi), t), this.gs = n, this.names = new Map(r), this.server = !!t.isServer, !this.server && yr && Wr && (Wr = !1, (function(a) {
+      for (var i = document.querySelectorAll(ui), l = 0, c = i.length; l < c; l++) {
+        var f = i[l];
+        f && f.getAttribute(et) !== wo && (fi(a, f), f.parentNode && f.parentNode.removeChild(f));
+      }
+    })(this)), wr(this, function() {
+      return (function(a) {
+        for (var i = a.getTag(), l = i.length, c = "", f = function(g) {
+          var y = (function(P) {
+            return $n.get(P);
+          })(g);
+          if (y === void 0) return "continue";
+          var b = a.names.get(y), E = i.getGroup(g);
+          if (b === void 0 || E.length === 0) return "continue";
+          var S = "".concat(et, ".g").concat(g, '[id="').concat(y, '"]'), $ = "";
+          b !== void 0 && b.forEach(function(P) {
+            P.length > 0 && ($ += "".concat(P, ","));
+          }), c += "".concat(E).concat(S, '{content:"').concat($, '"}').concat(br);
+        }, d = 0; d < l; d++) f(d);
+        return c;
+      })(o);
+    });
+  }
+  return e.registerId = function(t) {
+    return dn(t);
+  }, e.prototype.reconstructWithOptions = function(t, n) {
+    return n === void 0 && (n = !0), new e(ce(ce({}, this.options), t), this.gs, n && this.names || void 0);
+  }, e.prototype.allocateGSInstance = function(t) {
+    return this.gs[t] = (this.gs[t] || 0) + 1;
+  }, e.prototype.getTag = function() {
+    return this.tag || (this.tag = (t = (function(n) {
+      var r = n.useCSSOMInjection, o = n.target;
+      return n.isServer ? new bi(o) : r ? new hi(o) : new mi(o);
+    })(this.options), new si(t)));
+    var t;
+  }, e.prototype.hasNameForId = function(t, n) {
+    return this.names.has(t) && this.names.get(t).has(n);
+  }, e.prototype.registerName = function(t, n) {
+    if (dn(t), this.names.has(t)) this.names.get(t).add(n);
+    else {
+      var r = /* @__PURE__ */ new Set();
+      r.add(n), this.names.set(t, r);
+    }
+  }, e.prototype.insertRules = function(t, n, r) {
+    this.registerName(t, n), this.getTag().insertRules(dn(t), r);
+  }, e.prototype.clearNames = function(t) {
+    this.names.has(t) && this.names.get(t).clear();
+  }, e.prototype.clearRules = function(t) {
+    this.getTag().clearGroup(dn(t)), this.clearNames(t);
+  }, e.prototype.clearTag = function() {
+    this.tag = void 0;
+  }, e;
+})(), vi = /&/g, wi = /^\s*\/\/.*$/gm;
+function To(e, t) {
+  return e.map(function(n) {
+    return n.type === "rule" && (n.value = "".concat(t, " ").concat(n.value), n.value = n.value.replaceAll(",", ",".concat(t, " ")), n.props = n.props.map(function(r) {
+      return "".concat(t, " ").concat(r);
+    })), Array.isArray(n.children) && n.type !== "@keyframes" && (n.children = To(n.children, t)), n;
+  });
+}
+function xi(e) {
+  var t, n, r, o = yt, a = o.options, i = a === void 0 ? yt : a, l = o.plugins, c = l === void 0 ? In : l, f = function(y, b, E) {
+    return E.startsWith(n) && E.endsWith(n) && E.replaceAll(n, "").length > 0 ? ".".concat(t) : y;
+  }, d = c.slice();
+  d.push(function(y) {
+    y.type === kn && y.value.includes("&") && (y.props[0] = y.props[0].replace(vi, n).replace(r, f));
+  }), i.prefix && d.push(Wa), d.push(Ma);
+  var g = function(y, b, E, S) {
+    b === void 0 && (b = ""), E === void 0 && (E = ""), S === void 0 && (S = "&"), t = S, n = b, r = new RegExp("\\".concat(n, "\\b"), "g");
+    var $ = y.replace(wi, ""), P = Fa(E || b ? "".concat(E, " ").concat(b, " { ").concat($, " }") : $);
+    i.namespace && (P = To(P, i.namespace));
+    var C = [];
+    return Rn(P, Ha(d.concat(za(function(O) {
+      return C.push(O);
+    })))), C;
+  };
+  return g.hash = c.length ? c.reduce(function(y, b) {
+    return b.name || Me(15), Ue(y, b.name);
+  }, So).toString() : "", g;
+}
+var Si = new ko(), dr = xi(), _o = A.createContext({ shouldForwardProp: void 0, styleSheet: Si, stylis: dr });
+_o.Consumer;
+A.createContext(void 0);
+function Br() {
+  return Te(_o);
+}
+var Vr = (function() {
+  function e(t, n) {
+    var r = this;
+    this.inject = function(o, a) {
+      a === void 0 && (a = dr);
+      var i = r.name + a.hash;
+      o.hasNameForId(r.id, i) || o.insertRules(r.id, i, a(r.rules, i, "@keyframes"));
+    }, this.name = t, this.id = "sc-keyframes-".concat(t), this.rules = n, wr(this, function() {
+      throw Me(12, String(r.name));
+    });
+  }
+  return e.prototype.getName = function(t) {
+    return t === void 0 && (t = dr), this.name + t.hash;
+  }, e;
+})(), Ci = function(e) {
+  return e >= "A" && e <= "Z";
+};
+function qr(e) {
+  for (var t = "", n = 0; n < e.length; n++) {
+    var r = e[n];
+    if (n === 1 && r === "-" && e[0] === "-") return e;
+    Ci(r) ? t += "-" + r.toLowerCase() : t += r;
+  }
+  return t.startsWith("ms-") ? "-" + t : t;
+}
+var Do = function(e) {
+  return e == null || e === !1 || e === "";
+}, Ao = function(e) {
+  var t, n, r = [];
+  for (var o in e) {
+    var a = e[o];
+    e.hasOwnProperty(o) && !Do(a) && (Array.isArray(a) && a.isCss || tt(a) ? r.push("".concat(qr(o), ":"), a, ";") : vt(a) ? r.push.apply(r, ht(ht(["".concat(o, " {")], Ao(a), !1), ["}"], !1)) : r.push("".concat(qr(o), ": ").concat((t = o, (n = a) == null || typeof n == "boolean" || n === "" ? "" : typeof n != "number" || n === 0 || t in Ba || t.startsWith("--") ? String(n).trim() : "".concat(n, "px")), ";")));
+  }
+  return r;
+};
+function Je(e, t, n, r) {
+  if (Do(e)) return [];
+  if (vr(e)) return [".".concat(e.styledComponentId)];
+  if (tt(e)) {
+    if (!tt(a = e) || a.prototype && a.prototype.isReactComponent || !t) return [e];
+    var o = e(t);
+    return process.env.NODE_ENV === "production" || typeof o != "object" || Array.isArray(o) || o instanceof Vr || vt(o) || o === null || console.error("".concat(Eo(e), " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")), Je(o, t, n, r);
+  }
+  var a;
+  return e instanceof Vr ? n ? (e.inject(n, r), [e.getName(r)]) : [e] : vt(e) ? Ao(e) : Array.isArray(e) ? Array.prototype.concat.apply(In, e.map(function(i) {
+    return Je(i, t, n, r);
+  })) : [e.toString()];
+}
+function Ei(e) {
+  for (var t = 0; t < e.length; t += 1) {
+    var n = e[t];
+    if (tt(n) && !vr(n)) return !1;
+  }
+  return !0;
+}
+var Ri = Co(An), $i = (function() {
+  function e(t, n, r) {
+    this.rules = t, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (r === void 0 || r.isStatic) && Ei(t), this.componentId = n, this.baseHash = Ue(Ri, n), this.baseStyle = r, ko.registerId(n);
+  }
+  return e.prototype.generateAndInjectStyles = function(t, n, r) {
+    var o = this.baseStyle ? this.baseStyle.generateAndInjectStyles(t, n, r) : "";
+    if (this.isStatic && !r.hash) if (this.staticRulesId && n.hasNameForId(this.componentId, this.staticRulesId)) o = Ke(o, this.staticRulesId);
+    else {
+      var a = zr(Je(this.rules, t, n, r)), i = cr(Ue(this.baseHash, a) >>> 0);
+      if (!n.hasNameForId(this.componentId, i)) {
+        var l = r(a, ".".concat(i), void 0, this.componentId);
+        n.insertRules(this.componentId, i, l);
+      }
+      o = Ke(o, i), this.staticRulesId = i;
+    }
+    else {
+      for (var c = Ue(this.baseHash, r.hash), f = "", d = 0; d < this.rules.length; d++) {
+        var g = this.rules[d];
+        if (typeof g == "string") f += g, process.env.NODE_ENV !== "production" && (c = Ue(c, g));
+        else if (g) {
+          var y = zr(Je(g, t, n, r));
+          c = Ue(c, y + d), f += y;
+        }
+      }
+      if (f) {
+        var b = cr(c >>> 0);
+        n.hasNameForId(this.componentId, b) || n.insertRules(this.componentId, b, r(f, ".".concat(b), void 0, this.componentId)), o = Ke(o, b);
+      }
+    }
+    return o;
+  }, e;
+})(), On = A.createContext(void 0);
+On.Consumer;
+function Oi(e) {
+  var t = A.useContext(On), n = ae(function() {
+    return (function(r, o) {
+      if (!r) throw Me(14);
+      if (tt(r)) {
+        var a = r(o);
+        if (process.env.NODE_ENV !== "production" && (a === null || Array.isArray(a) || typeof a != "object")) throw Me(7);
+        return a;
+      }
+      if (Array.isArray(r) || typeof r != "object") throw Me(8);
+      return o ? ce(ce({}, o), r) : r;
+    })(e.theme, t);
+  }, [e.theme, t]);
+  return e.children ? A.createElement(On.Provider, { value: n }, e.children) : null;
+}
+var Xn = {}, Gr = /* @__PURE__ */ new Set();
+function Pi(e, t, n) {
+  var r = vr(e), o = e, a = !Jn(e), i = t.attrs, l = i === void 0 ? In : i, c = t.componentId, f = c === void 0 ? (function(j, _) {
+    var w = typeof j != "string" ? "sc" : Nr(j);
+    Xn[w] = (Xn[w] || 0) + 1;
+    var v = "".concat(w, "-").concat(Qa(An + w + Xn[w]));
+    return _ ? "".concat(_, "-").concat(v) : v;
+  })(t.displayName, t.parentComponentId) : c, d = t.displayName, g = d === void 0 ? (function(j) {
+    return Jn(j) ? "styled.".concat(j) : "Styled(".concat(Eo(j), ")");
+  })(e) : d, y = t.displayName && t.componentId ? "".concat(Nr(t.displayName), "-").concat(t.componentId) : t.componentId || f, b = r && o.attrs ? o.attrs.concat(l).filter(Boolean) : l, E = t.shouldForwardProp;
+  if (r && o.shouldForwardProp) {
+    var S = o.shouldForwardProp;
+    if (t.shouldForwardProp) {
+      var $ = t.shouldForwardProp;
+      E = function(j, _) {
+        return S(j, _) && $(j, _);
+      };
+    } else E = S;
+  }
+  var P = new $i(n, y, r ? o.componentStyle : void 0);
+  function C(j, _) {
+    return (function(w, v, N) {
+      var Q = w.attrs, re = w.componentStyle, ge = w.defaultProps, be = w.foldedComponentIds, H = w.styledComponentId, ie = w.target, ye = A.useContext(On), $e = Br(), ve = w.shouldForwardProp || $e.shouldForwardProp;
+      process.env.NODE_ENV !== "production" && Or(H);
+      var Ae = Ga(v, ye, ge) || yt, se = (function(Pe, oe, Ce) {
+        for (var de, le = ce(ce({}, oe), { className: void 0, theme: Ce }), Ee = 0; Ee < Pe.length; Ee += 1) {
+          var pe = tt(de = Pe[Ee]) ? de(le) : de;
+          for (var Z in pe) le[Z] = Z === "className" ? Ke(le[Z], pe[Z]) : Z === "style" ? ce(ce({}, le[Z]), pe[Z]) : pe[Z];
+        }
+        return oe.className && (le.className = Ke(le.className, oe.className)), le;
+      })(Q, v, Ae), xe = se.as || ie, Se = {};
+      for (var q in se) se[q] === void 0 || q[0] === "$" || q === "as" || q === "theme" && se.theme === Ae || (q === "forwardedAs" ? Se.as = se.forwardedAs : ve && !ve(q, xe) || (Se[q] = se[q], ve || process.env.NODE_ENV !== "development" || Ea(q) || Gr.has(q) || !lr.has(xe) || (Gr.add(q), console.warn('styled-components: it looks like an unknown prop "'.concat(q, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
+      var Oe = (function(Pe, oe) {
+        var Ce = Br(), de = Pe.generateAndInjectStyles(oe, Ce.styleSheet, Ce.stylis);
+        return process.env.NODE_ENV !== "production" && Or(de), de;
+      })(re, se);
+      process.env.NODE_ENV !== "production" && w.warnTooManyClasses && w.warnTooManyClasses(Oe);
+      var ue = Ke(be, H);
+      return Oe && (ue += " " + Oe), se.className && (ue += " " + se.className), Se[Jn(xe) && !lr.has(xe) ? "class" : "className"] = ue, Se.ref = N, ua(xe, Se);
+    })(O, j, _);
+  }
+  C.displayName = g;
+  var O = A.forwardRef(C);
+  return O.attrs = b, O.componentStyle = P, O.displayName = g, O.shouldForwardProp = E, O.foldedComponentIds = r ? Ke(o.foldedComponentIds, o.styledComponentId) : "", O.styledComponentId = y, O.target = r ? o.target : e, Object.defineProperty(O, "defaultProps", { get: function() {
+    return this._foldedDefaultProps;
+  }, set: function(j) {
+    this._foldedDefaultProps = r ? (function(_) {
+      for (var w = [], v = 1; v < arguments.length; v++) w[v - 1] = arguments[v];
+      for (var N = 0, Q = w; N < Q.length; N++) ur(_, Q[N], !0);
+      return _;
+    })({}, o.defaultProps, j) : j;
+  } }), process.env.NODE_ENV !== "production" && (qa(g, y), O.warnTooManyClasses = /* @__PURE__ */ (function(j, _) {
+    var w = {}, v = !1;
+    return function(N) {
+      if (!v && (w[N] = !0, Object.keys(w).length >= 200)) {
+        var Q = _ ? ' with the id of "'.concat(_, '"') : "";
+        console.warn("Over ".concat(200, " classes were generated for component ").concat(j).concat(Q, `.
+`) + `Consider using the attrs method, together with a style object for frequently changed styles.
+Example:
+  const Component = styled.div.attrs(props => ({
+    style: {
+      background: props.background,
+    },
+  }))\`width: 100%;\`
+
+  <Component />`), v = !0, w = {};
+      }
+    };
+  })(g, y)), wr(O, function() {
+    return ".".concat(O.styledComponentId);
+  }), a && Po(O, e, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), O;
+}
+function Yr(e, t) {
+  for (var n = [e[0]], r = 0, o = t.length; r < o; r += 1) n.push(t[r], e[r + 1]);
+  return n;
+}
+var Ur = function(e) {
+  return Object.assign(e, { isCss: !0 });
+};
+function te(e) {
+  for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
+  if (tt(e) || vt(e)) return Ur(Je(Yr(In, ht([e], t, !0))));
+  var r = e;
+  return t.length === 0 && r.length === 1 && typeof r[0] == "string" ? Je(r) : Ur(Je(Yr(r, t)));
+}
+function pr(e, t, n) {
+  if (n === void 0 && (n = yt), !t) throw Me(1, t);
+  var r = function(o) {
+    for (var a = [], i = 1; i < arguments.length; i++) a[i - 1] = arguments[i];
+    return e(t, n, te.apply(void 0, ht([o], a, !1)));
+  };
+  return r.attrs = function(o) {
+    return pr(e, t, ce(ce({}, n), { attrs: Array.prototype.concat(n.attrs, o).filter(Boolean) }));
+  }, r.withConfig = function(o) {
+    return pr(e, t, ce(ce({}, n), o));
+  }, r;
+}
+var Io = function(e) {
+  return pr(Pi, e);
+}, L = Io;
+lr.forEach(function(e) {
+  L[e] = Io(e);
+});
+process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn(`It looks like you've imported 'styled-components' on React Native.
+Perhaps you're looking to import 'styled-components/native'?
+Read more about this at https://www.styled-components.com/docs/basics#react-native`);
+var pn = "__sc-".concat(et, "__");
+process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[pn] || (window[pn] = 0), window[pn] === 1 && console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
+
+See https://s-c.sh/2BAXzed for more info.`), window[pn] += 1);
+var Ge;
+function wt(e, t) {
+  return e[t];
+}
+function ji(e = [], t, n = 0) {
+  return [...e.slice(0, n), t, ...e.slice(n)];
+}
+function ki(e = [], t, n = "id") {
+  const r = e.slice(), o = wt(t, n);
+  return o ? r.splice(r.findIndex(((a) => wt(a, n) === o)), 1) : r.splice(r.findIndex(((a) => a === t)), 1), r;
+}
+function Kr(e) {
+  return e.map(((t, n) => {
+    const r = Object.assign(Object.assign({}, t), { sortable: t.sortable || !!t.sortFunction || void 0 });
+    return t.id || (r.id = n + 1), r;
+  }));
+}
+function Ht(e, t) {
+  return Math.ceil(e / t);
+}
+function Zn(e, t) {
+  return Math.min(e, t);
+}
+(function(e) {
+  e.ASC = "asc", e.DESC = "desc";
+})(Ge || (Ge = {}));
+const ee = () => null;
+function No(e, t = [], n = []) {
+  let r = {}, o = [...n];
+  return t.length && t.forEach(((a) => {
+    if (!a.when || typeof a.when != "function") throw new Error('"when" must be defined in the conditional style object and must be function');
+    a.when(e) && (r = a.style || {}, a.classNames && (o = [...o, ...a.classNames]), typeof a.style == "function" && (r = a.style(e) || {}));
+  })), { conditionalStyle: r, classNames: o.join(" ") };
+}
+function Sn(e, t = [], n = "id") {
+  const r = wt(e, n);
+  return r ? t.some(((o) => wt(o, n) === r)) : t.some(((o) => o === e));
+}
+function fn(e, t) {
+  return t ? e.findIndex(((n) => zt(n.id, t))) : -1;
+}
+function zt(e, t) {
+  return e == t;
+}
+function Ti(e, t) {
+  const n = !e.toggleOnSelectedRowsChange;
+  switch (t.type) {
+    case "SELECT_ALL_ROWS": {
+      const { keyField: r, rows: o, rowCount: a, mergeSelections: i } = t, l = !e.allSelected, c = !e.toggleOnSelectedRowsChange;
+      if (i) {
+        const f = l ? [...e.selectedRows, ...o.filter(((d) => !Sn(d, e.selectedRows, r)))] : e.selectedRows.filter(((d) => !Sn(d, o, r)));
+        return Object.assign(Object.assign({}, e), { allSelected: l, selectedCount: f.length, selectedRows: f, toggleOnSelectedRowsChange: c });
+      }
+      return Object.assign(Object.assign({}, e), { allSelected: l, selectedCount: l ? a : 0, selectedRows: l ? o : [], toggleOnSelectedRowsChange: c });
+    }
+    case "SELECT_SINGLE_ROW": {
+      const { keyField: r, row: o, isSelected: a, rowCount: i, singleSelect: l } = t;
+      return l ? a ? Object.assign(Object.assign({}, e), { selectedCount: 0, allSelected: !1, selectedRows: [], toggleOnSelectedRowsChange: n }) : Object.assign(Object.assign({}, e), { selectedCount: 1, allSelected: !1, selectedRows: [o], toggleOnSelectedRowsChange: n }) : a ? Object.assign(Object.assign({}, e), { selectedCount: e.selectedRows.length > 0 ? e.selectedRows.length - 1 : 0, allSelected: !1, selectedRows: ki(e.selectedRows, o, r), toggleOnSelectedRowsChange: n }) : Object.assign(Object.assign({}, e), { selectedCount: e.selectedRows.length + 1, allSelected: e.selectedRows.length + 1 === i, selectedRows: ji(e.selectedRows, o), toggleOnSelectedRowsChange: n });
+    }
+    case "SELECT_MULTIPLE_ROWS": {
+      const { keyField: r, selectedRows: o, totalRows: a, mergeSelections: i } = t;
+      if (i) {
+        const l = [...e.selectedRows, ...o.filter(((c) => !Sn(c, e.selectedRows, r)))];
+        return Object.assign(Object.assign({}, e), { selectedCount: l.length, allSelected: !1, selectedRows: l, toggleOnSelectedRowsChange: n });
+      }
+      return Object.assign(Object.assign({}, e), { selectedCount: o.length, allSelected: o.length === a, selectedRows: o, toggleOnSelectedRowsChange: n });
+    }
+    case "CLEAR_SELECTED_ROWS": {
+      const { selectedRowsFlag: r } = t;
+      return Object.assign(Object.assign({}, e), { allSelected: !1, selectedCount: 0, selectedRows: [], selectedRowsFlag: r });
+    }
+    case "SORT_CHANGE": {
+      const { sortDirection: r, selectedColumn: o, clearSelectedOnSort: a } = t;
+      return Object.assign(Object.assign(Object.assign({}, e), { selectedColumn: o, sortDirection: r, currentPage: 1 }), a && { allSelected: !1, selectedCount: 0, selectedRows: [], toggleOnSelectedRowsChange: n });
+    }
+    case "CHANGE_PAGE": {
+      const { page: r, paginationServer: o, visibleOnly: a, persistSelectedOnPageChange: i } = t, l = o && i, c = o && !i || a;
+      return Object.assign(Object.assign(Object.assign(Object.assign({}, e), { currentPage: r }), l && { allSelected: !1 }), c && { allSelected: !1, selectedCount: 0, selectedRows: [], toggleOnSelectedRowsChange: n });
+    }
+    case "CHANGE_ROWS_PER_PAGE": {
+      const { rowsPerPage: r, page: o } = t;
+      return Object.assign(Object.assign({}, e), { currentPage: o, rowsPerPage: r });
+    }
+  }
+}
+const _i = te`
+	pointer-events: none;
+	opacity: 0.4;
+`, Di = L.div`
+	position: relative;
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+	height: 100%;
+	max-width: 100%;
+	${({ disabled: e }) => e && _i};
+	${({ theme: e }) => e.table.style};
+`, Ai = te`
+	position: sticky;
+	position: -webkit-sticky; /* Safari */
+	top: 0;
+	z-index: 1;
+`, Ii = L.div`
+	display: flex;
+	width: 100%;
+	${({ $fixedHeader: e }) => e && Ai};
+	${({ theme: e }) => e.head.style};
+`, Ni = L.div`
+	display: flex;
+	align-items: stretch;
+	width: 100%;
+	${({ theme: e }) => e.headRow.style};
+	${({ $dense: e, theme: t }) => e && t.headRow.denseStyle};
+`, Fo = (e, ...t) => te`
+		@media screen and (max-width: ${599}px) {
+			${te(e, ...t)}
+		}
+	`, Fi = (e, ...t) => te`
+		@media screen and (max-width: ${959}px) {
+			${te(e, ...t)}
+		}
+	`, Li = (e, ...t) => te`
+		@media screen and (max-width: ${1280}px) {
+			${te(e, ...t)}
+		}
+	`, Mi = (e) => (t, ...n) => te`
+			@media screen and (max-width: ${e}px) {
+				${te(t, ...n)}
+			}
+		`, Rt = L.div`
+	position: relative;
+	display: flex;
+	align-items: center;
+	box-sizing: border-box;
+	line-height: normal;
+	${({ theme: e, $headCell: t }) => e[t ? "headCells" : "cells"].style};
+	${({ $noPadding: e }) => e && "padding: 0"};
+`, Lo = L(Rt)`
+	flex-grow: ${({ button: e, grow: t }) => t === 0 || e ? 0 : t || 1};
+	flex-shrink: 0;
+	flex-basis: 0;
+	max-width: ${({ maxWidth: e }) => e || "100%"};
+	min-width: ${({ minWidth: e }) => e || "100px"};
+	${({ width: e }) => e && te`
+			min-width: ${e};
+			max-width: ${e};
+		`};
+	${({ right: e }) => e && "justify-content: flex-end"};
+	${({ button: e, center: t }) => (t || e) && "justify-content: center"};
+	${({ compact: e, button: t }) => (e || t) && "padding: 0"};
+
+	/* handle hiding cells */
+	${({ hide: e }) => e && e === "sm" && Fo`
+    display: none;
+  `};
+	${({ hide: e }) => e && e === "md" && Fi`
+    display: none;
+  `};
+	${({ hide: e }) => e && e === "lg" && Li`
+    display: none;
+  `};
+	${({ hide: e }) => e && Number.isInteger(e) && Mi(e)`
+    display: none;
+  `};
+`, Hi = te`
+	div:first-child {
+		white-space: ${({ $wrapCell: e }) => e ? "normal" : "nowrap"};
+		overflow: ${({ $allowOverflow: e }) => e ? "visible" : "hidden"};
+		text-overflow: ellipsis;
+	}
+`, zi = L(Lo).attrs(((e) => ({ style: e.style })))`
+	${({ $renderAsCell: e }) => !e && Hi};
+	${({ theme: e, $isDragging: t }) => t && e.cells.draggingStyle};
+	${({ $cellStyle: e }) => e};
+`;
+var Wi = u.memo((function({ id: e, column: t, row: n, rowIndex: r, dataTag: o, isDragging: a, onDragStart: i, onDragOver: l, onDragEnd: c, onDragEnter: f, onDragLeave: d }) {
+  const { conditionalStyle: g, classNames: y } = No(n, t.conditionalCellStyles, ["rdt_TableCell"]);
+  return u.createElement(zi, { id: e, "data-column-id": t.id, role: "cell", className: y, "data-tag": o, $cellStyle: t.style, $renderAsCell: !!t.cell, $allowOverflow: t.allowOverflow, button: t.button, center: t.center, compact: t.compact, grow: t.grow, hide: t.hide, maxWidth: t.maxWidth, minWidth: t.minWidth, right: t.right, width: t.width, $wrapCell: t.wrap, style: g, $isDragging: a, onDragStart: i, onDragOver: l, onDragEnd: c, onDragEnter: f, onDragLeave: d }, !t.cell && u.createElement("div", { "data-tag": o }, (function(b, E, S, $) {
+    return E ? S && typeof S == "function" ? S(b, $) : E(b, $) : null;
+  })(n, t.selector, t.format, r)), t.cell && t.cell(n, r, t, e));
+}));
+const Qr = "input";
+var Mo = u.memo((function({ name: e, component: t = Qr, componentOptions: n = { style: {} }, indeterminate: r = !1, checked: o = !1, disabled: a = !1, onClick: i = ee }) {
+  const l = t, c = l !== Qr ? n.style : ((d) => Object.assign(Object.assign({ fontSize: "18px" }, !d && { cursor: "pointer" }), { padding: 0, marginTop: "1px", verticalAlign: "middle", position: "relative" }))(a), f = u.useMemo((() => (function(d, ...g) {
+    let y;
+    return Object.keys(d).map(((b) => d[b])).forEach(((b, E) => {
+      typeof b == "function" && (y = Object.assign(Object.assign({}, d), { [Object.keys(d)[E]]: b(...g) }));
+    })), y || d;
+  })(n, r)), [n, r]);
+  return u.createElement(l, Object.assign({ type: "checkbox", ref: (d) => {
+    d && (d.indeterminate = r);
+  }, style: c, onClick: a ? ee : i, name: e, "aria-label": e, checked: o, disabled: a }, f, { onChange: ee }));
+}));
+const Bi = L(Rt)`
+	flex: 0 0 48px;
+	min-width: 48px;
+	justify-content: center;
+	align-items: center;
+	user-select: none;
+	white-space: nowrap;
+`;
+function Vi({ name: e, keyField: t, row: n, rowCount: r, selected: o, selectableRowsComponent: a, selectableRowsComponentProps: i, selectableRowsSingle: l, selectableRowDisabled: c, onSelectedRow: f }) {
+  const d = !(!c || !c(n));
+  return u.createElement(Bi, { onClick: (g) => g.stopPropagation(), className: "rdt_TableCell", $noPadding: !0 }, u.createElement(Mo, { name: e, component: a, componentOptions: i, checked: o, "aria-checked": o, onClick: () => {
+    f({ type: "SELECT_SINGLE_ROW", row: n, isSelected: o, keyField: t, rowCount: r, singleSelect: l });
+  }, disabled: d }));
+}
+const qi = L.button`
+	display: inline-flex;
+	align-items: center;
+	user-select: none;
+	white-space: nowrap;
+	border: none;
+	background-color: transparent;
+	${({ theme: e }) => e.expanderButton.style};
+`;
+function Gi({ disabled: e = !1, expanded: t = !1, expandableIcon: n, id: r, row: o, onToggled: a }) {
+  const i = t ? n.expanded : n.collapsed;
+  return u.createElement(qi, { "aria-disabled": e, onClick: () => a && a(o), "data-testid": `expander-button-${r}`, disabled: e, "aria-label": t ? "Collapse Row" : "Expand Row", role: "button", type: "button" }, i);
+}
+const Yi = L(Rt)`
+	white-space: nowrap;
+	font-weight: 400;
+	min-width: 48px;
+	${({ theme: e }) => e.expanderCell.style};
+`;
+function Ui({ row: e, expanded: t = !1, expandableIcon: n, id: r, onToggled: o, disabled: a = !1 }) {
+  return u.createElement(Yi, { onClick: (i) => i.stopPropagation(), $noPadding: !0 }, u.createElement(Gi, { id: r, row: e, expanded: t, expandableIcon: n, disabled: a, onToggled: o }));
+}
+const Ki = L.div`
+	width: 100%;
+	box-sizing: border-box;
+	${({ theme: e }) => e.expanderRow.style};
+	${({ $extendedRowStyle: e }) => e};
+`;
+var Qi = u.memo((function({ data: e, ExpanderComponent: t, expanderComponentProps: n, extendedRowStyle: r, extendedClassNames: o }) {
+  const a = ["rdt_ExpanderRow", ...o.split(" ").filter(((i) => i !== "rdt_TableRow"))].join(" ");
+  return u.createElement(Ki, { className: a, $extendedRowStyle: r }, u.createElement(t, Object.assign({ data: e }, n)));
+}));
+const er = "allowRowEvents";
+var Pn, fr, Jr;
+(function(e) {
+  e.LTR = "ltr", e.RTL = "rtl", e.AUTO = "auto";
+})(Pn || (Pn = {})), (function(e) {
+  e.LEFT = "left", e.RIGHT = "right", e.CENTER = "center";
+})(fr || (fr = {})), (function(e) {
+  e.SM = "sm", e.MD = "md", e.LG = "lg";
+})(Jr || (Jr = {}));
+const Ji = te`
+	&:hover {
+		${({ $highlightOnHover: e, theme: t }) => e && t.rows.highlightOnHoverStyle};
+	}
+`, Xi = te`
+	&:hover {
+		cursor: pointer;
+	}
+`, Zi = L.div.attrs(((e) => ({ style: e.style })))`
+	display: flex;
+	align-items: stretch;
+	align-content: stretch;
+	width: 100%;
+	box-sizing: border-box;
+	${({ theme: e }) => e.rows.style};
+	${({ $dense: e, theme: t }) => e && t.rows.denseStyle};
+	${({ $striped: e, theme: t }) => e && t.rows.stripedStyle};
+	${({ $highlightOnHover: e }) => e && Ji};
+	${({ $pointerOnHover: e }) => e && Xi};
+	${({ $selected: e, theme: t }) => e && t.rows.selectedHighlightStyle};
+	${({ $conditionalStyle: e }) => e};
+`;
+function es({ columns: e = [], conditionalRowStyles: t = [], defaultExpanded: n = !1, defaultExpanderDisabled: r = !1, dense: o = !1, expandableIcon: a, expandableRows: i = !1, expandableRowsComponent: l, expandableRowsComponentProps: c, expandableRowsHideExpander: f, expandOnRowClicked: d = !1, expandOnRowDoubleClicked: g = !1, highlightOnHover: y = !1, id: b, expandableInheritConditionalStyles: E, keyField: S, onRowClicked: $ = ee, onRowDoubleClicked: P = ee, onRowMouseEnter: C = ee, onRowMouseLeave: O = ee, onRowExpandToggled: j = ee, onSelectedRow: _ = ee, pointerOnHover: w = !1, row: v, rowCount: N, rowIndex: Q, selectableRowDisabled: re = null, selectableRows: ge = !1, selectableRowsComponent: be, selectableRowsComponentProps: H, selectableRowsHighlight: ie = !1, selectableRowsSingle: ye = !1, selected: $e, striped: ve = !1, draggingColumnId: Ae, onDragStart: se, onDragOver: xe, onDragEnd: Se, onDragEnter: q, onDragLeave: Oe }) {
+  const [ue, Pe] = u.useState(n);
+  u.useEffect((() => {
+    Pe(n);
+  }), [n]);
+  const oe = u.useCallback((() => {
+    Pe(!ue), j(!ue, v);
+  }), [ue, j, v]), Ce = w || i && (d || g), de = u.useCallback(((U) => {
+    U.target.getAttribute("data-tag") === er && ($(v, U), !r && i && d && oe());
+  }), [r, d, i, oe, $, v]), le = u.useCallback(((U) => {
+    U.target.getAttribute("data-tag") === er && (P(v, U), !r && i && g && oe());
+  }), [r, g, i, oe, P, v]), Ee = u.useCallback(((U) => {
+    C(v, U);
+  }), [C, v]), pe = u.useCallback(((U) => {
+    O(v, U);
+  }), [O, v]), Z = wt(v, S), { conditionalStyle: nt, classNames: rt } = No(v, t, ["rdt_TableRow"]), He = ie && $e, Ie = E ? nt : {}, ot = ve && Q % 2 == 0;
+  return u.createElement(u.Fragment, null, u.createElement(Zi, { id: `row-${b}`, role: "row", $striped: ot, $highlightOnHover: y, $pointerOnHover: !r && Ce, $dense: o, onClick: de, onDoubleClick: le, onMouseEnter: Ee, onMouseLeave: pe, className: rt, $selected: He, $conditionalStyle: nt }, ge && u.createElement(Vi, { name: `select-row-${Z}`, keyField: S, row: v, rowCount: N, selected: $e, selectableRowsComponent: be, selectableRowsComponentProps: H, selectableRowDisabled: re, selectableRowsSingle: ye, onSelectedRow: _ }), i && !f && u.createElement(Ui, { id: Z, expandableIcon: a, expanded: ue, row: v, onToggled: oe, disabled: r }), e.map(((U) => U.omit ? null : u.createElement(Wi, { id: `cell-${U.id}-${Z}`, key: `cell-${U.id}-${Z}`, dataTag: U.ignoreRowClick || U.button ? null : er, column: U, row: v, rowIndex: Q, isDragging: zt(Ae, U.id), onDragStart: se, onDragOver: xe, onDragEnd: Se, onDragEnter: q, onDragLeave: Oe })))), i && ue && u.createElement(Qi, { key: `expander-${Z}`, data: v, extendedRowStyle: Ie, extendedClassNames: rt, ExpanderComponent: l, expanderComponentProps: c }));
+}
+const ts = L.span`
+	padding: 2px;
+	color: inherit;
+	flex-grow: 0;
+	flex-shrink: 0;
+	${({ $sortActive: e }) => e ? "opacity: 1" : "opacity: 0"};
+	${({ $sortDirection: e }) => e === "desc" && "transform: rotate(180deg)"};
+`, ns = ({ sortActive: e, sortDirection: t }) => A.createElement(ts, { $sortActive: e, $sortDirection: t }, "▲"), rs = L(Lo)`
+	${({ button: e }) => e && "text-align: center"};
+	${({ theme: e, $isDragging: t }) => t && e.headCells.draggingStyle};
+`, os = te`
+	cursor: pointer;
+	span.__rdt_custom_sort_icon__ {
+		i,
+		svg {
+			transform: 'translate3d(0, 0, 0)';
+			${({ $sortActive: e }) => e ? "opacity: 1" : "opacity: 0"};
+			color: inherit;
+			font-size: 18px;
+			height: 18px;
+			width: 18px;
+			backface-visibility: hidden;
+			transform-style: preserve-3d;
+			transition-duration: 95ms;
+			transition-property: transform;
+		}
+
+		&.asc i,
+		&.asc svg {
+			transform: rotate(180deg);
+		}
+	}
+
+	${({ $sortActive: e }) => !e && te`
+			&:hover,
+			&:focus {
+				opacity: 0.7;
+
+				span,
+				span.__rdt_custom_sort_icon__ * {
+					opacity: 0.7;
+				}
+			}
+		`};
+`, as = L.div`
+	display: inline-flex;
+	align-items: center;
+	justify-content: inherit;
+	height: 100%;
+	width: 100%;
+	outline: none;
+	user-select: none;
+	overflow: hidden;
+	${({ disabled: e }) => !e && os};
+`, is = L.div`
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+`;
+var ss = u.memo((function({ column: e, disabled: t, draggingColumnId: n, selectedColumn: r = {}, sortDirection: o, sortIcon: a, sortServer: i, pagination: l, paginationServer: c, persistSelectedOnSort: f, selectableRowsVisibleOnly: d, onSort: g, onDragStart: y, onDragOver: b, onDragEnd: E, onDragEnter: S, onDragLeave: $ }) {
+  u.useEffect((() => {
+    typeof e.selector == "string" && console.error(`Warning: ${e.selector} is a string based column selector which has been deprecated as of v7 and will be removed in v8. Instead, use a selector function e.g. row => row[field]...`);
+  }), []);
+  const [P, C] = u.useState(!1), O = u.useRef(null);
+  if (u.useEffect((() => {
+    O.current && C(O.current.scrollWidth > O.current.clientWidth);
+  }), [P]), e.omit) return null;
+  const j = () => {
+    if (!e.sortable && !e.selector) return;
+    let H = o;
+    zt(r.id, e.id) && (H = o === Ge.ASC ? Ge.DESC : Ge.ASC), g({ type: "SORT_CHANGE", sortDirection: H, selectedColumn: e, clearSelectedOnSort: l && c && !f || i || d });
+  }, _ = (H) => u.createElement(ns, { sortActive: H, sortDirection: o }), w = () => u.createElement("span", { className: [o, "__rdt_custom_sort_icon__"].join(" ") }, a), v = !(!e.sortable || !zt(r.id, e.id)), N = !e.sortable || t, Q = e.sortable && !a && !e.right, re = e.sortable && !a && e.right, ge = e.sortable && a && !e.right, be = e.sortable && a && e.right;
+  return u.createElement(rs, { "data-column-id": e.id, className: "rdt_TableCol", $headCell: !0, allowOverflow: e.allowOverflow, button: e.button, compact: e.compact, grow: e.grow, hide: e.hide, maxWidth: e.maxWidth, minWidth: e.minWidth, right: e.right, center: e.center, width: e.width, draggable: e.reorder, $isDragging: zt(e.id, n), onDragStart: y, onDragOver: b, onDragEnd: E, onDragEnter: S, onDragLeave: $ }, e.name && u.createElement(as, { "data-column-id": e.id, "data-sort-id": e.id, role: "columnheader", tabIndex: 0, className: "rdt_TableCol_Sortable", onClick: N ? void 0 : j, onKeyPress: N ? void 0 : (H) => {
+    H.key === "Enter" && j();
+  }, $sortActive: !N && v, disabled: N }, !N && be && w(), !N && re && _(v), typeof e.name == "string" ? u.createElement(is, { title: P ? e.name : void 0, ref: O, "data-column-id": e.id }, e.name) : e.name, !N && ge && w(), !N && Q && _(v)));
+}));
+const ls = L(Rt)`
+	flex: 0 0 48px;
+	justify-content: center;
+	align-items: center;
+	user-select: none;
+	white-space: nowrap;
+	font-size: unset;
+`;
+function cs({ headCell: e = !0, rowData: t, keyField: n, allSelected: r, mergeSelections: o, selectedRows: a, selectableRowsComponent: i, selectableRowsComponentProps: l, selectableRowDisabled: c, onSelectAllRows: f }) {
+  const d = a.length > 0 && !r, g = c ? t.filter(((E) => !c(E))) : t, y = g.length === 0, b = Math.min(t.length, g.length);
+  return u.createElement(ls, { className: "rdt_TableCol", $headCell: e, $noPadding: !0 }, u.createElement(Mo, { name: "select-all-rows", component: i, componentOptions: l, onClick: () => {
+    f({ type: "SELECT_ALL_ROWS", rows: g, rowCount: b, mergeSelections: o, keyField: n });
+  }, checked: r, indeterminate: d, disabled: y }));
+}
+function Ho(e = Pn.AUTO) {
+  const t = typeof window == "object", [n, r] = u.useState(!1);
+  return u.useEffect((() => {
+    if (t) if (e !== "auto") r(e === "rtl");
+    else {
+      const o = !(!window.document || !window.document.createElement), a = document.getElementsByTagName("BODY")[0], i = document.getElementsByTagName("HTML")[0], l = a.dir === "rtl" || i.dir === "rtl";
+      r(o && l);
+    }
+  }), [e, t]), n;
+}
+const us = L.div`
+	display: flex;
+	align-items: center;
+	flex: 1 0 auto;
+	height: 100%;
+	color: ${({ theme: e }) => e.contextMenu.fontColor};
+	font-size: ${({ theme: e }) => e.contextMenu.fontSize};
+	font-weight: 400;
+`, ds = L.div`
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+	flex-wrap: wrap;
+`, Xr = L.div`
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	box-sizing: inherit;
+	z-index: 1;
+	align-items: center;
+	justify-content: space-between;
+	display: flex;
+	${({ $rtl: e }) => e && "direction: rtl"};
+	${({ theme: e }) => e.contextMenu.style};
+	${({ theme: e, $visible: t }) => t && e.contextMenu.activeStyle};
+`;
+function ps({ contextMessage: e, contextActions: t, contextComponent: n, selectedCount: r, direction: o }) {
+  const a = Ho(o), i = r > 0;
+  return n ? u.createElement(Xr, { $visible: i }, u.cloneElement(n, { selectedCount: r })) : u.createElement(Xr, { $visible: i, $rtl: a }, u.createElement(us, null, ((l, c, f) => {
+    if (c === 0) return null;
+    const d = c === 1 ? l.singular : l.plural;
+    return f ? `${c} ${l.message || ""} ${d}` : `${c} ${d} ${l.message || ""}`;
+  })(e, r, a)), u.createElement(ds, null, t));
+}
+const fs = L.div`
+	position: relative;
+	box-sizing: border-box;
+	overflow: hidden;
+	display: flex;
+	flex: 1 1 auto;
+	align-items: center;
+	justify-content: space-between;
+	width: 100%;
+	flex-wrap: wrap;
+	${({ theme: e }) => e.header.style}
+`, gs = L.div`
+	flex: 1 0 auto;
+	color: ${({ theme: e }) => e.header.fontColor};
+	font-size: ${({ theme: e }) => e.header.fontSize};
+	font-weight: 400;
+`, hs = L.div`
+	flex: 1 0 auto;
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+
+	> * {
+		margin-left: 5px;
+	}
+`, ms = ({ title: e, actions: t = null, contextMessage: n, contextActions: r, contextComponent: o, selectedCount: a, direction: i, showMenu: l = !0 }) => u.createElement(fs, { className: "rdt_TableHeader", role: "heading", "aria-level": 1 }, u.createElement(gs, null, e), t && u.createElement(hs, null, t), l && u.createElement(ps, { contextMessage: n, contextActions: r, contextComponent: o, direction: i, selectedCount: a }));
+function zo(e, t) {
+  var n = {};
+  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") {
+    var o = 0;
+    for (r = Object.getOwnPropertySymbols(e); o < r.length; o++) t.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[o]) && (n[r[o]] = e[r[o]]);
+  }
+  return n;
+}
+const bs = { left: "flex-start", right: "flex-end", center: "center" }, ys = L.header`
+	position: relative;
+	display: flex;
+	flex: 1 1 auto;
+	box-sizing: border-box;
+	align-items: center;
+	padding: 4px 16px 4px 24px;
+	width: 100%;
+	justify-content: ${({ align: e }) => bs[e]};
+	flex-wrap: ${({ $wrapContent: e }) => e ? "wrap" : "nowrap"};
+	${({ theme: e }) => e.subHeader.style}
+`, vs = (e) => {
+  var { align: t = "right", wrapContent: n = !0 } = e, r = zo(e, ["align", "wrapContent"]);
+  return u.createElement(ys, Object.assign({ align: t, $wrapContent: n }, r));
+}, ws = L.div`
+	display: flex;
+	flex-direction: column;
+`, xs = L.div`
+	position: relative;
+	width: 100%;
+	border-radius: inherit;
+	${({ $responsive: e, $fixedHeader: t }) => e && te`
+			overflow-x: auto;
+
+			// hidden prevents vertical scrolling in firefox when fixedHeader is disabled
+			overflow-y: ${t ? "auto" : "hidden"};
+			min-height: 0;
+		`};
+
+	${({ $fixedHeader: e = !1, $fixedHeaderScrollHeight: t = "100vh" }) => e && te`
+			max-height: ${t};
+			-webkit-overflow-scrolling: touch;
+		`};
+
+	${({ theme: e }) => e.responsiveWrapper.style};
+`, Zr = L.div`
+	position: relative;
+	box-sizing: border-box;
+	width: 100%;
+	height: 100%;
+	${(e) => e.theme.progress.style};
+`, Ss = L.div`
+	position: relative;
+	width: 100%;
+	${({ theme: e }) => e.tableWrapper.style};
+`, Cs = L(Rt)`
+	white-space: nowrap;
+	${({ theme: e }) => e.expanderCell.style};
+`, Es = L.div`
+	box-sizing: border-box;
+	width: 100%;
+	height: 100%;
+	${({ theme: e }) => e.noData.style};
+`, Rs = () => A.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24" }, A.createElement("path", { d: "M7 10l5 5 5-5z" }), A.createElement("path", { d: "M0 0h24v24H0z", fill: "none" })), $s = L.select`
+	cursor: pointer;
+	height: 24px;
+	max-width: 100%;
+	user-select: none;
+	padding-left: 8px;
+	padding-right: 24px;
+	box-sizing: content-box;
+	font-size: inherit;
+	color: inherit;
+	border: none;
+	background-color: transparent;
+	appearance: none;
+	direction: ltr;
+	flex-shrink: 0;
+
+	&::-ms-expand {
+		display: none;
+	}
+
+	&:disabled::-ms-expand {
+		background: #f60;
+	}
+
+	option {
+		color: initial;
+	}
+`, Os = L.div`
+	position: relative;
+	flex-shrink: 0;
+	font-size: inherit;
+	color: inherit;
+	margin-top: 1px;
+
+	svg {
+		top: 0;
+		right: 0;
+		color: inherit;
+		position: absolute;
+		fill: currentColor;
+		width: 24px;
+		height: 24px;
+		display: inline-block;
+		user-select: none;
+		pointer-events: none;
+	}
+`, Ps = (e) => {
+  var { defaultValue: t, onChange: n } = e, r = zo(e, ["defaultValue", "onChange"]);
+  return u.createElement(Os, null, u.createElement($s, Object.assign({ onChange: n, defaultValue: t }, r)), u.createElement(Rs, null));
+}, m = { columns: [], data: [], title: "", keyField: "id", selectableRows: !1, selectableRowsHighlight: !1, selectableRowsNoSelectAll: !1, selectableRowSelected: null, selectableRowDisabled: null, selectableRowsComponent: "input", selectableRowsComponentProps: {}, selectableRowsVisibleOnly: !1, selectableRowsSingle: !1, clearSelectedRows: !1, expandableRows: !1, expandableRowDisabled: null, expandableRowExpanded: null, expandOnRowClicked: !1, expandableRowsHideExpander: !1, expandOnRowDoubleClicked: !1, expandableInheritConditionalStyles: !1, expandableRowsComponent: function() {
+  return A.createElement("div", null, "To add an expander pass in a component instance via ", A.createElement("strong", null, "expandableRowsComponent"), ". You can then access props.data from this component.");
+}, expandableIcon: { collapsed: A.createElement((() => A.createElement("svg", { fill: "currentColor", height: "24", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg" }, A.createElement("path", { d: "M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z" }), A.createElement("path", { d: "M0-.25h24v24H0z", fill: "none" }))), null), expanded: A.createElement((() => A.createElement("svg", { fill: "currentColor", height: "24", viewBox: "0 0 24 24", width: "24", xmlns: "http://www.w3.org/2000/svg" }, A.createElement("path", { d: "M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z" }), A.createElement("path", { d: "M0-.75h24v24H0z", fill: "none" }))), null) }, expandableRowsComponentProps: {}, progressPending: !1, progressComponent: A.createElement("div", { style: { fontSize: "24px", fontWeight: 700, padding: "24px" } }, "Loading..."), persistTableHead: !1, sortIcon: null, sortFunction: null, sortServer: !1, striped: !1, highlightOnHover: !1, pointerOnHover: !1, noContextMenu: !1, contextMessage: { singular: "item", plural: "items", message: "selected" }, actions: null, contextActions: null, contextComponent: null, defaultSortFieldId: null, defaultSortAsc: !0, responsive: !0, noDataComponent: A.createElement("div", { style: { padding: "24px" } }, "There are no records to display"), disabled: !1, noTableHead: !1, noHeader: !1, subHeader: !1, subHeaderAlign: fr.RIGHT, subHeaderWrap: !0, subHeaderComponent: null, fixedHeader: !1, fixedHeaderScrollHeight: "100vh", pagination: !1, paginationServer: !1, paginationServerOptions: { persistSelectedOnSort: !1, persistSelectedOnPageChange: !1 }, paginationDefaultPage: 1, paginationResetDefaultPage: !1, paginationTotalRows: 0, paginationPerPage: 10, paginationRowsPerPageOptions: [10, 15, 20, 25, 30], paginationComponent: null, paginationComponentOptions: {}, paginationIconFirstPage: A.createElement((() => A.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true", role: "presentation" }, A.createElement("path", { d: "M18.41 16.59L13.82 12l4.59-4.59L17 6l-6 6 6 6zM6 6h2v12H6z" }), A.createElement("path", { fill: "none", d: "M24 24H0V0h24v24z" }))), null), paginationIconLastPage: A.createElement((() => A.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true", role: "presentation" }, A.createElement("path", { d: "M5.59 7.41L10.18 12l-4.59 4.59L7 18l6-6-6-6zM16 6h2v12h-2z" }), A.createElement("path", { fill: "none", d: "M0 0h24v24H0V0z" }))), null), paginationIconNext: A.createElement((() => A.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true", role: "presentation" }, A.createElement("path", { d: "M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" }), A.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }))), null), paginationIconPrevious: A.createElement((() => A.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", "aria-hidden": "true", role: "presentation" }, A.createElement("path", { d: "M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" }), A.createElement("path", { d: "M0 0h24v24H0z", fill: "none" }))), null), dense: !1, conditionalRowStyles: [], theme: "default", customStyles: {}, direction: Pn.AUTO, onChangePage: ee, onChangeRowsPerPage: ee, onRowClicked: ee, onRowDoubleClicked: ee, onRowMouseEnter: ee, onRowMouseLeave: ee, onRowExpandToggled: ee, onSelectedRowsChange: ee, onSort: ee, onColumnOrderChange: ee }, js = { rowsPerPageText: "Rows per page:", rangeSeparatorText: "of", noRowsPerPage: !1, selectAllRowsItem: !1, selectAllRowsItemText: "All" }, ks = L.nav`
+	display: flex;
+	flex: 1 1 auto;
+	justify-content: flex-end;
+	align-items: center;
+	box-sizing: border-box;
+	padding-right: 8px;
+	padding-left: 8px;
+	width: 100%;
+	${({ theme: e }) => e.pagination.style};
+`, gn = L.button`
+	position: relative;
+	display: block;
+	user-select: none;
+	border: none;
+	${({ theme: e }) => e.pagination.pageButtonsStyle};
+	${({ $isRTL: e }) => e && "transform: scale(-1, -1)"};
+`, Ts = L.div`
+	display: flex;
+	align-items: center;
+	border-radius: 4px;
+	white-space: nowrap;
+	${Fo`
+    width: 100%;
+    justify-content: space-around;
+  `};
+`, Wo = L.span`
+	flex-shrink: 1;
+	user-select: none;
+`, _s = L(Wo)`
+	margin: 0 24px;
+`, Ds = L(Wo)`
+	margin: 0 4px;
+`;
+var As = u.memo((function({ rowsPerPage: e, rowCount: t, currentPage: n, direction: r = m.direction, paginationRowsPerPageOptions: o = m.paginationRowsPerPageOptions, paginationIconLastPage: a = m.paginationIconLastPage, paginationIconFirstPage: i = m.paginationIconFirstPage, paginationIconNext: l = m.paginationIconNext, paginationIconPrevious: c = m.paginationIconPrevious, paginationComponentOptions: f = m.paginationComponentOptions, onChangeRowsPerPage: d = m.onChangeRowsPerPage, onChangePage: g = m.onChangePage }) {
+  const y = (() => {
+    const H = typeof window == "object";
+    function ie() {
+      return { width: H ? window.innerWidth : void 0, height: H ? window.innerHeight : void 0 };
+    }
+    const [ye, $e] = u.useState(ie);
+    return u.useEffect((() => {
+      if (!H) return () => null;
+      function ve() {
+        $e(ie());
+      }
+      return window.addEventListener("resize", ve), () => window.removeEventListener("resize", ve);
+    }), []), ye;
+  })(), b = Ho(r), E = y.width && y.width > 599, S = Ht(t, e), $ = n * e, P = $ - e + 1, C = n === 1, O = n === S, j = Object.assign(Object.assign({}, js), f), _ = n === S ? `${P}-${t} ${j.rangeSeparatorText} ${t}` : `${P}-${$} ${j.rangeSeparatorText} ${t}`, w = u.useCallback((() => g(n - 1)), [n, g]), v = u.useCallback((() => g(n + 1)), [n, g]), N = u.useCallback((() => g(1)), [g]), Q = u.useCallback((() => g(Ht(t, e))), [g, t, e]), re = u.useCallback(((H) => d(Number(H.target.value), n)), [n, d]), ge = o.map(((H) => u.createElement("option", { key: H, value: H }, H)));
+  j.selectAllRowsItem && ge.push(u.createElement("option", { key: -1, value: t }, j.selectAllRowsItemText));
+  const be = u.createElement(Ps, { onChange: re, defaultValue: e, "aria-label": j.rowsPerPageText }, ge);
+  return u.createElement(ks, { className: "rdt_Pagination" }, !j.noRowsPerPage && E && u.createElement(u.Fragment, null, u.createElement(Ds, null, j.rowsPerPageText), be), E && u.createElement(_s, null, _), u.createElement(Ts, null, u.createElement(gn, { id: "pagination-first-page", type: "button", "aria-label": "First Page", "aria-disabled": C, onClick: N, disabled: C, $isRTL: b }, i), u.createElement(gn, { id: "pagination-previous-page", type: "button", "aria-label": "Previous Page", "aria-disabled": C, onClick: w, disabled: C, $isRTL: b }, c), !j.noRowsPerPage && !E && be, u.createElement(gn, { id: "pagination-next-page", type: "button", "aria-label": "Next Page", "aria-disabled": O, onClick: v, disabled: O, $isRTL: b }, l), u.createElement(gn, { id: "pagination-last-page", type: "button", "aria-label": "Last Page", "aria-disabled": O, onClick: Q, disabled: O, $isRTL: b }, a)));
+}));
+const Ye = (e, t) => {
+  const n = u.useRef(!0);
+  u.useEffect((() => {
+    n.current ? n.current = !1 : e();
+  }), t);
+};
+function Is(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Ns = function(e) {
+  return /* @__PURE__ */ (function(t) {
+    return !!t && typeof t == "object";
+  })(e) && !(function(t) {
+    var n = Object.prototype.toString.call(t);
+    return n === "[object RegExp]" || n === "[object Date]" || (function(r) {
+      return r.$$typeof === Fs;
+    })(t);
+  })(e);
+}, Fs = typeof Symbol == "function" && Symbol.for ? /* @__PURE__ */ Symbol.for("react.element") : 60103;
+function Bt(e, t) {
+  return t.clone !== !1 && t.isMergeableObject(e) ? xt((n = e, Array.isArray(n) ? [] : {}), e, t) : e;
+  var n;
+}
+function Ls(e, t, n) {
+  return e.concat(t).map((function(r) {
+    return Bt(r, n);
+  }));
+}
+function eo(e) {
+  return Object.keys(e).concat((function(t) {
+    return Object.getOwnPropertySymbols ? Object.getOwnPropertySymbols(t).filter((function(n) {
+      return Object.propertyIsEnumerable.call(t, n);
+    })) : [];
+  })(e));
+}
+function to(e, t) {
+  try {
+    return t in e;
+  } catch {
+    return !1;
+  }
+}
+function Ms(e, t, n) {
+  var r = {};
+  return n.isMergeableObject(e) && eo(e).forEach((function(o) {
+    r[o] = Bt(e[o], n);
+  })), eo(t).forEach((function(o) {
+    (function(a, i) {
+      return to(a, i) && !(Object.hasOwnProperty.call(a, i) && Object.propertyIsEnumerable.call(a, i));
+    })(e, o) || (to(e, o) && n.isMergeableObject(t[o]) ? r[o] = (function(a, i) {
+      if (!i.customMerge) return xt;
+      var l = i.customMerge(a);
+      return typeof l == "function" ? l : xt;
+    })(o, n)(e[o], t[o], n) : r[o] = Bt(t[o], n));
+  })), r;
+}
+function xt(e, t, n) {
+  (n = n || {}).arrayMerge = n.arrayMerge || Ls, n.isMergeableObject = n.isMergeableObject || Ns, n.cloneUnlessOtherwiseSpecified = Bt;
+  var r = Array.isArray(t);
+  return r === Array.isArray(e) ? r ? n.arrayMerge(e, t, n) : Ms(e, t, n) : Bt(t, n);
+}
+xt.all = function(e, t) {
+  if (!Array.isArray(e)) throw new Error("first argument should be an array");
+  return e.reduce((function(n, r) {
+    return xt(n, r, t);
+  }), {});
+};
+var Hs = Is(xt);
+const no = { text: { primary: "rgba(0, 0, 0, 0.87)", secondary: "rgba(0, 0, 0, 0.54)", disabled: "rgba(0, 0, 0, 0.38)" }, background: { default: "#FFFFFF" }, context: { background: "#e3f2fd", text: "rgba(0, 0, 0, 0.87)" }, divider: { default: "rgba(0,0,0,.12)" }, button: { default: "rgba(0,0,0,.54)", focus: "rgba(0,0,0,.12)", hover: "rgba(0,0,0,.12)", disabled: "rgba(0, 0, 0, .18)" }, selected: { default: "#e3f2fd", text: "rgba(0, 0, 0, 0.87)" }, highlightOnHover: { default: "#EEEEEE", text: "rgba(0, 0, 0, 0.87)" }, striped: { default: "#FAFAFA", text: "rgba(0, 0, 0, 0.87)" } }, ro = { default: no, light: no, dark: { text: { primary: "#FFFFFF", secondary: "rgba(255, 255, 255, 0.7)", disabled: "rgba(0,0,0,.12)" }, background: { default: "#424242" }, context: { background: "#E91E63", text: "#FFFFFF" }, divider: { default: "rgba(81, 81, 81, 1)" }, button: { default: "#FFFFFF", focus: "rgba(255, 255, 255, .54)", hover: "rgba(255, 255, 255, .12)", disabled: "rgba(255, 255, 255, .18)" }, selected: { default: "rgba(0, 0, 0, .7)", text: "#FFFFFF" }, highlightOnHover: { default: "rgba(0, 0, 0, .7)", text: "#FFFFFF" }, striped: { default: "rgba(0, 0, 0, .87)", text: "#FFFFFF" } } };
+function zs(e, t, n, r) {
+  const [o, a] = u.useState((() => Kr(e))), [i, l] = u.useState(""), c = u.useRef("");
+  Ye((() => {
+    a(Kr(e));
+  }), [e]);
+  const f = u.useCallback((($) => {
+    var P, C, O;
+    const { attributes: j } = $.target, _ = (P = j.getNamedItem("data-column-id")) === null || P === void 0 ? void 0 : P.value;
+    _ && (c.current = ((O = (C = o[fn(o, _)]) === null || C === void 0 ? void 0 : C.id) === null || O === void 0 ? void 0 : O.toString()) || "", l(c.current));
+  }), [o]), d = u.useCallback((($) => {
+    var P;
+    const { attributes: C } = $.target, O = (P = C.getNamedItem("data-column-id")) === null || P === void 0 ? void 0 : P.value;
+    if (O && c.current && O !== c.current) {
+      const j = fn(o, c.current), _ = fn(o, O), w = [...o];
+      w[j] = o[_], w[_] = o[j], a(w), t(w);
+    }
+  }), [t, o]), g = u.useCallback((($) => {
+    $.preventDefault();
+  }), []), y = u.useCallback((($) => {
+    $.preventDefault();
+  }), []), b = u.useCallback((($) => {
+    $.preventDefault(), c.current = "", l("");
+  }), []), E = (function($ = !1) {
+    return $ ? Ge.ASC : Ge.DESC;
+  })(r), S = u.useMemo((() => o[fn(o, n?.toString())] || {}), [n, o]);
+  return { tableColumns: o, draggingColumnId: i, handleDragStart: f, handleDragEnter: d, handleDragOver: g, handleDragLeave: y, handleDragEnd: b, defaultSortDirection: E, defaultSortColumn: S };
+}
+var Bo = u.memo((function(e) {
+  const { data: t = m.data, columns: n = m.columns, title: r = m.title, actions: o = m.actions, keyField: a = m.keyField, striped: i = m.striped, highlightOnHover: l = m.highlightOnHover, pointerOnHover: c = m.pointerOnHover, dense: f = m.dense, selectableRows: d = m.selectableRows, selectableRowsSingle: g = m.selectableRowsSingle, selectableRowsHighlight: y = m.selectableRowsHighlight, selectableRowsNoSelectAll: b = m.selectableRowsNoSelectAll, selectableRowsVisibleOnly: E = m.selectableRowsVisibleOnly, selectableRowSelected: S = m.selectableRowSelected, selectableRowDisabled: $ = m.selectableRowDisabled, selectableRowsComponent: P = m.selectableRowsComponent, selectableRowsComponentProps: C = m.selectableRowsComponentProps, onRowExpandToggled: O = m.onRowExpandToggled, onSelectedRowsChange: j = m.onSelectedRowsChange, expandableIcon: _ = m.expandableIcon, onChangeRowsPerPage: w = m.onChangeRowsPerPage, onChangePage: v = m.onChangePage, paginationServer: N = m.paginationServer, paginationServerOptions: Q = m.paginationServerOptions, paginationTotalRows: re = m.paginationTotalRows, paginationDefaultPage: ge = m.paginationDefaultPage, paginationResetDefaultPage: be = m.paginationResetDefaultPage, paginationPerPage: H = m.paginationPerPage, paginationRowsPerPageOptions: ie = m.paginationRowsPerPageOptions, paginationIconLastPage: ye = m.paginationIconLastPage, paginationIconFirstPage: $e = m.paginationIconFirstPage, paginationIconNext: ve = m.paginationIconNext, paginationIconPrevious: Ae = m.paginationIconPrevious, paginationComponent: se = m.paginationComponent, paginationComponentOptions: xe = m.paginationComponentOptions, responsive: Se = m.responsive, progressPending: q = m.progressPending, progressComponent: Oe = m.progressComponent, persistTableHead: ue = m.persistTableHead, noDataComponent: Pe = m.noDataComponent, disabled: oe = m.disabled, noTableHead: Ce = m.noTableHead, noHeader: de = m.noHeader, fixedHeader: le = m.fixedHeader, fixedHeaderScrollHeight: Ee = m.fixedHeaderScrollHeight, pagination: pe = m.pagination, subHeader: Z = m.subHeader, subHeaderAlign: nt = m.subHeaderAlign, subHeaderWrap: rt = m.subHeaderWrap, subHeaderComponent: He = m.subHeaderComponent, noContextMenu: Ie = m.noContextMenu, contextMessage: ot = m.contextMessage, contextActions: U = m.contextActions, contextComponent: at = m.contextComponent, expandableRows: it = m.expandableRows, onRowClicked: Yt = m.onRowClicked, onRowDoubleClicked: st = m.onRowDoubleClicked, onRowMouseEnter: Ut = m.onRowMouseEnter, onRowMouseLeave: Kt = m.onRowMouseLeave, sortIcon: Qt = m.sortIcon, onSort: Jt = m.onSort, sortFunction: Ot = m.sortFunction, sortServer: Pt = m.sortServer, expandableRowsComponent: Xt = m.expandableRowsComponent, expandableRowsComponentProps: Zt = m.expandableRowsComponentProps, expandableRowDisabled: en = m.expandableRowDisabled, expandableRowsHideExpander: tn = m.expandableRowsHideExpander, expandOnRowClicked: Ln = m.expandOnRowClicked, expandOnRowDoubleClicked: Mn = m.expandOnRowDoubleClicked, expandableRowExpanded: nn = m.expandableRowExpanded, expandableInheritConditionalStyles: Hn = m.expandableInheritConditionalStyles, defaultSortFieldId: zn = m.defaultSortFieldId, defaultSortAsc: jt = m.defaultSortAsc, clearSelectedRows: kt = m.clearSelectedRows, conditionalRowStyles: ze = m.conditionalRowStyles, theme: lt = m.theme, customStyles: ct = m.customStyles, direction: We = m.direction, onColumnOrderChange: Wn = m.onColumnOrderChange, className: rn } = e, { tableColumns: on, draggingColumnId: Tt, handleDragStart: _t, handleDragEnter: an, handleDragOver: sn, handleDragLeave: Dt, handleDragEnd: At, defaultSortDirection: Bn, defaultSortColumn: Vn } = zs(n, Wn, zn, jt), [{ rowsPerPage: _e, currentPage: we, selectedRows: s, allSelected: h, selectedCount: x, selectedColumn: R, sortDirection: M, toggleOnSelectedRowsChange: V }, D] = u.useReducer(Ti, { allSelected: !1, selectedCount: 0, selectedRows: [], selectedColumn: Vn, toggleOnSelectedRowsChange: !1, sortDirection: Bn, currentPage: ge, rowsPerPage: H, selectedRowsFlag: !1, contextMessage: m.contextMessage }), { persistSelectedOnSort: F = !1, persistSelectedOnPageChange: J = !1 } = Q, Y = !(!N || !J && !F), K = pe && !q && t.length > 0, he = se || As, Be = u.useMemo((() => ((k = {}, W = "default", fe = "default") => {
+    const je = ro[W] ? W : fe;
+    return Hs({ table: { style: { color: (T = ro[je]).text.primary, backgroundColor: T.background.default } }, tableWrapper: { style: { display: "table" } }, responsiveWrapper: { style: {} }, header: { style: { fontSize: "22px", color: T.text.primary, backgroundColor: T.background.default, minHeight: "56px", paddingLeft: "16px", paddingRight: "8px" } }, subHeader: { style: { backgroundColor: T.background.default, minHeight: "52px" } }, head: { style: { color: T.text.primary, fontSize: "12px", fontWeight: 500 } }, headRow: { style: { backgroundColor: T.background.default, minHeight: "52px", borderBottomWidth: "1px", borderBottomColor: T.divider.default, borderBottomStyle: "solid" }, denseStyle: { minHeight: "32px" } }, headCells: { style: { paddingLeft: "16px", paddingRight: "16px" }, draggingStyle: { cursor: "move" } }, contextMenu: { style: { backgroundColor: T.context.background, fontSize: "18px", fontWeight: 400, color: T.context.text, paddingLeft: "16px", paddingRight: "8px", transform: "translate3d(0, -100%, 0)", transitionDuration: "125ms", transitionTimingFunction: "cubic-bezier(0, 0, 0.2, 1)", willChange: "transform" }, activeStyle: { transform: "translate3d(0, 0, 0)" } }, cells: { style: { paddingLeft: "16px", paddingRight: "16px", wordBreak: "break-word" }, draggingStyle: {} }, rows: { style: { fontSize: "13px", fontWeight: 400, color: T.text.primary, backgroundColor: T.background.default, minHeight: "48px", "&:not(:last-of-type)": { borderBottomStyle: "solid", borderBottomWidth: "1px", borderBottomColor: T.divider.default } }, denseStyle: { minHeight: "32px" }, selectedHighlightStyle: { "&:nth-of-type(n)": { color: T.selected.text, backgroundColor: T.selected.default, borderBottomColor: T.background.default } }, highlightOnHoverStyle: { color: T.highlightOnHover.text, backgroundColor: T.highlightOnHover.default, transitionDuration: "0.15s", transitionProperty: "background-color", borderBottomColor: T.background.default, outlineStyle: "solid", outlineWidth: "1px", outlineColor: T.background.default }, stripedStyle: { color: T.striped.text, backgroundColor: T.striped.default } }, expanderRow: { style: { color: T.text.primary, backgroundColor: T.background.default } }, expanderCell: { style: { flex: "0 0 48px" } }, expanderButton: { style: { color: T.button.default, fill: T.button.default, backgroundColor: "transparent", borderRadius: "2px", transition: "0.25s", height: "100%", width: "100%", "&:hover:enabled": { cursor: "pointer" }, "&:disabled": { color: T.button.disabled }, "&:hover:not(:disabled)": { cursor: "pointer", backgroundColor: T.button.hover }, "&:focus": { outline: "none", backgroundColor: T.button.focus }, svg: { margin: "auto" } } }, pagination: { style: { color: T.text.secondary, fontSize: "13px", minHeight: "56px", backgroundColor: T.background.default, borderTopStyle: "solid", borderTopWidth: "1px", borderTopColor: T.divider.default }, pageButtonsStyle: { borderRadius: "50%", height: "40px", width: "40px", padding: "8px", margin: "px", cursor: "pointer", transition: "0.4s", color: T.button.default, fill: T.button.default, backgroundColor: "transparent", "&:disabled": { cursor: "unset", color: T.button.disabled, fill: T.button.disabled }, "&:hover:not(:disabled)": { backgroundColor: T.button.hover }, "&:focus": { outline: "none", backgroundColor: T.button.focus } } }, noData: { style: { display: "flex", alignItems: "center", justifyContent: "center", color: T.text.primary, backgroundColor: T.background.default } }, progress: { style: { display: "flex", alignItems: "center", justifyContent: "center", color: T.text.primary, backgroundColor: T.background.default } } }, k);
+    var T;
+  })(ct, lt)), [ct, lt]), Ne = u.useMemo((() => Object.assign({}, We !== "auto" && { dir: We })), [We]), z = u.useMemo((() => {
+    if (Pt) return t;
+    if (R?.sortFunction && typeof R.sortFunction == "function") {
+      const k = R.sortFunction, W = M === Ge.ASC ? k : (fe, je) => -1 * k(fe, je);
+      return [...t].sort(W);
+    }
+    return (function(k, W, fe, je) {
+      return W ? je && typeof je == "function" ? je(k.slice(0), W, fe) : k.slice(0).sort(((T, Yn) => {
+        const dt = W(T), Ve = W(Yn);
+        if (fe === "asc") {
+          if (dt < Ve) return -1;
+          if (dt > Ve) return 1;
+        }
+        if (fe === "desc") {
+          if (dt > Ve) return -1;
+          if (dt < Ve) return 1;
+        }
+        return 0;
+      })) : k;
+    })(t, R?.selector, M, Ot);
+  }), [Pt, R, M, t, Ot]), Fe = u.useMemo((() => {
+    if (pe && !N) {
+      const k = we * _e, W = k - _e;
+      return z.slice(W, k);
+    }
+    return z;
+  }), [we, pe, N, _e, z]), qn = u.useCallback(((k) => {
+    D(k);
+  }), []), Gn = u.useCallback(((k) => {
+    D(k);
+  }), []), na = u.useCallback(((k) => {
+    D(k);
+  }), []), ra = u.useCallback(((k, W) => Yt(k, W)), [Yt]), oa = u.useCallback(((k, W) => st(k, W)), [st]), aa = u.useCallback(((k, W) => Ut(k, W)), [Ut]), ia = u.useCallback(((k, W) => Kt(k, W)), [Kt]), ut = u.useCallback(((k) => D({ type: "CHANGE_PAGE", page: k, paginationServer: N, visibleOnly: E, persistSelectedOnPageChange: J })), [N, J, E]), sa = u.useCallback(((k) => {
+    const W = Ht(re || Fe.length, k), fe = Zn(we, W);
+    N || ut(fe), D({ type: "CHANGE_ROWS_PER_PAGE", page: fe, rowsPerPage: k });
+  }), [we, ut, N, re, Fe.length]);
+  if (pe && !N && z.length > 0 && Fe.length === 0) {
+    const k = Ht(z.length, _e), W = Zn(we, k);
+    ut(W);
+  }
+  Ye((() => {
+    j({ allSelected: h, selectedCount: x, selectedRows: s.slice(0) });
+  }), [V]), Ye((() => {
+    Jt(R, M, z.slice(0));
+  }), [R, M]), Ye((() => {
+    v(we, re || z.length);
+  }), [we]), Ye((() => {
+    w(_e, we);
+  }), [_e]), Ye((() => {
+    ut(ge);
+  }), [ge, be]), Ye((() => {
+    if (pe && N && re > 0) {
+      const k = Ht(re, _e), W = Zn(we, k);
+      we !== W && ut(W);
+    }
+  }), [re]), u.useEffect((() => {
+    D({ type: "CLEAR_SELECTED_ROWS", selectedRowsFlag: kt });
+  }), [g, kt]), u.useEffect((() => {
+    if (!S) return;
+    const k = z.filter(((fe) => S(fe))), W = g ? k.slice(0, 1) : k;
+    D({ type: "SELECT_MULTIPLE_ROWS", keyField: a, selectedRows: W, totalRows: z.length, mergeSelections: Y });
+  }), [t, S]);
+  const la = E ? Fe : z, ca = J || g || b;
+  return u.createElement(Oi, { theme: Be }, !de && (!!r || !!o) && u.createElement(ms, { title: r, actions: o, showMenu: !Ie, selectedCount: x, direction: We, contextActions: U, contextComponent: at, contextMessage: ot }), Z && u.createElement(vs, { align: nt, wrapContent: rt }, He), u.createElement(xs, Object.assign({ $responsive: Se, $fixedHeader: le, $fixedHeaderScrollHeight: Ee, className: rn }, Ne), u.createElement(Ss, null, q && !ue && u.createElement(Zr, null, Oe), u.createElement(Di, { disabled: oe, className: "rdt_Table", role: "table" }, !Ce && (!!ue || z.length > 0 && !q) && u.createElement(Ii, { className: "rdt_TableHead", role: "rowgroup", $fixedHeader: le }, u.createElement(Ni, { className: "rdt_TableHeadRow", role: "row", $dense: f }, d && (ca ? u.createElement(Rt, { style: { flex: "0 0 48px" } }) : u.createElement(cs, { allSelected: h, selectedRows: s, selectableRowsComponent: P, selectableRowsComponentProps: C, selectableRowDisabled: $, rowData: la, keyField: a, mergeSelections: Y, onSelectAllRows: Gn })), it && !tn && u.createElement(Cs, null), on.map(((k) => u.createElement(ss, { key: k.id, column: k, selectedColumn: R, disabled: q || z.length === 0, pagination: pe, paginationServer: N, persistSelectedOnSort: F, selectableRowsVisibleOnly: E, sortDirection: M, sortIcon: Qt, sortServer: Pt, onSort: qn, onDragStart: _t, onDragOver: sn, onDragEnd: At, onDragEnter: an, onDragLeave: Dt, draggingColumnId: Tt }))))), !z.length && !q && u.createElement(Es, null, Pe), q && ue && u.createElement(Zr, null, Oe), !q && z.length > 0 && u.createElement(ws, { className: "rdt_TableBody", role: "rowgroup" }, Fe.map(((k, W) => {
+    const fe = wt(k, a), je = (function(Ve = "") {
+      return typeof Ve != "number" && (!Ve || Ve.length === 0);
+    })(fe) ? W : fe, T = Sn(k, s, a), Yn = !!(it && nn && nn(k)), dt = !!(it && en && en(k));
+    return u.createElement(es, { id: je, key: je, keyField: a, "data-row-id": je, columns: on, row: k, rowCount: z.length, rowIndex: W, selectableRows: d, expandableRows: it, expandableIcon: _, highlightOnHover: l, pointerOnHover: c, dense: f, expandOnRowClicked: Ln, expandOnRowDoubleClicked: Mn, expandableRowsComponent: Xt, expandableRowsComponentProps: Zt, expandableRowsHideExpander: tn, defaultExpanderDisabled: dt, defaultExpanded: Yn, expandableInheritConditionalStyles: Hn, conditionalRowStyles: ze, selected: T, selectableRowsHighlight: y, selectableRowsComponent: P, selectableRowsComponentProps: C, selectableRowDisabled: $, selectableRowsSingle: g, striped: i, onRowExpandToggled: O, onRowClicked: ra, onRowDoubleClicked: oa, onRowMouseEnter: aa, onRowMouseLeave: ia, onSelectedRow: na, draggingColumnId: Tt, onDragStart: _t, onDragOver: sn, onDragEnd: At, onDragEnter: an, onDragLeave: Dt });
+  })))))), K && u.createElement("div", null, u.createElement(he, { onChangePage: ut, onChangeRowsPerPage: sa, rowCount: re || z.length, currentPage: we, rowsPerPage: _e, direction: We, paginationRowsPerPageOptions: ie, paginationIconLastPage: ye, paginationIconFirstPage: $e, paginationIconNext: ve, paginationIconPrevious: Ae, paginationComponentOptions: xe })));
+}));
+function St(e, t, ...n) {
+  if (!e) {
+    let r;
+    if (t === void 0)
+      r = new Error(
+        "Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings."
+      );
+    else {
+      let o = 0;
+      r = new Error(
+        t.replace(/%s/g, function() {
+          return n[o++];
+        })
+      ), r.name = "Invariant Violation";
+    }
+    throw r.framesToPop = 1, r;
+  }
+}
+const Xe = (e) => typeof e == "function", Ws = (e) => e.length === 0, oo = (e) => e.toString(), tr = (e) => typeof e == "string", xr = "/", Cn = "||", Ze = (e) => e, ao = (e) => e === null;
+function io(e, t = Ze, n) {
+  St(
+    Xe(t) || ao(t),
+    "Expected payloadCreator to be a function, undefined or null"
+  );
+  const r = ao(t) || t === Ze ? Ze : (l, ...c) => l instanceof Error ? l : t(l, ...c), o = Xe(n), a = e.toString(), i = (...l) => {
+    const c = r(...l), f = { type: e };
+    return c instanceof Error && (f.error = !0), c !== void 0 && (f.payload = c), o && (f.meta = n(...l)), f;
+  };
+  return i.toString = () => a, i;
+}
+const Ct = (e) => {
+  if (typeof e != "object" || e === null)
+    return !1;
+  let t = e;
+  for (; Object.getPrototypeOf(t) !== null; )
+    t = Object.getPrototypeOf(t);
+  return Object.getPrototypeOf(e) === t;
+}, so = (e) => Array.isArray(e), Vo = (e) => e == null, Bs = (e) => e[e.length - 1], Vs = /\s/, qs = /([-.:_])/, Gs = /([a-z][A-Z]|[A-Z][a-z])/, nr = "/", Ys = /[\W_]+(.|$)/g, Us = (e) => e.replace(Ys, (t, n) => n ? " " + n : ""), Ks = /(.)([A-Z]+)/g, Qs = (e) => e.replace(
+  Ks,
+  (t, n, r) => n + " " + r.toLowerCase().split("").join(" ")
+), Js = (e) => Vs.test(e) ? e.toLowerCase() : qs.test(e) ? (Us(e) || e).toLowerCase() : Gs.test(e) ? Qs(e).toLowerCase() : e.toLowerCase(), Xs = (e) => Js(e).replace(/[\W_]+(.|$)/g, (t, n) => n ? " " + n : "").trim(), lo = (e) => Xs(e).replace(
+  /\s(\w)/g,
+  (t, n) => n.toUpperCase()
+), qo = (e) => e.includes(nr) ? e.split(nr).map(lo).join(nr) : lo(e), gr = (e, t) => e.reduce(
+  (n, r) => t(n, r),
+  {}
+), Nn = (e) => typeof Map < "u" && e instanceof Map;
+function Sr(e) {
+  if (Nn(e))
+    return Array.from(e.keys());
+  if (typeof Reflect < "u" && typeof Reflect.ownKeys == "function")
+    return Reflect.ownKeys(e);
+  let t = Object.getOwnPropertyNames(e);
+  return typeof Object.getOwnPropertySymbols == "function" && (t = t.concat(Object.getOwnPropertySymbols(e))), t;
+}
+function Go(e, t) {
+  return Nn(t) ? t.get(e) : t[e];
+}
+const Yo = (e) => function t(n, { namespace: r = xr, prefix: o } = {}, a = {}, i = "") {
+  function l(f) {
+    if (!i)
+      return f;
+    const d = f.toString().split(Cn), g = i.split(Cn);
+    return [].concat(
+      ...g.map((y) => d.map((b) => `${y}${r}${b}`))
+    ).join(Cn);
+  }
+  function c(f) {
+    return i || !o || o && new RegExp(`^${o}${r}`).test(f) ? f : `${o}${r}${f}`;
+  }
+  return Sr(n).forEach((f) => {
+    const d = c(l(f)), g = Go(f, n);
+    e(g) ? t(g, { namespace: r, prefix: o }, a, d) : a[d] = g;
+  }), a;
+}, Zs = Yo(Ct);
+function el(e, { namespace: t = xr, prefix: n } = {}) {
+  function r(a, i, l) {
+    const c = qo(l.shift());
+    Ws(l) ? i[c] = e[a] : (i[c] || (i[c] = {}), r(
+      a,
+      i[c],
+      l
+    ));
+  }
+  const o = {};
+  return Object.getOwnPropertyNames(e).forEach((a) => {
+    const i = n ? a.replace(`${n}${t}`, "") : a;
+    return r(
+      a,
+      o,
+      i.split(t)
+    );
+  }), o;
+}
+function tl(e, ...t) {
+  const n = Ct(Bs(t)) ? t.pop() : {};
+  return St(
+    t.every(tr) && (tr(e) || Ct(e)),
+    "Expected optional object followed by string action types"
+  ), tr(e) ? co(
+    [e, ...t],
+    n
+  ) : {
+    ...nl(e, n),
+    ...co(t, n)
+  };
+}
+function nl(e, t) {
+  const n = Zs(e, t), r = Uo(n);
+  return el(r, t);
+}
+function Uo(e, { prefix: t, namespace: n = xr } = {}) {
+  function r(o) {
+    if (Xe(o) || Vo(o))
+      return !0;
+    if (so(o)) {
+      const [a = Ze, i] = o;
+      return Xe(a) && Xe(i);
+    }
+    return !1;
+  }
+  return gr(
+    Object.keys(e),
+    (o, a) => {
+      const i = e[a];
+      St(
+        r(i),
+        `Expected function, undefined, null, or array with payload and meta functions for ${a}`
+      );
+      const l = t ? `${t}${n}${a}` : a, c = so(i) ? io(l, ...i) : io(l, i);
+      return { ...o, [a]: c };
+    }
+  );
+}
+function co(e, t) {
+  const n = gr(
+    e,
+    (o, a) => ({ ...o, [a]: Ze })
+  ), r = Uo(n, t);
+  return gr(
+    Object.keys(r),
+    (o, a) => ({
+      ...o,
+      [qo(a)]: r[a]
+    })
+  );
+}
+const rl = (e) => e === void 0;
+function ol(e, t = Ze, n) {
+  const r = oo(e).split(Cn);
+  St(
+    !rl(n),
+    `defaultState for reducer handling ${r.join(", ")} should be defined`
+  ), St(
+    Xe(t) || Ct(t),
+    "Expected reducer to be a function or object with next and throw reducers"
+  );
+  const [o, a] = Xe(t) ? [t, t] : [t.next, t.throw].map(
+    (i) => Vo(i) ? Ze : i
+  );
+  return (i = n, l) => {
+    const { type: c } = l;
+    return !c || !r.includes(oo(c)) ? i : (l.error === !0 ? a : o)(i, l);
+  };
+}
+const al = function() {
+  for (var e = arguments.length, t = Array(e), n = 0; n < e; n++)
+    t[n] = arguments[n];
+  var r = typeof t[0] != "function" && t.shift(), o = t;
+  if (typeof r > "u")
+    throw new TypeError("The initial state may not be undefined. If you do not want to set a value for this reducer, you can use null instead of undefined.");
+  return function(a, i) {
+    for (var l = arguments.length, c = Array(l > 2 ? l - 2 : 0), f = 2; f < l; f++)
+      c[f - 2] = arguments[f];
+    var d = typeof a > "u", g = typeof i > "u";
+    return d && g && r ? r : o.reduce(function(y, b, E) {
+      if (typeof b > "u")
+        throw new TypeError("An undefined reducer was passed in at index " + E);
+      return b.apply(void 0, [y, i].concat(c));
+    }, d && !g && r ? r : a);
+  };
+};
+function il(e) {
+  const t = Sr(e), n = t.every(
+    (r) => r === "next" || r === "throw"
+  );
+  return t.length > 0 && t.length <= 2 && n;
+}
+const sl = Yo(
+  (e) => (Ct(e) || Nn(e)) && !il(e)
+);
+function ll(e, t, n = {}) {
+  St(
+    Ct(e) || Nn(e),
+    "Expected handlers to be a plain object."
+  );
+  const r = sl(e, n), o = Sr(r).map(
+    (i) => ol(i, Go(i, r), t)
+  ), a = al(t, ...o);
+  return (i = t, l) => a(i, l);
+}
+const Cr = { path: "/", history: [], location: 0 }, Ko = { path: "*", data: {}, hash: "", query: "" }, Fn = qt(Cr), Er = qt(null), Vt = qt(Ko), { navigate: Qo, back: cl, forward: ul } = tl({
+  NAVIGATE: (e) => e,
+  BACK: (e = 1) => e,
+  FORWARD: (e = 1) => e
+}), dl = ll(
+  {
+    NAVIGATE: (e, t) => {
+      let { history: n, location: r } = e;
+      return r > 0 && (n = n.slice(r)), {
+        path: ml(e.path, t.payload),
+        history: [t.payload, ...n],
+        location: 0
+      };
+    },
+    BACK: (e, t) => {
+      const n = e.location + t.payload, r = e.history.at(n);
+      return r ? {
+        path: r,
+        history: e.history,
+        location: n
+      } : e;
+    },
+    FORWARD: (e, t) => {
+      const n = e.location - t.payload, r = e.history.at(n);
+      return r ? {
+        path: r,
+        history: e.history,
+        location: n
+      } : e;
+    }
+  },
+  Cr
+);
+function pl() {
+  return Te(Fn).path;
+}
+function Rr() {
+  const e = Te(Er);
+  return (t) => e?.(Qo(t));
+}
+function fl() {
+  const e = Te(Er), t = Te(Fn);
+  return {
+    navigate: (n) => e?.(Qo(n)),
+    back: (n = 1) => e?.(cl(n)),
+    forward: (n = 1) => e?.(ul(n)),
+    hasBack: t.location < t.history.length - 1,
+    ...t
+  };
+}
+function $r() {
+  return Te(Vt).data;
+}
+function gl() {
+  const { query: e, hash: t } = Te(Vt);
+  return { search: new URLSearchParams(e), hash: t };
+}
+function hl({ path: e, children: t }) {
+  const n = e ? { path: e, history: [], location: 0 } : Cr, [r, o] = pa(dl, n);
+  return /* @__PURE__ */ p.jsx(Fn.Provider, { value: r, children: /* @__PURE__ */ p.jsx(Er.Provider, { value: o, children: /* @__PURE__ */ p.jsx(Vt.Provider, { value: Ko, children: t }) }) });
+}
+const gt = da(({ to: e, children: t, ...n }, r) => {
+  const o = Rr(), a = (i) => {
+    i.defaultPrevented || i.preventDefault(), o(e);
+  };
+  return /* @__PURE__ */ p.jsx(
+    "a",
+    {
+      ...n,
+      href: e,
+      ref: r,
+      onClick: a,
+      children: t
+    }
+  );
+});
+function rr({ children: e }) {
+  const t = Te(Vt), n = Te(Fn), r = Jo(e, t.path).map((o) => [o, vl(o.route, n.path)]).filter(([, o]) => o.isMatch);
+  return /* @__PURE__ */ p.jsx(p.Fragment, { children: r.map(([o, a], i) => /* @__PURE__ */ p.jsx(Vt.Provider, { value: { ...a }, children: o.element }, i)) });
+}
+function me({ path: e, element: t }) {
+  return /* @__PURE__ */ p.jsx(p.Fragment, {});
+}
+function Jo(e, t) {
+  const n = [];
+  return fa.map(e, (r) => {
+    if (!ga(r)) return;
+    if (r.type === A.Fragment) {
+      n.push.apply(n, Jo(r.props.children, t));
+      return;
+    }
+    const o = r.props;
+    return n.push({
+      route: yl(t, o.path),
+      element: o.element
+    }), r;
+  }), n;
+}
+const ml = (e, t) => {
+  if (t.startsWith("/")) return t;
+  if (t.startsWith("?")) {
+    const [o] = e?.split("?") ?? [""];
+    return o + t;
+  }
+  let n = 0;
+  const r = t.split("/").filter((o) => o !== "");
+  for (; r.length > 0 && (r[0] === "." || r[0] === ".."); )
+    r.shift() == ".." && ++n;
+  return bl(e, r.join("/"), n);
+}, bl = (e, t, n) => {
+  const r = e.split("/").filter((a) => a !== ""), o = t.split("/").filter((a) => a !== "");
+  return n === 0 ? `/${r.join("/")}/${o.join("/")}` : `/${r.slice(0, -n).join("/")}/${o.join("/")}`;
+}, yl = (e, t) => {
+  const n = e.split("/").filter((o) => o !== ""), r = t.split("/").filter((o) => o !== "");
+  return n.length > 0 && n.at(-1) === "*" && n.pop(), n.length === 0 ? `/${r.join("/")}` : `/${n.join("/")}/${r.join("/")}`;
+}, vl = (e, t) => {
+  const n = e.split("/");
+  let r = t.split("/");
+  if (r.at(-1) === "" && (r = r.slice(0, -1)), n.length > r.length)
+    return { isMatch: !1, remainer: "", data: {}, query: "", hash: "", path: "" };
+  if (n.length < r.length && n.at(-1) !== "*")
+    return { isMatch: !1, remainer: "", data: {}, query: "", hash: "", path: "" };
+  let o = {}, a = "", i = "";
+  for (let l = 0; l < n.length; ++l) {
+    const c = n[l], d = [...r[l].matchAll(/([?#]?)((?:(?![?#]).)*)/g)], g = d?.find((y) => y[1] === "")?.[2] ?? "";
+    if (a = d?.find((y) => y[1] === "?")?.[2] ?? "", i = d?.find((y) => y[1] === "#")?.[2] ?? "", c.startsWith(":") && g && g !== "") {
+      o[c.substring(1)] = g;
+      continue;
+    }
+    if (c === "*")
+      return { isMatch: !0, data: o, remainer: r.splice(0, l).join("/"), query: a, hash: i, path: r.slice(0, l).join("/") };
+    if (c !== g)
+      return { isMatch: !1, data: {}, remainer: "", query: "", hash: "", path: "" };
+  }
+  return { isMatch: !0, remainer: "", data: o, query: a, hash: i, path: t?.split("?")?.[0] ?? "" };
+}, wl = `
+query dbSchema {
+  _dbSchema {
+    dbName
+    graphQlName
+    labelColumn
+    primaryKeys
+    isEditable
+    metadata {
+      key
+      value
+    }
+    columns {
+      dbName
+      graphQlName
+      paramType
+      isPrimaryKey
+      isIdentity
+      isNullable
+      isReadOnly
+      metadata {
+        key
+        value
+      }
+    }
+    multiJoins {
+      name
+      sourceColumnNames
+      destinationTable
+      destinationColumnNames
+    }
+    singleJoins {
+      name
+      sourceColumnNames
+      destinationTable
+      destinationColumnNames
+    }
+  }
+}`;
+class xl extends Error {
+  constructor(t, n) {
+    super(t.map((r) => r.message).join("; ")), this.errors = t, this.data = n, this.name = "GraphQLRequestError";
+  }
+}
+class Sl {
+  constructor(t) {
+    this.uri = t;
+  }
+  async query(t, n) {
+    const r = await fetch(this.uri, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ query: t, variables: n })
+    });
+    if (!r.ok)
+      throw new Error(`GraphQL request failed: ${r.status} ${r.statusText}`);
+    const o = await r.json();
+    if (o.errors?.length)
+      throw new xl(o.errors, o.data);
+    return o.data;
+  }
+}
+const Xo = qt(null), Cl = Xo.Provider;
+function Gt() {
+  const e = Te(Xo);
+  if (!e) throw new Error("useFetcher must be used within a FetcherProvider");
+  return e;
+}
+const Zo = qt({ loading: !0, error: null, data: [], findTable: () => {
+} }), El = ({ children: e }) => {
+  const t = Rl();
+  return /* @__PURE__ */ p.jsx(Zo.Provider, { value: t, children: e });
+};
+function $t() {
+  return Te(Zo);
+}
+function Rl() {
+  const e = Gt(), { isLoading: t, error: n, data: r } = jn({
+    queryKey: ["dbSchema"],
+    queryFn: () => e.query(wl),
+    staleTime: 1 / 0
+  });
+  return ae(() => {
+    if (t) return { loading: !0, error: null, data: [], findTable: () => {
+    } };
+    if (n) return { loading: !1, error: { message: n.message }, data: [], findTable: () => {
+    } };
+    if (!r) return { loading: !1, error: null, data: [], findTable: () => {
+    } };
+    const o = r._dbSchema.map((i) => ({
+      ...i,
+      name: i.graphQlName,
+      label: i.dbName,
+      metadata: uo(i.metadata),
+      columns: i.columns.map((l) => ({
+        ...l,
+        name: l.graphQlName,
+        label: l.dbName,
+        metadata: uo(l.metadata)
+      }))
+    }));
+    return { loading: !1, error: null, data: o, findTable: (i) => o.find((l) => l.graphQlName === i) };
+  }, [t, n, r]);
+}
+function uo(e) {
+  return e.reduce((t, n) => ({ ...t, [n.key]: $l(n) }), {});
+}
+function $l({ key: e, value: t }) {
+  return e === "type" ? Ol(t) : t;
+}
+function Ol(e) {
+  const t = e.match(/lookup\s*\(\s*(?<id>\w+)\s*,\s*(?<label>\w+)\s*\)/m);
+  if (t?.groups?.id && t?.groups?.label)
+    return {
+      type: "lookup",
+      id: t.groups.id,
+      label: t.groups.label
+    };
+}
+const Pl = [
+  {
+    name: "Table",
+    cell: (e) => /* @__PURE__ */ p.jsx(gt, { to: `/${e.name}`, className: "plain-link", children: e.label })
+  }
+];
+function jl() {
+  const { loading: e, error: t, data: n } = $t();
+  return e ? /* @__PURE__ */ p.jsx("div", { children: "Loading..." }) : t ? /* @__PURE__ */ p.jsxs("div", { children: [
+    "Error: ",
+    t.message
+  ] }) : /* @__PURE__ */ p.jsx("div", { children: /* @__PURE__ */ p.jsx(Bo, { columns: Pl, data: n }) });
+}
+const ea = (e) => {
+  try {
+    if (!e) return { variables: {}, param: "", filterText: "" };
+    const [t, n, r, o] = JSON.parse(e);
+    return { variables: { filter: r }, param: `, $filter: ${o}`, filterText: `{${t}: {${n}: $filter} }` };
+  } catch {
+    return { variables: {}, param: "", filterText: "" };
+  }
+}, kl = (e) => {
+  if (!e) return "";
+  const t = new Date(e);
+  return t.toString() === "Invalid Date" || t < /* @__PURE__ */ new Date("1973-01-01") ? "" : t.toLocaleString();
+}, Tl = (e, t) => {
+  if (!e || !t) return [];
+  const n = e.columns.map((o) => {
+    const a = {
+      name: o.label,
+      reorder: !0,
+      sortable: !0,
+      sortField: o.name
+    }, i = e.singleJoins.find((l) => l.sourceColumnNames?.[0] === o.name);
+    if (i) {
+      const l = i.destinationTable, c = t.findTable(i.destinationTable);
+      return {
+        cell: (f) => !!f && /* @__PURE__ */ p.jsx(gt, { to: "/" + c?.name + "/" + f?.[l]?.id, children: f?.[l]?.label }),
+        ...a
+      };
+    }
+    return o?.joinTable ? {
+      cell: (l) => !!l && /* @__PURE__ */ p.jsx(gt, { to: "/" + o.name + "/" + l?.[o.name]?.id, children: o.name }),
+      ...a
+    } : o?.paramType === "DateTime" ? {
+      selector: (l) => !!o?.name && kl(l?.[o?.name]) || "",
+      ...a
+    } : {
+      selector: (l) => o?.name ? String(l?.[o?.name] ?? "") : "",
+      ...a
+    };
+  }), r = e.multiJoins.map((o) => {
+    const a = t.findTable(o.destinationTable);
+    return {
+      name: a?.name,
+      cell: (i) => !!i && /* @__PURE__ */ p.jsx(gt, { to: "/" + a?.name + "/from/" + e.name + "/" + i?.id, children: a?.name }),
+      reorder: !1,
+      sortable: !1,
+      sortField: o.sourceColumnNames?.[0]
+    };
+  });
+  return e.isEditable === !1 ? [...n, ...r] : [{
+    name: "edit",
+    cell: (o) => /* @__PURE__ */ p.jsx(gt, { to: `/${e.graphQlName}/edit/${o?.id}`, children: "edit" })
+  }, ...n, ...r];
+}, _l = (e, t, n, r, o) => {
+  if (!e || !t?.data) return null;
+  const a = t.findTable(e.graphQlName);
+  if (!a) return null;
+  const i = a?.primaryKeys?.[0] ?? "id";
+  let { param: l, filterText: c } = ea(n);
+  const f = e.columns.filter((d) => d?.joinTable === void 0).map((d) => {
+    const g = a.singleJoins.find((E) => E.sourceColumnNames?.[0] === d.name);
+    if (!g) return d;
+    const b = t.findTable(g.destinationTable)?.labelColumn ?? "id";
+    return { ...d, joinTable: g, joinLabelColumn: b };
+  }).map((d) => d?.joinTable ? d.name + ` ${d.joinTable.destinationTable} { id: ${d.joinTable.destinationColumnNames?.[0]} label: ${d.joinLabelColumn} }` : d.name).join(" ");
+  return r && !o && (l = ", $id: Int", c = `{ ${i}: { _eq: $id}}`), r && o && (l = ", $id: Int" + l, c ? c = `{and: [${c}, { ${o}: { ${i}: { _eq: $id}}} ]}` : c = `{ ${o}: { ${i}: { _eq: $id}}}`), c && (c = `filter: ${c}`), `query Get${e.name}($sort: [${e.graphQlName}SortEnum!], $limit: Int, $offset: Int ${l}) { ${e.name}(sort: $sort limit: $limit offset: $offset ${c}) { total offset limit data {${f}}}}`;
+};
+function Dl(e, t, n) {
+  const { search: r } = gl(), o = r.get("filter") ?? "", { variables: a } = ea(o), i = $t(), l = Gt(), [c, f] = Lt(null), [d, g] = Lt(0), [y, b] = Lt(10), E = c ? [`${c.columnName}_${c.order}`] : e ? [`${e.columns.at(0)?.name ?? "id"}_asc`] : [], S = ae(
+    () => _l(e, i, o, t, n),
+    [e, i, o, t, n]
+  ), $ = ae(() => ({
+    sort: E,
+    limit: y,
+    offset: d,
+    ...t ? { id: +t } : {},
+    ...a
+  }), [E, y, d, t, a]), { isLoading: P, error: C, data: O } = jn({
+    queryKey: ["tableData", e?.name, $],
+    queryFn: () => l.query(S, $),
+    enabled: !!S && !!e && E.length > 0
+  }), j = ae(
+    () => e ? Tl(e, i) : [],
+    [e, i]
+  ), _ = Un((N, Q) => {
+    f({ columnName: N.sortField ?? "id", order: Q });
+  }, []), w = Un((N) => {
+    g((N - 1) * y);
+  }, [y]), v = Un((N) => {
+    b(N);
+  }, []);
+  return {
+    tableColumns: j,
+    offset: d,
+    limit: y,
+    handleSort: _,
+    handlePage: w,
+    handlePageSize: v,
+    loading: P,
+    error: C,
+    data: O
+  };
+}
+function Al({ table: e, id: t, tableFilter: n }) {
+  const {
+    limit: r,
+    tableColumns: o,
+    handleSort: a,
+    handlePage: i,
+    handlePageSize: l,
+    loading: c,
+    error: f,
+    data: d
+  } = Dl(e, t, n), g = Wt(e.name), y = Wt(0), b = ae(() => (g.current !== e.name && (g.current = e.name, y.current += 1), y.current % 2 === 1), [e.name]);
+  return f ? /* @__PURE__ */ p.jsxs("div", { children: [
+    "Error: ",
+    f.message
+  ] }) : /* @__PURE__ */ p.jsx(
+    Bo,
+    {
+      columns: o,
+      data: d?.[e.name]?.data ?? [],
+      progressPending: c,
+      sortServer: !0,
+      onSort: a,
+      pagination: !0,
+      paginationServer: !0,
+      paginationTotalRows: d?.[e.name]?.total ?? 0,
+      paginationPerPage: r,
+      paginationDefaultPage: 1,
+      paginationResetDefaultPage: b,
+      onChangePage: i,
+      onChangeRowsPerPage: l
+    }
+  );
+}
+function Il(e, t) {
+  return e.find((r) => r.name == t);
+}
+function ft() {
+  const e = $r(), { table: t, id: n, filterTable: r } = e, { loading: o, error: a, data: i } = $t();
+  return t ? o ? /* @__PURE__ */ p.jsx("div", { children: "Loading..." }) : a ? /* @__PURE__ */ p.jsxs("div", { children: [
+    "Error: ",
+    a.message
+  ] }) : /* @__PURE__ */ p.jsx(Al, { table: Il(i, t), id: n, tableFilter: r }) : /* @__PURE__ */ p.jsx("div", { children: "Table missing" });
+}
+function or() {
+  const e = $r(), { loading: t, error: n, data: r } = $t(), [o, a] = Lt(""), i = Rr(), { back: l, hasBack: c } = fl(), f = e?.table, d = ae(() => r?.find((S) => S.graphQlName === f), [r, f]), g = ae(
+    () => d?.columns?.map((S) => ({ key: S.name, value: `${S.name},${S.paramType}`, label: S.label })),
+    [d]
+  ), [y, b] = Lt(g?.at(0)?.value ?? "");
+  En(() => {
+    a(""), b(g?.at(0)?.value ?? "");
+  }, [g]);
+  const E = () => {
+    if (!o) return;
+    const [S, $] = y.split(",");
+    ($ === "Int" || $ === "Int!" || $ === "Float" || $ === "Float!") && i(`?filter=["${S}", "_eq", ${o}, "${$}"]`), ($ === "String" || $ === "String!") && i(`?filter=["${S}", "_contains", "${o}", "${$}"]`);
+  };
+  return t ? /* @__PURE__ */ p.jsx("div", { children: "Loading..." }) : n ? /* @__PURE__ */ p.jsxs("div", { children: [
+    "Error: ",
+    n.message
+  ] }) : /* @__PURE__ */ p.jsxs("header", { className: "editdb-header", children: [
+    /* @__PURE__ */ p.jsxs("div", { children: [
+      c && /* @__PURE__ */ p.jsx("button", { onClick: () => l(), children: "‹" }),
+      !c && /* @__PURE__ */ p.jsx("span", { children: "‹" })
+    ] }),
+    /* @__PURE__ */ p.jsxs("h3", { children: [
+      "Table: ",
+      d?.dbName ?? e?.table ?? "(Select)"
+    ] }),
+    g && /* @__PURE__ */ p.jsxs(p.Fragment, { children: [
+      /* @__PURE__ */ p.jsx("select", { onChange: (S) => b(S.target.value), children: g.map((S) => /* @__PURE__ */ p.jsx("option", { value: S.value, children: S.label }, S.key)) }),
+      /* @__PURE__ */ p.jsx("input", { type: "search", value: o, onChange: (S) => a(S.target.value) }),
+      /* @__PURE__ */ p.jsx("button", { onClick: E, children: "filter" }),
+      /* @__PURE__ */ p.jsx("button", { onClick: () => i("/"), children: "clear" }),
+      d?.isEditable && /* @__PURE__ */ p.jsx("button", { onClick: () => i("edit/"), children: "add" })
+    ] })
+  ] });
+}
+function Nl(e, t, n) {
+  const r = Gt(), o = ae(
+    () => e?.data?.find((f) => f.graphQlName === t),
+    [e, t]
+  ), a = ae(() => e.loading || e.error || !o ? null : `query Get_${t}_Ref {
+            values: ${t}(limit: -1) {
+                data {
+                    key: ${n}
+                    label: ${o.labelColumn ?? "id"}
+                }
+            }
+        }`, [n, o, e.loading, e.error, t]), { isLoading: i, error: l, data: c } = jn({
+    queryKey: ["tableRef", t, n],
+    queryFn: () => r.query(a),
+    enabled: !!a
+  });
+  return {
+    loading: i || e.loading,
+    error: l || e.error,
+    data: c?.values?.data ?? []
+  };
+}
+const Fl = ["Int", "Int!", "Float", "Float!"], Ll = ["Boolean", "Boolean!"];
+function po(e, t, n, r, o) {
+  const a = { ...e };
+  for (const { column: i } of t) {
+    if (Fl.some((l) => l === i.paramType)) {
+      const l = a[i.name];
+      a[i.name] = l != null ? +l : void 0;
+    }
+    Ll.some((l) => l === i.paramType) && (a[i.name] = !!a[i.name]);
+  }
+  if (!o)
+    for (const i of n)
+      a[i.name] = i.paramType.startsWith("Int") ? +(r ?? 0) : r;
+  return a;
+}
+function Ml(e, t, n, r) {
+  const o = Gt(), a = ma(), i = ae(
+    () => `mutation updateSingle($detail: Update_${e.name}){
+            ${e.name}(update: $detail)
+        }`,
+    [e]
+  ), l = ae(
+    () => `mutation insertSingle($detail: Insert_${e.name}){
+            ${e.name}(insert: $detail)
+        }`,
+    [e]
+  ), c = Pr({
+    mutationFn: (b) => o.query(i, { detail: b }),
+    onSuccess: () => a.invalidateQueries({ queryKey: ["tableData", e.name] })
+  }), f = Pr({
+    mutationFn: (b) => o.query(l, { detail: b }),
+    onSuccess: () => a.invalidateQueries({ queryKey: ["tableData", e.name] })
+  }), d = (b) => {
+    const E = po(b, t, n, r, !1);
+    return c.mutateAsync(E);
+  }, g = (b) => {
+    const E = po(b, t, n, r, !0);
+    return f.mutateAsync(E);
+  }, y = c.error ?? f.error;
+  return {
+    update: d,
+    insert: g,
+    isPending: c.isPending || f.isPending,
+    error: y
+  };
+}
+const Hl = ["Boolean", "Boolean!"], ta = ["DateTime", "DateTime!"];
+function zl(e, t) {
+  return ae(() => {
+    const n = e?.data?.find((a) => a.graphQlName == t), o = n.columns.filter((a) => !a.isReadOnly && !a.isIdentity).map((a) => ({ column: a, join: n.singleJoins.find((i) => i.sourceColumnNames[0] === a.graphQlName) }));
+    return [
+      n,
+      o,
+      n.columns.filter((a) => a.isIdentity)
+    ];
+  }, [e, t]);
+}
+function Wl({ table: e, schema: t, editid: n }) {
+  const r = Rr(), o = Gt(), a = n === void 0 || n === "", [i, l, c] = zl(t, e), f = i.labelColumn, d = i.label, g = Wt(null), y = Wt({}), b = Ml(i, l, c, n), E = ae(
+    () => `query GetSingleEdit_${i.name}($id: Int){
+            value: ${i.name}(filter: {id: { _eq: $id}}) {
+                data { ${l.map(({ column: w }) => w.name).join(" ")} }
+            }
+        }`,
+    [i, l]
+  ), { isLoading: S, error: $, data: P } = jn({
+    queryKey: ["editRecord", i.name, n],
+    queryFn: () => o.query(E, { id: +n }),
+    enabled: !!i && !a
+  }), C = ae(() => P?.value?.data?.at(0) ?? {}, [P]);
+  if (En(() => {
+    y.current = Object.fromEntries(l.map(({ column: w }) => {
+      if (ta.some((v) => v === w.paramType)) {
+        const v = C[w.name]?.split("T")?.[0];
+        return [w.name, v === "0001-01-01" ? "" : v];
+      }
+      return [w.name, C[w.name]];
+    }));
+  }, [C, l]), En(() => {
+    const w = g.current;
+    return w?.showModal(), () => w?.close();
+  }, []), S && !a) return /* @__PURE__ */ p.jsx("div", { children: "Loading..." });
+  if ($) return /* @__PURE__ */ p.jsxs("div", { children: [
+    "Error: ",
+    $.message
+  ] });
+  if (b.error) return /* @__PURE__ */ p.jsxs("div", { children: [
+    "Error: ",
+    b.error.message
+  ] });
+  const O = (w) => {
+    (a ? b.insert : b.update)({ ...y.current }).then(() => {
+      r("../..");
+    });
+  }, j = C?.[f] ?? n, _ = l.map(({ column: w, join: v }) => ({
+    paramType: w.paramType,
+    isReadOnly: w.isReadOnly,
+    name: w.name,
+    required: w.isNullable ? {} : { required: !0 },
+    value: y.current[w.name] ?? (a ? void 0 : C[w.name]),
+    join: v
+  }));
+  return /* @__PURE__ */ p.jsx("dialog", { className: "editdb-dialog-edit", ref: g, children: /* @__PURE__ */ p.jsxs("form", { method: "dialog", onSubmit: O, children: [
+    c.map(
+      (w) => /* @__PURE__ */ p.jsx("input", { type: "hidden", name: w.name, defaultValue: n }, w.name)
+    ),
+    /* @__PURE__ */ p.jsxs("h3", { className: "editdb-dialog-edit__heading", children: [
+      d,
+      ":",
+      j
+    ] }),
+    /* @__PURE__ */ p.jsx(Bl, { fields: _, detailRef: y }),
+    /* @__PURE__ */ p.jsxs("div", { className: "button-row", children: [
+      /* @__PURE__ */ p.jsx(gt, { className: "editdb-dialog-edit__cancel", to: "../..", children: "Cancel" }),
+      /* @__PURE__ */ p.jsx(
+        "button",
+        {
+          type: "submit",
+          className: `editdb-dialog-edit__submit ${b.isPending ? "editdb-dialog-edit__submit--loading" : ""}`,
+          disabled: b.isPending,
+          children: "Save"
+        }
+      )
+    ] })
+  ] }) });
+}
+function hn() {
+  const { table: e, editid: t } = $r(), n = $t();
+  return e ? n.loading ? /* @__PURE__ */ p.jsx("div", { children: "Loading..." }) : n.error ? /* @__PURE__ */ p.jsxs("div", { children: [
+    "Error: ",
+    n.error.message
+  ] }) : /* @__PURE__ */ p.jsx(Wl, { table: e, schema: n, editid: t ?? "" }) : /* @__PURE__ */ p.jsx("div", { children: "Table missing" });
+}
+function Bl({ fields: e, detailRef: t }) {
+  return /* @__PURE__ */ p.jsx("ul", { className: "editdb-dialog-edit__input-list", children: e.map((n) => /* @__PURE__ */ p.jsx(Vl, { field: n, detailRef: t }, n.name)) });
+}
+function Vl({ field: e, detailRef: t }) {
+  let n = Gl;
+  return e.join ? n = Ul : Hl.some((r) => r === e.paramType) ? n = ql : ta.some((r) => r === e.paramType) && (n = Yl), /* @__PURE__ */ p.jsxs("li", { className: "editdb-dialog-edit__input-item", children: [
+    /* @__PURE__ */ p.jsx("label", { children: e.name }),
+    /* @__PURE__ */ p.jsx(n, { field: e, detailRef: t })
+  ] });
+}
+function ql({ field: e, detailRef: t }) {
+  return /* @__PURE__ */ p.jsx(
+    "input",
+    {
+      type: "checkbox",
+      defaultChecked: e.value,
+      onChange: (n) => {
+        t.current[e.name] = n.target.checked;
+      }
+    }
+  );
+}
+function Gl({ field: e, detailRef: t }) {
+  return /* @__PURE__ */ p.jsx(
+    "input",
+    {
+      type: "text",
+      defaultValue: e.value,
+      ...e.required,
+      onChange: (n) => {
+        t.current[e.name] = n.target.value;
+      }
+    }
+  );
+}
+function Yl({ field: e, detailRef: t }) {
+  return /* @__PURE__ */ p.jsx(
+    "input",
+    {
+      type: "date",
+      defaultValue: e.value,
+      ...e.required,
+      onChange: (n) => {
+        t.current[e.name] = n.target.value;
+      }
+    }
+  );
+}
+function Ul({ field: e, detailRef: t }) {
+  const n = $t(), r = Nl(n, e.join.destinationTable, e.join.destinationColumnNames[0]);
+  return /* @__PURE__ */ p.jsx(
+    "select",
+    {
+      defaultValue: e.value,
+      onChange: (o) => {
+        t.current[e.name] = o.target.value;
+      },
+      children: r.data.map((o) => /* @__PURE__ */ p.jsx("option", { value: o.key, children: o.label }, o.key))
+    }
+  );
+}
+class mn extends ha {
+  constructor(t) {
+    super(t), this.state = { hasError: !1, error: null };
+  }
+  static getDerivedStateFromError(t) {
+    return { hasError: !0, error: t };
+  }
+  componentDidCatch(t, n) {
+    const { onError: r, section: o } = this.props;
+    console.error(`Error in ${o ?? "component"}:`, t, n), r?.(t, n);
+  }
+  handleRetry = () => {
+    this.setState({ hasError: !1, error: null });
+  };
+  render() {
+    const { hasError: t, error: n } = this.state, { children: r, fallback: o, section: a } = this.props;
+    return t ? o || /* @__PURE__ */ p.jsx("div", { className: "editdb-error-boundary", children: /* @__PURE__ */ p.jsxs("div", { className: "editdb-error-boundary__content", children: [
+      /* @__PURE__ */ p.jsxs("h3", { className: "editdb-error-boundary__title", children: [
+        "Something went wrong",
+        a ? ` in ${a}` : ""
+      ] }),
+      /* @__PURE__ */ p.jsx("p", { className: "editdb-error-boundary__message", children: n?.message ?? "An unexpected error occurred" }),
+      /* @__PURE__ */ p.jsx(
+        "button",
+        {
+          className: "editdb-error-boundary__retry",
+          onClick: this.handleRetry,
+          children: "Try Again"
+        }
+      )
+    ] }) }) : r;
+  }
+}
+const Kl = () => /* @__PURE__ */ p.jsx("p", { className: "editdb-message", children: "Select a Table" }), Ql = () => /* @__PURE__ */ p.jsxs("div", { className: "editdb-frame-layout", children: [
+  /* @__PURE__ */ p.jsx("div", { className: "editdb-frame-layout-header", children: /* @__PURE__ */ p.jsx(mn, { section: "Header", children: /* @__PURE__ */ p.jsxs(rr, { children: [
+    /* @__PURE__ */ p.jsx(me, { path: "/:table/*", element: /* @__PURE__ */ p.jsx(or, {}) }),
+    /* @__PURE__ */ p.jsx(me, { path: "/:table", element: /* @__PURE__ */ p.jsx(or, {}) }),
+    /* @__PURE__ */ p.jsx(me, { path: "/", element: /* @__PURE__ */ p.jsx(or, {}) })
+  ] }) }) }),
+  /* @__PURE__ */ p.jsx("div", { className: "editdb-frame-layout-nav", children: /* @__PURE__ */ p.jsx(mn, { section: "Table List", children: /* @__PURE__ */ p.jsx(jl, {}) }) }),
+  /* @__PURE__ */ p.jsxs("div", { className: "editdb-frame-layout-body", children: [
+    /* @__PURE__ */ p.jsx(mn, { section: "Data Panel", children: /* @__PURE__ */ p.jsxs(rr, { children: [
+      /* @__PURE__ */ p.jsx(me, { path: "/:table/from/:filterTable/:id/edit/:editid", element: /* @__PURE__ */ p.jsx(ft, {}) }),
+      /* @__PURE__ */ p.jsx(me, { path: "/:table/from/:filterTable/:id", element: /* @__PURE__ */ p.jsx(ft, {}) }),
+      /* @__PURE__ */ p.jsx(me, { path: "/:table/:id/edit/:editid", element: /* @__PURE__ */ p.jsx(ft, {}) }),
+      /* @__PURE__ */ p.jsx(me, { path: "/:table/:id", element: /* @__PURE__ */ p.jsx(ft, {}) }),
+      /* @__PURE__ */ p.jsx(me, { path: "/:table/edit/:editid", element: /* @__PURE__ */ p.jsx(ft, {}) }),
+      /* @__PURE__ */ p.jsx(me, { path: "/:table", element: /* @__PURE__ */ p.jsx(ft, {}) }),
+      /* @__PURE__ */ p.jsx(me, { path: "/", element: /* @__PURE__ */ p.jsx(Kl, {}) })
+    ] }) }),
+    /* @__PURE__ */ p.jsx(mn, { section: "Data Edit", children: /* @__PURE__ */ p.jsxs(rr, { children: [
+      /* @__PURE__ */ p.jsx(me, { path: "/:table/from/:filterTable/:id/edit/:editid", element: /* @__PURE__ */ p.jsx(hn, {}) }),
+      /* @__PURE__ */ p.jsx(me, { path: "/:table/:id/edit/:editid", element: /* @__PURE__ */ p.jsx(hn, {}) }),
+      /* @__PURE__ */ p.jsx(me, { path: "/:table/edit/:editid", element: /* @__PURE__ */ p.jsx(hn, {}) }),
+      /* @__PURE__ */ p.jsx(me, { path: "/:table/edit", element: /* @__PURE__ */ p.jsx(hn, {}) })
+    ] }) })
+  ] })
+] });
+function Jl({ onLocate: e }) {
+  const t = pl();
+  return En(() => {
+    e?.(t);
+  }, [t, e]), /* @__PURE__ */ p.jsx(Ql, {});
+}
+function ec({
+  uri: e,
+  fetcher: t,
+  uiPath: n,
+  onLocate: r
+}) {
+  const o = ae(() => t || (e ? new Sl(e) : null), [e, t]), a = ae(() => new ba({
+    defaultOptions: {
+      queries: {
+        staleTime: 300 * 1e3,
+        retry: 1
+      }
+    }
+  }), []);
+  return o ? /* @__PURE__ */ p.jsx(ya, { client: a, children: /* @__PURE__ */ p.jsx(Cl, { value: o, children: /* @__PURE__ */ p.jsx(hl, { path: n || "/", children: /* @__PURE__ */ p.jsx(El, { children: /* @__PURE__ */ p.jsx("div", { children: /* @__PURE__ */ p.jsx(Jl, { onLocate: r }) }) }) }) }) }) : /* @__PURE__ */ p.jsx("section", { children: "CONFIG MISSING..." });
+}
+export {
+  ec as Editor,
+  Sl as HttpGraphQLFetcher,
+  ec as default,
+  Ml as useTableMutation
+};