dishui 0.0.1 → 0.0.2

package/dist/dishui.es.js

@@ -1,5 +1,5 @@
-import z, { useState as ue, useRef as fe, useEffect as me } from "react";
-var Z = { exports: {} }, M = {};
+import H, { useState as U, useRef as oe, useEffect as de } from "react";
+var K = { exports: {} }, Z = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,29 +9,29 @@ var Z = { exports: {} }, M = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var te;
-function de() {
-  if (te) return M;
-  te = 1;
-  var u = Symbol.for("react.transitional.element"), c = Symbol.for("react.fragment");
-  function m(n, i, t) {
-    var E = null;
-    if (t !== void 0 && (E = "" + t), i.key !== void 0 && (E = "" + i.key), "key" in i) {
+var re;
+function me() {
+  if (re) return Z;
+  re = 1;
+  var f = Symbol.for("react.transitional.element"), c = Symbol.for("react.fragment");
+  function p(n, u, t) {
+    var C = null;
+    if (t !== void 0 && (C = "" + t), u.key !== void 0 && (C = "" + u.key), "key" in u) {
       t = {};
-      for (var l in i)
-        l !== "key" && (t[l] = i[l]);
-    } else t = i;
-    return i = t.ref, {
-      $$typeof: u,
+      for (var i in u)
+        i !== "key" && (t[i] = u[i]);
+    } else t = u;
+    return u = t.ref, {
+      $$typeof: f,
       type: n,
-      key: E,
-      ref: i !== void 0 ? i : null,
+      key: C,
+      ref: u !== void 0 ? u : null,
       props: t
     };
   }
-  return M.Fragment = c, M.jsx = m, M.jsxs = m, M;
+  return Z.Fragment = c, Z.jsx = p, Z.jsxs = p, Z;
 }
-var W = {};
+var Q = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -41,47 +41,47 @@ var W = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var re;
-function be() {
-  return re || (re = 1, process.env.NODE_ENV !== "production" && function() {
-    function u(e) {
+var ne;
+function pe() {
+  return ne || (ne = 1, process.env.NODE_ENV !== "production" && function() {
+    function f(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === $ ? null : e.displayName || e.name || null;
+        return e.$$typeof === T ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case j:
+        case R:
           return "Fragment";
-        case w:
+        case M:
           return "Profiler";
-        case N:
+        case P:
           return "StrictMode";
-        case G:
+        case W:
           return "Suspense";
-        case U:
+        case y:
           return "SuspenseList";
-        case S:
+        case F:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case r:
+          case a:
             return "Portal";
-          case O:
+          case I:
             return (e.displayName || "Context") + ".Provider";
-          case P:
+          case $:
             return (e._context.displayName || "Context") + ".Consumer";
-          case y:
+          case O:
             var s = e.render;
             return e = e.displayName, e || (e = s.displayName || s.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case q:
-            return s = e.displayName || null, s !== null ? s : u(e.type) || "Memo";
-          case Y:
+          case D:
+            return s = e.displayName || null, s !== null ? s : f(e.type) || "Memo";
+          case S:
             s = e._payload, e = e._init;
             try {
-              return u(e(s));
+              return f(e(s));
             } catch {
             }
         }
@@ -90,7 +90,7 @@ function be() {
     function c(e) {
       return "" + e;
     }
-    function m(e) {
+    function p(e) {
       try {
         c(e);
         var s = !1;
@@ -99,8 +99,8 @@ function be() {
       }
       if (s) {
         s = console;
-        var o = s.error, b = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return o.call(
+        var l = s.error, b = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l.call(
           s,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           b
@@ -108,58 +108,58 @@ function be() {
       }
     }
     function n(e) {
-      if (e === j) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === Y)
+      if (e === R) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === S)
         return "<...>";
       try {
-        var s = u(e);
+        var s = f(e);
         return s ? "<" + s + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function i() {
-      var e = _.A;
+    function u() {
+      var e = E.A;
       return e === null ? null : e.getOwner();
     }
     function t() {
       return Error("react-stack-top-frame");
     }
-    function E(e) {
+    function C(e) {
       if (k.call(e, "key")) {
         var s = Object.getOwnPropertyDescriptor(e, "key").get;
         if (s && s.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function l(e, s) {
-      function o() {
-        V || (V = !0, console.error(
+    function i(e, s) {
+      function l() {
+        z || (z = !0, console.error(
           "%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://react.dev/link/special-props)",
           s
         ));
       }
-      o.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: o,
+      l.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: l,
         configurable: !0
       });
     }
-    function R() {
-      var e = u(this.type);
-      return D[e] || (D[e] = !0, console.error(
+    function j() {
+      var e = f(this.type);
+      return Y[e] || (Y[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function v(e, s, o, b, g, T, F, B) {
-      return o = T.ref, e = {
-        $$typeof: a,
+    function v(e, s, l, b, N, h, _, A) {
+      return l = h.ref, e = {
+        $$typeof: o,
         type: e,
         key: s,
-        props: T,
-        _owner: g
-      }, (o !== void 0 ? o : null) !== null ? Object.defineProperty(e, "ref", {
+        props: h,
+        _owner: N
+      }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: R
+        get: j
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -174,33 +174,33 @@ function be() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: F
+        value: _
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: B
+        value: A
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function h(e, s, o, b, g, T, F, B) {
-      var d = s.children;
-      if (d !== void 0)
+    function g(e, s, l, b, N, h, _, A) {
+      var m = s.children;
+      if (m !== void 0)
         if (b)
-          if (J(d)) {
-            for (b = 0; b < d.length; b++)
-              x(d[b]);
-            Object.freeze && Object.freeze(d);
+          if (G(m)) {
+            for (b = 0; b < m.length; b++)
+              w(m[b]);
+            Object.freeze && Object.freeze(m);
           } else
             console.error(
               "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 x(d);
+        else w(m);
       if (k.call(s, "key")) {
-        d = u(e);
-        var A = Object.keys(s).filter(function(K) {
-          return K !== "key";
+        m = f(e);
+        var B = Object.keys(s).filter(function(ee) {
+          return ee !== "key";
         });
-        b = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", H[d + b] || (A = 0 < A.length ? "{" + A.join(": ..., ") + ": ...}" : "{}", console.error(
+        b = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", J[m + b] || (B = 0 < B.length ? "{" + B.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -208,150 +208,150 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           b,
-          d,
-          A,
-          d
-        ), H[d + b] = !0);
+          m,
+          B,
+          m
+        ), J[m + b] = !0);
       }
-      if (d = null, o !== void 0 && (m(o), d = "" + o), E(s) && (m(s.key), d = "" + s.key), "key" in s) {
-        o = {};
-        for (var L in s)
-          L !== "key" && (o[L] = s[L]);
-      } else o = s;
-      return d && l(
-        o,
+      if (m = null, l !== void 0 && (p(l), m = "" + l), C(s) && (p(s.key), m = "" + s.key), "key" in s) {
+        l = {};
+        for (var X in s)
+          X !== "key" && (l[X] = s[X]);
+      } else l = s;
+      return m && i(
+        l,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), v(
         e,
-        d,
-        T,
-        g,
-        i(),
-        o,
-        F,
-        B
+        m,
+        h,
+        N,
+        u(),
+        l,
+        _,
+        A
       );
     }
-    function x(e) {
-      typeof e == "object" && e !== null && e.$$typeof === a && e._store && (e._store.validated = 1);
+    function w(e) {
+      typeof e == "object" && e !== null && e.$$typeof === o && e._store && (e._store.validated = 1);
     }
-    var f = z, a = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), j = Symbol.for("react.fragment"), N = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), P = Symbol.for("react.consumer"), O = Symbol.for("react.context"), y = Symbol.for("react.forward_ref"), G = Symbol.for("react.suspense"), U = Symbol.for("react.suspense_list"), q = Symbol.for("react.memo"), Y = Symbol.for("react.lazy"), S = Symbol.for("react.activity"), $ = Symbol.for("react.client.reference"), _ = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, k = Object.prototype.hasOwnProperty, J = Array.isArray, I = console.createTask ? console.createTask : function() {
+    var d = H, o = Symbol.for("react.transitional.element"), a = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), P = Symbol.for("react.strict_mode"), M = Symbol.for("react.profiler"), $ = Symbol.for("react.consumer"), I = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), W = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), F = Symbol.for("react.activity"), T = Symbol.for("react.client.reference"), E = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, k = Object.prototype.hasOwnProperty, G = Array.isArray, V = console.createTask ? console.createTask : function() {
       return null;
     };
-    f = {
+    d = {
       "react-stack-bottom-frame": function(e) {
         return e();
       }
     };
-    var V, D = {}, X = f["react-stack-bottom-frame"].bind(
-      f,
+    var z, Y = {}, L = d["react-stack-bottom-frame"].bind(
+      d,
       t
-    )(), Q = I(n(t)), H = {};
-    W.Fragment = j, W.jsx = function(e, s, o, b, g) {
-      var T = 1e4 > _.recentlyCreatedOwnerStacks++;
-      return h(
+    )(), q = V(n(t)), J = {};
+    Q.Fragment = R, Q.jsx = function(e, s, l, b, N) {
+      var h = 1e4 > E.recentlyCreatedOwnerStacks++;
+      return g(
         e,
         s,
-        o,
+        l,
         !1,
         b,
-        g,
-        T ? Error("react-stack-top-frame") : X,
-        T ? I(n(e)) : Q
+        N,
+        h ? Error("react-stack-top-frame") : L,
+        h ? V(n(e)) : q
       );
-    }, W.jsxs = function(e, s, o, b, g) {
-      var T = 1e4 > _.recentlyCreatedOwnerStacks++;
-      return h(
+    }, Q.jsxs = function(e, s, l, b, N) {
+      var h = 1e4 > E.recentlyCreatedOwnerStacks++;
+      return g(
         e,
         s,
-        o,
+        l,
         !0,
         b,
-        g,
-        T ? Error("react-stack-top-frame") : X,
-        T ? I(n(e)) : Q
+        N,
+        h ? Error("react-stack-top-frame") : L,
+        h ? V(n(e)) : q
       );
     };
-  }()), W;
+  }()), Q;
 }
-var ne;
-function pe() {
-  return ne || (ne = 1, process.env.NODE_ENV === "production" ? Z.exports = de() : Z.exports = be()), Z.exports;
+var ae;
+function be() {
+  return ae || (ae = 1, process.env.NODE_ENV === "production" ? K.exports = me() : K.exports = pe()), K.exports;
 }
-var C = pe();
-const Ce = ({
-  children: u,
+var r = be();
+const he = ({
+  children: f,
   variant: c = "primary",
-  size: m = "md",
+  size: p = "md",
   outline: n = !1,
-  dash: i = !1,
+  dash: u = !1,
   soft: t = !1,
-  active: E = !1,
-  disabled: l = !1,
-  wide: R = !1,
+  active: C = !1,
+  disabled: i = !1,
+  wide: j = !1,
   block: v = !1,
-  square: h = !1,
-  circle: x = !1,
-  leftSection: f,
-  rightSection: a,
-  onClick: r,
-  className: j = ""
+  square: g = !1,
+  circle: w = !1,
+  leftSection: d,
+  rightSection: o,
+  onClick: a,
+  className: R = ""
 }) => {
-  const N = "btn", w = c ? `btn-${c}` : "", P = m ? `btn-${m}` : "", _ = [
-    N,
-    w,
+  const P = "btn", M = c ? `btn-${c}` : "", $ = p ? `btn-${p}` : "", E = [
     P,
+    M,
+    $,
     n ? "btn-outline" : "",
-    i ? "btn-dash" : "",
+    u ? "btn-dash" : "",
     t ? "btn-soft" : "",
-    E ? "btn-active" : "",
-    R ? "btn-wide" : "",
+    C ? "btn-active" : "",
+    j ? "btn-wide" : "",
     v ? "btn-block" : "",
-    h ? "btn-square" : "",
-    x ? "btn-circle" : "",
-    j
+    g ? "btn-square" : "",
+    w ? "btn-circle" : "",
+    R
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ C.jsxs(
+  return /* @__PURE__ */ r.jsxs(
     "button",
     {
-      className: _,
-      disabled: l,
-      onClick: r,
+      className: E,
+      disabled: i,
+      onClick: a,
       children: [
-        f && /* @__PURE__ */ C.jsx("span", { className: "mr-2", children: f }),
-        u,
-        a && /* @__PURE__ */ C.jsx("span", { className: "ml-2", children: a })
+        d && /* @__PURE__ */ r.jsx("span", { className: "mr-2", children: d }),
+        f,
+        o && /* @__PURE__ */ r.jsx("span", { className: "ml-2", children: o })
       ]
     }
   );
-}, Ee = ({
-  children: u,
+}, xe = ({
+  children: f,
   vertical: c = !1,
-  className: m = "",
+  className: p = "",
   rounded: n = "none",
-  radius: i = "full",
+  radius: u = "full",
   roundedStyle: t
 }) => {
-  const E = [
+  const C = [
     "join",
     c ? "join-vertical" : "join-horizontal",
-    m
-  ].filter(Boolean).join(" "), l = n !== "none" ? "full" : i;
-  return /* @__PURE__ */ C.jsx("div", { className: E, children: z.Children.map(u, (R, v) => {
-    if (!z.isValidElement(R)) return R;
-    const h = R, x = h.props.className || "", f = v === 0, a = v === z.Children.count(u) - 1;
-    let r = "";
-    t ? c ? n === "left" && f && t.top ? r = t.top : n === "right" && a && t.bottom ? r = t.bottom : n === "both" && (f && t.top && (r = t.top), a && t.bottom && (r = t.bottom)) : n === "left" && f && t.left ? r = t.left : n === "right" && a && t.right ? r = t.right : n === "both" && (f && t.left && (r = t.left), a && t.right && (r = t.right)) : c ? n === "left" && f ? r = `rounded-t-${l}` : n === "right" && a ? r = `rounded-b-${l}` : n === "both" && (f && (r = `rounded-t-${l}`), a && (r = `rounded-b-${l}`)) : n === "left" && f ? r = `rounded-l-${l}` : n === "right" && a ? r = `rounded-r-${l}` : n === "both" && (f && (r = `rounded-l-${l}`), a && (r = `rounded-r-${l}`));
-    const j = `${x} join-item ${r}`.trim();
-    return z.cloneElement(h, {
-      className: j
+    p
+  ].filter(Boolean).join(" "), i = n !== "none" ? "full" : u;
+  return /* @__PURE__ */ r.jsx("div", { className: C, children: H.Children.map(f, (j, v) => {
+    if (!H.isValidElement(j)) return j;
+    const g = j, w = g.props.className || "", d = v === 0, o = v === H.Children.count(f) - 1;
+    let a = "";
+    t ? c ? n === "left" && d && t.top ? a = t.top : n === "right" && o && t.bottom ? a = t.bottom : n === "both" && (d && t.top && (a = t.top), o && t.bottom && (a = t.bottom)) : n === "left" && d && t.left ? a = t.left : n === "right" && o && t.right ? a = t.right : n === "both" && (d && t.left && (a = t.left), o && t.right && (a = t.right)) : c ? n === "left" && d ? a = `rounded-t-${i}` : n === "right" && o ? a = `rounded-b-${i}` : n === "both" && (d && (a = `rounded-t-${i}`), o && (a = `rounded-b-${i}`)) : n === "left" && d ? a = `rounded-l-${i}` : n === "right" && o ? a = `rounded-r-${i}` : n === "both" && (d && (a = `rounded-l-${i}`), o && (a = `rounded-r-${i}`));
+    const R = `${w} join-item ${a}`.trim();
+    return H.cloneElement(g, {
+      className: R
     });
   }) });
-}, ve = ({
-  children: u,
+}, Ce = ({
+  children: f,
   className: c = ""
 }) => {
-  const m = [
+  const p = [
     "join-item",
     "flex",
     "items-center",
@@ -361,178 +361,230 @@ const Ce = ({
     "border-base-300",
     c
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ C.jsx("div", { className: m, children: u });
-}, ae = Ce;
-ae.Group = Ee;
-ae.GroupSection = ve;
-const he = ({
-  children: u,
+  return /* @__PURE__ */ r.jsx("div", { className: p, children: f });
+}, le = he;
+le.Group = xe;
+le.GroupSection = Ce;
+const Ee = ({
+  children: f,
   variant: c = "primary",
-  size: m = "md",
+  size: p = "md",
   outline: n = !1,
-  className: i = ""
+  className: u = ""
 }) => {
-  const t = "badge", E = c ? `badge-${c}` : "", l = m ? `badge-${m}` : "", v = [
+  const t = "badge", C = c ? `badge-${c}` : "", i = p ? `badge-${p}` : "", v = [
     t,
-    E,
-    l,
+    C,
+    i,
     n ? "badge-outline" : "",
-    i
+    u
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ C.jsx("div", { className: v, children: u });
-}, xe = ({
-  placeholder: u,
+  return /* @__PURE__ */ r.jsx("div", { className: v, children: f });
+}, je = ({
+  placeholder: f,
   value: c,
-  onChange: m,
+  onChange: p,
   type: n = "text",
-  variant: i,
+  variant: u,
   size: t = "md",
-  disabled: E = !1,
-  required: l = !1,
-  label: R,
+  disabled: C = !1,
+  required: i = !1,
+  label: j,
   leftSection: v,
-  rightSection: h,
-  pattern: x,
-  className: f = "",
-  validator: a = !1,
-  validatorHint: r
+  rightSection: g,
+  pattern: w,
+  className: d = "",
+  validator: o = !1,
+  validatorHint: a,
+  validationRules: R = []
 }) => {
-  const j = "input", N = i ? `input-${i}` : "", w = t ? `input-${t}` : "", O = [
-    j,
-    N,
-    w,
-    a ? "validator" : "",
-    f
-  ].filter(Boolean).join(" ");
-  return R || v || h ? /* @__PURE__ */ C.jsxs("div", { children: [
-    /* @__PURE__ */ C.jsxs("label", { className: O, children: [
-      v && /* @__PURE__ */ C.jsx("span", { children: v }),
-      R && /* @__PURE__ */ C.jsx("span", { children: R }),
-      /* @__PURE__ */ C.jsx(
+  const [P, M] = U(!1), [$, I] = U(""), [O, W] = U(null), [y, D] = U(!1), [S, F] = U([]), T = oe(null), E = n === "password" && P ? "text" : n, k = (h) => {
+    const _ = h.target.value;
+    if (n === "password" && _.length > (c || "").length) {
+      const A = _.slice((c || "").length);
+      I(A), setTimeout(() => {
+        I("");
+      }, 1e3);
+    }
+    o && T.current && G(_), p && p(h);
+  }, G = (h) => {
+    if (!T.current) return;
+    const _ = T.current.checkValidity(), A = [];
+    R.length > 0 && R.forEach((m) => {
+      m.pattern.test(h) || A.push(m.message);
+    }), F(A), W(_ && A.length === 0);
+  }, V = () => {
+    M(!P);
+  }, z = () => {
+    o && !O && D(!0);
+  }, Y = () => {
+    D(!1);
+  };
+  let L = "";
+  o && O !== null && (L = O ? "input-success" : "input-error");
+  const q = "input", J = u && !L ? `input-${u}` : "", e = t ? `input-${t}` : "", l = [
+    q,
+    J,
+    e,
+    o ? "validator" : "",
+    L,
+    d
+  ].filter(Boolean).join(" "), b = n === "password" && /* @__PURE__ */ r.jsx(
+    "span",
+    {
+      className: "cursor-pointer opacity-70 hover:opacity-100",
+      onClick: V,
+      children: P ? (
+        // 眼睛关闭图标
+        /* @__PURE__ */ r.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+          /* @__PURE__ */ r.jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94" }),
+          /* @__PURE__ */ r.jsx("path", { d: "M14.12 14.12a3 3 0 1 1-4.24-4.24" }),
+          /* @__PURE__ */ r.jsx("path", { d: "M1 1l22 22" }),
+          /* @__PURE__ */ r.jsx("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" })
+        ] })
+      ) : (
+        // 眼睛打开图标
+        /* @__PURE__ */ r.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+          /* @__PURE__ */ r.jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+          /* @__PURE__ */ r.jsx("circle", { cx: "12", cy: "12", r: "3" })
+        ] })
+      )
+    }
+  ), N = /* @__PURE__ */ r.jsx("div", { className: "validation-tooltip", children: S.length > 0 ? /* @__PURE__ */ r.jsx("ul", { className: "text-xs list-disc pl-4 py-1", children: S.map((h, _) => /* @__PURE__ */ r.jsx("li", { children: h }, _)) }) : a ? /* @__PURE__ */ r.jsx("p", { className: "text-xs py-1", children: a }) : null });
+  return j || v || g || n === "password" ? /* @__PURE__ */ r.jsxs("div", { className: "relative", onMouseEnter: z, onMouseLeave: Y, children: [
+    /* @__PURE__ */ r.jsxs("label", { className: l, children: [
+      v && /* @__PURE__ */ r.jsx("span", { children: v }),
+      j && /* @__PURE__ */ r.jsx("span", { children: j }),
+      /* @__PURE__ */ r.jsx(
         "input",
         {
-          type: n,
-          placeholder: u,
+          ref: T,
+          type: E,
+          placeholder: f,
           value: c,
-          onChange: m,
-          disabled: E,
-          required: l,
+          onChange: k,
+          disabled: C,
+          required: i,
           className: "grow",
-          pattern: x
+          pattern: w
         }
       ),
-      h && /* @__PURE__ */ C.jsx("span", { children: h })
+      n === "password" && $ && /* @__PURE__ */ r.jsx("span", { className: "password-recent absolute right-10 font-mono", children: $ }),
+      n === "password" ? /* @__PURE__ */ r.jsx("span", { children: b }) : g ? /* @__PURE__ */ r.jsx("span", { children: g }) : null
     ] }),
-    a && r && /* @__PURE__ */ C.jsx("p", { className: "validator-hint", children: r })
-  ] }) : /* @__PURE__ */ C.jsxs("div", { children: [
-    /* @__PURE__ */ C.jsx(
+    o && a && !y && /* @__PURE__ */ r.jsx("p", { className: "validator-hint text-xs mt-1 opacity-70", children: a }),
+    y && o && !O && /* @__PURE__ */ r.jsx("div", { className: "absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1", children: N })
+  ] }) : /* @__PURE__ */ r.jsxs("div", { className: "relative", onMouseEnter: z, onMouseLeave: Y, children: [
+    /* @__PURE__ */ r.jsx(
       "input",
       {
-        type: n,
-        placeholder: u,
+        ref: T,
+        type: E,
+        placeholder: f,
         value: c,
-        onChange: m,
-        disabled: E,
-        required: l,
-        className: O,
-        pattern: x
+        onChange: k,
+        disabled: C,
+        required: i,
+        className: l,
+        pattern: w
       }
     ),
-    a && r && /* @__PURE__ */ C.jsx("p", { className: "validator-hint", children: r })
+    o && a && !y && /* @__PURE__ */ r.jsx("p", { className: "validator-hint text-xs mt-1 opacity-70", children: a }),
+    y && o && !O && /* @__PURE__ */ r.jsx("div", { className: "absolute z-10 mt-1 bg-base-200 border border-error rounded shadow-lg text-error px-3 py-1", children: N })
   ] });
-}, je = ({
-  children: u,
+}, ge = ({
+  children: f,
   variant: c = "neutral",
-  size: m = "md",
+  size: p = "md",
   outline: n = !1,
-  dash: i = !1,
+  dash: u = !1,
   soft: t = !1,
-  bold: E = !1,
-  italic: l = !1,
-  underline: R = !1,
+  bold: C = !1,
+  italic: i = !1,
+  underline: j = !1,
   ellipsis: v = !1,
-  maxWidth: h,
-  stateTimeout: x,
-  styleConfig: f = {},
+  maxWidth: g,
+  stateTimeout: w,
+  styleConfig: d = {},
   // 使用用户传入的状态，默认为'default'
-  state: a,
-  onStateChange: r,
-  onClick: j,
-  onDoubleClick: N,
-  onMouseEnter: w,
-  onMouseLeave: P,
-  onDragStart: O,
-  onDragEnd: y,
-  draggable: G = !1,
-  className: U = "",
-  style: q = {}
+  state: o,
+  onStateChange: a,
+  onClick: R,
+  onDoubleClick: P,
+  onMouseEnter: M,
+  onMouseLeave: $,
+  onDragStart: I,
+  onDragEnd: O,
+  draggable: W = !1,
+  className: y = "",
+  style: D = {}
 }) => {
-  var ee, se;
-  const [Y, S] = ue("default"), $ = a !== void 0 ? a : Y, _ = fe(null), k = (p) => {
-    a === void 0 && S(p), r && r(p), J(p);
-  }, J = (p = $) => {
-    _.current && (clearTimeout(_.current), _.current = null), x && p !== "default" && a === void 0 && (_.current = setTimeout(() => {
-      S("default"), r && r("default");
-    }, x));
+  var se, te;
+  const [S, F] = U("default"), T = o !== void 0 ? o : S, E = oe(null), k = (x) => {
+    o === void 0 && F(x), a && a(x), G(x);
+  }, G = (x = T) => {
+    E.current && (clearTimeout(E.current), E.current = null), w && x !== "default" && o === void 0 && (E.current = setTimeout(() => {
+      F("default"), a && a("default");
+    }, w));
   };
-  me(() => (J(), () => {
-    _.current && clearTimeout(_.current);
-  }), [$, x, a]);
-  const I = "label", V = c ? `text-${c}` : "", D = {
+  de(() => (G(), () => {
+    E.current && clearTimeout(E.current);
+  }), [T, w, o]);
+  const V = "label", z = c ? `text-${c}` : "", Y = {
     xs: "text-xs",
     sm: "text-sm",
     md: "text-base",
     lg: "text-lg",
     xl: "text-xl"
-  }, X = D[m] || D.md, T = [
-    I,
+  }, L = Y[p] || Y.md, h = [
     V,
-    X,
+    z,
+    L,
     n ? "border border-current px-2 py-1 rounded" : "",
-    i ? "border border-dashed border-current px-2 py-1 rounded" : "",
+    u ? "border border-dashed border-current px-2 py-1 rounded" : "",
     t ? "bg-opacity-10 bg-current px-2 py-1 rounded" : "",
-    E ? "font-bold" : "",
-    l ? "italic" : "",
-    R ? "underline" : "",
+    C ? "font-bold" : "",
+    i ? "italic" : "",
+    j ? "underline" : "",
     v ? "truncate" : "",
-    U
-  ].filter(Boolean).join(" "), F = (p) => {
-    k("clicked"), j && j(p);
-  }, B = (p) => {
-    k("doubleClicked"), N && N(p);
-  }, d = (p) => {
-    k("hover"), w && w(p);
-  }, A = (p) => {
-    k("default"), P && P(p);
-  }, L = (p) => {
-    k("dragging"), O && O(p);
-  }, K = (p) => {
-    k("default"), y && y(p);
-  }, oe = ((ee = f[$]) == null ? void 0 : ee.style) || {}, le = ((se = f[$]) == null ? void 0 : se.className) || "", ce = {
-    ...q,
-    ...oe,
-    ...h ? { maxWidth: h } : {},
+    y
+  ].filter(Boolean).join(" "), _ = (x) => {
+    k("clicked"), R && R(x);
+  }, A = (x) => {
+    k("doubleClicked"), P && P(x);
+  }, m = (x) => {
+    k("hover"), M && M(x);
+  }, B = (x) => {
+    k("default"), $ && $(x);
+  }, X = (x) => {
+    k("dragging"), I && I(x);
+  }, ee = (x) => {
+    k("default"), O && O(x);
+  }, ce = ((se = d[T]) == null ? void 0 : se.style) || {}, ie = ((te = d[T]) == null ? void 0 : te.className) || "", ue = {
+    ...D,
+    ...ce,
+    ...g ? { maxWidth: g } : {},
     ...v ? { display: "inline-block", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } : {}
-  }, ie = `${T} ${le}`.trim();
-  return /* @__PURE__ */ C.jsx(
+  }, fe = `${h} ${ie}`.trim();
+  return /* @__PURE__ */ r.jsx(
     "span",
     {
-      className: ie,
-      style: ce,
-      onClick: F,
-      onDoubleClick: B,
-      onMouseEnter: d,
-      onMouseLeave: A,
-      onDragStart: L,
-      onDragEnd: K,
-      draggable: G,
-      children: u
+      className: fe,
+      style: ue,
+      onClick: _,
+      onDoubleClick: A,
+      onMouseEnter: m,
+      onMouseLeave: B,
+      onDragStart: X,
+      onDragEnd: ee,
+      draggable: W,
+      children: f
     }
   );
 };
 export {
-  he as Badge,
-  ae as Button,
-  xe as Input,
-  je as Label
+  Ee as Badge,
+  le as Button,
+  je as Input,
+  ge as Label
 };