dishui 0.0.3 → 0.0.5

package/README.md

@@ -1,103 +1,73 @@
-# DiShUI
+# DiShui UI 组件库
 
-一个基于React的组件库。
-
-## 特性
-
-- 基于React和TypeScript开发
-- 使用Vite构建
-- 支持按需导入
+一个基于React的vibe coding出来的UI组件库。
 
 ## 安装
 
-### 在线安装 (通过 npm)
-
-推荐使用包管理器进行在线安装：
-
 ```bash
-# 使用 pnpm
-pnpm add dishui
-
-# 使用 npm
 npm install dishui
-
-# 使用 yarn
+# 或
 yarn add dishui
 ```
 
-### 离线安装 (手动安装)
-
-如果您无法访问 npm 仓库或者需要在离线环境中使用，可以进行手动安装：
-
-1.  **获取打包文件:**
-    在 `dishui` 项目根目录下执行打包命令：
-    ```bash
-    pnpm build
-    ```
-    这将在项目根目录下生成一个 `dist` 文件夹，其中包含了打包后的 JavaScript 文件、CSS 样式文件以及 TypeScript 类型声明文件。
-
-2.  **复制文件:**
-    将整个 `dist` 文件夹复制到您需要使用该组件库的项目中，例如放到项目的 `src/libs/dishui` 目录下。
-
-3.  **在项目中使用:**
-    根据您复制的路径，在您的代码中直接引入组件和样式。
-
-    ```jsx
-    import React from 'react';
-    // 假设您将 dist 文件夹复制到了 src/libs/dishui
-    import { Button, Badge } from './libs/dishui/dishui.es.js'; // 或 .umd.js
-    import './libs/dishui/style.css';
-
-    function App() {
-      return (
-        <div>
-          <Button variant="primary">点击我</Button>
-          <Badge variant="success">新功能</Badge>
-        </div>
-      );
-    }
-    ```
+## 使用方法
 
-    **注意:** 手动安装时，您需要自行处理 `react` 和 `react-dom` 这两个外部依赖。请确保您的项目中已经安装了兼容版本的 React。
+### 导入组件和样式
 
-## 使用
-
-确保在使用组件前引入必要的 CSS 样式：
-
-```jsx
-import React from 'react';
-import { Button, Badge } from 'dishui';
-import 'dishui/dist/style.css'; // 引入样式文件
+```tsx
+import React from "react";
+import { Button, Badge } from "dishui";
+import "dishui/dist/dishui.css"; // 导入样式文件
 
 function App() {
   return (
-    <div>
-      <Button variant="primary">点击我</Button>
-      <Badge variant="success">新功能</Badge>
+    <div className="p-4">
+      <h1 className="text-2xl font-bold mb-4">DiShui UI 示例</h1>
+      
+      <div className="flex gap-2 mb-4">
+        <Button>默认按钮</Button>
+        <Button variant="primary">主要按钮</Button>
+        <Button variant="secondary">次要按钮</Button>
+        <Button variant="accent">强调按钮</Button>
+      </div>
+      
+      <div className="flex gap-2">
+        <Badge>默认</Badge>
+        <Badge variant="primary">主要</Badge>
+        <Badge variant="secondary">次要</Badge>
+        <Badge variant="accent">强调</Badge>
+      </div>
     </div>
   );
 }
+
+export default App;
 ```
 
-## 本地开发
+### 可用组件
+
+- Button - 按钮组件
+- Badge - 徽章组件
+- Input - 输入框组件
+- Label - 标签组件
+- 更多组件持续添加中...
+
+## 开发
 
 ```bash
 # 安装依赖
-pnpm install
+npm install
 
 # 启动开发服务器
-pnpm dev
-
-# 构建组件库
-pnpm build
-```
+npm run dev
 
-## 组件列表
+# 构建库
+npm run build
 
-- Button - 按钮组件
-- Badge - 徽章组件
-- 更多组件开发中...
+# 发布到npm
+npm run publish:npm
+```
 
 ## 许可证
 
-MIT 
+ISC 

package/dist/dishui.es.js

@@ -14,19 +14,19 @@ 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) {
+  function p(s, u, r) {
     var C = null;
-    if (t !== void 0 && (C = "" + t), u.key !== void 0 && (C = "" + u.key), "key" in u) {
-      t = {};
+    if (r !== void 0 && (C = "" + r), u.key !== void 0 && (C = "" + u.key), "key" in u) {
+      r = {};
       for (var i in u)
-        i !== "key" && (t[i] = u[i]);
-    } else t = u;
-    return u = t.ref, {
+        i !== "key" && (r[i] = u[i]);
+    } else r = u;
+    return u = r.ref, {
       $$typeof: f,
-      type: n,
+      type: s,
       key: C,
       ref: u !== void 0 ? u : null,
-      props: t
+      props: r
     };
   }
   return Z.Fragment = c, Z.jsx = p, Z.jsxs = p, Z;
@@ -74,14 +74,14 @@ function pe() {
           case $:
             return (e._context.displayName || "Context") + ".Consumer";
           case O:
-            var s = e.render;
-            return e = e.displayName, e || (e = s.displayName || s.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+            var t = e.render;
+            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
           case D:
-            return s = e.displayName || null, s !== null ? s : f(e.type) || "Memo";
+            return t = e.displayName || null, t !== null ? t : f(e.type) || "Memo";
           case S:
-            s = e._payload, e = e._init;
+            t = e._payload, e = e._init;
             try {
-              return f(e(s));
+              return f(e(t));
             } catch {
             }
         }
@@ -93,27 +93,27 @@ function pe() {
     function p(e) {
       try {
         c(e);
-        var s = !1;
+        var t = !1;
       } catch {
-        s = !0;
+        t = !0;
       }
-      if (s) {
-        s = console;
-        var l = s.error, b = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+      if (t) {
+        t = console;
+        var l = t.error, b = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return l.call(
-          s,
+          t,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           b
         ), c(e);
       }
     }
-    function n(e) {
+    function s(e) {
       if (e === R) return "<>";
       if (typeof e == "object" && e !== null && e.$$typeof === S)
         return "<...>";
       try {
-        var s = f(e);
-        return s ? "<" + s + ">" : "<...>";
+        var t = f(e);
+        return t ? "<" + t + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -122,21 +122,21 @@ function pe() {
       var e = E.A;
       return e === null ? null : e.getOwner();
     }
-    function t() {
+    function r() {
       return Error("react-stack-top-frame");
     }
     function C(e) {
       if (k.call(e, "key")) {
-        var s = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (s && s.isReactWarning) return !1;
+        var t = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (t && t.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function i(e, s) {
+    function i(e, t) {
       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
+          t
         ));
       }
       l.isReactWarning = !0, Object.defineProperty(e, "key", {
@@ -150,11 +150,11 @@ function pe() {
         "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, l, b, N, h, _, A) {
+    function v(e, t, l, b, N, h, _, A) {
       return l = h.ref, e = {
         $$typeof: o,
         type: e,
-        key: s,
+        key: t,
         props: h,
         _owner: N
       }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(e, "ref", {
@@ -182,8 +182,8 @@ function pe() {
         value: A
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function g(e, s, l, b, N, h, _, A) {
-      var m = s.children;
+    function g(e, t, l, b, N, h, _, A) {
+      var m = t.children;
       if (m !== void 0)
         if (b)
           if (G(m)) {
@@ -195,9 +195,9 @@ function pe() {
               "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 w(m);
-      if (k.call(s, "key")) {
+      if (k.call(t, "key")) {
         m = f(e);
-        var B = Object.keys(s).filter(function(ee) {
+        var B = Object.keys(t).filter(function(ee) {
           return ee !== "key";
         });
         b = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", J[m + b] || (B = 0 < B.length ? "{" + B.join(": ..., ") + ": ...}" : "{}", console.error(
@@ -213,11 +213,11 @@ React keys must be passed directly to JSX without using spread:
           m
         ), J[m + b] = !0);
       }
-      if (m = null, l !== void 0 && (p(l), m = "" + l), C(s) && (p(s.key), m = "" + s.key), "key" in s) {
+      if (m = null, l !== void 0 && (p(l), m = "" + l), C(t) && (p(t.key), m = "" + t.key), "key" in t) {
         l = {};
-        for (var X in s)
-          X !== "key" && (l[X] = s[X]);
-      } else l = s;
+        for (var X in t)
+          X !== "key" && (l[X] = t[X]);
+      } else l = t;
       return m && i(
         l,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
@@ -245,31 +245,31 @@ React keys must be passed directly to JSX without using spread:
     };
     var z, Y = {}, L = d["react-stack-bottom-frame"].bind(
       d,
-      t
-    )(), q = V(n(t)), J = {};
-    Q.Fragment = R, Q.jsx = function(e, s, l, b, N) {
+      r
+    )(), q = V(s(r)), J = {};
+    Q.Fragment = R, Q.jsx = function(e, t, l, b, N) {
       var h = 1e4 > E.recentlyCreatedOwnerStacks++;
       return g(
         e,
-        s,
+        t,
         l,
         !1,
         b,
         N,
         h ? Error("react-stack-top-frame") : L,
-        h ? V(n(e)) : q
+        h ? V(s(e)) : q
       );
-    }, Q.jsxs = function(e, s, l, b, N) {
+    }, Q.jsxs = function(e, t, l, b, N) {
       var h = 1e4 > E.recentlyCreatedOwnerStacks++;
       return g(
         e,
-        s,
+        t,
         l,
         !0,
         b,
         N,
         h ? Error("react-stack-top-frame") : L,
-        h ? V(n(e)) : q
+        h ? V(s(e)) : q
       );
     };
   }()), Q;
@@ -278,14 +278,14 @@ var ae;
 function be() {
   return ae || (ae = 1, process.env.NODE_ENV === "production" ? K.exports = me() : K.exports = pe()), K.exports;
 }
-var r = be();
+var n = be();
 const he = ({
   children: f,
   variant: c = "primary",
   size: p = "md",
-  outline: n = !1,
+  outline: s = !1,
   dash: u = !1,
-  soft: t = !1,
+  soft: r = !1,
   active: C = !1,
   disabled: i = !1,
   wide: j = !1,
@@ -301,9 +301,9 @@ const he = ({
     P,
     M,
     $,
-    n ? "btn-outline" : "",
+    s ? "btn-outline" : "",
     u ? "btn-dash" : "",
-    t ? "btn-soft" : "",
+    r ? "btn-soft" : "",
     C ? "btn-active" : "",
     j ? "btn-wide" : "",
     v ? "btn-block" : "",
@@ -311,16 +311,16 @@ const he = ({
     w ? "btn-circle" : "",
     R
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ n.jsxs(
     "button",
     {
       className: E,
       disabled: i,
       onClick: a,
       children: [
-        d && /* @__PURE__ */ r.jsx("span", { className: "mr-2", children: d }),
+        d && /* @__PURE__ */ n.jsx("span", { className: "mr-2", children: d }),
         f,
-        o && /* @__PURE__ */ r.jsx("span", { className: "ml-2", children: o })
+        o && /* @__PURE__ */ n.jsx("span", { className: "ml-2", children: o })
       ]
     }
   );
@@ -328,20 +328,20 @@ const he = ({
   children: f,
   vertical: c = !1,
   className: p = "",
-  rounded: n = "none",
+  rounded: s = "none",
   radius: u = "full",
-  roundedStyle: t
+  roundedStyle: r
 }) => {
   const C = [
     "join",
     c ? "join-vertical" : "join-horizontal",
     p
-  ].filter(Boolean).join(" "), i = n !== "none" ? "full" : u;
-  return /* @__PURE__ */ r.jsx("div", { className: C, children: H.Children.map(f, (j, v) => {
+  ].filter(Boolean).join(" "), i = s !== "none" ? "full" : u;
+  return /* @__PURE__ */ n.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}`));
+    r ? c ? (s === "left" || s === "top") && d && r.top ? a = r.top : (s === "right" || s === "bottom") && o && r.bottom ? a = r.bottom : s === "both" && (d && r.top && (a = r.top), o && r.bottom && (a = r.bottom)) : (s === "left" || s === "top") && d && r.left ? a = r.left : (s === "right" || s === "bottom") && o && r.right ? a = r.right : s === "both" && (d && r.left && (a = r.left), o && r.right && (a = r.right)) : c ? s === "left" || s === "top" ? d && (a = `rounded-t-${i}`) : s === "right" || s === "bottom" ? o && (a = `rounded-b-${i}`) : s === "both" && (d && (a = `rounded-t-${i}`), o && (a = `rounded-b-${i}`)) : s === "left" || s === "top" ? d && (a = `rounded-l-${i}`) : s === "right" || s === "bottom" ? o && (a = `rounded-r-${i}`) : s === "both" && (d && (a = `rounded-l-${i}`), o && (a = `rounded-r-${i}`));
     const R = `${w} join-item ${a}`.trim();
     return H.cloneElement(g, {
       className: R
@@ -361,7 +361,7 @@ const he = ({
     "border-base-300",
     c
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r.jsx("div", { className: p, children: f });
+  return /* @__PURE__ */ n.jsx("div", { className: p, children: f });
 }, le = he;
 le.Group = xe;
 le.GroupSection = Ce;
@@ -369,24 +369,24 @@ const Ee = ({
   children: f,
   variant: c = "primary",
   size: p = "md",
-  outline: n = !1,
+  outline: s = !1,
   className: u = ""
 }) => {
-  const t = "badge", C = c ? `badge-${c}` : "", i = p ? `badge-${p}` : "", v = [
-    t,
+  const r = "badge", C = c ? `badge-${c}` : "", i = p ? `badge-${p}` : "", v = [
+    r,
     C,
     i,
-    n ? "badge-outline" : "",
+    s ? "badge-outline" : "",
     u
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r.jsx("div", { className: v, children: f });
+  return /* @__PURE__ */ n.jsx("div", { className: v, children: f });
 }, je = ({
   placeholder: f,
   value: c,
   onChange: p,
-  type: n = "text",
+  type: s = "text",
   variant: u,
-  size: t = "md",
+  size: r = "md",
   disabled: C = !1,
   required: i = !1,
   label: j,
@@ -398,9 +398,9 @@ const Ee = ({
   validatorHint: a,
   validationRules: R = []
 }) => {
-  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 [P, M] = U(!1), [$, I] = U(""), [O, W] = U(null), [y, D] = U(!1), [S, F] = U([]), T = oe(null), E = s === "password" && P ? "text" : s, k = (h) => {
     const _ = h.target.value;
-    if (n === "password" && _.length > (c || "").length) {
+    if (s === "password" && _.length > (c || "").length) {
       const A = _.slice((c || "").length);
       I(A), setTimeout(() => {
         I("");
@@ -422,40 +422,40 @@ const Ee = ({
   };
   let L = "";
   o && O !== null && (L = O ? "input-success" : "input-error");
-  const q = "input", J = u && !L ? `input-${u}` : "", e = t ? `input-${t}` : "", l = [
+  const q = "input", J = u && !L ? `input-${u}` : "", e = r ? `input-${r}` : "", l = [
     q,
     J,
     e,
     o ? "validator" : "",
     L,
     d
-  ].filter(Boolean).join(" "), b = n === "password" && /* @__PURE__ */ r.jsx(
+  ].filter(Boolean).join(" "), b = s === "password" && /* @__PURE__ */ n.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__ */ n.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__ */ n.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__ */ n.jsx("path", { d: "M14.12 14.12a3 3 0 1 1-4.24-4.24" }),
+          /* @__PURE__ */ n.jsx("path", { d: "M1 1l22 22" }),
+          /* @__PURE__ */ n.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" })
+        /* @__PURE__ */ n.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__ */ n.jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+          /* @__PURE__ */ n.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(
+  ), N = /* @__PURE__ */ n.jsx("div", { className: "validation-tooltip", children: S.length > 0 ? /* @__PURE__ */ n.jsx("ul", { className: "text-xs list-disc pl-4 py-1", children: S.map((h, _) => /* @__PURE__ */ n.jsx("li", { children: h }, _)) }) : a ? /* @__PURE__ */ n.jsx("p", { className: "text-xs py-1", children: a }) : null });
+  return j || v || g || s === "password" ? /* @__PURE__ */ n.jsxs("div", { className: "relative", onMouseEnter: z, onMouseLeave: Y, children: [
+    /* @__PURE__ */ n.jsxs("label", { className: l, children: [
+      v && /* @__PURE__ */ n.jsx("span", { children: v }),
+      j && /* @__PURE__ */ n.jsx("span", { children: j }),
+      /* @__PURE__ */ n.jsx(
         "input",
         {
           ref: T,
@@ -469,13 +469,13 @@ const Ee = ({
           pattern: w
         }
       ),
-      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
+      s === "password" && $ && /* @__PURE__ */ n.jsx("span", { className: "password-recent absolute right-10 font-mono", children: $ }),
+      s === "password" ? /* @__PURE__ */ n.jsx("span", { children: b }) : g ? /* @__PURE__ */ n.jsx("span", { children: g }) : null
     ] }),
-    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(
+    o && a && !y && /* @__PURE__ */ n.jsx("p", { className: "validator-hint text-xs mt-1 opacity-70", children: a }),
+    y && o && !O && /* @__PURE__ */ n.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__ */ n.jsxs("div", { className: "relative", onMouseEnter: z, onMouseLeave: Y, children: [
+    /* @__PURE__ */ n.jsx(
       "input",
       {
         ref: T,
@@ -489,16 +489,16 @@ const Ee = ({
         pattern: w
       }
     ),
-    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 })
+    o && a && !y && /* @__PURE__ */ n.jsx("p", { className: "validator-hint text-xs mt-1 opacity-70", children: a }),
+    y && o && !O && /* @__PURE__ */ n.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 })
   ] });
 }, ge = ({
   children: f,
   variant: c = "neutral",
   size: p = "md",
-  outline: n = !1,
+  outline: s = !1,
   dash: u = !1,
-  soft: t = !1,
+  soft: r = !1,
   bold: C = !1,
   italic: i = !1,
   underline: j = !1,
@@ -540,9 +540,9 @@ const Ee = ({
     V,
     z,
     L,
-    n ? "border border-current px-2 py-1 rounded" : "",
+    s ? "border 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" : "",
+    r ? "bg-opacity-10 bg-current px-2 py-1 rounded" : "",
     C ? "font-bold" : "",
     i ? "italic" : "",
     j ? "underline" : "",
@@ -566,7 +566,7 @@ const Ee = ({
     ...g ? { maxWidth: g } : {},
     ...v ? { display: "inline-block", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } : {}
   }, fe = `${h} ${ie}`.trim();
-  return /* @__PURE__ */ r.jsx(
+  return /* @__PURE__ */ n.jsx(
     "span",
     {
       className: fe,