ui-admin-lib 1.0.0

package/dist/index.esm.js

@@ -0,0 +1,1459 @@
+var vr = Object.defineProperty;
+var xr = (o, t, a) => t in o ? vr(o, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : o[t] = a;
+var Be = (o, t, a) => xr(o, typeof t != "symbol" ? t + "" : t, a);
+import Y, { useEffect as me, useState as F } from "react";
+var ue = { exports: {} }, H = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ue;
+function br() {
+  if (Ue) return H;
+  Ue = 1;
+  var o = Y, t = Symbol.for("react.element"), a = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, i = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function v(x, p, c) {
+    var m, h = {}, j = null, _ = null;
+    c !== void 0 && (j = "" + c), p.key !== void 0 && (j = "" + p.key), p.ref !== void 0 && (_ = p.ref);
+    for (m in p) s.call(p, m) && !d.hasOwnProperty(m) && (h[m] = p[m]);
+    if (x && x.defaultProps) for (m in p = x.defaultProps, p) h[m] === void 0 && (h[m] = p[m]);
+    return { $$typeof: t, type: x, key: j, ref: _, props: h, _owner: i.current };
+  }
+  return H.Fragment = a, H.jsx = v, H.jsxs = v, H;
+}
+var X = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Le;
+function gr() {
+  return Le || (Le = 1, process.env.NODE_ENV !== "production" && function() {
+    var o = Y, t = Symbol.for("react.element"), a = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), v = Symbol.for("react.provider"), x = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), _ = Symbol.for("react.offscreen"), N = Symbol.iterator, $ = "@@iterator";
+    function u(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var n = N && e[N] || e[$];
+      return typeof n == "function" ? n : null;
+    }
+    var S = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function y(e) {
+      {
+        for (var n = arguments.length, l = new Array(n > 1 ? n - 1 : 0), f = 1; f < n; f++)
+          l[f - 1] = arguments[f];
+        k("error", e, l);
+      }
+    }
+    function k(e, n, l) {
+      {
+        var f = S.ReactDebugCurrentFrame, E = f.getStackAddendum();
+        E !== "" && (n += "%s", l = l.concat([E]));
+        var R = l.map(function(g) {
+          return String(g);
+        });
+        R.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, R);
+      }
+    }
+    var W = !1, V = !1, z = !1, J = !1, C = !1, O;
+    O = Symbol.for("react.module.reference");
+    function Z(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === s || e === d || C || e === i || e === c || e === m || J || e === _ || W || V || z || typeof e == "object" && e !== null && (e.$$typeof === j || e.$$typeof === h || e.$$typeof === v || e.$$typeof === x || e.$$typeof === p || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      e.$$typeof === O || e.getModuleId !== void 0));
+    }
+    function Me(e, n, l) {
+      var f = e.displayName;
+      if (f)
+        return f;
+      var E = n.displayName || n.name || "";
+      return E !== "" ? l + "(" + E + ")" : l;
+    }
+    function he(e) {
+      return e.displayName || "Context";
+    }
+    function B(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case s:
+          return "Fragment";
+        case a:
+          return "Portal";
+        case d:
+          return "Profiler";
+        case i:
+          return "StrictMode";
+        case c:
+          return "Suspense";
+        case m:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case x:
+            var n = e;
+            return he(n) + ".Consumer";
+          case v:
+            var l = e;
+            return he(l._context) + ".Provider";
+          case p:
+            return Me(e, e.render, "ForwardRef");
+          case h:
+            var f = e.displayName || null;
+            return f !== null ? f : B(e.type) || "Memo";
+          case j: {
+            var E = e, R = E._payload, g = E._init;
+            try {
+              return B(g(R));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var U = Object.assign, K = 0, pe, ve, xe, be, ge, ye, je;
+    function Ee() {
+    }
+    Ee.__reactDisabledLog = !0;
+    function qe() {
+      {
+        if (K === 0) {
+          pe = console.log, ve = console.info, xe = console.warn, be = console.error, ge = console.group, ye = console.groupCollapsed, je = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: Ee,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        K++;
+      }
+    }
+    function Ye() {
+      {
+        if (K--, K === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: U({}, e, {
+              value: pe
+            }),
+            info: U({}, e, {
+              value: ve
+            }),
+            warn: U({}, e, {
+              value: xe
+            }),
+            error: U({}, e, {
+              value: be
+            }),
+            group: U({}, e, {
+              value: ge
+            }),
+            groupCollapsed: U({}, e, {
+              value: ye
+            }),
+            groupEnd: U({}, e, {
+              value: je
+            })
+          });
+        }
+        K < 0 && y("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var ae = S.ReactCurrentDispatcher, ne;
+    function Q(e, n, l) {
+      {
+        if (ne === void 0)
+          try {
+            throw Error();
+          } catch (E) {
+            var f = E.stack.trim().match(/\n( *(at )?)/);
+            ne = f && f[1] || "";
+          }
+        return `
+` + ne + e;
+      }
+    }
+    var se = !1, ee;
+    {
+      var Ve = typeof WeakMap == "function" ? WeakMap : Map;
+      ee = new Ve();
+    }
+    function Ce(e, n) {
+      if (!e || se)
+        return "";
+      {
+        var l = ee.get(e);
+        if (l !== void 0)
+          return l;
+      }
+      var f;
+      se = !0;
+      var E = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var R;
+      R = ae.current, ae.current = null, qe();
+      try {
+        if (n) {
+          var g = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(g.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(g, []);
+            } catch (I) {
+              f = I;
+            }
+            Reflect.construct(e, [], g);
+          } else {
+            try {
+              g.call();
+            } catch (I) {
+              f = I;
+            }
+            e.call(g.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (I) {
+            f = I;
+          }
+          e();
+        }
+      } catch (I) {
+        if (I && f && typeof I.stack == "string") {
+          for (var b = I.stack.split(`
+`), P = f.stack.split(`
+`), T = b.length - 1, w = P.length - 1; T >= 1 && w >= 0 && b[T] !== P[w]; )
+            w--;
+          for (; T >= 1 && w >= 0; T--, w--)
+            if (b[T] !== P[w]) {
+              if (T !== 1 || w !== 1)
+                do
+                  if (T--, w--, w < 0 || b[T] !== P[w]) {
+                    var D = `
+` + b[T].replace(" at new ", " at ");
+                    return e.displayName && D.includes("<anonymous>") && (D = D.replace("<anonymous>", e.displayName)), typeof e == "function" && ee.set(e, D), D;
+                  }
+                while (T >= 1 && w >= 0);
+              break;
+            }
+        }
+      } finally {
+        se = !1, ae.current = R, Ye(), Error.prepareStackTrace = E;
+      }
+      var q = e ? e.displayName || e.name : "", L = q ? Q(q) : "";
+      return typeof e == "function" && ee.set(e, L), L;
+    }
+    function ze(e, n, l) {
+      return Ce(e, !1);
+    }
+    function Je(e) {
+      var n = e.prototype;
+      return !!(n && n.isReactComponent);
+    }
+    function re(e, n, l) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return Ce(e, Je(e));
+      if (typeof e == "string")
+        return Q(e);
+      switch (e) {
+        case c:
+          return Q("Suspense");
+        case m:
+          return Q("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case p:
+            return ze(e.render);
+          case h:
+            return re(e.type, n, l);
+          case j: {
+            var f = e, E = f._payload, R = f._init;
+            try {
+              return re(R(E), n, l);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var G = Object.prototype.hasOwnProperty, Re = {}, _e = S.ReactDebugCurrentFrame;
+    function te(e) {
+      if (e) {
+        var n = e._owner, l = re(e.type, e._source, n ? n.type : null);
+        _e.setExtraStackFrame(l);
+      } else
+        _e.setExtraStackFrame(null);
+    }
+    function Ke(e, n, l, f, E) {
+      {
+        var R = Function.call.bind(G);
+        for (var g in e)
+          if (R(e, g)) {
+            var b = void 0;
+            try {
+              if (typeof e[g] != "function") {
+                var P = Error((f || "React class") + ": " + l + " type `" + g + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[g] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw P.name = "Invariant Violation", P;
+              }
+              b = e[g](n, g, f, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (T) {
+              b = T;
+            }
+            b && !(b instanceof Error) && (te(E), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", f || "React class", l, g, typeof b), te(null)), b instanceof Error && !(b.message in Re) && (Re[b.message] = !0, te(E), y("Failed %s type: %s", l, b.message), te(null));
+          }
+      }
+    }
+    var Ge = Array.isArray;
+    function ie(e) {
+      return Ge(e);
+    }
+    function He(e) {
+      {
+        var n = typeof Symbol == "function" && Symbol.toStringTag, l = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l;
+      }
+    }
+    function Xe(e) {
+      try {
+        return Se(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Se(e) {
+      return "" + e;
+    }
+    function ke(e) {
+      if (Xe(e))
+        return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", He(e)), Se(e);
+    }
+    var Te = S.ReactCurrentOwner, Ze = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, we, Ne;
+    function Qe(e) {
+      if (G.call(e, "ref")) {
+        var n = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (n && n.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function er(e) {
+      if (G.call(e, "key")) {
+        var n = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (n && n.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function rr(e, n) {
+      typeof e.ref == "string" && Te.current;
+    }
+    function tr(e, n) {
+      {
+        var l = function() {
+          we || (we = !0, y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+        };
+        l.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: l,
+          configurable: !0
+        });
+      }
+    }
+    function ar(e, n) {
+      {
+        var l = function() {
+          Ne || (Ne = !0, y("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+        };
+        l.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: l,
+          configurable: !0
+        });
+      }
+    }
+    var nr = function(e, n, l, f, E, R, g) {
+      var b = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: t,
+        // Built-in properties that belong on the element
+        type: e,
+        key: n,
+        ref: l,
+        props: g,
+        // Record the component responsible for creating this element.
+        _owner: R
+      };
+      return b._store = {}, Object.defineProperty(b._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(b, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: f
+      }), Object.defineProperty(b, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: E
+      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
+    };
+    function sr(e, n, l, f, E) {
+      {
+        var R, g = {}, b = null, P = null;
+        l !== void 0 && (ke(l), b = "" + l), er(n) && (ke(n.key), b = "" + n.key), Qe(n) && (P = n.ref, rr(n, E));
+        for (R in n)
+          G.call(n, R) && !Ze.hasOwnProperty(R) && (g[R] = n[R]);
+        if (e && e.defaultProps) {
+          var T = e.defaultProps;
+          for (R in T)
+            g[R] === void 0 && (g[R] = T[R]);
+        }
+        if (b || P) {
+          var w = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          b && tr(g, w), P && ar(g, w);
+        }
+        return nr(e, b, P, E, f, Te.current, g);
+      }
+    }
+    var oe = S.ReactCurrentOwner, Oe = S.ReactDebugCurrentFrame;
+    function M(e) {
+      if (e) {
+        var n = e._owner, l = re(e.type, e._source, n ? n.type : null);
+        Oe.setExtraStackFrame(l);
+      } else
+        Oe.setExtraStackFrame(null);
+    }
+    var le;
+    le = !1;
+    function ce(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === t;
+    }
+    function Pe() {
+      {
+        if (oe.current) {
+          var e = B(oe.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function ir(e) {
+      return "";
+    }
+    var Fe = {};
+    function or(e) {
+      {
+        var n = Pe();
+        if (!n) {
+          var l = typeof e == "string" ? e : e.displayName || e.name;
+          l && (n = `
+
+Check the top-level render call using <` + l + ">.");
+        }
+        return n;
+      }
+    }
+    function Ie(e, n) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var l = or(n);
+        if (Fe[l])
+          return;
+        Fe[l] = !0;
+        var f = "";
+        e && e._owner && e._owner !== oe.current && (f = " It was passed a child from " + B(e._owner.type) + "."), M(e), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, f), M(null);
+      }
+    }
+    function De(e, n) {
+      {
+        if (typeof e != "object")
+          return;
+        if (ie(e))
+          for (var l = 0; l < e.length; l++) {
+            var f = e[l];
+            ce(f) && Ie(f, n);
+          }
+        else if (ce(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var E = u(e);
+          if (typeof E == "function" && E !== e.entries)
+            for (var R = E.call(e), g; !(g = R.next()).done; )
+              ce(g.value) && Ie(g.value, n);
+        }
+      }
+    }
+    function lr(e) {
+      {
+        var n = e.type;
+        if (n == null || typeof n == "string")
+          return;
+        var l;
+        if (typeof n == "function")
+          l = n.propTypes;
+        else if (typeof n == "object" && (n.$$typeof === p || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        n.$$typeof === h))
+          l = n.propTypes;
+        else
+          return;
+        if (l) {
+          var f = B(n);
+          Ke(l, e.props, "prop", f, e);
+        } else if (n.PropTypes !== void 0 && !le) {
+          le = !0;
+          var E = B(n);
+          y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
+        }
+        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function cr(e) {
+      {
+        for (var n = Object.keys(e.props), l = 0; l < n.length; l++) {
+          var f = n[l];
+          if (f !== "children" && f !== "key") {
+            M(e), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), M(null);
+            break;
+          }
+        }
+        e.ref !== null && (M(e), y("Invalid attribute `ref` supplied to `React.Fragment`."), M(null));
+      }
+    }
+    var $e = {};
+    function Ae(e, n, l, f, E, R) {
+      {
+        var g = Z(e);
+        if (!g) {
+          var b = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (b += " 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 P = ir();
+          P ? b += P : b += Pe();
+          var T;
+          e === null ? T = "null" : ie(e) ? T = "array" : e !== void 0 && e.$$typeof === t ? (T = "<" + (B(e.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : T = typeof e, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", T, b);
+        }
+        var w = sr(e, n, l, E, R);
+        if (w == null)
+          return w;
+        if (g) {
+          var D = n.children;
+          if (D !== void 0)
+            if (f)
+              if (ie(D)) {
+                for (var q = 0; q < D.length; q++)
+                  De(D[q], e);
+                Object.freeze && Object.freeze(D);
+              } else
+                y("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              De(D, e);
+        }
+        if (G.call(n, "key")) {
+          var L = B(e), I = Object.keys(n).filter(function(pr) {
+            return pr !== "key";
+          }), de = I.length > 0 ? "{key: someKey, " + I.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!$e[L + de]) {
+            var hr = I.length > 0 ? "{" + I.join(": ..., ") + ": ...}" : "{}";
+            y(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, de, L, hr, L), $e[L + de] = !0;
+          }
+        }
+        return e === s ? cr(w) : lr(w), w;
+      }
+    }
+    function dr(e, n, l) {
+      return Ae(e, n, l, !0);
+    }
+    function ur(e, n, l) {
+      return Ae(e, n, l, !1);
+    }
+    var fr = ur, mr = dr;
+    X.Fragment = s, X.jsx = fr, X.jsxs = mr;
+  }()), X;
+}
+process.env.NODE_ENV === "production" ? ue.exports = br() : ue.exports = gr();
+var r = ue.exports;
+const yr = ({
+  logo: o,
+  children: t,
+  className: a = ""
+}) => {
+  const s = ["admin-header", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs("header", { className: s, children: [
+    o && /* @__PURE__ */ r.jsx("div", { className: "admin-header-logo", children: o }),
+    /* @__PURE__ */ r.jsx("div", { className: "admin-header-content", children: t })
+  ] });
+}, jr = ({
+  children: o,
+  className: t = "",
+  width: a
+}) => {
+  const s = ["admin-sidebar", t].filter(Boolean).join(" "), i = a ? { width: typeof a == "number" ? `${a}px` : a } : {};
+  return /* @__PURE__ */ r.jsx("aside", { className: s, style: i, children: o });
+}, Er = ({
+  children: o,
+  className: t = ""
+}) => {
+  const a = ["admin-content", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("main", { className: a, children: o });
+}, Cr = ({
+  header: o,
+  sidebar: t,
+  children: a,
+  className: s = ""
+}) => {
+  const i = ["admin-page-layout", s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs("div", { className: i, children: [
+    o && /* @__PURE__ */ r.jsx(r.Fragment, { children: o }),
+    /* @__PURE__ */ r.jsxs("div", { className: "admin-layout-with-sidebar", children: [
+      t && /* @__PURE__ */ r.jsx(r.Fragment, { children: t }),
+      /* @__PURE__ */ r.jsx(Er, { children: a })
+    ] })
+  ] });
+}, fe = ({
+  error: o = !1,
+  label: t,
+  helperText: a,
+  className: s = "",
+  id: i,
+  ...d
+}) => {
+  const v = i || `input-${Math.random().toString(36).substr(2, 9)}`, x = ["admin-input", o && "admin-input-error", s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs("div", { style: { width: "100%" }, children: [
+    t && /* @__PURE__ */ r.jsx("label", { htmlFor: v, className: "admin-label", children: t }),
+    /* @__PURE__ */ r.jsx("input", { id: v, className: x, ...d }),
+    a && /* @__PURE__ */ r.jsx("div", { style: { marginTop: "4px", fontSize: "12px", color: o ? "var(--admin-error)" : "var(--admin-text-secondary)" }, children: a })
+  ] });
+}, Rr = ({
+  options: o,
+  error: t = !1,
+  label: a,
+  helperText: s,
+  placeholder: i,
+  className: d = "",
+  id: v,
+  ...x
+}) => {
+  const p = v || `select-${Math.random().toString(36).substr(2, 9)}`, c = ["admin-select", t && "admin-input-error", d].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs("div", { style: { width: "100%" }, children: [
+    a && /* @__PURE__ */ r.jsx("label", { htmlFor: p, className: "admin-label", children: a }),
+    /* @__PURE__ */ r.jsxs("select", { id: p, className: c, ...x, children: [
+      i && /* @__PURE__ */ r.jsx("option", { value: "", disabled: !0, children: i }),
+      o.map((m) => /* @__PURE__ */ r.jsx("option", { value: m.value, disabled: m.disabled, children: m.label }, m.value))
+    ] }),
+    s && /* @__PURE__ */ r.jsx("div", { style: { marginTop: "4px", fontSize: "12px", color: t ? "var(--admin-error)" : "var(--admin-text-secondary)" }, children: s })
+  ] });
+}, A = ({
+  variant: o = "default",
+  size: t = "medium",
+  loading: a = !1,
+  children: s,
+  className: i = "",
+  disabled: d,
+  ...v
+}) => {
+  const x = "admin-button", p = o !== "default" ? `admin-button-${o}` : "", c = [x, p, i].filter(Boolean).join(" "), m = {
+    small: { padding: "4px 12px", fontSize: "12px" },
+    medium: {},
+    large: { padding: "12px 24px", fontSize: "16px" }
+  };
+  return /* @__PURE__ */ r.jsxs(
+    "button",
+    {
+      className: c,
+      disabled: d || a,
+      style: m[t],
+      ...v,
+      children: [
+        a && /* @__PURE__ */ r.jsx("span", { className: "admin-loading-spinner", style: { marginRight: "8px" } }),
+        s
+      ]
+    }
+  );
+}, _r = ({
+  label: o,
+  className: t = "",
+  id: a,
+  ...s
+}) => {
+  const i = a || `checkbox-${Math.random().toString(36).substr(2, 9)}`, d = ["admin-checkbox", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs("label", { htmlFor: i, className: d, children: [
+    /* @__PURE__ */ r.jsx(
+      "input",
+      {
+        type: "checkbox",
+        id: i,
+        className: "admin-checkbox-input",
+        ...s
+      }
+    ),
+    /* @__PURE__ */ r.jsx("span", { className: "admin-checkbox-box" }),
+    o && /* @__PURE__ */ r.jsx("span", { className: "admin-checkbox-label", children: o })
+  ] });
+}, Sr = ({
+  label: o,
+  className: t = "",
+  id: a,
+  ...s
+}) => {
+  const i = a || `radio-${Math.random().toString(36).substr(2, 9)}`, d = ["admin-radio", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs("label", { htmlFor: i, className: d, children: [
+    /* @__PURE__ */ r.jsx(
+      "input",
+      {
+        type: "radio",
+        id: i,
+        className: "admin-radio-input",
+        ...s
+      }
+    ),
+    /* @__PURE__ */ r.jsx("span", { className: "admin-radio-box" }),
+    o && /* @__PURE__ */ r.jsx("span", { className: "admin-radio-label", children: o })
+  ] });
+}, kr = ({
+  error: o = !1,
+  label: t,
+  helperText: a,
+  className: s = "",
+  id: i,
+  ...d
+}) => {
+  const v = i || `textarea-${Math.random().toString(36).substr(2, 9)}`, x = ["admin-textarea", o && "admin-input-error", s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs("div", { style: { width: "100%" }, children: [
+    t && /* @__PURE__ */ r.jsx("label", { htmlFor: v, className: "admin-label", children: t }),
+    /* @__PURE__ */ r.jsx("textarea", { id: v, className: x, ...d }),
+    a && /* @__PURE__ */ r.jsx("div", { style: { marginTop: "4px", fontSize: "12px", color: o ? "var(--admin-error)" : "var(--admin-text-secondary)" }, children: a })
+  ] });
+}, Br = ({
+  required: o = !1,
+  children: t,
+  className: a = "",
+  ...s
+}) => {
+  const i = ["admin-label", o && "admin-label-required", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("label", { className: i, ...s, children: t });
+};
+function Tr({
+  columns: o,
+  data: t,
+  className: a = "",
+  rowKey: s = "id",
+  loading: i = !1,
+  onRowClick: d
+}) {
+  const v = ["admin-table", a].filter(Boolean).join(" "), x = (c, m) => typeof s == "function" ? s(c) : c[s] ?? m, p = (c, m, h) => {
+    if (c.render) {
+      const j = c.dataIndex ? m[c.dataIndex] : void 0;
+      return c.render(j, m, h);
+    }
+    return c.dataIndex ? m[c.dataIndex] : null;
+  };
+  return /* @__PURE__ */ r.jsxs("div", { style: { position: "relative" }, children: [
+    i && /* @__PURE__ */ r.jsx("div", { style: {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      background: "rgba(255, 255, 255, 0.8)",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      zIndex: 1
+    }, children: /* @__PURE__ */ r.jsx("div", { className: "admin-loading-spinner" }) }),
+    /* @__PURE__ */ r.jsxs("table", { className: v, children: [
+      /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsx("tr", { children: o.map((c) => /* @__PURE__ */ r.jsx(
+        "th",
+        {
+          style: {
+            width: c.width,
+            textAlign: c.align || "left"
+          },
+          children: c.title
+        },
+        c.key
+      )) }) }),
+      /* @__PURE__ */ r.jsx("tbody", { children: t.map((c, m) => /* @__PURE__ */ r.jsx(
+        "tr",
+        {
+          onClick: () => d == null ? void 0 : d(c, m),
+          style: { cursor: d ? "pointer" : "default" },
+          children: o.map((h) => /* @__PURE__ */ r.jsx(
+            "td",
+            {
+              style: {
+                textAlign: h.align || "left"
+              },
+              children: p(h, c, m)
+            },
+            h.key
+          ))
+        },
+        x(c, m)
+      )) })
+    ] })
+  ] });
+}
+const We = ({
+  open: o,
+  onClose: t,
+  title: a,
+  children: s,
+  footer: i,
+  width: d,
+  className: v = ""
+}) => {
+  if (me(() => (o ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+    document.body.style.overflow = "";
+  }), [o]), !o) return null;
+  const x = d ? { width: typeof d == "number" ? `${d}px` : d } : {}, p = (c) => {
+    c.target === c.currentTarget && t();
+  };
+  return /* @__PURE__ */ r.jsx("div", { className: "admin-modal-overlay", onClick: p, children: /* @__PURE__ */ r.jsxs("div", { className: `admin-modal ${v}`, style: x, children: [
+    (a !== void 0 || t !== void 0) && /* @__PURE__ */ r.jsxs("div", { className: "admin-modal-header", children: [
+      a && /* @__PURE__ */ r.jsx("h3", { className: "admin-modal-title", children: a }),
+      t && /* @__PURE__ */ r.jsx("button", { className: "admin-modal-close", onClick: () => t(), children: "×" })
+    ] }),
+    /* @__PURE__ */ r.jsx("div", { className: "admin-modal-body", children: s }),
+    i && /* @__PURE__ */ r.jsx("div", { className: "admin-modal-footer", children: i })
+  ] }) });
+}, wr = ({
+  items: o,
+  className: t = ""
+}) => {
+  const a = ["admin-menu", t].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("ul", { className: a, children: o.map((s) => {
+    const i = ["admin-menu-item", s.active && "admin-menu-item-active"].filter(Boolean).join(" "), d = /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      s.icon && /* @__PURE__ */ r.jsx("span", { style: { marginRight: "8px" }, children: s.icon }),
+      s.label
+    ] });
+    return s.href ? /* @__PURE__ */ r.jsx("li", { className: i, children: /* @__PURE__ */ r.jsx("a", { href: s.href, className: "admin-menu-link", children: d }) }, s.key) : /* @__PURE__ */ r.jsx("li", { className: i, onClick: s.onClick, children: d }, s.key);
+  }) });
+}, Ur = ({
+  items: o,
+  separator: t = "/",
+  className: a = ""
+}) => {
+  const s = ["admin-breadcrumbs", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("nav", { className: s, children: o.map((i, d) => {
+    const v = d === o.length - 1, x = ["admin-breadcrumbs-item", v && "admin-breadcrumbs-item-active"].filter(Boolean).join(" ");
+    return /* @__PURE__ */ r.jsxs(Y.Fragment, { children: [
+      i.href ? /* @__PURE__ */ r.jsx("a", { href: i.href, className: x, onClick: i.onClick, children: i.label }) : /* @__PURE__ */ r.jsx("span", { className: x, onClick: i.onClick, style: { cursor: i.onClick ? "pointer" : "default" }, children: i.label }),
+      !v && /* @__PURE__ */ r.jsx("span", { className: "admin-breadcrumbs-separator", children: t })
+    ] }, d);
+  }) });
+}, Lr = ({
+  items: o,
+  defaultActiveKey: t,
+  activeKey: a,
+  onChange: s,
+  className: i = ""
+}) => {
+  var h;
+  const [d, v] = F(t || ((h = o[0]) == null ? void 0 : h.key) || ""), x = a !== void 0 ? a : d, p = (j) => {
+    a === void 0 && v(j), s == null || s(j);
+  }, c = o.find((j) => j.key === x), m = ["admin-tabs", i].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs("div", { className: m, children: [
+    /* @__PURE__ */ r.jsx("ul", { className: "admin-tabs-list", children: o.map((j) => {
+      const _ = ["admin-tabs-item", j.key === x && "admin-tabs-item-active"].filter(Boolean).join(" ");
+      return /* @__PURE__ */ r.jsx(
+        "li",
+        {
+          className: _,
+          onClick: () => !j.disabled && p(j.key),
+          style: { cursor: j.disabled ? "not-allowed" : "pointer", opacity: j.disabled ? 0.5 : 1 },
+          children: j.label
+        },
+        j.key
+      );
+    }) }),
+    c && /* @__PURE__ */ r.jsx("div", { className: "admin-tabs-content", children: c.content })
+  ] });
+}, Nr = ({
+  title: o,
+  children: t,
+  footer: a,
+  className: s = "",
+  style: i
+}) => {
+  const d = ["admin-card", s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs("div", { className: d, style: i, children: [
+    o && /* @__PURE__ */ r.jsx("div", { className: "admin-card-header", children: /* @__PURE__ */ r.jsx("h3", { className: "admin-card-title", children: o }) }),
+    /* @__PURE__ */ r.jsx("div", { className: "admin-card-body", children: t }),
+    a && /* @__PURE__ */ r.jsx("div", { className: "admin-card-footer", children: a })
+  ] });
+}, Or = ({
+  type: o = "info",
+  title: t,
+  message: a,
+  duration: s = 3e3,
+  onClose: i
+}) => {
+  const [d, v] = F(!0);
+  if (me(() => {
+    if (s > 0) {
+      const p = setTimeout(() => {
+        v(!1), setTimeout(() => i == null ? void 0 : i(), 300);
+      }, s);
+      return () => clearTimeout(p);
+    }
+  }, [s, i]), !d) return null;
+  const x = ["admin-toast-item", `admin-toast-${o}`].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsxs("div", { className: x, children: [
+    /* @__PURE__ */ r.jsxs("div", { className: "admin-toast-content", children: [
+      t && /* @__PURE__ */ r.jsx("div", { className: "admin-toast-title", children: t }),
+      /* @__PURE__ */ r.jsx("div", { className: "admin-toast-message", children: a })
+    ] }),
+    i && /* @__PURE__ */ r.jsx("button", { className: "admin-toast-close", onClick: () => {
+      v(!1), i();
+    }, children: "×" })
+  ] });
+}, Wr = ({ toasts: o, onRemove: t }) => o.length === 0 ? null : /* @__PURE__ */ r.jsx("div", { className: "admin-toast", children: o.map((a) => /* @__PURE__ */ r.jsx(
+  Or,
+  {
+    ...a,
+    onClose: () => t(a.id)
+  },
+  a.id
+)) }), Pr = ({
+  text: o,
+  size: t = "medium",
+  className: a = ""
+}) => {
+  const s = ["admin-loading", a].filter(Boolean).join(" "), i = {
+    small: { width: "16px", height: "16px", borderWidth: "2px" },
+    medium: { width: "20px", height: "20px", borderWidth: "2px" },
+    large: { width: "32px", height: "32px", borderWidth: "3px" }
+  };
+  return /* @__PURE__ */ r.jsxs("div", { className: s, children: [
+    /* @__PURE__ */ r.jsx("div", { className: "admin-loading-spinner", style: i[t] }),
+    o && /* @__PURE__ */ r.jsx("span", { className: "admin-loading-text", children: o })
+  ] });
+}, Mr = ({
+  children: o,
+  variant: t = "default",
+  className: a = ""
+}) => {
+  const s = [
+    "admin-badge",
+    t !== "default" && `admin-badge-${t}`,
+    a
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r.jsx("span", { className: s, children: o });
+}, Fr = ({
+  onSubmit: o,
+  loading: t = !1,
+  error: a,
+  className: s = ""
+}) => {
+  const [i, d] = F(""), [v, x] = F(""), p = async (c) => {
+    c.preventDefault(), await o(i, v);
+  };
+  return /* @__PURE__ */ r.jsxs("form", { onSubmit: p, className: `admin-login-form ${s}`, style: { width: "100%", maxWidth: "400px" }, children: [
+    /* @__PURE__ */ r.jsx("h2", { style: { marginBottom: "24px", textAlign: "center", color: "var(--admin-text-primary)" }, children: "Вход в систему" }),
+    a && /* @__PURE__ */ r.jsx("div", { style: {
+      padding: "12px",
+      marginBottom: "16px",
+      backgroundColor: "rgba(255, 77, 79, 0.1)",
+      border: "1px solid var(--admin-error)",
+      borderRadius: "var(--admin-border-radius)",
+      color: "var(--admin-error)",
+      fontSize: "14px"
+    }, children: a }),
+    /* @__PURE__ */ r.jsx(
+      fe,
+      {
+        label: "Имя пользователя",
+        type: "text",
+        value: i,
+        onChange: (c) => d(c.target.value),
+        disabled: t,
+        required: !0,
+        autoFocus: !0,
+        style: { marginBottom: "16px" }
+      }
+    ),
+    /* @__PURE__ */ r.jsx(
+      fe,
+      {
+        label: "Пароль",
+        type: "password",
+        value: v,
+        onChange: (c) => x(c.target.value),
+        disabled: t,
+        required: !0,
+        style: { marginBottom: "24px" }
+      }
+    ),
+    /* @__PURE__ */ r.jsx(
+      A,
+      {
+        type: "submit",
+        variant: "primary",
+        loading: t,
+        style: { width: "100%" },
+        children: "Войти"
+      }
+    )
+  ] });
+};
+function Ir({
+  service: o,
+  columns: t,
+  title: a,
+  onCreate: s,
+  onEdit: i,
+  onDelete: d,
+  getItemId: v = (m) => m.id,
+  actions: x,
+  className: p = "",
+  refreshKey: c
+}) {
+  const [m, h] = F([]), [j, _] = F(!0), [N, $] = F(null), [u, S] = F({
+    open: !1,
+    item: null
+  }), [y, k] = F(!1), W = async () => {
+    try {
+      _(!0), $(null);
+      const C = await o.getList();
+      h(C.data);
+    } catch (C) {
+      $(C instanceof Error ? C.message : "Ошибка загрузки данных");
+    } finally {
+      _(!1);
+    }
+  };
+  me(() => {
+    W();
+  }, [c]);
+  const V = (C) => {
+    S({ open: !0, item: C });
+  }, z = async () => {
+    if (u.item)
+      try {
+        k(!0);
+        const C = v(u.item);
+        d ? await d(u.item) : await o.delete(C), S({ open: !1, item: null }), await W();
+      } catch (C) {
+        $(C instanceof Error ? C.message : "Ошибка удаления");
+      } finally {
+        k(!1);
+      }
+  }, J = [
+    ...t,
+    {
+      key: "actions",
+      title: "Действия",
+      render: (C, O) => /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", gap: "8px" }, children: [
+        i && /* @__PURE__ */ r.jsx(A, { size: "small", onClick: () => i(O), children: "Редактировать" }),
+        (d || o) && /* @__PURE__ */ r.jsx(
+          A,
+          {
+            size: "small",
+            variant: "danger",
+            onClick: () => V(O),
+            children: "Удалить"
+          }
+        ),
+        x && x(O)
+      ] })
+    }
+  ];
+  return j && m.length === 0 ? /* @__PURE__ */ r.jsx("div", { style: { padding: "40px", textAlign: "center" }, children: /* @__PURE__ */ r.jsx(Pr, { text: "Загрузка данных..." }) }) : /* @__PURE__ */ r.jsxs("div", { className: p, children: [
+    /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "24px" }, children: [
+      a && /* @__PURE__ */ r.jsx("h1", { style: { margin: 0, fontSize: "24px", fontWeight: 500 }, children: a }),
+      s && /* @__PURE__ */ r.jsx(A, { variant: "primary", onClick: s, children: "Создать" })
+    ] }),
+    N && /* @__PURE__ */ r.jsx("div", { style: {
+      padding: "12px",
+      marginBottom: "16px",
+      backgroundColor: "rgba(255, 77, 79, 0.1)",
+      border: "1px solid var(--admin-error)",
+      borderRadius: "var(--admin-border-radius)",
+      color: "var(--admin-error)"
+    }, children: N }),
+    /* @__PURE__ */ r.jsx(Tr, { columns: J, data: m, loading: j }),
+    /* @__PURE__ */ r.jsx(
+      We,
+      {
+        open: u.open,
+        onClose: () => S({ open: !1, item: null }),
+        title: "Подтверждение удаления",
+        footer: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+          /* @__PURE__ */ r.jsx(A, { onClick: () => S({ open: !1, item: null }), disabled: y, children: "Отмена" }),
+          /* @__PURE__ */ r.jsx(A, { variant: "danger", onClick: z, loading: y, children: "Удалить" })
+        ] }),
+        children: "Вы уверены, что хотите удалить этот элемент? Это действие нельзя отменить."
+      }
+    )
+  ] });
+}
+function Dr({
+  fields: o,
+  initialValues: t = {},
+  onSubmit: a,
+  onCancel: s,
+  loading: i = !1,
+  title: d,
+  submitLabel: v = "Сохранить",
+  cancelLabel: x = "Отмена",
+  className: p = ""
+}) {
+  const [c, m] = Y.useState(t || {}), [h, j] = Y.useState({});
+  Y.useEffect(() => {
+    m(t || {});
+  }, [t]);
+  const _ = (u, S) => {
+    m((y) => ({ ...y, [u]: S })), h[u] && j((y) => {
+      const k = { ...y };
+      return delete k[u], k;
+    });
+  }, N = async (u) => {
+    u.preventDefault();
+    const S = {};
+    if (o.forEach((y) => {
+      y.required && !c[y.name] && (S[y.name] = `${y.label} обязателен для заполнения`);
+    }), Object.keys(S).length > 0) {
+      j(S);
+      return;
+    }
+    await a(c);
+  }, $ = (u) => {
+    var y;
+    const S = {
+      label: u.label,
+      error: !!h[u.name],
+      helperText: h[u.name],
+      disabled: i || u.disabled,
+      required: u.required,
+      placeholder: u.placeholder
+    };
+    switch (u.type) {
+      case "textarea":
+        return /* @__PURE__ */ r.jsx(
+          kr,
+          {
+            ...S,
+            value: c[u.name] || "",
+            onChange: (k) => _(u.name, k.target.value)
+          },
+          u.name
+        );
+      case "select":
+        return /* @__PURE__ */ r.jsx(
+          Rr,
+          {
+            ...S,
+            value: c[u.name] || "",
+            onChange: (k) => _(u.name, k.target.value),
+            options: u.options || []
+          },
+          u.name
+        );
+      case "checkbox":
+        return /* @__PURE__ */ r.jsx("div", { style: { marginBottom: "16px" }, children: /* @__PURE__ */ r.jsx(
+          _r,
+          {
+            ...S,
+            checked: !!c[u.name],
+            onChange: (k) => _(u.name, k.target.checked)
+          }
+        ) }, u.name);
+      case "radio":
+        return /* @__PURE__ */ r.jsxs("div", { style: { marginBottom: "16px" }, children: [
+          /* @__PURE__ */ r.jsxs("label", { style: { display: "block", marginBottom: "8px", fontWeight: 500 }, children: [
+            u.label,
+            u.required && /* @__PURE__ */ r.jsx("span", { style: { color: "var(--admin-error)" }, children: " *" })
+          ] }),
+          /* @__PURE__ */ r.jsx("div", { style: { display: "flex", gap: "16px", flexWrap: "wrap" }, children: (y = u.options) == null ? void 0 : y.map((k) => /* @__PURE__ */ r.jsx(
+            Sr,
+            {
+              name: u.name,
+              label: k.label,
+              checked: c[u.name] === k.value,
+              onChange: () => _(u.name, k.value),
+              disabled: i || u.disabled
+            },
+            k.value
+          )) }),
+          h[u.name] && /* @__PURE__ */ r.jsx("div", { style: { marginTop: "4px", fontSize: "12px", color: "var(--admin-error)" }, children: h[u.name] })
+        ] }, u.name);
+      default:
+        return /* @__PURE__ */ r.jsx(
+          fe,
+          {
+            ...S,
+            type: u.type || "text",
+            value: c[u.name] || "",
+            onChange: (k) => _(u.name, k.target.value),
+            style: { marginBottom: "16px" }
+          },
+          u.name
+        );
+    }
+  };
+  return /* @__PURE__ */ r.jsx(Nr, { title: d, className: p, children: /* @__PURE__ */ r.jsxs("form", { onSubmit: N, children: [
+    o.map((u) => /* @__PURE__ */ r.jsx("div", { children: $(u) }, u.name)),
+    /* @__PURE__ */ r.jsxs("div", { style: { display: "flex", gap: "12px", marginTop: "24px", justifyContent: "flex-end" }, children: [
+      s && /* @__PURE__ */ r.jsx(A, { type: "button", onClick: s, disabled: i, children: x }),
+      /* @__PURE__ */ r.jsx(A, { type: "submit", variant: "primary", loading: i, children: v })
+    ] })
+  ] }) });
+}
+const qr = ({
+  title: o = "Админ панель",
+  logo: t,
+  models: a,
+  login: s,
+  user: i
+}) => {
+  const [d, v] = F(!s), [x, p] = F(!1), [c, m] = F(null), [h, j] = F(a[0] || null), [_, N] = F({ open: !1, mode: "create", item: null }), [$, u] = F(0), S = async (C, O) => {
+    if (s) {
+      p(!0), m(null);
+      try {
+        await s.onSubmit(C, O), v(!0);
+      } catch (Z) {
+        m(Z instanceof Error ? Z.message : "Ошибка авторизации");
+      } finally {
+        p(!1);
+      }
+    }
+  }, y = () => {
+    v(!1), j(a[0] || null), N({ open: !1, mode: "create", item: null }), i != null && i.onLogout && i.onLogout();
+  }, k = () => {
+    N({ open: !0, mode: "create", item: null });
+  }, W = (C) => {
+    N({ open: !0, mode: "edit", item: C });
+  }, V = async (C) => {
+    if (h)
+      try {
+        if (p(!0), m(null), _.mode === "create")
+          await h.service.create(C);
+        else if (_.item) {
+          const O = h.getItemId ? h.getItemId(_.item) : _.item.id;
+          await h.service.update(O, C);
+        }
+        N({ open: !1, mode: "create", item: null }), u((O) => O + 1);
+      } catch (O) {
+        m(O instanceof Error ? O.message : "Ошибка сохранения");
+      } finally {
+        p(!1);
+      }
+  };
+  if (!d && s)
+    return /* @__PURE__ */ r.jsx(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          height: "100vh",
+          background: "var(--admin-bg)"
+        },
+        children: /* @__PURE__ */ r.jsx(Fr, { onSubmit: S, loading: x, error: c || void 0 })
+      }
+    );
+  const z = (C) => {
+    j(C), N({ open: !1, mode: "create", item: null });
+  }, J = a.map((C) => ({
+    key: C.name,
+    label: C.label,
+    active: (h == null ? void 0 : h.name) === C.name,
+    onClick: () => z(C)
+  }));
+  return /* @__PURE__ */ r.jsx(
+    Cr,
+    {
+      header: /* @__PURE__ */ r.jsx(yr, { logo: t || o, children: i && /* @__PURE__ */ r.jsxs("div", { style: { marginLeft: "auto", display: "flex", alignItems: "center", gap: "16px" }, children: [
+        i.name && /* @__PURE__ */ r.jsx("span", { children: i.name }),
+        /* @__PURE__ */ r.jsx(A, { variant: "ghost", onClick: y, children: "Выйти" })
+      ] }) }),
+      sidebar: /* @__PURE__ */ r.jsx(jr, { children: /* @__PURE__ */ r.jsx(wr, { items: J }) }),
+      children: h && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+        /* @__PURE__ */ r.jsx(
+          Ir,
+          {
+            service: h.service,
+            columns: h.columns,
+            title: h.label,
+            onCreate: k,
+            onEdit: W,
+            getItemId: h.getItemId,
+            refreshKey: $
+          },
+          h.name
+        ),
+        /* @__PURE__ */ r.jsx(
+          We,
+          {
+            open: _.open,
+            onClose: () => N({ open: !1, mode: "create", item: null }),
+            title: _.mode === "create" ? `Создать ${h.label}` : `Редактировать ${h.label}`,
+            width: 600,
+            children: /* @__PURE__ */ r.jsx(
+              Dr,
+              {
+                fields: h.fields,
+                initialValues: _.item || {},
+                onSubmit: V,
+                onCancel: () => N({ open: !1, mode: "create", item: null }),
+                loading: x,
+                submitLabel: _.mode === "create" ? "Создать" : "Сохранить"
+              }
+            )
+          }
+        )
+      ] })
+    }
+  );
+};
+class Yr {
+  constructor(t) {
+    Be(this, "config");
+    this.config = {
+      baseUrl: t.baseUrl,
+      getListUrl: t.getListUrl || (() => t.baseUrl),
+      getDetailUrl: t.getDetailUrl || ((a) => `${t.baseUrl}/${a}`),
+      getCreateUrl: t.getCreateUrl || (() => t.baseUrl),
+      getUpdateUrl: t.getUpdateUrl || ((a) => `${t.baseUrl}/${a}`),
+      getDeleteUrl: t.getDeleteUrl || ((a) => `${t.baseUrl}/${a}`),
+      transformRequest: t.transformRequest || ((a) => a),
+      transformResponse: t.transformResponse || ((a) => a),
+      headers: t.headers || {}
+    };
+  }
+  async request(t, a = {}) {
+    const s = await fetch(t, {
+      ...a,
+      headers: {
+        "Content-Type": "application/json",
+        ...this.config.headers,
+        ...a.headers
+      }
+    });
+    if (!s.ok)
+      throw new Error(`HTTP error! status: ${s.status}`);
+    return s.json();
+  }
+  async getList(t) {
+    const a = this.config.getListUrl(t), s = await this.request(a);
+    if (Array.isArray(s))
+      return { data: s.map((i) => this.config.transformResponse(i)) };
+    if (s.results || s.data || s.items) {
+      const i = s.results || s.data || s.items;
+      return {
+        data: i.map((d) => this.config.transformResponse(d)),
+        total: s.total || s.count || i.length
+      };
+    }
+    return { data: [this.config.transformResponse(s)] };
+  }
+  async getDetail(t) {
+    const a = this.config.getDetailUrl(t), s = await this.request(a);
+    return this.config.transformResponse(s);
+  }
+  async create(t) {
+    const a = this.config.getCreateUrl(), s = this.config.transformRequest(t), i = await this.request(a, {
+      method: "POST",
+      body: JSON.stringify(s)
+    });
+    return this.config.transformResponse(i);
+  }
+  async update(t, a) {
+    const s = this.config.getUpdateUrl(t), i = this.config.transformRequest(a), d = await this.request(s, {
+      method: "PUT",
+      body: JSON.stringify(i)
+    });
+    return this.config.transformResponse(d);
+  }
+  async delete(t) {
+    const a = this.config.getDeleteUrl(t);
+    await this.request(a, {
+      method: "DELETE"
+    });
+  }
+}
+export {
+  qr as AdminPanel,
+  Mr as Badge,
+  Ur as Breadcrumbs,
+  A as Button,
+  Nr as Card,
+  _r as Checkbox,
+  Er as Content,
+  Dr as CrudForm,
+  Ir as CrudList,
+  Yr as CrudService,
+  Tr as DataTable,
+  yr as Header,
+  fe as Input,
+  Br as Label,
+  Pr as Loading,
+  Fr as LoginForm,
+  wr as Menu,
+  We as Modal,
+  Cr as PageLayout,
+  Sr as Radio,
+  Rr as Select,
+  jr as Sidebar,
+  Lr as Tabs,
+  kr as Textarea,
+  Or as Toast,
+  Wr as ToastContainer
+};