dishui 0.0.1 → 0.0.3

package/dist/dishui.umd.js

@@ -1,4 +1,4 @@
-(function(g,R){typeof exports=="object"&&typeof module<"u"?R(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],R):(g=typeof globalThis<"u"?globalThis:g||self,R(g.DiShUI={},g.React))})(this,function(g,R){"use strict";var z={exports:{}},Y={};/**
+(function(y,x){typeof exports=="object"&&typeof module<"u"?x(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],x):(y=typeof globalThis<"u"?globalThis:y||self,x(y.DiShUI={},y.React))})(this,function(y,x){"use strict";var K={exports:{}},J={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * 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 le(){if(te)return Y;te=1;var u=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function d(n,c,t){var E=null;if(t!==void 0&&(E=""+t),c.key!==void 0&&(E=""+c.key),"key"in c){t={};for(var l in c)l!=="key"&&(t[l]=c[l])}else t=c;return c=t.ref,{$$typeof:u,type:n,key:E,ref:c!==void 0?c:null,props:t}}return Y.Fragment=i,Y.jsx=d,Y.jsxs=d,Y}var I={};/**
+ */var te;function le(){if(te)return J;te=1;var f=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function p(n,u,t){var v=null;if(t!==void 0&&(v=""+t),u.key!==void 0&&(v=""+u.key),"key"in u){t={};for(var c in u)c!=="key"&&(t[c]=u[c])}else t=u;return u=t.ref,{$$typeof:f,type:n,key:v,ref:u!==void 0?u:null,props:t}}return J.Fragment=i,J.jsx=p,J.jsxs=p,J}var X={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +14,9 @@
  *
  * 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 ie(){return re||(re=1,process.env.NODE_ENV!=="production"&&function(){function u(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===S?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case T:return"Fragment";case A:return"Profiler";case w:return"StrictMode";case G:return"Suspense";case J:return"SuspenseList";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:return"Portal";case P:return(e.displayName||"Context")+".Provider";case y:return(e._context.displayName||"Context")+".Consumer";case D:var s=e.render;return e=e.displayName,e||(e=s.displayName||s.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case V:return s=e.displayName||null,s!==null?s:u(e.type)||"Memo";case B:s=e._payload,e=e._init;try{return u(e(s))}catch{}}return null}function i(e){return""+e}function d(e){try{i(e);var s=!1}catch{s=!0}if(s){s=console;var o=s.error,p=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return o.call(s,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",p),i(e)}}function n(e){if(e===T)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===B)return"<...>";try{var s=u(e);return s?"<"+s+">":"<...>"}catch{return"<...>"}}function c(){var e=_.A;return e===null?null:e.getOwner()}function t(){return Error("react-stack-top-frame")}function E(e){if(N.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(){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,configurable:!0})}function h(){var e=u(this.type);return M[e]||(M[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,p,O,k,U,W){return o=k.ref,e={$$typeof:a,type:e,key:s,props:k,_owner:O},(o!==void 0?o:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:h}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:U}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:W}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function j(e,s,o,p,O,k,U,W){var m=s.children;if(m!==void 0)if(p)if(X(m)){for(p=0;p<m.length;p++)x(m[p]);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(m);if(N.call(s,"key")){m=u(e);var $=Object.keys(s).filter(function(se){return se!=="key"});p=0<$.length?"{key: someKey, "+$.join(": ..., ")+": ...}":"{key: someKey}",ee[m+p]||($=0<$.length?"{"+$.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var re;function ie(){return re||(re=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;if(typeof e=="string")return e;switch(e){case R:return"Fragment";case I:return"Profiler";case $:return"StrictMode";case q:return"Suspense";case M:return"SuspenseList";case z: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 a:return"Portal";case Y:return(e.displayName||"Context")+".Provider";case S:return(e._context.displayName||"Context")+".Consumer";case A:var s=e.render;return e=e.displayName,e||(e=s.displayName||s.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case V:return s=e.displayName||null,s!==null?s:f(e.type)||"Memo";case L:s=e._payload,e=e._init;try{return f(e(s))}catch{}}return null}function i(e){return""+e}function p(e){try{i(e);var s=!1}catch{s=!0}if(s){s=console;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),i(e)}}function n(e){if(e===R)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===L)return"<...>";try{var s=f(e);return s?"<"+s+">":"<...>"}catch{return"<...>"}}function u(){var e=j.A;return e===null?null:e.getOwner()}function t(){return Error("react-stack-top-frame")}function v(e){if(N.call(e,"key")){var s=Object.getOwnPropertyDescriptor(e,"key").get;if(s&&s.isReactWarning)return!1}return e.key!==void 0}function c(e,s){function l(){U||(U=!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))}l.isReactWarning=!0,Object.defineProperty(e,"key",{get:l,configurable:!0})}function g(){var e=f(this.type);return B[e]||(B[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 E(e,s,l,b,O,h,k,P){return l=h.ref,e={$$typeof:o,type:e,key:s,props:h,_owner:O},(l!==void 0?l:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:g}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:k}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:P}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function w(e,s,l,b,O,h,k,P){var m=s.children;if(m!==void 0)if(b)if(G(m)){for(b=0;b<m.length;b++)T(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 T(m);if(N.call(s,"key")){m=f(e);var F=Object.keys(s).filter(function(se){return se!=="key"});b=0<F.length?"{key: someKey, "+F.join(": ..., ")+": ...}":"{key: someKey}",Q[m+b]||(F=0<F.length?"{"+F.join(": ..., ")+": ...}":"{}",console.error(`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} />`,p,m,$,m),ee[m+p]=!0)}if(m=null,o!==void 0&&(d(o),m=""+o),E(s)&&(d(s.key),m=""+s.key),"key"in s){o={};for(var q in s)q!=="key"&&(o[q]=s[q])}else o=s;return m&&l(o,typeof e=="function"?e.displayName||e.name||"Unknown":e),v(e,m,k,O,c(),o,U,W)}function x(e){typeof e=="object"&&e!==null&&e.$$typeof===a&&e._store&&(e._store.validated=1)}var f=R,a=Symbol.for("react.transitional.element"),r=Symbol.for("react.portal"),T=Symbol.for("react.fragment"),w=Symbol.for("react.strict_mode"),A=Symbol.for("react.profiler"),y=Symbol.for("react.consumer"),P=Symbol.for("react.context"),D=Symbol.for("react.forward_ref"),G=Symbol.for("react.suspense"),J=Symbol.for("react.suspense_list"),V=Symbol.for("react.memo"),B=Symbol.for("react.lazy"),F=Symbol.for("react.activity"),S=Symbol.for("react.client.reference"),_=f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,N=Object.prototype.hasOwnProperty,X=Array.isArray,L=console.createTask?console.createTask:function(){return null};f={"react-stack-bottom-frame":function(e){return e()}};var Z,M={},Q=f["react-stack-bottom-frame"].bind(f,t)(),K=L(n(t)),ee={};I.Fragment=T,I.jsx=function(e,s,o,p,O){var k=1e4>_.recentlyCreatedOwnerStacks++;return j(e,s,o,!1,p,O,k?Error("react-stack-top-frame"):Q,k?L(n(e)):K)},I.jsxs=function(e,s,o,p,O){var k=1e4>_.recentlyCreatedOwnerStacks++;return j(e,s,o,!0,p,O,k?Error("react-stack-top-frame"):Q,k?L(n(e)):K)}}()),I}var ne;function ce(){return ne||(ne=1,process.env.NODE_ENV==="production"?z.exports=le():z.exports=ie()),z.exports}var b=ce();const ue=({children:u,variant:i="primary",size:d="md",outline:n=!1,dash:c=!1,soft:t=!1,active:E=!1,disabled:l=!1,wide:h=!1,block:v=!1,square:j=!1,circle:x=!1,leftSection:f,rightSection:a,onClick:r,className:T=""})=>{const w="btn",A=i?`btn-${i}`:"",y=d?`btn-${d}`:"",_=[w,A,y,n?"btn-outline":"",c?"btn-dash":"",t?"btn-soft":"",E?"btn-active":"",h?"btn-wide":"",v?"btn-block":"",j?"btn-square":"",x?"btn-circle":"",T].filter(Boolean).join(" ");return b.jsxs("button",{className:_,disabled:l,onClick:r,children:[f&&b.jsx("span",{className:"mr-2",children:f}),u,a&&b.jsx("span",{className:"ml-2",children:a})]})},fe=({children:u,vertical:i=!1,className:d="",rounded:n="none",radius:c="full",roundedStyle:t})=>{const E=["join",i?"join-vertical":"join-horizontal",d].filter(Boolean).join(" "),l=n!=="none"?"full":c;return b.jsx("div",{className:E,children:R.Children.map(u,(h,v)=>{if(!R.isValidElement(h))return h;const j=h,x=j.props.className||"",f=v===0,a=v===R.Children.count(u)-1;let r="";t?i?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)):i?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 T=`${x} join-item ${r}`.trim();return R.cloneElement(j,{className:T})})})},de=({children:u,className:i=""})=>{const d=["join-item","flex","items-center","px-4","bg-base-200","border","border-base-300",i].filter(Boolean).join(" ");return b.jsx("div",{className:d,children:u})},H=ue;H.Group=fe,H.GroupSection=de;const me=({children:u,variant:i="primary",size:d="md",outline:n=!1,className:c=""})=>{const t="badge",E=i?`badge-${i}`:"",l=d?`badge-${d}`:"",v=[t,E,l,n?"badge-outline":"",c].filter(Boolean).join(" ");return b.jsx("div",{className:v,children:u})},be=({placeholder:u,value:i,onChange:d,type:n="text",variant:c,size:t="md",disabled:E=!1,required:l=!1,label:h,leftSection:v,rightSection:j,pattern:x,className:f="",validator:a=!1,validatorHint:r})=>{const T="input",w=c?`input-${c}`:"",A=t?`input-${t}`:"",P=[T,w,A,a?"validator":"",f].filter(Boolean).join(" ");return h||v||j?b.jsxs("div",{children:[b.jsxs("label",{className:P,children:[v&&b.jsx("span",{children:v}),h&&b.jsx("span",{children:h}),b.jsx("input",{type:n,placeholder:u,value:i,onChange:d,disabled:E,required:l,className:"grow",pattern:x}),j&&b.jsx("span",{children:j})]}),a&&r&&b.jsx("p",{className:"validator-hint",children:r})]}):b.jsxs("div",{children:[b.jsx("input",{type:n,placeholder:u,value:i,onChange:d,disabled:E,required:l,className:P,pattern:x}),a&&r&&b.jsx("p",{className:"validator-hint",children:r})]})},pe=({children:u,variant:i="neutral",size:d="md",outline:n=!1,dash:c=!1,soft:t=!1,bold:E=!1,italic:l=!1,underline:h=!1,ellipsis:v=!1,maxWidth:j,stateTimeout:x,styleConfig:f={},state:a,onStateChange:r,onClick:T,onDoubleClick:w,onMouseEnter:A,onMouseLeave:y,onDragStart:P,onDragEnd:D,draggable:G=!1,className:J="",style:V={}})=>{var ae,oe;const[B,F]=R.useState("default"),S=a!==void 0?a:B,_=R.useRef(null),N=C=>{a===void 0&&F(C),r&&r(C),X(C)},X=(C=S)=>{_.current&&(clearTimeout(_.current),_.current=null),x&&C!=="default"&&a===void 0&&(_.current=setTimeout(()=>{F("default"),r&&r("default")},x))};R.useEffect(()=>(X(),()=>{_.current&&clearTimeout(_.current)}),[S,x,a]);const L="label",Z=i?`text-${i}`:"",M={xs:"text-xs",sm:"text-sm",md:"text-base",lg:"text-lg",xl:"text-xl"},Q=M[d]||M.md,k=[L,Z,Q,n?"border border-current px-2 py-1 rounded":"",c?"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":"",h?"underline":"",v?"truncate":"",J].filter(Boolean).join(" "),U=C=>{N("clicked"),T&&T(C)},W=C=>{N("doubleClicked"),w&&w(C)},m=C=>{N("hover"),A&&A(C)},$=C=>{N("default"),y&&y(C)},q=C=>{N("dragging"),P&&P(C)},se=C=>{N("default"),D&&D(C)},Ce=((ae=f[S])==null?void 0:ae.style)||{},Ee=((oe=f[S])==null?void 0:oe.className)||"",ve={...V,...Ce,...j?{maxWidth:j}:{},...v?{display:"inline-block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}:{}},he=`${k} ${Ee}`.trim();return b.jsx("span",{className:he,style:ve,onClick:U,onDoubleClick:W,onMouseEnter:m,onMouseLeave:$,onDragStart:q,onDragEnd:se,draggable:G,children:u})};g.Badge=me,g.Button=H,g.Input=be,g.Label=pe,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})});
+  <%s key={someKey} {...props} />`,b,m,F,m),Q[m+b]=!0)}if(m=null,l!==void 0&&(p(l),m=""+l),v(s)&&(p(s.key),m=""+s.key),"key"in s){l={};for(var H in s)H!=="key"&&(l[H]=s[H])}else l=s;return m&&c(l,typeof e=="function"?e.displayName||e.name||"Unknown":e),E(e,m,h,O,u(),l,k,P)}function T(e){typeof e=="object"&&e!==null&&e.$$typeof===o&&e._store&&(e._store.validated=1)}var d=x,o=Symbol.for("react.transitional.element"),a=Symbol.for("react.portal"),R=Symbol.for("react.fragment"),$=Symbol.for("react.strict_mode"),I=Symbol.for("react.profiler"),S=Symbol.for("react.consumer"),Y=Symbol.for("react.context"),A=Symbol.for("react.forward_ref"),q=Symbol.for("react.suspense"),M=Symbol.for("react.suspense_list"),V=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),z=Symbol.for("react.activity"),_=Symbol.for("react.client.reference"),j=d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,N=Object.prototype.hasOwnProperty,G=Array.isArray,W=console.createTask?console.createTask:function(){return null};d={"react-stack-bottom-frame":function(e){return e()}};var U,B={},D=d["react-stack-bottom-frame"].bind(d,t)(),Z=W(n(t)),Q={};X.Fragment=R,X.jsx=function(e,s,l,b,O){var h=1e4>j.recentlyCreatedOwnerStacks++;return w(e,s,l,!1,b,O,h?Error("react-stack-top-frame"):D,h?W(n(e)):Z)},X.jsxs=function(e,s,l,b,O){var h=1e4>j.recentlyCreatedOwnerStacks++;return w(e,s,l,!0,b,O,h?Error("react-stack-top-frame"):D,h?W(n(e)):Z)}}()),X}var ne;function ce(){return ne||(ne=1,process.env.NODE_ENV==="production"?K.exports=le():K.exports=ie()),K.exports}var r=ce();const ue=({children:f,variant:i="primary",size:p="md",outline:n=!1,dash:u=!1,soft:t=!1,active:v=!1,disabled:c=!1,wide:g=!1,block:E=!1,square:w=!1,circle:T=!1,leftSection:d,rightSection:o,onClick:a,className:R=""})=>{const $="btn",I=i?`btn-${i}`:"",S=p?`btn-${p}`:"",j=[$,I,S,n?"btn-outline":"",u?"btn-dash":"",t?"btn-soft":"",v?"btn-active":"",g?"btn-wide":"",E?"btn-block":"",w?"btn-square":"",T?"btn-circle":"",R].filter(Boolean).join(" ");return r.jsxs("button",{className:j,disabled:c,onClick:a,children:[d&&r.jsx("span",{className:"mr-2",children:d}),f,o&&r.jsx("span",{className:"ml-2",children:o})]})},fe=({children:f,vertical:i=!1,className:p="",rounded:n="none",radius:u="full",roundedStyle:t})=>{const v=["join",i?"join-vertical":"join-horizontal",p].filter(Boolean).join(" "),c=n!=="none"?"full":u;return r.jsx("div",{className:v,children:x.Children.map(f,(g,E)=>{if(!x.isValidElement(g))return g;const w=g,T=w.props.className||"",d=E===0,o=E===x.Children.count(f)-1;let a="";t?i?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)):i?n==="left"&&d?a=`rounded-t-${c}`:n==="right"&&o?a=`rounded-b-${c}`:n==="both"&&(d&&(a=`rounded-t-${c}`),o&&(a=`rounded-b-${c}`)):n==="left"&&d?a=`rounded-l-${c}`:n==="right"&&o?a=`rounded-r-${c}`:n==="both"&&(d&&(a=`rounded-l-${c}`),o&&(a=`rounded-r-${c}`));const R=`${T} join-item ${a}`.trim();return x.cloneElement(w,{className:R})})})},de=({children:f,className:i=""})=>{const p=["join-item","flex","items-center","px-4","bg-base-200","border","border-base-300",i].filter(Boolean).join(" ");return r.jsx("div",{className:p,children:f})},ee=ue;ee.Group=fe,ee.GroupSection=de;const me=({children:f,variant:i="primary",size:p="md",outline:n=!1,className:u=""})=>{const t="badge",v=i?`badge-${i}`:"",c=p?`badge-${p}`:"",E=[t,v,c,n?"badge-outline":"",u].filter(Boolean).join(" ");return r.jsx("div",{className:E,children:f})},pe=({placeholder:f,value:i,onChange:p,type:n="text",variant:u,size:t="md",disabled:v=!1,required:c=!1,label:g,leftSection:E,rightSection:w,pattern:T,className:d="",validator:o=!1,validatorHint:a,validationRules:R=[]})=>{const[$,I]=x.useState(!1),[S,Y]=x.useState(""),[A,q]=x.useState(null),[M,V]=x.useState(!1),[L,z]=x.useState([]),_=x.useRef(null),j=n==="password"&&$?"text":n,N=h=>{const k=h.target.value;if(n==="password"&&k.length>(i||"").length){const P=k.slice((i||"").length);Y(P),setTimeout(()=>{Y("")},1e3)}o&&_.current&&G(k),p&&p(h)},G=h=>{if(!_.current)return;const k=_.current.checkValidity(),P=[];R.length>0&&R.forEach(m=>{m.pattern.test(h)||P.push(m.message)}),z(P),q(k&&P.length===0)},W=()=>{I(!$)},U=()=>{o&&!A&&V(!0)},B=()=>{V(!1)};let D="";o&&A!==null&&(D=A?"input-success":"input-error");const Z="input",Q=u&&!D?`input-${u}`:"",e=t?`input-${t}`:"",l=[Z,Q,e,o?"validator":"",D,d].filter(Boolean).join(" "),b=n==="password"&&r.jsx("span",{className:"cursor-pointer opacity-70 hover:opacity-100",onClick:W,children:$?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:[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"}),r.jsx("path",{d:"M14.12 14.12a3 3 0 1 1-4.24-4.24"}),r.jsx("path",{d:"M1 1l22 22"}),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"})]}):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:[r.jsx("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),r.jsx("circle",{cx:"12",cy:"12",r:"3"})]})}),O=r.jsx("div",{className:"validation-tooltip",children:L.length>0?r.jsx("ul",{className:"text-xs list-disc pl-4 py-1",children:L.map((h,k)=>r.jsx("li",{children:h},k))}):a?r.jsx("p",{className:"text-xs py-1",children:a}):null});return g||E||w||n==="password"?r.jsxs("div",{className:"relative",onMouseEnter:U,onMouseLeave:B,children:[r.jsxs("label",{className:l,children:[E&&r.jsx("span",{children:E}),g&&r.jsx("span",{children:g}),r.jsx("input",{ref:_,type:j,placeholder:f,value:i,onChange:N,disabled:v,required:c,className:"grow",pattern:T}),n==="password"&&S&&r.jsx("span",{className:"password-recent absolute right-10 font-mono",children:S}),n==="password"?r.jsx("span",{children:b}):w?r.jsx("span",{children:w}):null]}),o&&a&&!M&&r.jsx("p",{className:"validator-hint text-xs mt-1 opacity-70",children:a}),M&&o&&!A&&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:O})]}):r.jsxs("div",{className:"relative",onMouseEnter:U,onMouseLeave:B,children:[r.jsx("input",{ref:_,type:j,placeholder:f,value:i,onChange:N,disabled:v,required:c,className:l,pattern:T}),o&&a&&!M&&r.jsx("p",{className:"validator-hint text-xs mt-1 opacity-70",children:a}),M&&o&&!A&&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:O})]})},be=({children:f,variant:i="neutral",size:p="md",outline:n=!1,dash:u=!1,soft:t=!1,bold:v=!1,italic:c=!1,underline:g=!1,ellipsis:E=!1,maxWidth:w,stateTimeout:T,styleConfig:d={},state:o,onStateChange:a,onClick:R,onDoubleClick:$,onMouseEnter:I,onMouseLeave:S,onDragStart:Y,onDragEnd:A,draggable:q=!1,className:M="",style:V={}})=>{var ae,oe;const[L,z]=x.useState("default"),_=o!==void 0?o:L,j=x.useRef(null),N=C=>{o===void 0&&z(C),a&&a(C),G(C)},G=(C=_)=>{j.current&&(clearTimeout(j.current),j.current=null),T&&C!=="default"&&o===void 0&&(j.current=setTimeout(()=>{z("default"),a&&a("default")},T))};x.useEffect(()=>(G(),()=>{j.current&&clearTimeout(j.current)}),[_,T,o]);const W="label",U=i?`text-${i}`:"",B={xs:"text-xs",sm:"text-sm",md:"text-base",lg:"text-lg",xl:"text-xl"},D=B[p]||B.md,h=[W,U,D,n?"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":"",v?"font-bold":"",c?"italic":"",g?"underline":"",E?"truncate":"",M].filter(Boolean).join(" "),k=C=>{N("clicked"),R&&R(C)},P=C=>{N("doubleClicked"),$&&$(C)},m=C=>{N("hover"),I&&I(C)},F=C=>{N("default"),S&&S(C)},H=C=>{N("dragging"),Y&&Y(C)},se=C=>{N("default"),A&&A(C)},he=((ae=d[_])==null?void 0:ae.style)||{},xe=((oe=d[_])==null?void 0:oe.className)||"",Ce={...V,...he,...w?{maxWidth:w}:{},...E?{display:"inline-block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}:{}},ve=`${h} ${xe}`.trim();return r.jsx("span",{className:ve,style:Ce,onClick:k,onDoubleClick:P,onMouseEnter:m,onMouseLeave:F,onDragStart:H,onDragEnd:se,draggable:q,children:f})};y.Badge=me,y.Button=ee,y.Input=pe,y.Label=be,Object.defineProperty(y,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "dishui",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "一个基于React的vibe coding出来的UI组件库",
   "main": "dist/dishui.umd.js",
   "module": "dist/dishui.es.js",
   "types": "dist/types/index.d.ts",
+  "style": "dist/dishui.css",
   "files": [
     "dist"
   ],
@@ -17,27 +18,32 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
-  "keywords": [],
+  "keywords": ["react", "ui", "components", "tailwindcss", "css"],
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@tailwindcss/postcss": "^4.1.1",
-    "@types/node": "^22.14.0",
-    "@types/react": "^19.1.0",
-    "@types/react-dom": "^19.1.1",
-    "@vitejs/plugin-react": "^4.3.4",
+    "@tailwindcss/postcss": "^4.1.6",
+    "@types/node": "^22.15.17",
+    "@types/react": "^19.1.3",
+    "@types/react-dom": "^19.1.3",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "@vitejs/plugin-react": "^4.4.1",
     "autoprefixer": "^10.4.21",
-    "daisyui": "^5.0.12",
+    "daisyui": "^5.0.35",
     "postcss": "^8.5.3",
-    "tailwindcss": "^4.1.1",
+    "tailwindcss": "^4.1.6",
     "tslib": "^2.8.1",
-    "typescript": "^5.8.2",
-    "vite": "^6.2.5"
+    "typescript": "^5.8.3",
+    "vite": "^6.3.5"
   },
   "dependencies": {
-    "@tailwindcss/vite": "^4.1.1",
-    "@tanstack/react-router": "^1.114.34",
+    "@tailwindcss/vite": "^4.1.6",
+    "@tanstack/match-sorter-utils": "^8.19.4",
+    "@tanstack/react-router": "^1.120.3",
+    "@tanstack/react-table": "^8.21.3",
     "react": "^19.1.0",
-    "react-dom": "^19.1.0"
+    "react-dom": "^19.1.0",
+    "react-syntax-highlighter": "^15.6.1",
+    "recharts": "^2.15.3"
   }
 }