dishui 0.0.3 → 0.0.5

package/dist/dishui.umd.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 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={};/**
+ */var te;function le(){if(te)return J;te=1;var f=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function p(s,u,r){var v=null;if(r!==void 0&&(v=""+r),u.key!==void 0&&(v=""+u.key),"key"in u){r={};for(var c in u)c!=="key"&&(r[c]=u[c])}else r=u;return u=r.ref,{$$typeof:f,type:s,key:v,ref:u!==void 0?u:null,props:r}}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 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:
+ */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 t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case V:return t=e.displayName||null,t!==null?t:f(e.type)||"Memo";case L:t=e._payload,e=e._init;try{return f(e(t))}catch{}}return null}function i(e){return""+e}function p(e){try{i(e);var t=!1}catch{t=!0}if(t){t=console;var l=t.error,b=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return l.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",b),i(e)}}function s(e){if(e===R)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===L)return"<...>";try{var t=f(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function u(){var e=j.A;return e===null?null:e.getOwner()}function r(){return Error("react-stack-top-frame")}function v(e){if(N.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function c(e,t){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)",t))}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,t,l,b,O,h,k,P){return l=h.ref,e={$$typeof:o,type:e,key:t,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,t,l,b,O,h,k,P){var m=t.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(t,"key")){m=f(e);var F=Object.keys(t).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} />`,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"})});
+  <%s key={someKey} {...props} />`,b,m,F,m),Q[m+b]=!0)}if(m=null,l!==void 0&&(p(l),m=""+l),v(t)&&(p(t.key),m=""+t.key),"key"in t){l={};for(var H in t)H!=="key"&&(l[H]=t[H])}else l=t;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,r)(),Z=W(s(r)),Q={};X.Fragment=R,X.jsx=function(e,t,l,b,O){var h=1e4>j.recentlyCreatedOwnerStacks++;return w(e,t,l,!1,b,O,h?Error("react-stack-top-frame"):D,h?W(s(e)):Z)},X.jsxs=function(e,t,l,b,O){var h=1e4>j.recentlyCreatedOwnerStacks++;return w(e,t,l,!0,b,O,h?Error("react-stack-top-frame"):D,h?W(s(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 n=ce();const ue=({children:f,variant:i="primary",size:p="md",outline:s=!1,dash:u=!1,soft:r=!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,s?"btn-outline":"",u?"btn-dash":"",r?"btn-soft":"",v?"btn-active":"",g?"btn-wide":"",E?"btn-block":"",w?"btn-square":"",T?"btn-circle":"",R].filter(Boolean).join(" ");return n.jsxs("button",{className:j,disabled:c,onClick:a,children:[d&&n.jsx("span",{className:"mr-2",children:d}),f,o&&n.jsx("span",{className:"ml-2",children:o})]})},fe=({children:f,vertical:i=!1,className:p="",rounded:s="none",radius:u="full",roundedStyle:r})=>{const v=["join",i?"join-vertical":"join-horizontal",p].filter(Boolean).join(" "),c=s!=="none"?"full":u;return n.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="";r?i?(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)):i?s==="left"||s==="top"?d&&(a=`rounded-t-${c}`):s==="right"||s==="bottom"?o&&(a=`rounded-b-${c}`):s==="both"&&(d&&(a=`rounded-t-${c}`),o&&(a=`rounded-b-${c}`)):s==="left"||s==="top"?d&&(a=`rounded-l-${c}`):s==="right"||s==="bottom"?o&&(a=`rounded-r-${c}`):s==="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 n.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:s=!1,className:u=""})=>{const r="badge",v=i?`badge-${i}`:"",c=p?`badge-${p}`:"",E=[r,v,c,s?"badge-outline":"",u].filter(Boolean).join(" ");return n.jsx("div",{className:E,children:f})},pe=({placeholder:f,value:i,onChange:p,type:s="text",variant:u,size:r="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=s==="password"&&$?"text":s,N=h=>{const k=h.target.value;if(s==="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=r?`input-${r}`:"",l=[Z,Q,e,o?"validator":"",D,d].filter(Boolean).join(" "),b=s==="password"&&n.jsx("span",{className:"cursor-pointer opacity-70 hover:opacity-100",onClick:W,children:$?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:[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"}),n.jsx("path",{d:"M14.12 14.12a3 3 0 1 1-4.24-4.24"}),n.jsx("path",{d:"M1 1l22 22"}),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"})]}):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:[n.jsx("path",{d:"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"}),n.jsx("circle",{cx:"12",cy:"12",r:"3"})]})}),O=n.jsx("div",{className:"validation-tooltip",children:L.length>0?n.jsx("ul",{className:"text-xs list-disc pl-4 py-1",children:L.map((h,k)=>n.jsx("li",{children:h},k))}):a?n.jsx("p",{className:"text-xs py-1",children:a}):null});return g||E||w||s==="password"?n.jsxs("div",{className:"relative",onMouseEnter:U,onMouseLeave:B,children:[n.jsxs("label",{className:l,children:[E&&n.jsx("span",{children:E}),g&&n.jsx("span",{children:g}),n.jsx("input",{ref:_,type:j,placeholder:f,value:i,onChange:N,disabled:v,required:c,className:"grow",pattern:T}),s==="password"&&S&&n.jsx("span",{className:"password-recent absolute right-10 font-mono",children:S}),s==="password"?n.jsx("span",{children:b}):w?n.jsx("span",{children:w}):null]}),o&&a&&!M&&n.jsx("p",{className:"validator-hint text-xs mt-1 opacity-70",children:a}),M&&o&&!A&&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:O})]}):n.jsxs("div",{className:"relative",onMouseEnter:U,onMouseLeave:B,children:[n.jsx("input",{ref:_,type:j,placeholder:f,value:i,onChange:N,disabled:v,required:c,className:l,pattern:T}),o&&a&&!M&&n.jsx("p",{className:"validator-hint text-xs mt-1 opacity-70",children:a}),M&&o&&!A&&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:O})]})},be=({children:f,variant:i="neutral",size:p="md",outline:s=!1,dash:u=!1,soft:r=!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,s?"border border-current px-2 py-1 rounded":"",u?"border border-dashed border-current px-2 py-1 rounded":"",r?"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 n.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/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './types/src/index';

package/dist/types/src/App.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/dist/types/src/components/Badge/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type BadgeProps = {
+    children: React.ReactNode;
+    variant?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    outline?: boolean;
+    className?: string;
+};
+declare const Badge: React.FC<BadgeProps>;
+export default Badge;

package/dist/types/src/components/Button/index.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+export type ButtonProps = {
+    children: React.ReactNode;
+    variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost' | 'link';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    outline?: boolean;
+    dash?: boolean;
+    soft?: boolean;
+    active?: boolean;
+    disabled?: boolean;
+    wide?: boolean;
+    block?: boolean;
+    square?: boolean;
+    circle?: boolean;
+    leftSection?: React.ReactNode;
+    rightSection?: React.ReactNode;
+    onClick?: () => void;
+    className?: string;
+};
+export type ButtonGroupProps = {
+    children: React.ReactNode;
+    vertical?: boolean;
+    className?: string;
+    rounded?: 'left' | 'right' | 'both' | 'none' | 'top' | 'bottom';
+    radius?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
+    roundedStyle?: {
+        left?: string;
+        right?: string;
+        top?: string;
+        bottom?: string;
+    };
+};
+export type ButtonGroupSectionProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+interface ButtonCompound extends React.FC<ButtonProps> {
+    Group: React.FC<ButtonGroupProps>;
+    GroupSection: React.FC<ButtonGroupSectionProps>;
+}
+declare const ButtonWithCompounds: ButtonCompound;
+export default ButtonWithCompounds;

package/dist/types/src/components/Card/index.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+export type CardProps = {
+    children: React.ReactNode;
+    variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+    bordered?: boolean;
+    dash?: boolean;
+    side?: boolean;
+    imageFull?: boolean;
+    compact?: boolean;
+    hover?: boolean;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    className?: string;
+};
+export type CardTitleProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+export type CardBodyProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+export type CardActionsProps = {
+    children: React.ReactNode;
+    className?: string;
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+};
+export type CardFigureProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+interface CardCompound extends React.FC<CardProps> {
+    Title: React.FC<CardTitleProps>;
+    Body: React.FC<CardBodyProps>;
+    Actions: React.FC<CardActionsProps>;
+    Figure: React.FC<CardFigureProps>;
+}
+declare const CardWithCompounds: CardCompound;
+export default CardWithCompounds;

package/dist/types/src/components/DataTable/DataTable.d.ts

@@ -0,0 +1,78 @@
+import React from 'react';
+import { ColumnDef, ColumnFiltersState, SortingState, VisibilityState, RowSelectionState, Column } from '@tanstack/react-table';
+export type CellEventHandler = (row: any, column: any, event: React.MouseEvent) => void;
+export type RowEventHandler = (row: any, event: React.MouseEvent) => void;
+export type ColumnEventHandler = (column: any, event: React.MouseEvent) => void;
+export type TableEventHandler = (event: React.MouseEvent) => void;
+export type ExpandRowHandler = (row: any, isExpanded: boolean) => void;
+export interface BulkAction {
+    label: string;
+    action: string;
+    onClick: (selectedRows: Record<string, boolean>, selectedRowData?: any[]) => void;
+    className?: string;
+}
+export interface CustomFilterPanelProps {
+    column: Column<any, unknown>;
+    onClose: () => void;
+}
+export interface ToolbarOptions {
+    enabled?: boolean;
+    enableColumnSelector?: boolean;
+    enableFiltering?: boolean;
+    enableBulkActions?: boolean;
+    bulkActions?: BulkAction[];
+    customComponents?: React.ReactNode;
+}
+export interface DataTableProps<T extends object> {
+    data: T[];
+    columns: ColumnDef<T, any>[];
+    className?: string;
+    enableSorting?: boolean;
+    enableFiltering?: boolean;
+    enablePagination?: boolean;
+    enableSelection?: boolean;
+    enableColumnReordering?: boolean;
+    enableColumnResizing?: boolean;
+    enableExpanding?: boolean;
+    subDataKey?: string;
+    onRowExpand?: ExpandRowHandler;
+    expandedRows?: Record<string, boolean>;
+    onExpandedRowsChange?: (expandedRows: Record<string, boolean>) => void;
+    getRowId?: (row: T, index: number) => string;
+    indentSize?: number;
+    enableTreeSort?: boolean;
+    toolbar?: ToolbarOptions;
+    customFilterPanel?: React.ComponentType<CustomFilterPanelProps>;
+    onRowClick?: RowEventHandler;
+    onRowDoubleClick?: RowEventHandler;
+    onRowMouseEnter?: RowEventHandler;
+    onRowMouseLeave?: RowEventHandler;
+    onCellClick?: CellEventHandler;
+    onCellDoubleClick?: CellEventHandler;
+    onCellMouseEnter?: CellEventHandler;
+    onCellMouseLeave?: CellEventHandler;
+    onColumnClick?: ColumnEventHandler;
+    onColumnMouseEnter?: ColumnEventHandler;
+    onColumnMouseLeave?: ColumnEventHandler;
+    onTableClick?: TableEventHandler;
+    onTableMouseEnter?: TableEventHandler;
+    onTableMouseLeave?: TableEventHandler;
+    pageSize?: number;
+    pageIndex?: number;
+    onPageChange?: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+    selectedRows?: RowSelectionState;
+    onRowSelectionChange?: (selectedRows: RowSelectionState) => void;
+    sortingState?: SortingState;
+    onSortingChange?: (sortingState: SortingState) => void;
+    columnFilters?: ColumnFiltersState;
+    onColumnFiltersChange?: (columnFilters: ColumnFiltersState) => void;
+    columnVisibility?: VisibilityState;
+    onColumnVisibilityChange?: (columnVisibility: VisibilityState) => void;
+    columnOrder?: string[];
+    onColumnOrderChange?: (columnOrder: string[]) => void;
+}
+interface DataTableCompoundComponent extends React.FC<DataTableProps<any>> {
+}
+declare const DataTableExport: DataTableCompoundComponent;
+export default DataTableExport;

package/dist/types/src/components/DataTable/Filters.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+import { Column } from '@tanstack/react-table';
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData extends unknown, TValue> {
+        filterType?: 'text' | 'number' | 'select' | 'boolean' | 'date' | 'multiSelect';
+        filterOptions?: {
+            value: any;
+            label: string;
+        }[];
+    }
+}
+export interface TextFilterProps {
+    column: Column<any, unknown>;
+    placeholder?: string;
+}
+export declare const TextFilter: React.FC<TextFilterProps>;
+export interface NumberFilterProps {
+    column: Column<any, unknown>;
+    min?: number;
+    max?: number;
+    step?: number;
+}
+export declare const NumberRangeFilter: React.FC<NumberFilterProps>;
+export interface SelectFilterProps {
+    column: Column<any, unknown>;
+    options: {
+        value: any;
+        label: string;
+    }[];
+    placeholder?: string;
+}
+export declare const SelectFilter: React.FC<SelectFilterProps>;
+export interface BooleanFilterProps {
+    column: Column<any, unknown>;
+    trueLabel?: string;
+    falseLabel?: string;
+    allLabel?: string;
+}
+export declare const BooleanFilter: React.FC<BooleanFilterProps>;
+export interface DateRangeFilterProps {
+    column: Column<any, unknown>;
+}
+export declare const DateRangeFilter: React.FC<DateRangeFilterProps>;
+export declare const MultiSelectFilter: React.FC<SelectFilterProps>;
+export interface FilterPanelProps {
+    column: Column<any, unknown>;
+    onClose: () => void;
+}
+export declare const FilterPanel: React.FC<FilterPanelProps>;
+declare const _default: {
+    TextFilter: React.FC<TextFilterProps>;
+    NumberRangeFilter: React.FC<NumberFilterProps>;
+    SelectFilter: React.FC<SelectFilterProps>;
+    BooleanFilter: React.FC<BooleanFilterProps>;
+    DateRangeFilter: React.FC<DateRangeFilterProps>;
+    MultiSelectFilter: React.FC<SelectFilterProps>;
+    FilterPanel: React.FC<FilterPanelProps>;
+};
+export default _default;

package/dist/types/src/components/DataTable/index.d.ts

@@ -0,0 +1,16 @@
+import DataTableComponent from './DataTable';
+import * as Filters from './Filters';
+import * as Utils from './utils';
+export declare const TextFilter: import("react").FC<Filters.TextFilterProps>, NumberRangeFilter: import("react").FC<Filters.NumberFilterProps>, SelectFilter: import("react").FC<Filters.SelectFilterProps>, BooleanFilter: import("react").FC<Filters.BooleanFilterProps>, DateRangeFilter: import("react").FC<Filters.DateRangeFilterProps>, MultiSelectFilter: import("react").FC<Filters.SelectFilterProps>, FilterPanel: import("react").FC<Filters.FilterPanelProps>;
+export declare const createColumn: typeof Utils.createColumn, createComputedColumn: typeof Utils.createComputedColumn, createActionColumn: typeof Utils.createActionColumn, createSelectionColumn: typeof Utils.createSelectionColumn, numericSort: import("@tanstack/react-table").SortingFn<any>, dateSort: import("@tanstack/react-table").SortingFn<any>, stringSort: import("@tanstack/react-table").SortingFn<any>, treeSort: <T extends Utils.TreeDataRow>(sortFn: import("@tanstack/react-table").SortingFn<T>, subDataKey: string) => import("@tanstack/react-table").SortingFn<T>, createSelectOptions: typeof Utils.createSelectOptions, extractUniqueOptions: typeof Utils.extractUniqueOptions, defaultFilterFunctions: {
+    text: (row: any, columnId: string, filterValue: string) => boolean;
+    range: (row: any, columnId: string, filterValue: [number | undefined, number | undefined]) => boolean;
+    dateRange: (row: any, columnId: string, filterValue: [string | undefined, string | undefined]) => boolean;
+    boolean: (row: any, columnId: string, filterValue: boolean) => boolean;
+    multiSelect: (row: any, columnId: string, filterValue: string[]) => boolean;
+};
+export type { DataTableProps, CellEventHandler, RowEventHandler, ColumnEventHandler, TableEventHandler } from './DataTable';
+export type { FilterPanelProps, TextFilterProps, NumberFilterProps, SelectFilterProps, BooleanFilterProps, DateRangeFilterProps } from './Filters';
+export type { TreeDataRow } from './utils';
+export type { ColumnDef, ColumnFiltersState, SortingState, VisibilityState, RowSelectionState, PaginationState } from '@tanstack/react-table';
+export default DataTableComponent;

package/dist/types/src/components/DataTable/utils.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import { ColumnDef, Row, SortingFn } from '@tanstack/react-table';
+export declare function createColumn<T extends object>(accessorKeyOrOptions: keyof T | string | Partial<ColumnDef<T>>, headerOrNone?: string, options?: Partial<ColumnDef<T>>): ColumnDef<T>;
+export declare function createComputedColumn<T extends object>(idOrOptions: string | Partial<ColumnDef<T>>, headerOrNone?: string, accessorFnOrNone?: (row: T) => any, options?: Partial<ColumnDef<T>>): ColumnDef<T>;
+export declare function createActionColumn<T extends object>(idOrOptions: string | Partial<ColumnDef<T>>, headerOrNone?: string, cellOrNone?: (props: {
+    row: Row<T>;
+}) => React.ReactNode, options?: Partial<ColumnDef<T>>): ColumnDef<T>;
+export declare function createSelectionColumn<T extends object>(options?: Partial<ColumnDef<T>>): ColumnDef<T>;
+export declare const numericSort: SortingFn<any>;
+export declare const dateSort: SortingFn<any>;
+export declare const stringSort: SortingFn<any>;
+export interface TreeDataRow {
+    __depth?: number;
+    __id?: string;
+    __parentId?: string;
+    __hasChildren?: boolean;
+    __isExpanded?: boolean;
+    __childCount?: number;
+    [key: string]: any;
+}
+export declare const treeSort: <T extends TreeDataRow>(sortFn: SortingFn<T>, subDataKey: string) => SortingFn<T>;
+export declare function createSelectOptions<T>(items: T[], labelField: keyof T, valueField?: keyof T): {
+    label: string;
+    value: string;
+}[];
+export declare function extractUniqueOptions<T>(data: T[], field: keyof T): {
+    label: string;
+    value: string;
+}[];
+export declare const defaultFilterFunctions: {
+    text: (row: any, columnId: string, filterValue: string) => boolean;
+    range: (row: any, columnId: string, filterValue: [number | undefined, number | undefined]) => boolean;
+    dateRange: (row: any, columnId: string, filterValue: [string | undefined, string | undefined]) => boolean;
+    boolean: (row: any, columnId: string, filterValue: boolean) => boolean;
+    multiSelect: (row: any, columnId: string, filterValue: string[]) => boolean;
+};
+declare const _default: {
+    createColumn: typeof createColumn;
+    createComputedColumn: typeof createComputedColumn;
+    createActionColumn: typeof createActionColumn;
+    createSelectionColumn: typeof createSelectionColumn;
+    numericSort: SortingFn<any>;
+    dateSort: SortingFn<any>;
+    stringSort: SortingFn<any>;
+    treeSort: <T extends TreeDataRow>(sortFn: SortingFn<T>, subDataKey: string) => SortingFn<T>;
+    createSelectOptions: typeof createSelectOptions;
+    extractUniqueOptions: typeof extractUniqueOptions;
+    defaultFilterFunctions: {
+        text: (row: any, columnId: string, filterValue: string) => boolean;
+        range: (row: any, columnId: string, filterValue: [number | undefined, number | undefined]) => boolean;
+        dateRange: (row: any, columnId: string, filterValue: [string | undefined, string | undefined]) => boolean;
+        boolean: (row: any, columnId: string, filterValue: boolean) => boolean;
+        multiSelect: (row: any, columnId: string, filterValue: string[]) => boolean;
+    };
+};
+export default _default;

package/dist/types/src/components/Demo/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface DemoProps {
+    title: string;
+    description?: string;
+    children: React.ReactNode;
+    code: string;
+    language?: string;
+}
+declare const Demo: React.FC<DemoProps>;
+export default Demo;

package/dist/types/src/components/Input/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export type InputProps = {
+    placeholder?: string;
+    value?: string;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    type?: string;
+    variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'ghost';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    disabled?: boolean;
+    required?: boolean;
+    label?: string;
+    leftSection?: React.ReactNode;
+    rightSection?: React.ReactNode;
+    pattern?: string;
+    className?: string;
+    validator?: boolean;
+    validatorHint?: string;
+    validationRules?: {
+        pattern: RegExp;
+        message: string;
+    }[];
+};
+declare const Input: ({ placeholder, value, onChange, type, variant, size, disabled, required, label, leftSection, rightSection, pattern, className, validator, validatorHint, validationRules, }: InputProps) => import("react/jsx-runtime").JSX.Element;
+export default Input;

package/dist/types/src/components/Label/index.d.ts

@@ -0,0 +1,36 @@
+import React, { DragEvent } from 'react';
+export type LabelState = string;
+export type LabelStyleConfig = {
+    [key: string]: {
+        className?: string;
+        style?: React.CSSProperties;
+    };
+};
+export type LabelProps = {
+    children: React.ReactNode;
+    variant?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    outline?: boolean;
+    dash?: boolean;
+    soft?: boolean;
+    bold?: boolean;
+    italic?: boolean;
+    underline?: boolean;
+    ellipsis?: boolean;
+    maxWidth?: string;
+    stateTimeout?: number;
+    styleConfig?: LabelStyleConfig;
+    state?: LabelState;
+    onStateChange?: (newState: LabelState) => void;
+    onClick?: (e: React.MouseEvent) => void;
+    onDoubleClick?: (e: React.MouseEvent) => void;
+    onMouseEnter?: (e: React.MouseEvent) => void;
+    onMouseLeave?: (e: React.MouseEvent) => void;
+    onDragStart?: (e: DragEvent<HTMLSpanElement>) => void;
+    onDragEnd?: (e: DragEvent<HTMLSpanElement>) => void;
+    draggable?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+};
+declare const Label: ({ children, variant, size, outline, dash, soft, bold, italic, underline, ellipsis, maxWidth, stateTimeout, styleConfig, state: userState, onStateChange, onClick, onDoubleClick, onMouseEnter, onMouseLeave, onDragStart, onDragEnd, draggable, className, style, }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+export default Label;

package/dist/types/src/components/List/index.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+export type ListProps = {
+    children: React.ReactNode;
+    className?: string;
+    onClick?: (e: React.MouseEvent) => void;
+    onMouseEnter?: (e: React.MouseEvent) => void;
+    onMouseLeave?: (e: React.MouseEvent) => void;
+};
+export type ListRowProps = {
+    children: React.ReactNode;
+    className?: string;
+    selected?: boolean;
+    onClick?: (e: React.MouseEvent) => void;
+    onDoubleClick?: (e: React.MouseEvent) => void;
+    onMouseEnter?: (e: React.MouseEvent) => void;
+    onMouseLeave?: (e: React.MouseEvent) => void;
+    onContextMenu?: (e: React.MouseEvent) => void;
+};
+export type ListColWrapProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+export type ListColGrowProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+export type ListHeaderProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+interface ListCompound extends React.FC<ListProps> {
+    Row: React.FC<ListRowProps>;
+    ColWrap: React.FC<ListColWrapProps>;
+    ColGrow: React.FC<ListColGrowProps>;
+    Header: React.FC<ListHeaderProps>;
+}
+declare const ListWithCompounds: ListCompound;
+export default ListWithCompounds;

package/dist/types/src/components/Select/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface Option {
+    value: string | number;
+    label: string;
+}
+interface SelectProps {
+    options: Option[];
+    value?: string | number | (string | number)[];
+    onChange: (value: string | number | (string | number)[]) => void;
+    placeholder?: string;
+    multiple?: boolean;
+    fixedHeight?: boolean;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const Select: React.FC<SelectProps>;
+export default Select;

package/dist/types/src/components/Table/index.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+export type TableProps = {
+    children: React.ReactNode;
+    className?: string;
+    onClick?: (e: React.MouseEvent) => void;
+    onMouseEnter?: (e: React.MouseEvent) => void;
+    onMouseLeave?: (e: React.MouseEvent) => void;
+};
+export type TableHeadProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+export type TableBodyProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+export type TableRowProps = {
+    children: React.ReactNode;
+    className?: string;
+    selected?: boolean;
+    onClick?: (e: React.MouseEvent) => void;
+    onDoubleClick?: (e: React.MouseEvent) => void;
+    onMouseEnter?: (e: React.MouseEvent) => void;
+    onMouseLeave?: (e: React.MouseEvent) => void;
+};
+export type TableCellProps = {
+    children: React.ReactNode;
+    className?: string;
+    onClick?: (e: React.MouseEvent) => void;
+    colSpan?: number;
+    onDoubleClick?: (e: React.MouseEvent) => void;
+    onMouseEnter?: (e: React.MouseEvent) => void;
+    onMouseLeave?: (e: React.MouseEvent) => void;
+};
+export type TableHeaderCellProps = {
+    children: React.ReactNode;
+    className?: string;
+    onClick?: (e: React.MouseEvent) => void;
+    sortable?: boolean;
+    sortDirection?: 'asc' | 'desc' | null;
+    draggable?: boolean;
+    onDragStart?: (e: React.DragEvent) => void;
+    onDragOver?: (e: React.DragEvent) => void;
+    onDrop?: (e: React.DragEvent) => void;
+    onMouseEnter?: (e: React.MouseEvent) => void;
+    onMouseLeave?: (e: React.MouseEvent) => void;
+};
+interface TableCompound extends React.FC<TableProps> {
+    Head: React.FC<TableHeadProps>;
+    Body: React.FC<TableBodyProps>;
+    Row: React.FC<TableRowProps>;
+    Cell: React.FC<TableCellProps>;
+    HeaderCell: React.FC<TableHeaderCellProps>;
+}
+declare const TableWithCompounds: TableCompound;
+export default TableWithCompounds;

package/dist/types/src/contexts/AppContext.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type ThemeType = 'light' | 'dark' | 'retro' | 'cyberpunk' | 'customblue' | 'ghibli';
+type AppContextType = {
+    language: 'zh' | 'en';
+    theme: ThemeType;
+    setLanguage: (lang: 'zh' | 'en') => void;
+    setTheme: (theme: ThemeType) => void;
+};
+export declare const useAppContext: () => AppContextType;
+type AppProviderProps = {
+    children: React.ReactNode;
+};
+export declare const AppProvider: React.FC<AppProviderProps>;
+export default AppProvider;

package/dist/types/src/index.d.ts

@@ -0,0 +1,9 @@
+import './styles/index.css';
+export { default as Button } from './components/Button';
+export type { ButtonProps, ButtonGroupProps, ButtonGroupSectionProps } from './components/Button';
+export { default as Badge } from './components/Badge';
+export type { BadgeProps } from './components/Badge';
+export { default as Input } from './components/Input';
+export type { InputProps } from './components/Input';
+export { default as Label } from './components/Label';
+export type { LabelProps, LabelState, LabelStyleConfig } from './components/Label';