tango-ui-cw 0.0.1 → 0.0.2

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import je, { StrictMode as vr } from "react";
-import pr from "react-dom";
-var M = { exports: {} }, I = {};
+import fe, { useRef as Ke, useState as F, useEffect as pe } from "react";
+import n from "prop-types";
+var re = { exports: {} }, H = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -10,21 +10,21 @@ var M = { exports: {} }, I = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Oe;
-function Er() {
-  if (Oe) return I;
-  Oe = 1;
-  var _ = je, R = Symbol.for("react.element"), b = Symbol.for("react.fragment"), y = Object.prototype.hasOwnProperty, S = _.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, W = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function D(m, f, P) {
-    var p, g = {}, T = null, Y = null;
-    P !== void 0 && (T = "" + P), f.key !== void 0 && (T = "" + f.key), f.ref !== void 0 && (Y = f.ref);
-    for (p in f) y.call(f, p) && !W.hasOwnProperty(p) && (g[p] = f[p]);
-    if (m && m.defaultProps) for (p in f = m.defaultProps, f) g[p] === void 0 && (g[p] = f[p]);
-    return { $$typeof: R, type: m, key: T, ref: Y, props: g, _owner: S.current };
+var Ve;
+function $t() {
+  if (Ve) return H;
+  Ve = 1;
+  var g = fe, t = Symbol.for("react.element"), m = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, l = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, h = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function d(p, c, x) {
+    var o, u = {}, v = null, E = null;
+    x !== void 0 && (v = "" + x), c.key !== void 0 && (v = "" + c.key), c.ref !== void 0 && (E = c.ref);
+    for (o in c) a.call(c, o) && !h.hasOwnProperty(o) && (u[o] = c[o]);
+    if (p && p.defaultProps) for (o in c = p.defaultProps, c) u[o] === void 0 && (u[o] = c[o]);
+    return { $$typeof: t, type: p, key: v, ref: E, props: u, _owner: l.current };
   }
-  return I.Fragment = b, I.jsx = D, I.jsxs = D, I;
+  return H.Fragment = m, H.jsx = d, H.jsxs = d, H;
 }
-var $ = {};
+var G = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -34,91 +34,91 @@ var $ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ce;
-function Rr() {
-  return Ce || (Ce = 1, process.env.NODE_ENV !== "production" && function() {
-    var _ = je, R = Symbol.for("react.element"), b = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), S = Symbol.for("react.strict_mode"), W = Symbol.for("react.profiler"), D = Symbol.for("react.provider"), m = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), Y = Symbol.for("react.offscreen"), Z = Symbol.iterator, xe = "@@iterator";
-    function ke(e) {
+var ze;
+function Nt() {
+  return ze || (ze = 1, process.env.NODE_ENV !== "production" && function() {
+    var g = fe, t = Symbol.for("react.element"), m = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), h = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), p = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), o = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), N = Symbol.iterator, C = "@@iterator";
+    function T(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = Z && e[Z] || e[xe];
+      var r = N && e[N] || e[C];
       return typeof r == "function" ? r : null;
     }
-    var w = _.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function c(e) {
+    var R = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function k(e) {
       {
-        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
-          t[n - 1] = arguments[n];
-        De("error", e, t);
+        for (var r = arguments.length, i = new Array(r > 1 ? r - 1 : 0), f = 1; f < r; f++)
+          i[f - 1] = arguments[f];
+        D("error", e, i);
       }
     }
-    function De(e, r, t) {
+    function D(e, r, i) {
       {
-        var n = w.ReactDebugCurrentFrame, i = n.getStackAddendum();
-        i !== "" && (r += "%s", t = t.concat([i]));
-        var u = t.map(function(o) {
-          return String(o);
+        var f = R.ReactDebugCurrentFrame, j = f.getStackAddendum();
+        j !== "" && (r += "%s", i = i.concat([j]));
+        var S = i.map(function(y) {
+          return String(y);
         });
-        u.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, u);
+        S.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, S);
       }
     }
-    var Fe = !1, Ae = !1, Ie = !1, $e = !1, We = !1, Q;
-    Q = Symbol.for("react.module.reference");
-    function Ye(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === y || e === W || We || e === S || e === P || e === p || $e || e === Y || Fe || Ae || Ie || typeof e == "object" && e !== null && (e.$$typeof === T || e.$$typeof === g || e.$$typeof === D || e.$$typeof === m || e.$$typeof === f || // This needs to include all possible module reference object
+    var V = !1, L = !1, B = !1, X = !1, z = !1, me;
+    me = Symbol.for("react.module.reference");
+    function Qe(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === a || e === h || z || e === l || e === x || e === o || X || e === E || V || L || B || typeof e == "object" && e !== null && (e.$$typeof === v || e.$$typeof === u || e.$$typeof === d || e.$$typeof === p || e.$$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.
-      e.$$typeof === Q || e.getModuleId !== void 0));
+      e.$$typeof === me || e.getModuleId !== void 0));
     }
-    function Le(e, r, t) {
-      var n = e.displayName;
-      if (n)
-        return n;
-      var i = r.displayName || r.name || "";
-      return i !== "" ? t + "(" + i + ")" : t;
+    function et(e, r, i) {
+      var f = e.displayName;
+      if (f)
+        return f;
+      var j = r.displayName || r.name || "";
+      return j !== "" ? i + "(" + j + ")" : i;
     }
-    function ee(e) {
+    function he(e) {
       return e.displayName || "Context";
     }
-    function h(e) {
+    function I(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && c("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && k("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 y:
+        case a:
           return "Fragment";
-        case b:
+        case m:
           return "Portal";
-        case W:
+        case h:
           return "Profiler";
-        case S:
+        case l:
           return "StrictMode";
-        case P:
+        case x:
           return "Suspense";
-        case p:
+        case o:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case m:
+          case p:
             var r = e;
-            return ee(r) + ".Consumer";
-          case D:
-            var t = e;
-            return ee(t._context) + ".Provider";
-          case f:
-            return Le(e, e.render, "ForwardRef");
-          case g:
-            var n = e.displayName || null;
-            return n !== null ? n : h(e.type) || "Memo";
-          case T: {
-            var i = e, u = i._payload, o = i._init;
+            return he(r) + ".Consumer";
+          case d:
+            var i = e;
+            return he(i._context) + ".Provider";
+          case c:
+            return et(e, e.render, "ForwardRef");
+          case u:
+            var f = e.displayName || null;
+            return f !== null ? f : I(e.type) || "Memo";
+          case v: {
+            var j = e, S = j._payload, y = j._init;
             try {
-              return h(o(u));
+              return I(y(S));
             } catch {
               return null;
             }
@@ -126,18 +126,18 @@ function Rr() {
         }
       return null;
     }
-    var O = Object.assign, F = 0, re, te, ne, ae, oe, ie, ue;
-    function se() {
+    var W = Object.assign, J = 0, ge, be, ye, ve, xe, ke, je;
+    function Se() {
     }
-    se.__reactDisabledLog = !0;
-    function Ne() {
+    Se.__reactDisabledLog = !0;
+    function tt() {
       {
-        if (F === 0) {
-          re = console.log, te = console.info, ne = console.warn, ae = console.error, oe = console.group, ie = console.groupCollapsed, ue = console.groupEnd;
+        if (J === 0) {
+          ge = console.log, be = console.info, ye = console.warn, ve = console.error, xe = console.group, ke = console.groupCollapsed, je = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
-            value: se,
+            value: Se,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -150,332 +150,332 @@ function Rr() {
             groupEnd: e
           });
         }
-        F++;
+        J++;
       }
     }
-    function Ue() {
+    function rt() {
       {
-        if (F--, F === 0) {
+        if (J--, J === 0) {
           var e = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: O({}, e, {
-              value: re
+            log: W({}, e, {
+              value: ge
             }),
-            info: O({}, e, {
-              value: te
+            info: W({}, e, {
+              value: be
             }),
-            warn: O({}, e, {
-              value: ne
+            warn: W({}, e, {
+              value: ye
             }),
-            error: O({}, e, {
-              value: ae
+            error: W({}, e, {
+              value: ve
             }),
-            group: O({}, e, {
-              value: oe
+            group: W({}, e, {
+              value: xe
             }),
-            groupCollapsed: O({}, e, {
-              value: ie
+            groupCollapsed: W({}, e, {
+              value: ke
             }),
-            groupEnd: O({}, e, {
-              value: ue
+            groupEnd: W({}, e, {
+              value: je
             })
           });
         }
-        F < 0 && c("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        J < 0 && k("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var q = w.ReactCurrentDispatcher, B;
-    function L(e, r, t) {
+    var ne = R.ReactCurrentDispatcher, ae;
+    function Z(e, r, i) {
       {
-        if (B === void 0)
+        if (ae === void 0)
           try {
             throw Error();
-          } catch (i) {
-            var n = i.stack.trim().match(/\n( *(at )?)/);
-            B = n && n[1] || "";
+          } catch (j) {
+            var f = j.stack.trim().match(/\n( *(at )?)/);
+            ae = f && f[1] || "";
           }
         return `
-` + B + e;
+` + ae + e;
       }
     }
-    var J = !1, N;
+    var se = !1, Q;
     {
-      var Ve = typeof WeakMap == "function" ? WeakMap : Map;
-      N = new Ve();
+      var nt = typeof WeakMap == "function" ? WeakMap : Map;
+      Q = new nt();
     }
-    function le(e, r) {
-      if (!e || J)
+    function Ce(e, r) {
+      if (!e || se)
         return "";
       {
-        var t = N.get(e);
-        if (t !== void 0)
-          return t;
+        var i = Q.get(e);
+        if (i !== void 0)
+          return i;
       }
-      var n;
-      J = !0;
-      var i = Error.prepareStackTrace;
+      var f;
+      se = !0;
+      var j = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var u;
-      u = q.current, q.current = null, Ne();
+      var S;
+      S = ne.current, ne.current = null, tt();
       try {
         if (r) {
-          var o = function() {
+          var y = function() {
             throw Error();
           };
-          if (Object.defineProperty(o.prototype, "props", {
+          if (Object.defineProperty(y.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(o, []);
-            } catch (v) {
-              n = v;
+              Reflect.construct(y, []);
+            } catch (O) {
+              f = O;
             }
-            Reflect.construct(e, [], o);
+            Reflect.construct(e, [], y);
           } else {
             try {
-              o.call();
-            } catch (v) {
-              n = v;
+              y.call();
+            } catch (O) {
+              f = O;
             }
-            e.call(o.prototype);
+            e.call(y.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (v) {
-            n = v;
+          } catch (O) {
+            f = O;
           }
           e();
         }
-      } catch (v) {
-        if (v && n && typeof v.stack == "string") {
-          for (var a = v.stack.split(`
-`), d = n.stack.split(`
-`), s = a.length - 1, l = d.length - 1; s >= 1 && l >= 0 && a[s] !== d[l]; )
-            l--;
-          for (; s >= 1 && l >= 0; s--, l--)
-            if (a[s] !== d[l]) {
-              if (s !== 1 || l !== 1)
+      } catch (O) {
+        if (O && f && typeof O.stack == "string") {
+          for (var b = O.stack.split(`
+`), _ = f.stack.split(`
+`), w = b.length - 1, $ = _.length - 1; w >= 1 && $ >= 0 && b[w] !== _[$]; )
+            $--;
+          for (; w >= 1 && $ >= 0; w--, $--)
+            if (b[w] !== _[$]) {
+              if (w !== 1 || $ !== 1)
                 do
-                  if (s--, l--, l < 0 || a[s] !== d[l]) {
-                    var E = `
-` + a[s].replace(" at new ", " at ");
-                    return e.displayName && E.includes("<anonymous>") && (E = E.replace("<anonymous>", e.displayName)), typeof e == "function" && N.set(e, E), E;
+                  if (w--, $--, $ < 0 || b[w] !== _[$]) {
+                    var P = `
+` + b[w].replace(" at new ", " at ");
+                    return e.displayName && P.includes("<anonymous>") && (P = P.replace("<anonymous>", e.displayName)), typeof e == "function" && Q.set(e, P), P;
                   }
-                while (s >= 1 && l >= 0);
+                while (w >= 1 && $ >= 0);
               break;
             }
         }
       } finally {
-        J = !1, q.current = u, Ue(), Error.prepareStackTrace = i;
+        se = !1, ne.current = S, rt(), Error.prepareStackTrace = j;
       }
-      var x = e ? e.displayName || e.name : "", C = x ? L(x) : "";
-      return typeof e == "function" && N.set(e, C), C;
+      var Y = e ? e.displayName || e.name : "", M = Y ? Z(Y) : "";
+      return typeof e == "function" && Q.set(e, M), M;
     }
-    function Me(e, r, t) {
-      return le(e, !1);
+    function at(e, r, i) {
+      return Ce(e, !1);
     }
-    function qe(e) {
+    function st(e) {
       var r = e.prototype;
       return !!(r && r.isReactComponent);
     }
-    function U(e, r, t) {
+    function ee(e, r, i) {
       if (e == null)
         return "";
       if (typeof e == "function")
-        return le(e, qe(e));
+        return Ce(e, st(e));
       if (typeof e == "string")
-        return L(e);
+        return Z(e);
       switch (e) {
-        case P:
-          return L("Suspense");
-        case p:
-          return L("SuspenseList");
+        case x:
+          return Z("Suspense");
+        case o:
+          return Z("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case f:
-            return Me(e.render);
-          case g:
-            return U(e.type, r, t);
-          case T: {
-            var n = e, i = n._payload, u = n._init;
+          case c:
+            return at(e.render);
+          case u:
+            return ee(e.type, r, i);
+          case v: {
+            var f = e, j = f._payload, S = f._init;
             try {
-              return U(u(i), r, t);
+              return ee(S(j), r, i);
             } catch {
             }
           }
         }
       return "";
     }
-    var A = Object.prototype.hasOwnProperty, fe = {}, ce = w.ReactDebugCurrentFrame;
-    function V(e) {
+    var K = Object.prototype.hasOwnProperty, Re = {}, Te = R.ReactDebugCurrentFrame;
+    function te(e) {
       if (e) {
-        var r = e._owner, t = U(e.type, e._source, r ? r.type : null);
-        ce.setExtraStackFrame(t);
+        var r = e._owner, i = ee(e.type, e._source, r ? r.type : null);
+        Te.setExtraStackFrame(i);
       } else
-        ce.setExtraStackFrame(null);
+        Te.setExtraStackFrame(null);
     }
-    function Be(e, r, t, n, i) {
+    function it(e, r, i, f, j) {
       {
-        var u = Function.call.bind(A);
-        for (var o in e)
-          if (u(e, o)) {
-            var a = void 0;
+        var S = Function.call.bind(K);
+        for (var y in e)
+          if (S(e, y)) {
+            var b = void 0;
             try {
-              if (typeof e[o] != "function") {
-                var d = Error((n || "React class") + ": " + t + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw d.name = "Invariant Violation", d;
+              if (typeof e[y] != "function") {
+                var _ = Error((f || "React class") + ": " + i + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw _.name = "Invariant Violation", _;
               }
-              a = e[o](r, o, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (s) {
-              a = s;
+              b = e[y](r, y, f, i, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (w) {
+              b = w;
             }
-            a && !(a instanceof Error) && (V(i), 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).", n || "React class", t, o, typeof a), V(null)), a instanceof Error && !(a.message in fe) && (fe[a.message] = !0, V(i), c("Failed %s type: %s", t, a.message), V(null));
+            b && !(b instanceof Error) && (te(j), k("%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", i, y, typeof b), te(null)), b instanceof Error && !(b.message in Re) && (Re[b.message] = !0, te(j), k("Failed %s type: %s", i, b.message), te(null));
           }
       }
     }
-    var Je = Array.isArray;
-    function K(e) {
-      return Je(e);
+    var ot = Array.isArray;
+    function ie(e) {
+      return ot(e);
     }
-    function Ke(e) {
+    function lt(e) {
       {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t;
+        var r = typeof Symbol == "function" && Symbol.toStringTag, i = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return i;
       }
     }
-    function Ge(e) {
+    function ct(e) {
       try {
-        return de(e), !1;
+        return we(e), !1;
       } catch {
         return !0;
       }
     }
-    function de(e) {
+    function we(e) {
       return "" + e;
     }
-    function ve(e) {
-      if (Ge(e))
-        return c("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ke(e)), de(e);
+    function $e(e) {
+      if (ct(e))
+        return k("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", lt(e)), we(e);
     }
-    var pe = w.ReactCurrentOwner, ze = {
+    var Ne = R.ReactCurrentOwner, ut = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ee, Re;
-    function Xe(e) {
-      if (A.call(e, "ref")) {
+    }, Ee, _e;
+    function dt(e) {
+      if (K.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
           return !1;
       }
       return e.ref !== void 0;
     }
-    function He(e) {
-      if (A.call(e, "key")) {
+    function ft(e) {
+      if (K.call(e, "key")) {
         var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning)
           return !1;
       }
       return e.key !== void 0;
     }
-    function Ze(e, r) {
-      typeof e.ref == "string" && pe.current;
+    function pt(e, r) {
+      typeof e.ref == "string" && Ne.current;
     }
-    function Qe(e, r) {
+    function mt(e, r) {
       {
-        var t = function() {
-          Ee || (Ee = !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)", r));
+        var i = function() {
+          Ee || (Ee = !0, k("%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)", r));
         };
-        t.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: t,
+        i.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: i,
           configurable: !0
         });
       }
     }
-    function er(e, r) {
+    function ht(e, r) {
       {
-        var t = function() {
-          Re || (Re = !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)", r));
+        var i = function() {
+          _e || (_e = !0, k("%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)", r));
         };
-        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: t,
+        i.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: i,
           configurable: !0
         });
       }
     }
-    var rr = function(e, r, t, n, i, u, o) {
-      var a = {
+    var gt = function(e, r, i, f, j, S, y) {
+      var b = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: R,
+        $$typeof: t,
         // Built-in properties that belong on the element
         type: e,
         key: r,
-        ref: t,
-        props: o,
+        ref: i,
+        props: y,
         // Record the component responsible for creating this element.
-        _owner: u
+        _owner: S
       };
-      return a._store = {}, Object.defineProperty(a._store, "validated", {
+      return b._store = {}, Object.defineProperty(b._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(a, "_self", {
+      }), Object.defineProperty(b, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: n
-      }), Object.defineProperty(a, "_source", {
+        value: f
+      }), Object.defineProperty(b, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: i
-      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
+        value: j
+      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
     };
-    function tr(e, r, t, n, i) {
+    function bt(e, r, i, f, j) {
       {
-        var u, o = {}, a = null, d = null;
-        t !== void 0 && (ve(t), a = "" + t), He(r) && (ve(r.key), a = "" + r.key), Xe(r) && (d = r.ref, Ze(r, i));
-        for (u in r)
-          A.call(r, u) && !ze.hasOwnProperty(u) && (o[u] = r[u]);
+        var S, y = {}, b = null, _ = null;
+        i !== void 0 && ($e(i), b = "" + i), ft(r) && ($e(r.key), b = "" + r.key), dt(r) && (_ = r.ref, pt(r, j));
+        for (S in r)
+          K.call(r, S) && !ut.hasOwnProperty(S) && (y[S] = r[S]);
         if (e && e.defaultProps) {
-          var s = e.defaultProps;
-          for (u in s)
-            o[u] === void 0 && (o[u] = s[u]);
+          var w = e.defaultProps;
+          for (S in w)
+            y[S] === void 0 && (y[S] = w[S]);
         }
-        if (a || d) {
-          var l = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          a && Qe(o, l), d && er(o, l);
+        if (b || _) {
+          var $ = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          b && mt(y, $), _ && ht(y, $);
         }
-        return rr(e, a, d, i, n, pe.current, o);
+        return gt(e, b, _, j, f, Ne.current, y);
       }
     }
-    var G = w.ReactCurrentOwner, ye = w.ReactDebugCurrentFrame;
-    function j(e) {
+    var oe = R.ReactCurrentOwner, Oe = R.ReactDebugCurrentFrame;
+    function q(e) {
       if (e) {
-        var r = e._owner, t = U(e.type, e._source, r ? r.type : null);
-        ye.setExtraStackFrame(t);
+        var r = e._owner, i = ee(e.type, e._source, r ? r.type : null);
+        Oe.setExtraStackFrame(i);
       } else
-        ye.setExtraStackFrame(null);
+        Oe.setExtraStackFrame(null);
     }
-    var z;
-    z = !1;
-    function X(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === R;
+    var le;
+    le = !1;
+    function ce(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === t;
     }
-    function _e() {
+    function Pe() {
       {
-        if (G.current) {
-          var e = h(G.current.type);
+        if (oe.current) {
+          var e = I(oe.current.type);
           if (e)
             return `
 
@@ -484,178 +484,1173 @@ Check the render method of \`` + e + "`.";
         return "";
       }
     }
-    function nr(e) {
+    function yt(e) {
       return "";
     }
-    var ge = {};
-    function ar(e) {
+    var De = {};
+    function vt(e) {
       {
-        var r = _e();
+        var r = Pe();
         if (!r) {
-          var t = typeof e == "string" ? e : e.displayName || e.name;
-          t && (r = `
+          var i = typeof e == "string" ? e : e.displayName || e.name;
+          i && (r = `
 
-Check the top-level render call using <` + t + ">.");
+Check the top-level render call using <` + i + ">.");
         }
         return r;
       }
     }
-    function he(e, r) {
+    function Fe(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
         e._store.validated = !0;
-        var t = ar(r);
-        if (ge[t])
+        var i = vt(r);
+        if (De[i])
           return;
-        ge[t] = !0;
-        var n = "";
-        e && e._owner && e._owner !== G.current && (n = " It was passed a child from " + h(e._owner.type) + "."), j(e), c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), j(null);
+        De[i] = !0;
+        var f = "";
+        e && e._owner && e._owner !== oe.current && (f = " It was passed a child from " + I(e._owner.type) + "."), q(e), k('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', i, f), q(null);
       }
     }
-    function be(e, r) {
+    function Ae(e, r) {
       {
         if (typeof e != "object")
           return;
-        if (K(e))
-          for (var t = 0; t < e.length; t++) {
-            var n = e[t];
-            X(n) && he(n, r);
+        if (ie(e))
+          for (var i = 0; i < e.length; i++) {
+            var f = e[i];
+            ce(f) && Fe(f, r);
           }
-        else if (X(e))
+        else if (ce(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var i = ke(e);
-          if (typeof i == "function" && i !== e.entries)
-            for (var u = i.call(e), o; !(o = u.next()).done; )
-              X(o.value) && he(o.value, r);
+          var j = T(e);
+          if (typeof j == "function" && j !== e.entries)
+            for (var S = j.call(e), y; !(y = S.next()).done; )
+              ce(y.value) && Fe(y.value, r);
         }
       }
     }
-    function or(e) {
+    function xt(e) {
       {
         var r = e.type;
         if (r == null || typeof r == "string")
           return;
-        var t;
+        var i;
         if (typeof r == "function")
-          t = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === f || // Note: Memo only checks outer props here.
+          i = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === c || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === g))
-          t = r.propTypes;
+        r.$$typeof === u))
+          i = r.propTypes;
         else
           return;
-        if (t) {
-          var n = h(r);
-          Be(t, e.props, "prop", n, e);
-        } else if (r.PropTypes !== void 0 && !z) {
-          z = !0;
-          var i = h(r);
-          c("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i || "Unknown");
+        if (i) {
+          var f = I(r);
+          it(i, e.props, "prop", f, e);
+        } else if (r.PropTypes !== void 0 && !le) {
+          le = !0;
+          var j = I(r);
+          k("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", j || "Unknown");
         }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && c("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && k("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function ir(e) {
+    function kt(e) {
       {
-        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
-          var n = r[t];
-          if (n !== "children" && n !== "key") {
-            j(e), c("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), j(null);
+        for (var r = Object.keys(e.props), i = 0; i < r.length; i++) {
+          var f = r[i];
+          if (f !== "children" && f !== "key") {
+            q(e), k("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), q(null);
             break;
           }
         }
-        e.ref !== null && (j(e), c("Invalid attribute `ref` supplied to `React.Fragment`."), j(null));
+        e.ref !== null && (q(e), k("Invalid attribute `ref` supplied to `React.Fragment`."), q(null));
       }
     }
-    var me = {};
-    function Te(e, r, t, n, i, u) {
+    var Le = {};
+    function Ie(e, r, i, f, j, S) {
       {
-        var o = Ye(e);
-        if (!o) {
-          var a = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " 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 d = nr();
-          d ? a += d : a += _e();
-          var s;
-          e === null ? s = "null" : K(e) ? s = "array" : e !== void 0 && e.$$typeof === R ? (s = "<" + (h(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : s = typeof e, c("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s, a);
+        var y = Qe(e);
+        if (!y) {
+          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 _ = yt();
+          _ ? b += _ : b += Pe();
+          var w;
+          e === null ? w = "null" : ie(e) ? w = "array" : e !== void 0 && e.$$typeof === t ? (w = "<" + (I(e.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : w = typeof e, k("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", w, b);
         }
-        var l = tr(e, r, t, i, u);
-        if (l == null)
-          return l;
-        if (o) {
-          var E = r.children;
-          if (E !== void 0)
-            if (n)
-              if (K(E)) {
-                for (var x = 0; x < E.length; x++)
-                  be(E[x], e);
-                Object.freeze && Object.freeze(E);
+        var $ = bt(e, r, i, j, S);
+        if ($ == null)
+          return $;
+        if (y) {
+          var P = r.children;
+          if (P !== void 0)
+            if (f)
+              if (ie(P)) {
+                for (var Y = 0; Y < P.length; Y++)
+                  Ae(P[Y], e);
+                Object.freeze && Object.freeze(P);
               } 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.");
+                k("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
-              be(E, e);
+              Ae(P, e);
         }
-        if (A.call(r, "key")) {
-          var C = h(e), v = Object.keys(r).filter(function(dr) {
-            return dr !== "key";
-          }), H = v.length > 0 ? "{key: someKey, " + v.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!me[C + H]) {
-            var cr = v.length > 0 ? "{" + v.join(": ..., ") + ": ...}" : "{}";
-            c(`A props object containing a "key" prop is being spread into JSX:
+        if (K.call(r, "key")) {
+          var M = I(e), O = Object.keys(r).filter(function(wt) {
+            return wt !== "key";
+          }), ue = O.length > 0 ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Le[M + ue]) {
+            var Tt = O.length > 0 ? "{" + O.join(": ..., ") + ": ...}" : "{}";
+            k(`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} />`, H, C, cr, C), me[C + H] = !0;
+  <%s key={someKey} {...props} />`, ue, M, Tt, M), Le[M + ue] = !0;
           }
         }
-        return e === y ? ir(l) : or(l), l;
+        return e === a ? kt($) : xt($), $;
       }
     }
-    function ur(e, r, t) {
-      return Te(e, r, t, !0);
+    function jt(e, r, i) {
+      return Ie(e, r, i, !0);
     }
-    function sr(e, r, t) {
-      return Te(e, r, t, !1);
+    function St(e, r, i) {
+      return Ie(e, r, i, !1);
     }
-    var lr = sr, fr = ur;
-    $.Fragment = y, $.jsx = lr, $.jsxs = fr;
-  }()), $;
+    var Ct = St, Rt = jt;
+    G.Fragment = a, G.jsx = Ct, G.jsxs = Rt;
+  }()), G;
 }
-var Se;
-function yr() {
-  return Se || (Se = 1, process.env.NODE_ENV === "production" ? M.exports = Er() : M.exports = Rr()), M.exports;
+var We;
+function Et() {
+  return We || (We = 1, process.env.NODE_ENV === "production" ? re.exports = $t() : re.exports = Nt()), re.exports;
 }
-var Pe = yr(), k = {}, we;
-function _r() {
-  if (we) return k;
-  we = 1;
-  var _ = pr;
-  if (process.env.NODE_ENV === "production")
-    k.createRoot = _.createRoot, k.hydrateRoot = _.hydrateRoot;
-  else {
-    var R = _.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    k.createRoot = function(b, y) {
-      R.usingClientEntryPoint = !0;
-      try {
-        return _.createRoot(b, y);
-      } finally {
-        R.usingClientEntryPoint = !1;
+var s = Et();
+const A = (g) => Object.entries(g).reduce((t, [m, a]) => {
+  const l = `${a}px`;
+  switch (m) {
+    case "mt":
+      t.marginTop = typeof a == "number" ? `${a}px` : a;
+      break;
+    case "mr":
+      t.marginRight = typeof a == "number" ? `${a}px` : a;
+      break;
+    case "mb":
+      t.marginBottom = typeof a == "number" ? `${a}px` : a;
+      break;
+    case "ml":
+      t.marginLeft = typeof a == "number" ? `${a}px` : a;
+      break;
+    case "m":
+      t.margin = typeof a == "number" ? `${a}px` : a;
+      break;
+    case "pt":
+      t.paddingTop = l;
+      break;
+    case "pr":
+      t.paddingRight = l;
+      break;
+    case "pb":
+      t.paddingBottom = l;
+      break;
+    case "pl":
+      t.paddingLeft = l;
+      break;
+    case "p":
+      t.padding = l;
+      break;
+    case "br":
+      t.borderRadius = typeof a == "number" ? `${a}px` : a;
+      break;
+    case "bg":
+      t.background = a;
+      break;
+    case "c":
+      t.color = a;
+      break;
+    case "b":
+      t.border = a === 1 ? "1px solid red" : a;
+      break;
+    case "center":
+      t.position = "absolute", t.inset = 0, t.margin = "auto";
+      break;
+    case "pot":
+      t.top = l;
+      break;
+    case "por":
+      t.right = l;
+      break;
+    case "pob":
+      t.bottom = l;
+      break;
+    case "pol":
+      t.left = l;
+      break;
+    case "rel":
+      t.position = "relative";
+      break;
+    case "ab":
+      t.position = "absolute";
+      break;
+    case "fixed":
+      t.position = "fixed";
+      break;
+    case "w":
+      t.width = l;
+      break;
+    case "h":
+      t.height = l;
+      break;
+    case "vw":
+      t.width = `${a}vw`;
+      break;
+    case "vh":
+      t.height = `${a}vh`;
+      break;
+    case "presentw":
+      t.width = `${a}%`;
+      break;
+    case "presenth":
+      t.height = `${a}%`;
+      break;
+    case "mw":
+      t.minWidth = l;
+      break;
+    case "mh":
+      t.minHieght = l;
+      break;
+    case "fl":
+      t.float = "left";
+      break;
+    case "fr":
+      t.float = "right";
+      break;
+    case "size":
+      t.fontSize = l;
+      break;
+    case "tac":
+      t.textAlign = "center";
+      break;
+    case "z":
+      t.zIndex = a;
+      break;
+    case "tran":
+      t.transition = `${a}s`;
+      break;
+    case "flex":
+      t.display = "flex";
+      break;
+    case "aic":
+      t.alignItems = "center";
+      break;
+    case "jcc":
+      t.justifyContent = "center";
+      break;
+    case "jc":
+      t.justifyContent = a;
+      break;
+    case "oh":
+      t.overflow = "hidden";
+      break;
+    case "ohauto":
+      t.overflow = "auto";
+      break;
+    case "op":
+      t.opacity = a;
+      break;
+    case "none":
+      t.display = "none";
+      break;
+    case "ar":
+      t.aspectRatio = a;
+      break;
+    case "ls":
+      t.letterSpacing = l;
+      break;
+    case "lh":
+      t.lineHeight = l;
+      break;
+    case "fwb":
+      t.fontWeight = "bold";
+      break;
+    case "boxsizing":
+      t.boxSizing = "border-box";
+      break;
+    case "boxshadow":
+      t.boxShadow = a;
+      break;
+    case "f":
+      t.flex = typeof a == "number" ? a : `${a}`;
+      break;
+    case "bColor":
+      t.borderColor = a;
+      break;
+    case "bgSize":
+      t.backgroundSize = a;
+      break;
+    case "bgPosition":
+      t.backgroundPosition = a;
+      break;
+    case "bgRepeat":
+      t.backgroundRepeat = a;
+      break;
+    default:
+      t[m] = a;
+  }
+  return t;
+}, {});
+function U(g) {
+  const {
+    type: t = "default",
+    size: m = "medium",
+    sx: a = {},
+    style: l = {},
+    className: h = "",
+    // 允许用户自定义 className
+    onClick: d,
+    children: p,
+    disabled: c,
+    outline: x,
+    Neumorphism: o
+  } = g, u = `btn btn-${t} btn-${m} ${c ? "btn-disabled" : ""} ${x ? "btn-outline" : ""} ${o ? "btn-Neumorphism" : ""} ${h}`, E = { ...A(a), ...l };
+  return U.propTypes = {
+    type: n.oneOf(["default", "transparent", "danger", "success"]),
+    // 按钮类型:默认、透明、警告、成功
+    size: n.oneOf(["small", "medium", "large", "huge"]),
+    // 按钮大小
+    sx: n.object,
+    // 自定义样式对象
+    style: n.object,
+    // 用户传入的 style 属性，保证style属性优先级最高
+    onClick: n.func,
+    // 点击事件
+    className: n.string,
+    // 添加 className PropTypes
+    children: n.node.isRequired,
+    // 按钮内容
+    disabled: n.bool,
+    // 是否禁用
+    outline: n.bool,
+    // 是否为轮廓按钮
+    Neumorphism: n.bool
+    // 是否为新拟态风格按钮
+  }, U.defaultProps = {
+    type: "default",
+    size: "medium",
+    sx: {},
+    style: {},
+    onClick: () => {
+    },
+    className: "",
+    // 默认值为空字符串
+    disabled: !1,
+    outline: !1,
+    Neumorphism: !1
+  }, /* @__PURE__ */ s.jsx(
+    "button",
+    {
+      className: u,
+      style: E,
+      onClick: d,
+      disabled: c,
+      outline: x,
+      Neumorphism: o,
+      children: p
+    }
+  );
+}
+function Ft({
+  size: g = "medium",
+  sx: t = {},
+  style: m = {},
+  className: a = "",
+  onClick: l,
+  children: h,
+  disabled: d = !1,
+  ...p
+}) {
+  const c = Ke(null), o = { ...A(t), ...m };
+  function u(N) {
+    if (d) return;
+    const C = c.current, T = document.createElement("span"), R = Math.max(C.clientWidth, C.clientHeight), k = R / 2;
+    T.classList.add("ripple"), T.style.width = T.style.height = `${R}px`, T.style.left = `${N.clientX - C.getBoundingClientRect().left - k}px`, T.style.top = `${N.clientY - C.getBoundingClientRect().top - k}px`;
+    const D = C.querySelector(".ripple");
+    D && D.remove(), C.appendChild(T);
+  }
+  const E = `material-btn ${`material-btn-${g}`} ${a} ${d ? "material-btn-disabled" : ""}`;
+  return /* @__PURE__ */ s.jsx(
+    "button",
+    {
+      ref: c,
+      className: E,
+      style: o,
+      onClick: (N) => {
+        u(N), l && l(N);
+      },
+      disabled: d,
+      ...p,
+      children: h
+    }
+  );
+}
+function At({ label: g, type: t = "text" }) {
+  const [m, a] = F(!1), [l, h] = F(""), d = m || l;
+  return /* @__PURE__ */ s.jsx("div", { className: "materialInput", children: /* @__PURE__ */ s.jsxs("div", { className: "inputWrapper", children: [
+    /* @__PURE__ */ s.jsx(
+      "input",
+      {
+        type: t,
+        className: `materialInputField ${d ? "filled" : ""}`,
+        onFocus: () => a(!0),
+        onBlur: () => a(!1),
+        onChange: (p) => h(p.target.value),
+        value: l
       }
-    }, k.hydrateRoot = function(b, y, S) {
-      R.usingClientEntryPoint = !0;
-      try {
-        return _.hydrateRoot(b, y, S);
-      } finally {
-        R.usingClientEntryPoint = !1;
+    ),
+    /* @__PURE__ */ s.jsx("label", { className: `materialLabel ${d ? "float" : ""}`, children: g })
+  ] }) });
+}
+function Me(g) {
+  const {
+    sx: t = {},
+    style: m = {},
+    className: a = "",
+    disabled: l,
+    onChange: h,
+    showText: d
+  } = g, [p, c] = F("#4caf50"), x = (C) => {
+    const T = C.target.value;
+    c(T), h && h(T);
+  }, o = `color-picker ${l ? "color-picker-disabled" : ""} ${a}`, v = { ...A(t), ...m };
+  Me.propTypes = {
+    sx: n.object,
+    style: n.object,
+    className: n.string,
+    disabled: n.bool,
+    onChange: n.func,
+    showText: n.bool
+  }, Me.defaultProps = {
+    sx: {},
+    style: {},
+    className: "",
+    disabled: !1,
+    onChange: () => {
+    },
+    showText: !1
+  };
+  const E = (C) => {
+    const T = parseInt(C.slice(1, 3), 16), R = parseInt(C.slice(3, 5), 16), k = parseInt(C.slice(5, 7), 16);
+    return `rgb(${T}, ${R}, ${k})`;
+  }, N = (C) => {
+    let T = parseInt(C.slice(1, 3), 16) / 255, R = parseInt(C.slice(3, 5), 16) / 255, k = parseInt(C.slice(5, 7), 16) / 255, D = Math.max(T, R, k), V = Math.min(T, R, k), L, B, X = (D + V) / 2;
+    if (D === V)
+      L = B = 0;
+    else {
+      let z = D - V;
+      switch (B = X > 0.5 ? z / (2 - D - V) : z / (D + V), D) {
+        case T:
+          L = (R - k) / z + (R < k ? 6 : 0);
+          break;
+        case R:
+          L = (k - T) / z + 2;
+          break;
+        case k:
+          L = (T - R) / z + 4;
+          break;
       }
-    };
+      L /= 6;
+    }
+    return `hsl(${Math.round(L * 360)}, ${Math.round(B * 100)}%, ${Math.round(X * 100)}%)`;
+  };
+  return /* @__PURE__ */ s.jsxs("div", { className: "color-picker-wrapper", style: v, children: [
+    /* @__PURE__ */ s.jsx(
+      "input",
+      {
+        type: "color",
+        value: p,
+        onChange: x,
+        className: o,
+        disabled: l
+      }
+    ),
+    d && /* @__PURE__ */ s.jsxs("div", { className: "color-text", children: [
+      /* @__PURE__ */ s.jsx("div", { children: p.toUpperCase() }),
+      /* @__PURE__ */ s.jsx("div", { children: E(p) }),
+      /* @__PURE__ */ s.jsx("div", { children: N(p) })
+    ] })
+  ] });
+}
+function de(g) {
+  const { type: t, single: m, sx: a = {}, style: l = {}, en: h } = g, p = { ...A(a), ...l };
+  de.propTypes = {
+    type: n.oneOf([
+      "line",
+      "full",
+      "full-line",
+      "year-week",
+      "year-week-line",
+      "week-time",
+      "no-s",
+      "no-s-line",
+      "us-full",
+      "us-full-line"
+    ]),
+    single: n.bool,
+    // 控制显示“周”或“星期”
+    sx: n.object,
+    // 自定义样式对象
+    style: n.object,
+    // 用户传入的 style 属性
+    en: n.bool
+    // 控制英文格式
+  }, de.defaultProps = {
+    type: void 0,
+    // 默认无 type 的格式
+    single: !1,
+    // 默认显示 "星期"
+    sx: {},
+    style: {},
+    en: !1
+    // 默认不使用英文
+  };
+  const c = (x) => {
+    const o = new de();
+    let u = h ? "en-US" : "zh-CN", v = o.toLocaleString(u, { weekday: "long" });
+    switch (!h && m && (v = v.replace("星期", "周")), x) {
+      case "line":
+        return o.toLocaleDateString(u, {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit"
+        }).replaceAll("/", "-");
+      case "full":
+        return `${o.toLocaleDateString(u, {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit"
+        })} ${v} ${o.toLocaleTimeString(u, {
+          hour: "2-digit",
+          minute: "2-digit",
+          second: "2-digit"
+        })}`;
+      case "full-line":
+        return `${o.toLocaleDateString(u, {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit"
+        }).replaceAll("/", "-")} ${v} ${o.toLocaleTimeString(u, {
+          hour: "2-digit",
+          minute: "2-digit",
+          second: "2-digit"
+        })}`;
+      case "year-week":
+        return `${o.toLocaleDateString(u, {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit"
+        })} ${v}`;
+      case "year-week-line":
+        return `${o.toLocaleDateString(u, {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit"
+        }).replaceAll("/", "-")} ${v}`;
+      case "week-time":
+        return `${v} ${o.toLocaleTimeString(u, {
+          hour: "2-digit",
+          minute: "2-digit",
+          second: "2-digit"
+        })}`;
+      case "no-s":
+        return `${o.toLocaleDateString(u, {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit"
+        })} ${v} ${o.toLocaleTimeString(u, {
+          hour: "2-digit",
+          minute: "2-digit"
+        })}`;
+      case "no-s-line":
+        return `${o.toLocaleDateString(u, {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit"
+        }).replaceAll("/", "-")} ${v} ${o.toLocaleTimeString(u, {
+          hour: "2-digit",
+          minute: "2-digit"
+        })}`;
+      case "us-full":
+        return `${o.toLocaleDateString("en-US", {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit"
+        })} ${v} ${o.toLocaleTimeString(u, {
+          hour: "2-digit",
+          minute: "2-digit",
+          second: "2-digit"
+        })}`;
+      case "us-full-line":
+        return `${o.toLocaleDateString("en-US", {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit"
+        }).replaceAll("/", "-")} ${v} ${o.toLocaleTimeString(u, {
+          hour: "2-digit",
+          minute: "2-digit",
+          second: "2-digit"
+        })}`;
+      default:
+        return o.toLocaleDateString(u, {
+          year: "numeric",
+          month: "2-digit",
+          day: "2-digit"
+        });
+    }
+  };
+  return /* @__PURE__ */ s.jsx("div", { style: p, children: c(t) });
+}
+function He(g) {
+  const {
+    sx: t = {},
+    style: m = {},
+    className: a = "",
+    disabled: l,
+    onChange: h,
+    time: d
+  } = g, [p, c] = F(""), x = (N) => {
+    const C = N.target.value;
+    c(C), h && h(C);
+  }, o = d ? "datetime-local" : "date", u = `date-picker ${l ? "date-picker-disabled" : ""} ${a}`, E = { ...A(t), ...m };
+  return /* @__PURE__ */ s.jsx(
+    "input",
+    {
+      type: o,
+      value: p,
+      onChange: x,
+      className: u,
+      style: E,
+      disabled: l
+    }
+  );
+}
+He.propTypes = {
+  sx: n.object,
+  style: n.object,
+  className: n.string,
+  disabled: n.bool,
+  onChange: n.func,
+  time: n.bool
+  // 是否启用时间选择
+};
+He.defaultProps = {
+  sx: {},
+  style: {},
+  className: "",
+  disabled: !1,
+  onChange: () => {
+  },
+  time: !1
+};
+function qe(g) {
+  const { children: t, title: m, onText: a, cancelText: l, open: h, onClose: d, type: p } = g, [c, x] = F(!1), [o, u] = F(!1);
+  qe.propTypes = {
+    children: n.node.isRequired,
+    title: n.string,
+    onText: n.string,
+    cancelText: n.string,
+    open: n.bool,
+    onClose: n.func,
+    type: n.oneOf(["top", "bottom", "left", "right"])
+  }, qe.defaultProps = {
+    title: "基础标题",
+    onText: "确定",
+    cancelText: "取消",
+    open: !1,
+    onClose: () => {
+    },
+    type: "right"
+  }, pe(() => {
+    h ? (x(!0), u(!1)) : c && (u(!0), setTimeout(() => {
+      x(!1), u(!1);
+    }, 300));
+  }, [h]);
+  function v() {
+    console.log("确定按钮"), d && d();
+  }
+  return /* @__PURE__ */ s.jsx(s.Fragment, { children: c && /* @__PURE__ */ s.jsx("div", { className: `drawer-overlay ${o ? "fade-out" : "fade-in"}`, children: /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      className: `drawer-container drawer-${p} ${o ? `come-out-${p}` : `come-in-${p}`}`,
+      children: [
+        /* @__PURE__ */ s.jsxs("div", { className: "drawer-header", children: [
+          /* @__PURE__ */ s.jsx("h3", { children: m }),
+          /* @__PURE__ */ s.jsx("div", { className: "drawer-closeBtn", onClick: d })
+        ] }),
+        /* @__PURE__ */ s.jsx("div", { className: "drawer-content", children: t }),
+        /* @__PURE__ */ s.jsxs("div", { className: "drawer-footer", children: [
+          /* @__PURE__ */ s.jsx(U, { type: "success", onClick: v, children: a }),
+          /* @__PURE__ */ s.jsx(U, { onClick: d, children: l })
+        ] })
+      ]
+    }
+  ) }) });
+}
+function Ye(g) {
+  const {
+    type: t = "default",
+    size: m = "medium",
+    sx: a = {},
+    style: l = {},
+    className: h = "",
+    // 允许用户自定义 className
+    onClick: d,
+    onChange: p,
+    value: c,
+    defaultValue: x = "",
+    disabled: o = !1,
+    placeholder: u = "",
+    maxlength: v
+  } = g, E = `input input-${t} input-${m} ${o ? "input-disabled" : ""} ${h}`, C = { ...A(a), ...l }, T = t === "password" ? "password" : "text", R = c !== void 0 && p !== void 0;
+  return Ye.propTypes = {
+    type: n.oneOf(["default", "textarea", "password"]),
+    size: n.oneOf(["small", "medium", "large", "huge"]),
+    sx: n.object,
+    // 自定义样式对象
+    style: n.object,
+    // 用户传入的 style 属性，保证 style 属性优先级最高
+    onClick: n.func,
+    // 点击事件
+    onChange: n.func,
+    // 输入值变化事件
+    className: n.string,
+    // 添加 className PropTypes
+    value: n.string,
+    // 输入框的值
+    defaultValue: n.string,
+    // 输入框的初始值（非受控模式）
+    disabled: n.bool,
+    // 是否禁用
+    placeholder: n.string,
+    // 占位符
+    maxlength: n.number
+  }, Ye.defaultProps = {
+    type: "default",
+    size: "medium",
+    sx: {},
+    style: {},
+    onClick: () => {
+    },
+    className: "",
+    // 默认值为空字符串
+    onChange: void 0,
+    value: void 0,
+    defaultValue: "",
+    disabled: !1,
+    placeholder: "",
+    maxlength: 524288
+  }, /* @__PURE__ */ s.jsx("div", { children: t === "textarea" ? /* @__PURE__ */ s.jsx(
+    "textarea",
+    {
+      className: E,
+      style: C,
+      onClick: d,
+      onChange: p && ((k) => p(k.target.value)),
+      value: R ? c : void 0,
+      defaultValue: R ? void 0 : x,
+      disabled: o,
+      placeholder: u,
+      maxLength: v
+    }
+  ) : /* @__PURE__ */ s.jsx(
+    "input",
+    {
+      className: E,
+      style: C,
+      type: T,
+      onClick: d,
+      onChange: p && ((k) => p(k.target.value)),
+      value: R ? c : void 0,
+      defaultValue: R ? void 0 : x,
+      disabled: o,
+      placeholder: u,
+      maxLength: v
+    }
+  ) });
+}
+function _t(g) {
+  const { children: t, type: m, className: a = "" } = g, l = `clay-layout clay-layout-${m} ${a}`;
+  return /* @__PURE__ */ s.jsxs("div", { className: l, children: [
+    m === "top-middle-bottom" && /* @__PURE__ */ s.jsxs("div", { className: "ultra", children: [
+      /* @__PURE__ */ s.jsx("header", { className: "clay-header", children: t[0] }),
+      /* @__PURE__ */ s.jsx("main", { className: "clay-main", children: t[1] }),
+      /* @__PURE__ */ s.jsx("footer", { className: "clay-footer", children: t[2] })
+    ] }),
+    m === "top-bottom-split" && /* @__PURE__ */ s.jsxs("div", { className: "ultra", children: [
+      /* @__PURE__ */ s.jsx("header", { className: "clay-header", children: t[0] }),
+      /* @__PURE__ */ s.jsxs("main", { className: "clay-main", children: [
+        /* @__PURE__ */ s.jsx("aside", { className: "clay-aside", children: t[1] }),
+        /* @__PURE__ */ s.jsx("div", { className: "clay-content", children: t[2] })
+      ] })
+    ] }),
+    m === "left-right-top-bottom" && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+      /* @__PURE__ */ s.jsx("header", { className: "clay-header", children: t[0] }),
+      /* @__PURE__ */ s.jsxs("div", { className: "clay-main", children: [
+        /* @__PURE__ */ s.jsx("aside", { className: "clay-aside", children: t[1] }),
+        /* @__PURE__ */ s.jsxs("div", { className: "clay-right", children: [
+          /* @__PURE__ */ s.jsx("header", { className: "clay-header", children: t[2] }),
+          /* @__PURE__ */ s.jsx("div", { className: "clay-content", children: t[3] })
+        ] })
+      ] })
+    ] }),
+    m === "left-right-three-parts" && /* @__PURE__ */ s.jsxs("div", { className: "ultra", children: [
+      /* @__PURE__ */ s.jsx("aside", { className: "clay-aside", children: t[0] }),
+      /* @__PURE__ */ s.jsxs("div", { className: "clay-right", children: [
+        /* @__PURE__ */ s.jsx("header", { className: "clay-header", children: t[1] }),
+        /* @__PURE__ */ s.jsx("main", { className: "clay-main", children: t[2] }),
+        /* @__PURE__ */ s.jsx("footer", { className: "clay-footer", children: t[3] })
+      ] })
+    ] })
+  ] });
+}
+_t.propTypes = {
+  children: n.node.isRequired,
+  className: n.string,
+  // 添加 className PropTypes
+  type: n.oneOf([
+    "top-middle-bottom",
+    "top-bottom-split",
+    "left-right-top-bottom",
+    "left-right-three-parts"
+  ]).isRequired
+};
+function Ue(g) {
+  const {
+    sx: t = {},
+    style: m = {},
+    className: a = "",
+    onClick: l,
+    children: h,
+    size: d = "medium"
+  } = g, p = `line line-${d} ${h ? "line-has-text" : "line-no-text"} ${a}`, x = { ...A(t), ...m };
+  return Ue.propTypes = {
+    sx: n.object,
+    // 自定义样式对象
+    size: n.oneOf(["small", "medium", "large", "huge"]),
+    // 间隔间隙
+    style: n.object,
+    // 用户传入的 style 属性，保证style属性优先级最高
+    onClick: n.func,
+    // 点击事件
+    className: n.string,
+    // 添加 className PropTypes
+    children: n.node.isRequired
+    // 按钮内容
+  }, Ue.defaultProps = {
+    sx: {},
+    size: "medium",
+    style: {},
+    onClick: () => {
+    },
+    className: ""
+    // 默认值为空字符串
+  }, /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      style: x,
+      onClick: l,
+      className: p,
+      children: h && /* @__PURE__ */ s.jsx("div", { className: "line-text", children: h })
+    }
+  );
+}
+function Ge(g) {
+  const {
+    sx: t = {},
+    style: m = {},
+    className: a = "",
+    onClick: l,
+    children: h,
+    color: d = "default",
+    beauty: p = !1
+    // 是否使用新样式
+  } = g, c = A(t), v = {
+    backgroundColor: d === "default" ? "#ffe28d" : d,
+    ...{
+      width: "auto",
+      height: "auto",
+      display: "inline-block"
+    },
+    ...p ? {
+      padding: "4px 8px",
+      borderRadius: "4px"
+    } : {},
+    ...c,
+    ...m
+  };
+  return /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      style: v,
+      onClick: l,
+      className: `mark ${a}`,
+      children: h
+    }
+  );
+}
+Ge.propTypes = {
+  color: n.string,
+  // color 支持颜色单词、#999、rgb
+  sx: n.object,
+  // 自定义样式对象
+  style: n.object,
+  // 用户传入的 style，保证 style 最高优先级
+  onClick: n.func,
+  // 点击事件
+  className: n.string,
+  // 自定义 className
+  children: n.node.isRequired,
+  // 内容
+  beauty: n.bool
+  // 是否应用新样式
+};
+Ge.defaultProps = {
+  color: "default",
+  sx: {},
+  style: {},
+  onClick: () => {
+  },
+  className: "",
+  beauty: !1
+};
+function Be(g) {
+  const { children: t, title: m, onText: a, cancelText: l, open: h, onClose: d } = g, [p, c] = F(!1), [x, o] = F(!1);
+  Be.propTypes = {
+    children: n.node.isRequired,
+    title: n.string,
+    onText: n.string,
+    cancelText: n.string,
+    open: n.bool,
+    onClose: n.func
+  }, Be.defaultProps = {
+    title: "基础标题",
+    onText: "确定",
+    cancelText: "取消",
+    open: !1,
+    onClose: () => {
+    }
+  }, pe(() => {
+    h ? (c(!0), o(!1)) : p && (o(!0), setTimeout(() => {
+      c(!1), o(!1);
+    }, 300));
+  }, [h]);
+  function u() {
+    console.log("确定按钮"), d && d();
   }
-  return k;
+  return /* @__PURE__ */ s.jsx(s.Fragment, { children: p && /* @__PURE__ */ s.jsx("div", { className: `modal-overlay ${x ? "fade-out" : "fade-in"}`, children: /* @__PURE__ */ s.jsxs("div", { className: `modal-container ${x ? "scale-out" : "scale-in"}`, children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "modal-header", children: [
+      /* @__PURE__ */ s.jsx("h3", { children: m }),
+      /* @__PURE__ */ s.jsx("div", { className: "modal-closeBtn", onClick: d })
+    ] }),
+    /* @__PURE__ */ s.jsx("div", { className: "modal-content", children: t }),
+    /* @__PURE__ */ s.jsxs("div", { className: "modal-footer", children: [
+      /* @__PURE__ */ s.jsx(U, { type: "success", onClick: u, children: a }),
+      /* @__PURE__ */ s.jsx(U, { onClick: d, children: l })
+    ] })
+  ] }) }) });
+}
+function Ot({ type: g = "success", icon: t, message: m }) {
+  const [a, l] = F(!0), [h, d] = F(!1);
+  if (pe(() => {
+    const c = setTimeout(() => {
+      d(!0), setTimeout(() => {
+        l(!1);
+      }, 300);
+    }, 3e3);
+    return () => clearTimeout(c);
+  }, []), !a) return null;
+  const p = h ? "fade-out" : "";
+  return /* @__PURE__ */ s.jsxs("div", { className: `notice ${p}`, children: [
+    /* @__PURE__ */ s.jsx("img", { src: t, alt: g }),
+    /* @__PURE__ */ s.jsx("span", { children: m })
+  ] });
+}
+Ot.propTypes = {
+  type: n.oneOf(["success", "fail", "caution"]),
+  icon: n.string.isRequired,
+  message: n.string.isRequired
+};
+function Je(g) {
+  const {
+    size: t = "medium",
+    sx: m = {},
+    style: a = {},
+    className: l = "",
+    // 允许用户自定义 className
+    onSearch: h,
+    value: d,
+    defaultValue: p = "",
+    disabled: c = !1,
+    placeholder: x = "",
+    path: o = ""
+  } = g, u = Ke(null), v = `search-input search-input-${t} ${c ? "search-input-disabled" : ""} ${l}`, E = { ...m, ...a }, N = d !== void 0 && h !== void 0;
+  return Je.propTypes = {
+    size: n.oneOf(["small", "medium", "large", "huge"]),
+    sx: n.object,
+    // 自定义样式对象
+    style: n.object,
+    // 用户传入的 style 属性，保证 style 属性优先级最高
+    onSearch: n.func.isRequired,
+    // 搜索事件回调
+    className: n.string,
+    // 添加 className PropTypes
+    value: n.string,
+    // 输入框的值 (受控模式)
+    defaultValue: n.string,
+    // 输入框的初始值 (非受控模式)
+    disabled: n.bool,
+    // 是否禁用
+    placeholder: n.string,
+    // 占位符
+    path: n.string
+    // 占位符
+  }, Je.defaultProps = {
+    size: "medium",
+    sx: {},
+    style: {},
+    onSearch: () => {
+    },
+    className: "",
+    // 默认值为空字符串
+    value: void 0,
+    defaultValue: "",
+    disabled: !1,
+    placeholder: "请输入内容",
+    path: ""
+  }, /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      className: "search-container",
+      style: { position: "relative", width: 300 },
+      children: [
+        /* @__PURE__ */ s.jsx(
+          "input",
+          {
+            className: v,
+            style: E,
+            ref: N ? void 0 : u,
+            onKeyDown: (C) => C.key === "Enter" && h(N ? d : u.current.value),
+            value: N ? d : void 0,
+            defaultValue: N ? void 0 : p,
+            disabled: c,
+            placeholder: x
+          }
+        ),
+        /* @__PURE__ */ s.jsx(
+          "button",
+          {
+            className: "search-button",
+            onClick: () => h(N ? d : u.current.value),
+            children: o ? /* @__PURE__ */ s.jsx(
+              "img",
+              {
+                src: o,
+                alt: "search-logo",
+                style: {
+                  width: 16,
+                  height: 16,
+                  marginTop: 2,
+                  marginBottom: -3
+                }
+              }
+            ) : "搜索"
+          }
+        )
+      ]
+    }
+  );
+}
+const Xe = fe.forwardRef((g, t) => {
+  const {
+    sx: m = {},
+    style: a = {},
+    className: l = "",
+    onClick: h,
+    children: d,
+    type: p = "default"
+  } = g, c = `space space-${p} ${l}`, o = { ...A(m), ...a };
+  return /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      ref: t,
+      style: o,
+      onClick: h,
+      className: c,
+      children: d
+    }
+  );
+});
+Xe.propTypes = {
+  type: n.oneOf([
+    "default",
+    "inline",
+    "circle",
+    "triangle",
+    "halfCircle",
+    "fixed",
+    "absolute",
+    "relative"
+  ]),
+  sx: n.object,
+  style: n.object,
+  onClick: n.func,
+  className: n.string,
+  children: n.node.isRequired
+};
+Xe.defaultProps = {
+  type: "default",
+  sx: {},
+  style: {},
+  onClick: () => {
+  },
+  className: ""
+};
+function Ze({ children: g, tooltipText: t, placement: m = "top" }) {
+  const a = `tooltip-wrapper tooltip-${m}`;
+  return /* @__PURE__ */ s.jsxs("div", { className: a, children: [
+    g,
+    /* @__PURE__ */ s.jsx("div", { className: "tooltip", children: t })
+  ] });
 }
-var gr = _r();
-gr.createRoot(document.getElementById("root")).render(
-  /* @__PURE__ */ Pe.jsx(vr, { children: /* @__PURE__ */ Pe.jsx(App, {}) })
-);
+Ze.propTypes = {
+  children: n.node.isRequired,
+  // 包裹的子内容
+  tooltipText: n.string.isRequired,
+  // Tooltip 显示的文字内容
+  placement: n.oneOf(["top", "bottom", "right"])
+  // 支持的方向
+};
+Ze.defaultProps = {
+  placement: "top"
+};
+export {
+  U as Button,
+  Me as ColorPicker,
+  de as Date,
+  He as DatePicker,
+  qe as Drawer,
+  Ye as Input,
+  _t as Layout,
+  Ue as Line,
+  Ge as Mark,
+  Ft as MaterialButton,
+  At as MaterialInput,
+  Be as Modal,
+  Ot as Notice,
+  Je as Search,
+  Xe as Space,
+  Ft as Table,
+  Ze as Tooltip
+};