@coinloger/dev-ui 0.0.7 → 0.0.8

package/dist/cjs/components/Badge/Badge.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),d=require("react"),l=require("clsx"),p=require("prop-types");;/* empty css            */function g(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const a=g(p),o=d.forwardRef(({className:e,children:t,variant:r="primary",size:n="md",shape:s="rounded",...i},u)=>c.jsx("span",{ref:u,className:l.clsx("ui-badge",`ui-badge-${r}`,`ui-badge-${n}`,`ui-badge-${s}`,e),...i,children:t}));o.displayName="Badge";o.propTypes={variant:a.oneOf(["primary","success","warning","danger","neutral"]),size:a.oneOf(["sm","md","lg"]),shape:a.oneOf(["rounded","pill"])};exports.Badge=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),d=require("react"),l=require("clsx"),p=require("prop-types");;/* empty css            */function g(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const n=g(p),s=d.forwardRef(({className:e,children:t,variant:r="primary",size:a="md",shape:o="rounded",...i},c)=>u.jsx("span",{ref:c,className:l.clsx("ui-badge",`ui-badge-${r}`,`ui-badge-${a}`,`ui-badge-${o}`,e),...i,children:t}));s.displayName="Badge";s.propTypes={variant:n.oneOf(["primary","success","warning","danger","neutral"]),size:n.oneOf(["sm","md","lg"]),shape:n.oneOf(["rounded","pill"]),children:n.node,className:n.string};exports.Badge=s;

package/dist/cjs/components/Button/Button.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),a=require("react"),l=require("clsx"),p=require("prop-types");;/* empty css             */function d(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const s=d(p),o=a.forwardRef(({className:e,variant:n="primary",size:t="md",...r},u)=>{const c=l.clsx("ui-btn",`ui-btn-${n}`,`ui-btn-${t}`,e);return i.jsx("button",{ref:u,className:c,...r})});o.displayName="Button";o.propTypes={variant:s.oneOf(["primary","secondary","outline","danger","success","warning","ghost","outline-danger","outline-success","outline-warning"]),size:s.oneOf(["sm","md","lg","xl"])};exports.Button=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),a=require("react"),l=require("clsx"),b=require("prop-types");;/* empty css             */function d(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(o,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return o.default=t,Object.freeze(o)}const e=d(b),s=a.forwardRef(({className:t,variant:o="primary",size:n="md",...r},u)=>{const c=l.clsx("ui-btn",`ui-btn-${o}`,`ui-btn-${n}`,t);return i.jsx("button",{ref:u,className:c,...r})});s.displayName="Button";s.propTypes={variant:e.oneOf(["primary","secondary","outline","danger","success","warning","ghost","outline-danger","outline-success","outline-warning"]),size:e.oneOf(["sm","md","lg","xl"]),children:e.node,onClick:e.func,className:e.string,type:e.oneOf(["button","submit","reset"]),disabled:e.bool,autoFocus:e.bool,style:e.object};exports.Button=s;

package/dist/cjs/components/Card/Card.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react"),u=require("clsx"),l=require("prop-types");;/* empty css           */function p(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=p(l),a=d.forwardRef(({className:e,title:t,footer:r,children:c,...n},i)=>s.jsxs("div",{ref:i,className:u.clsx("ui-card",e),...n,children:[t&&s.jsx("div",{className:"ui-card__header",children:t}),s.jsx("div",{className:"ui-card__body",children:c}),r&&s.jsx("div",{className:"ui-card__footer",children:r})]}));a.displayName="Card";a.propTypes={title:o.node,footer:o.node};exports.Card=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),d=require("react"),l=require("clsx"),u=require("prop-types");;/* empty css           */function p(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const s=p(u),n=d.forwardRef(({className:e,title:t,footer:r,children:c,...o},i)=>a.jsxs("div",{ref:i,className:l.clsx("ui-card",e),...o,children:[t&&a.jsx("div",{className:"ui-card__header",children:t}),a.jsx("div",{className:"ui-card__body",children:c}),r&&a.jsx("div",{className:"ui-card__footer",children:r})]}));n.displayName="Card";n.propTypes={title:s.node,footer:s.node,children:s.node,className:s.string,style:s.object};exports.Card=n;

package/dist/cjs/components/Checkbox/Checkbox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),p=require("react"),x=require("clsx"),b=require("prop-types");;/* empty css               */function d(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(r,o,n.get?n:{enumerable:!0,get:()=>e[o]})}}return r.default=e,Object.freeze(r)}const s=d(b),t=p.forwardRef(({className:e,label:r,error:o,disabled:n,size:i="md",variant:a="primary",...l},u)=>c.jsxs("label",{className:x.clsx("ui-checkbox-label",`ui-checkbox-${i}`,`ui-checkbox-${a}`,n&&"ui-checkbox-disabled",e),children:[c.jsx("input",{type:"checkbox",className:"ui-checkbox-input",disabled:n,ref:u,...l}),c.jsx("span",{className:"ui-checkbox-custom",children:c.jsx("svg",{className:"ui-checkbox-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",children:c.jsx("polyline",{points:"20 6 9 17 4 12"})})}),r&&c.jsx("span",{className:"ui-checkbox-text",children:r})]}));t.displayName="Checkbox";t.propTypes={label:s.node,error:s.bool,size:s.oneOf(["sm","md","lg","xl"]),variant:s.oneOf(["primary","success","warning","danger"])};exports.Checkbox=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),b=require("react"),d=require("clsx"),p=require("prop-types");;/* empty css               */function x(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(r,n,s.get?s:{enumerable:!0,get:()=>o[n]})}}return r.default=o,Object.freeze(r)}const e=x(p),t=b.forwardRef(({className:o,label:r,error:n,disabled:s,size:i="md",variant:a="primary",...l},u)=>c.jsxs("label",{className:d.clsx("ui-checkbox-label",`ui-checkbox-${i}`,`ui-checkbox-${a}`,s&&"ui-checkbox-disabled",o),children:[c.jsx("input",{type:"checkbox",className:"ui-checkbox-input",disabled:s,ref:u,...l}),c.jsx("span",{className:"ui-checkbox-custom",children:c.jsx("svg",{className:"ui-checkbox-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",children:c.jsx("polyline",{points:"20 6 9 17 4 12"})})}),r&&c.jsx("span",{className:"ui-checkbox-text",children:r})]}));t.displayName="Checkbox";t.propTypes={label:e.node,error:e.bool,size:e.oneOf(["sm","md","lg","xl"]),variant:e.oneOf(["primary","success","warning","danger"]),checked:e.bool,defaultChecked:e.bool,onChange:e.func,name:e.string,value:e.oneOfType([e.string,e.number]),disabled:e.bool,required:e.bool,id:e.string,className:e.string};exports.Checkbox=t;

package/dist/cjs/components/Input/Input.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("react"),u=require("clsx"),b=require("prop-types");;/* empty css            */function x(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=x(b),l=c.forwardRef(({className:e,label:r,error:t,helperText:n,fullWidth:p,size:a="md",id:d,...f},m)=>{const o=d||c.useId();return i.jsxs("div",{className:u.clsx("ui-input-wrapper",p&&"ui-input-wrapper-full"),children:[r&&i.jsx("label",{htmlFor:o,className:"ui-label",children:r}),i.jsx("input",{ref:m,id:o,className:u.clsx("ui-input",`ui-input-${a}`,t&&"ui-input-error",e),...f}),n&&i.jsx("span",{className:u.clsx("ui-helper-text",t&&"ui-helper-text-error"),children:n})]})});l.displayName="Input";l.propTypes={label:s.node,error:s.bool,helperText:s.string,fullWidth:s.bool,size:s.oneOf(["sm","md","lg","xl"])};exports.Input=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),a=require("react"),i=require("clsx"),b=require("prop-types");;/* empty css            */function f(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>n[r]})}}return t.default=n,Object.freeze(t)}const e=f(b),o=a.forwardRef(({className:n,label:t,error:r,helperText:s,fullWidth:p,size:c="md",id:m,...d},g)=>{const l=m||a.useId();return u.jsxs("div",{className:i.clsx("ui-input-wrapper",p&&"ui-input-wrapper-full"),children:[t&&u.jsx("label",{htmlFor:l,className:"ui-label",children:t}),u.jsx("input",{ref:g,id:l,className:i.clsx("ui-input",`ui-input-${c}`,r&&"ui-input-error",n),...d}),s&&u.jsx("span",{className:i.clsx("ui-helper-text",r&&"ui-helper-text-error"),children:s})]})});o.displayName="Input";o.propTypes={label:e.node,error:e.bool,helperText:e.string,fullWidth:e.bool,size:e.oneOf(["sm","md","lg","xl"]),value:e.oneOfType([e.string,e.number]),defaultValue:e.oneOfType([e.string,e.number]),onChange:e.func,onBlur:e.func,onFocus:e.func,name:e.string,id:e.string,placeholder:e.string,type:e.string,disabled:e.bool,readOnly:e.bool,required:e.bool,autoComplete:e.string,autoFocus:e.bool,min:e.oneOfType([e.string,e.number]),max:e.oneOfType([e.string,e.number]),step:e.oneOfType([e.string,e.number]),minLength:e.number,maxLength:e.number,pattern:e.string,inputMode:e.string,className:e.string};exports.Input=o;

package/dist/cjs/components/Radio/Radio.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("react"),p=require("clsx"),m=require("prop-types");;/* empty css            */function f(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,i.get?i:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const s=f(m),t=d.forwardRef(({className:e,label:r,error:a,disabled:i,size:n="md",variant:c="primary",...u},l)=>o.jsxs("label",{className:p.clsx("ui-radio-label",`ui-radio-${n}`,`ui-radio-${c}`,i&&"ui-radio-disabled",e),children:[o.jsx("input",{type:"radio",className:"ui-radio-input",disabled:i,ref:l,...u}),o.jsx("span",{className:"ui-radio-custom",children:o.jsx("span",{className:"ui-radio-dot"})}),r&&o.jsx("span",{className:"ui-radio-text",children:r})]}));t.displayName="Radio";t.propTypes={label:s.node,error:s.bool,size:s.oneOf(["sm","md","lg","xl"]),variant:s.oneOf(["primary","success","warning","danger"])};exports.Radio=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react"),p=require("clsx"),m=require("prop-types");;/* empty css            */function b(r){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const o in r)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(r,o);Object.defineProperty(a,o,i.get?i:{enumerable:!0,get:()=>r[o]})}}return a.default=r,Object.freeze(a)}const e=b(m),t=d.forwardRef(({className:r,label:a,error:o,disabled:i,size:n="md",variant:c="primary",...l},u)=>s.jsxs("label",{className:p.clsx("ui-radio-label",`ui-radio-${n}`,`ui-radio-${c}`,i&&"ui-radio-disabled",r),children:[s.jsx("input",{type:"radio",className:"ui-radio-input",disabled:i,ref:u,...l}),s.jsx("span",{className:"ui-radio-custom",children:s.jsx("span",{className:"ui-radio-dot"})}),a&&s.jsx("span",{className:"ui-radio-text",children:a})]}));t.displayName="Radio";t.propTypes={label:e.node,error:e.bool,size:e.oneOf(["sm","md","lg","xl"]),variant:e.oneOf(["primary","success","warning","danger"]),checked:e.bool,defaultChecked:e.bool,onChange:e.func,name:e.string,value:e.oneOfType([e.string,e.number]),disabled:e.bool,required:e.bool,id:e.string,className:e.string};exports.Radio=t;

package/dist/cjs/components/Switch/Switch.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),p=require("react"),m=require("clsx"),h=require("prop-types");;/* empty css             */function d(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const i=d(h),n=p.forwardRef(({className:e,label:t,error:r,disabled:s,size:a="md",variant:o="primary",...u},l)=>c.jsxs("label",{className:m.clsx("ui-switch-label",`ui-switch-${a}`,`ui-switch-${o}`,s&&"ui-switch-disabled",e),children:[c.jsx("input",{type:"checkbox",className:"ui-switch-input",disabled:s,ref:l,role:"switch",...u}),c.jsx("span",{className:"ui-switch-track",children:c.jsx("span",{className:"ui-switch-thumb"})}),t&&c.jsx("span",{className:"ui-switch-text",children:t})]}));n.displayName="Switch";n.propTypes={label:i.node,error:i.bool,size:i.oneOf(["sm","md","lg","xl"]),variant:i.oneOf(["primary","success","warning","danger"])};exports.Switch=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),p=require("react"),d=require("clsx"),m=require("prop-types");;/* empty css             */function h(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(r,s,i.get?i:{enumerable:!0,get:()=>t[s]})}}return r.default=t,Object.freeze(r)}const e=h(m),n=p.forwardRef(({className:t,label:r,error:s,disabled:i,size:a="md",variant:o="primary",...l},u)=>c.jsxs("label",{className:d.clsx("ui-switch-label",`ui-switch-${a}`,`ui-switch-${o}`,i&&"ui-switch-disabled",t),children:[c.jsx("input",{type:"checkbox",className:"ui-switch-input",disabled:i,ref:u,role:"switch",...l}),c.jsx("span",{className:"ui-switch-track",children:c.jsx("span",{className:"ui-switch-thumb"})}),r&&c.jsx("span",{className:"ui-switch-text",children:r})]}));n.displayName="Switch";n.propTypes={label:e.node,error:e.bool,size:e.oneOf(["sm","md","lg","xl"]),variant:e.oneOf(["primary","success","warning","danger"]),checked:e.bool,defaultChecked:e.bool,onChange:e.func,name:e.string,value:e.oneOfType([e.string,e.number]),disabled:e.bool,required:e.bool,id:e.string,className:e.string};exports.Switch=n;

package/dist/cjs/components/Table/Table.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),d=require("react"),p=require("prop-types");;/* empty css            */function f(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=f(p),a=d.forwardRef(({className:e,bordered:r=!0,striped:t,hover:o,size:i="md",children:n,...u},c)=>{const b=["ui-table",r&&"ui-table-bordered",t&&"ui-table-striped",o&&"ui-table-hover",i==="sm"&&"ui-table-sm",e].filter(Boolean).join(" ");return l.jsx("div",{className:"ui-table-responsive",children:l.jsx("table",{ref:c,className:b,...u,children:n})})});a.displayName="Table";a.propTypes={bordered:s.bool,striped:s.bool,hover:s.bool,size:s.oneOf(["sm","md"])};exports.Table=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),d=require("react"),p=require("prop-types");;/* empty css            */function m(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const r=m(p),a=d.forwardRef(({className:e,bordered:o=!0,striped:t,hover:s,size:i="md",children:n,...c},u)=>{const b=["ui-table",o&&"ui-table-bordered",t&&"ui-table-striped",s&&"ui-table-hover",i==="sm"&&"ui-table-sm",e].filter(Boolean).join(" ");return l.jsx("div",{className:"ui-table-responsive",children:l.jsx("table",{ref:u,className:b,...c,children:n})})});a.displayName="Table";a.propTypes={bordered:r.bool,striped:r.bool,hover:r.bool,size:r.oneOf(["sm","md"]),children:r.node,className:r.string};exports.Table=a;

package/dist/cjs/components/Tabs/Tabs.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("react"),d=require("clsx"),C=require("prop-types");;/* empty css           */function v(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const s=v(C),T=u.createContext(null),x=({defaultValue:e,value:t,onValueChange:n,children:r,className:i})=>{const[a,o]=u.useState(e||""),c=t!==void 0,b=c?t:a,g=u.useId(),p=h=>{c||o(h),n?.(h)};return l.jsx(T.Provider,{value:{value:b,onChange:p,baseId:g},children:l.jsx("div",{className:d.clsx("ui-tabs",i),children:r})})},f=({className:e,children:t,variant:n="line",...r})=>l.jsx("div",{role:"tablist",className:d.clsx("ui-tabs-list",`ui-tabs-list-${n}`,e),...r,children:t}),m=({value:e,className:t,children:n,onClick:r,...i})=>{const a=u.useContext(T);if(!a)throw new Error("TabsTrigger must be used within Tabs");const o=a.value===e,c=`${a.baseId}-trigger-${e}`,b=`${a.baseId}-content-${e}`,g=p=>{a.onChange(e),r?.(p)};return l.jsx("button",{type:"button",role:"tab","aria-selected":o,"aria-controls":b,id:c,tabIndex:o?0:-1,"data-state":o?"active":"inactive",className:d.clsx("ui-tabs-trigger",t),onClick:g,...i,children:n})},y=({value:e,className:t,children:n,...r})=>{const i=u.useContext(T);if(!i)throw new Error("TabsContent must be used within Tabs");const a=i.value===e,o=`${i.baseId}-trigger-${e}`,c=`${i.baseId}-content-${e}`;return a?l.jsx("div",{role:"tabpanel",id:c,"aria-labelledby":o,tabIndex:0,className:d.clsx("ui-tabs-content",t),...r,children:n}):null},I=Object.assign(x,{List:f,Trigger:m,Content:y});x.displayName="Tabs";f.displayName="TabsList";m.displayName="TabsTrigger";y.displayName="TabsContent";x.propTypes={defaultValue:s.string,value:s.string,onValueChange:s.func,children:s.node,className:s.string};f.propTypes={children:s.node,variant:s.oneOf(["line","pills"])};m.propTypes={value:s.string.isRequired,children:s.node};y.propTypes={value:s.string.isRequired,children:s.node};exports.Tabs=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),d=require("react"),u=require("clsx"),h=require("prop-types");;/* empty css           */function v(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(s,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return s.default=e,Object.freeze(s)}const t=v(h),T=d.createContext(null),m=({defaultValue:e,value:s,onValueChange:n,children:r,className:i})=>{const[a,o]=d.useState(e||""),c=s!==void 0,b=c?s:a,g=d.useId(),p=C=>{c||o(C),n?.(C)};return l.jsx(T.Provider,{value:{value:b,onChange:p,baseId:g},children:l.jsx("div",{className:u.clsx("ui-tabs",i),children:r})})},x=({className:e,children:s,variant:n="line",...r})=>l.jsx("div",{role:"tablist",className:u.clsx("ui-tabs-list",`ui-tabs-list-${n}`,e),...r,children:s}),f=({value:e,className:s,children:n,onClick:r,...i})=>{const a=d.useContext(T);if(!a)throw new Error("TabsTrigger must be used within Tabs");const o=a.value===e,c=`${a.baseId}-trigger-${e}`,b=`${a.baseId}-content-${e}`,g=p=>{a.onChange(e),r?.(p)};return l.jsx("button",{type:"button",role:"tab","aria-selected":o,"aria-controls":b,id:c,tabIndex:o?0:-1,"data-state":o?"active":"inactive",className:u.clsx("ui-tabs-trigger",s),onClick:g,...i,children:n})},y=({value:e,className:s,children:n,...r})=>{const i=d.useContext(T);if(!i)throw new Error("TabsContent must be used within Tabs");const a=i.value===e,o=`${i.baseId}-trigger-${e}`,c=`${i.baseId}-content-${e}`;return a?l.jsx("div",{role:"tabpanel",id:c,"aria-labelledby":o,tabIndex:0,className:u.clsx("ui-tabs-content",s),...r,children:n}):null},I=Object.assign(m,{List:x,Trigger:f,Content:y});m.displayName="Tabs";x.displayName="TabsList";f.displayName="TabsTrigger";y.displayName="TabsContent";m.propTypes={defaultValue:t.string,value:t.string,onValueChange:t.func,children:t.node,className:t.string};x.propTypes={children:t.node,variant:t.oneOf(["line","pills"]),className:t.string};f.propTypes={value:t.string.isRequired,children:t.node,className:t.string,onClick:t.func,disabled:t.bool};y.propTypes={value:t.string.isRequired,children:t.node,className:t.string};exports.Tabs=I;

package/dist/cjs/components/Typography/Heading.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),f=require("react"),g=require("clsx"),m=require("prop-types");;/* empty css                 */function b(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const c=b(m),a=f.forwardRef(({className:e,children:r,level:t=1,truncate:n,lines:o,style:i,...u},s)=>{const l=`h${t}`,p=o?{...i,"--ui-line-clamp":o}:i;return d.jsx(l,{ref:s,className:g.clsx("ui-heading",`ui-heading-h${t}`,n&&"ui-text-truncate",o&&"ui-text-clamp",e),style:p,...u,children:r})});a.displayName="Heading";a.propTypes={level:c.oneOf([1,2,3,4,5,6]),truncate:c.bool,lines:c.number};exports.Heading=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),g=require("react"),f=require("clsx"),m=require("prop-types");;/* empty css                 */function b(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=b(m),i=g.forwardRef(({className:e,children:n,level:t=1,truncate:o,lines:c,style:a,...s},u)=>{const l=`h${t}`,p=c?{...a,"--ui-line-clamp":c}:a;return d.jsx(l,{ref:u,className:f.clsx("ui-heading",`ui-heading-h${t}`,o&&"ui-text-truncate",c&&"ui-text-clamp",e),style:p,...s,children:n})});i.displayName="Heading";i.propTypes={level:r.oneOf([1,2,3,4,5,6]),truncate:r.bool,lines:r.number,children:r.node,className:r.string,style:r.object,id:r.string};exports.Heading=i;

package/dist/cjs/components/Typography/Text.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),f=require("react"),x=require("clsx"),y=require("prop-types");;/* empty css                 */function T(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const r=T(y),a=f.forwardRef(({className:e,children:o,variant:t="body",weight:n,muted:i,truncate:l,lines:u,as:s="p",style:c,...p},m)=>{const d=u?{...c,"--ui-line-clamp":u}:c;return b.jsx(s,{ref:m,className:x.clsx("ui-text",`ui-text-${t}`,n&&`ui-text-weight-${n}`,i&&"ui-text-muted",l&&"ui-text-truncate",u&&"ui-text-clamp",e),style:d,...p,children:o})});a.displayName="Text";a.propTypes={variant:r.oneOf(["body","small","caption","lead"]),weight:r.oneOf(["normal","medium","semibold","bold"]),muted:r.bool,truncate:r.bool,lines:r.number,as:r.elementType};exports.Text=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),f=require("react"),y=require("clsx"),x=require("prop-types");;/* empty css                 */function g(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return o.default=t,Object.freeze(o)}const e=g(x),i=f.forwardRef(({className:t,children:o,variant:r="body",weight:n,muted:s,truncate:u,lines:c,as:l="p",style:a,...m},p)=>{const d=c?{...a,"--ui-line-clamp":c}:a;return b.jsx(l,{ref:p,className:y.clsx("ui-text",`ui-text-${r}`,n&&`ui-text-weight-${n}`,s&&"ui-text-muted",u&&"ui-text-truncate",c&&"ui-text-clamp",t),style:d,...m,children:o})});i.displayName="Text";i.propTypes={variant:e.oneOf(["body","small","caption","lead"]),weight:e.oneOf(["normal","medium","semibold","bold"]),muted:e.bool,truncate:e.bool,lines:e.number,as:e.elementType,children:e.node,className:e.string,style:e.object,id:e.string};exports.Text=i;

package/dist/esm/components/Badge/Badge.d.ts

@@ -1,9 +1,9 @@
-import { HTMLAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
 
 /**
  * Badge/Tag component properties.
  */
-export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
+export interface BadgeProps {
     /**
      * The visual style variant.
      * @default 'primary'
@@ -19,5 +19,7 @@ export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
      * @default 'rounded'
      */
     shape?: 'rounded' | 'pill';
+    children?: ReactNode;
+    className?: string;
 }
-export declare const Badge: import('react').ForwardRefExoticComponent<BadgeProps & import('react').RefAttributes<HTMLSpanElement>>;
+export declare const Badge: ForwardRefExoticComponent<BadgeProps & RefAttributes<HTMLSpanElement>>;

package/dist/esm/components/Badge/Badge.js

@@ -1,21 +1,21 @@
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
-import { clsx as f } from "clsx";
+import { clsx as g } from "clsx";
 import * as r from "prop-types";
 /* empty css          */
 const e = t(
-  ({ className: a, children: o, variant: p = "primary", size: i = "md", shape: m = "rounded", ...s }, d) => /* @__PURE__ */ n(
+  ({ className: a, children: o, variant: s = "primary", size: i = "md", shape: d = "rounded", ...m }, p) => /* @__PURE__ */ n(
     "span",
     {
-      ref: d,
-      className: f(
+      ref: p,
+      className: g(
         "ui-badge",
-        `ui-badge-${p}`,
+        `ui-badge-${s}`,
         `ui-badge-${i}`,
-        `ui-badge-${m}`,
+        `ui-badge-${d}`,
         a
       ),
-      ...s,
+      ...m,
       children: o
     }
   )
@@ -24,7 +24,9 @@ e.displayName = "Badge";
 e.propTypes = {
   variant: r.oneOf(["primary", "success", "warning", "danger", "neutral"]),
   size: r.oneOf(["sm", "md", "lg"]),
-  shape: r.oneOf(["rounded", "pill"])
+  shape: r.oneOf(["rounded", "pill"]),
+  children: r.node,
+  className: r.string
 };
 export {
   e as Badge

package/dist/esm/components/Button/Button.d.ts

@@ -1,9 +1,9 @@
-import { ButtonHTMLAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, ReactNode, MouseEventHandler, CSSProperties } from 'react';
 
 /**
  * Button component properties.
  */
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+export interface ButtonProps {
     /**
      * The visual style variant of the button.
      * @default 'primary'
@@ -14,9 +14,37 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
      * @default 'md'
      */
     size?: 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Button content.
+     */
+    children?: ReactNode;
+    /**
+     * Optional click handler.
+     */
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Additional CSS class.
+     */
+    className?: string;
+    /**
+     * Button type.
+     */
+    type?: 'button' | 'submit' | 'reset';
+    /**
+     * Disabled state.
+     */
+    disabled?: boolean;
+    /**
+     * Autofocus on mount.
+     */
+    autoFocus?: boolean;
+    /**
+     * Inline styles for the button.
+     */
+    style?: CSSProperties;
 }
 /**
  * Primary action component.
  * Supports various visual styles, sizes, and standard HTML button attributes.
  */
-export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>;

package/dist/esm/components/Button/Button.js

@@ -1,24 +1,31 @@
 import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { clsx as u } from "clsx";
+import { forwardRef as u } from "react";
+import { clsx as l } from "clsx";
 import * as o from "prop-types";
 /* empty css           */
-const r = p(
-  ({ className: t, variant: n = "primary", size: s = "md", ...e }, i) => {
-    const a = u(
+const t = u(
+  ({ className: s, variant: e = "primary", size: n = "md", ...r }, i) => {
+    const a = l(
       "ui-btn",
+      `ui-btn-${e}`,
       `ui-btn-${n}`,
-      `ui-btn-${s}`,
-      t
+      s
     );
-    return /* @__PURE__ */ m("button", { ref: i, className: a, ...e });
+    return /* @__PURE__ */ m("button", { ref: i, className: a, ...r });
   }
 );
-r.displayName = "Button";
-r.propTypes = {
+t.displayName = "Button";
+t.propTypes = {
   variant: o.oneOf(["primary", "secondary", "outline", "danger", "success", "warning", "ghost", "outline-danger", "outline-success", "outline-warning"]),
-  size: o.oneOf(["sm", "md", "lg", "xl"])
+  size: o.oneOf(["sm", "md", "lg", "xl"]),
+  children: o.node,
+  onClick: o.func,
+  className: o.string,
+  type: o.oneOf(["button", "submit", "reset"]),
+  disabled: o.bool,
+  autoFocus: o.bool,
+  style: o.object
 };
 export {
-  r as Button
+  t as Button
 };

package/dist/esm/components/Card/Card.d.ts

@@ -1,9 +1,9 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { ReactNode, ForwardRefExoticComponent, RefAttributes, CSSProperties } from 'react';
 
 /**
  * Card component properties.
  */
-interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+interface CardProps {
     /**
      * Content to be displayed in the card header.
      */
@@ -12,10 +12,13 @@ interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
      * Content to be displayed in the card footer.
      */
     footer?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
 }
 /**
  * Container component for content grouping.
  * Includes slots for header (title) and footer.
  */
-export declare const Card: import('react').ForwardRefExoticComponent<CardProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Card: ForwardRefExoticComponent<CardProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/esm/components/Card/Card.js

@@ -1,20 +1,23 @@
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
 import { clsx as t } from "clsx";
-import * as o from "prop-types";
+import * as r from "prop-types";
 /* empty css         */
-const e = l(
-  ({ className: i, title: a, footer: d, children: s, ...m }, c) => /* @__PURE__ */ p("div", { ref: c, className: t("ui-card", i), ...m, children: [
-    a && /* @__PURE__ */ r("div", { className: "ui-card__header", children: a }),
-    /* @__PURE__ */ r("div", { className: "ui-card__body", children: s }),
-    d && /* @__PURE__ */ r("div", { className: "ui-card__footer", children: d })
+const o = p(
+  ({ className: s, title: a, footer: d, children: i, ...c }, m) => /* @__PURE__ */ l("div", { ref: m, className: t("ui-card", s), ...c, children: [
+    a && /* @__PURE__ */ e("div", { className: "ui-card__header", children: a }),
+    /* @__PURE__ */ e("div", { className: "ui-card__body", children: i }),
+    d && /* @__PURE__ */ e("div", { className: "ui-card__footer", children: d })
   ] })
 );
-e.displayName = "Card";
-e.propTypes = {
-  title: o.node,
-  footer: o.node
+o.displayName = "Card";
+o.propTypes = {
+  title: r.node,
+  footer: r.node,
+  children: r.node,
+  className: r.string,
+  style: r.object
 };
 export {
-  e as Card
+  o as Card
 };

package/dist/esm/components/Checkbox/Checkbox.d.ts

@@ -1,9 +1,9 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
+import { ReactNode, ForwardRefExoticComponent, RefAttributes, ChangeEventHandler } from 'react';
 
 /**
  * Checkbox component properties.
  */
-export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+export interface CheckboxProps {
     /**
      * Label to display next to the checkbox.
      */
@@ -22,5 +22,14 @@ export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement
      * @default 'primary'
      */
     variant?: 'primary' | 'success' | 'warning' | 'danger';
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    name?: string;
+    value?: string | number;
+    disabled?: boolean;
+    required?: boolean;
+    id?: string;
+    className?: string;
 }
-export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLInputElement>>;
+export declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLInputElement>>;

package/dist/esm/components/Checkbox/Checkbox.js

@@ -1,13 +1,13 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
-import { clsx as x } from "clsx";
-import * as o from "prop-types";
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { clsx as u } from "clsx";
+import * as e from "prop-types";
 /* empty css             */
-const i = t(
-  ({ className: s, label: r, error: u, disabled: c, size: n = "md", variant: a = "primary", ...l }, p) => /* @__PURE__ */ m(
+const i = p(
+  ({ className: s, label: r, error: b, disabled: c, size: n = "md", variant: a = "primary", ...l }, t) => /* @__PURE__ */ m(
     "label",
     {
-      className: x(
+      className: u(
         "ui-checkbox-label",
         `ui-checkbox-${n}`,
         `ui-checkbox-${a}`,
@@ -15,17 +15,17 @@ const i = t(
         s
       ),
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ o(
           "input",
           {
             type: "checkbox",
             className: "ui-checkbox-input",
             disabled: c,
-            ref: p,
+            ref: t,
             ...l
           }
         ),
-        /* @__PURE__ */ e("span", { className: "ui-checkbox-custom", children: /* @__PURE__ */ e(
+        /* @__PURE__ */ o("span", { className: "ui-checkbox-custom", children: /* @__PURE__ */ o(
           "svg",
           {
             className: "ui-checkbox-icon",
@@ -34,20 +34,29 @@ const i = t(
             stroke: "currentColor",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" })
+            children: /* @__PURE__ */ o("polyline", { points: "20 6 9 17 4 12" })
           }
         ) }),
-        r && /* @__PURE__ */ e("span", { className: "ui-checkbox-text", children: r })
+        r && /* @__PURE__ */ o("span", { className: "ui-checkbox-text", children: r })
       ]
     }
   )
 );
 i.displayName = "Checkbox";
 i.propTypes = {
-  label: o.node,
-  error: o.bool,
-  size: o.oneOf(["sm", "md", "lg", "xl"]),
-  variant: o.oneOf(["primary", "success", "warning", "danger"])
+  label: e.node,
+  error: e.bool,
+  size: e.oneOf(["sm", "md", "lg", "xl"]),
+  variant: e.oneOf(["primary", "success", "warning", "danger"]),
+  checked: e.bool,
+  defaultChecked: e.bool,
+  onChange: e.func,
+  name: e.string,
+  value: e.oneOfType([e.string, e.number]),
+  disabled: e.bool,
+  required: e.bool,
+  id: e.string,
+  className: e.string
 };
 export {
   i as Checkbox

package/dist/esm/components/Input/Input.d.ts

@@ -1,9 +1,9 @@
-import { InputHTMLAttributes } from 'react';
+import { InputHTMLAttributes, ForwardRefExoticComponent, RefAttributes, ChangeEventHandler, FocusEventHandler } from 'react';
 
 /**
  * Input component properties.
  */
-interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+interface InputProps {
     /**
      * Label text displayed above the input.
      */
@@ -27,9 +27,31 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>
      * @default 'md'
      */
     size?: 'sm' | 'md' | 'lg' | 'xl';
+    value?: string | number;
+    defaultValue?: string | number;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    name?: string;
+    id?: string;
+    placeholder?: string;
+    type?: InputHTMLAttributes<HTMLInputElement>['type'];
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    autoComplete?: InputHTMLAttributes<HTMLInputElement>['autoComplete'];
+    autoFocus?: boolean;
+    min?: InputHTMLAttributes<HTMLInputElement>['min'];
+    max?: InputHTMLAttributes<HTMLInputElement>['max'];
+    step?: InputHTMLAttributes<HTMLInputElement>['step'];
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string;
+    inputMode?: InputHTMLAttributes<HTMLInputElement>['inputMode'];
+    className?: string;
 }
 /**
  * Text input component with label, error state, and helper text support.
  */
-export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
+export declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
 export {};

package/dist/esm/components/Input/Input.js

@@ -1,39 +1,61 @@
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
-import { forwardRef as h, useId as x } from "react";
-import { clsx as i } from "clsx";
-import * as r from "prop-types";
+import { jsxs as g, jsx as n } from "react/jsx-runtime";
+import { forwardRef as c, useId as b } from "react";
+import { clsx as r } from "clsx";
+import * as e from "prop-types";
 /* empty css          */
-const s = h(
-  ({ className: u, label: p, error: t, helperText: l, fullWidth: n, size: m = "md", id: a, ...d }, c) => {
-    const o = a || x();
-    return /* @__PURE__ */ f("div", { className: i("ui-input-wrapper", n && "ui-input-wrapper-full"), children: [
-      p && /* @__PURE__ */ e("label", { htmlFor: o, className: "ui-label", children: p }),
-      /* @__PURE__ */ e(
+const u = c(
+  ({ className: p, label: t, error: i, helperText: o, fullWidth: l, size: a = "md", id: m, ...d }, f) => {
+    const s = m || b();
+    return /* @__PURE__ */ g("div", { className: r("ui-input-wrapper", l && "ui-input-wrapper-full"), children: [
+      t && /* @__PURE__ */ n("label", { htmlFor: s, className: "ui-label", children: t }),
+      /* @__PURE__ */ n(
         "input",
         {
-          ref: c,
-          id: o,
-          className: i(
+          ref: f,
+          id: s,
+          className: r(
             "ui-input",
-            `ui-input-${m}`,
-            t && "ui-input-error",
-            u
+            `ui-input-${a}`,
+            i && "ui-input-error",
+            p
           ),
           ...d
         }
       ),
-      l && /* @__PURE__ */ e("span", { className: i("ui-helper-text", t && "ui-helper-text-error"), children: l })
+      o && /* @__PURE__ */ n("span", { className: r("ui-helper-text", i && "ui-helper-text-error"), children: o })
     ] });
   }
 );
-s.displayName = "Input";
-s.propTypes = {
-  label: r.node,
-  error: r.bool,
-  helperText: r.string,
-  fullWidth: r.bool,
-  size: r.oneOf(["sm", "md", "lg", "xl"])
+u.displayName = "Input";
+u.propTypes = {
+  label: e.node,
+  error: e.bool,
+  helperText: e.string,
+  fullWidth: e.bool,
+  size: e.oneOf(["sm", "md", "lg", "xl"]),
+  value: e.oneOfType([e.string, e.number]),
+  defaultValue: e.oneOfType([e.string, e.number]),
+  onChange: e.func,
+  onBlur: e.func,
+  onFocus: e.func,
+  name: e.string,
+  id: e.string,
+  placeholder: e.string,
+  type: e.string,
+  disabled: e.bool,
+  readOnly: e.bool,
+  required: e.bool,
+  autoComplete: e.string,
+  autoFocus: e.bool,
+  min: e.oneOfType([e.string, e.number]),
+  max: e.oneOfType([e.string, e.number]),
+  step: e.oneOfType([e.string, e.number]),
+  minLength: e.number,
+  maxLength: e.number,
+  pattern: e.string,
+  inputMode: e.string,
+  className: e.string
 };
 export {
-  s as Input
+  u as Input
 };

package/dist/esm/components/Radio/Radio.d.ts

@@ -1,9 +1,9 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
+import { ReactNode, ForwardRefExoticComponent, RefAttributes, ChangeEventHandler } from 'react';
 
 /**
  * Radio component properties.
  */
-export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+export interface RadioProps {
     /**
      * Label to display next to the radio button.
      */
@@ -22,5 +22,14 @@ export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
      * @default 'primary'
      */
     variant?: 'primary' | 'success' | 'warning' | 'danger';
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    name?: string;
+    value?: string | number;
+    disabled?: boolean;
+    required?: boolean;
+    id?: string;
+    className?: string;
 }
-export declare const Radio: import('react').ForwardRefExoticComponent<RadioProps & import('react').RefAttributes<HTMLInputElement>>;
+export declare const Radio: ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLInputElement>>;

package/dist/esm/components/Radio/Radio.js

@@ -1,43 +1,52 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
 import { clsx as c } from "clsx";
-import * as a from "prop-types";
+import * as r from "prop-types";
 /* empty css          */
-const s = t(
-  ({ className: e, label: i, error: u, disabled: o, size: d = "md", variant: m = "primary", ...p }, l) => /* @__PURE__ */ n(
+const e = t(
+  ({ className: s, label: a, error: u, disabled: i, size: d = "md", variant: n = "primary", ...l }, m) => /* @__PURE__ */ p(
     "label",
     {
       className: c(
         "ui-radio-label",
         `ui-radio-${d}`,
-        `ui-radio-${m}`,
-        o && "ui-radio-disabled",
-        e
+        `ui-radio-${n}`,
+        i && "ui-radio-disabled",
+        s
       ),
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ o(
           "input",
           {
             type: "radio",
             className: "ui-radio-input",
-            disabled: o,
-            ref: l,
-            ...p
+            disabled: i,
+            ref: m,
+            ...l
           }
         ),
-        /* @__PURE__ */ r("span", { className: "ui-radio-custom", children: /* @__PURE__ */ r("span", { className: "ui-radio-dot" }) }),
-        i && /* @__PURE__ */ r("span", { className: "ui-radio-text", children: i })
+        /* @__PURE__ */ o("span", { className: "ui-radio-custom", children: /* @__PURE__ */ o("span", { className: "ui-radio-dot" }) }),
+        a && /* @__PURE__ */ o("span", { className: "ui-radio-text", children: a })
       ]
     }
   )
 );
-s.displayName = "Radio";
-s.propTypes = {
-  label: a.node,
-  error: a.bool,
-  size: a.oneOf(["sm", "md", "lg", "xl"]),
-  variant: a.oneOf(["primary", "success", "warning", "danger"])
+e.displayName = "Radio";
+e.propTypes = {
+  label: r.node,
+  error: r.bool,
+  size: r.oneOf(["sm", "md", "lg", "xl"]),
+  variant: r.oneOf(["primary", "success", "warning", "danger"]),
+  checked: r.bool,
+  defaultChecked: r.bool,
+  onChange: r.func,
+  name: r.string,
+  value: r.oneOfType([r.string, r.number]),
+  disabled: r.bool,
+  required: r.bool,
+  id: r.string,
+  className: r.string
 };
 export {
-  s as Radio
+  e as Radio
 };

package/dist/esm/components/Switch/Switch.d.ts

@@ -1,9 +1,9 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
+import { ReactNode, ForwardRefExoticComponent, RefAttributes, ChangeEventHandler } from 'react';
 
 /**
  * Switch toggle component properties.
  */
-export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
+export interface SwitchProps {
     /**
      * Label to display next to the switch.
      */
@@ -22,5 +22,14 @@ export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
      * @default 'primary'
      */
     variant?: 'primary' | 'success' | 'warning' | 'danger';
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    name?: string;
+    value?: string | number;
+    disabled?: boolean;
+    required?: boolean;
+    id?: string;
+    className?: string;
 }
-export declare const Switch: import('react').ForwardRefExoticComponent<SwitchProps & import('react').RefAttributes<HTMLInputElement>>;
+export declare const Switch: ForwardRefExoticComponent<SwitchProps & RefAttributes<HTMLInputElement>>;

package/dist/esm/components/Switch/Switch.js

@@ -1,18 +1,18 @@
-import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
 import { clsx as h } from "clsx";
-import * as i from "prop-types";
+import * as e from "prop-types";
 /* empty css           */
-const t = n(
-  ({ className: a, label: r, error: u, disabled: e, size: c = "md", variant: o = "primary", ...m }, p) => /* @__PURE__ */ l(
+const a = p(
+  ({ className: o, label: i, error: u, disabled: r, size: t = "md", variant: c = "primary", ...n }, l) => /* @__PURE__ */ m(
     "label",
     {
       className: h(
         "ui-switch-label",
+        `ui-switch-${t}`,
         `ui-switch-${c}`,
-        `ui-switch-${o}`,
-        e && "ui-switch-disabled",
-        a
+        r && "ui-switch-disabled",
+        o
       ),
       children: [
         /* @__PURE__ */ s(
@@ -20,25 +20,34 @@ const t = n(
           {
             type: "checkbox",
             className: "ui-switch-input",
-            disabled: e,
-            ref: p,
+            disabled: r,
+            ref: l,
             role: "switch",
-            ...m
+            ...n
           }
         ),
         /* @__PURE__ */ s("span", { className: "ui-switch-track", children: /* @__PURE__ */ s("span", { className: "ui-switch-thumb" }) }),
-        r && /* @__PURE__ */ s("span", { className: "ui-switch-text", children: r })
+        i && /* @__PURE__ */ s("span", { className: "ui-switch-text", children: i })
       ]
     }
   )
 );
-t.displayName = "Switch";
-t.propTypes = {
-  label: i.node,
-  error: i.bool,
-  size: i.oneOf(["sm", "md", "lg", "xl"]),
-  variant: i.oneOf(["primary", "success", "warning", "danger"])
+a.displayName = "Switch";
+a.propTypes = {
+  label: e.node,
+  error: e.bool,
+  size: e.oneOf(["sm", "md", "lg", "xl"]),
+  variant: e.oneOf(["primary", "success", "warning", "danger"]),
+  checked: e.bool,
+  defaultChecked: e.bool,
+  onChange: e.func,
+  name: e.string,
+  value: e.oneOfType([e.string, e.number]),
+  disabled: e.bool,
+  required: e.bool,
+  id: e.string,
+  className: e.string
 };
 export {
-  t as Switch
+  a as Switch
 };

package/dist/esm/components/Table/Table.d.ts

@@ -1,9 +1,9 @@
-import { TableHTMLAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
 
 /**
  * Table component properties.
  */
-interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
+interface TableProps {
     /**
      * If true, adds borders to table cells.
      * @default true
@@ -22,6 +22,8 @@ interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
      * @default 'md'
      */
     size?: 'sm' | 'md';
+    children?: ReactNode;
+    className?: string;
 }
-export declare const Table: import('react').ForwardRefExoticComponent<TableProps & import('react').RefAttributes<HTMLTableElement>>;
+export declare const Table: ForwardRefExoticComponent<TableProps & RefAttributes<HTMLTableElement>>;
 export {};

package/dist/esm/components/Table/Table.js

@@ -3,8 +3,8 @@ import { forwardRef as n } from "react";
 import * as e from "prop-types";
 /* empty css          */
 const r = n(
-  ({ className: s, bordered: a = !0, striped: i, hover: l, size: t = "md", children: m, ...b }, p) => {
-    const d = [
+  ({ className: s, bordered: a = !0, striped: i, hover: l, size: t = "md", children: m, ...b }, d) => {
+    const p = [
       "ui-table",
       a && "ui-table-bordered",
       i && "ui-table-striped",
@@ -12,7 +12,7 @@ const r = n(
       t === "sm" && "ui-table-sm",
       s
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ o("div", { className: "ui-table-responsive", children: /* @__PURE__ */ o("table", { ref: p, className: d, ...b, children: m }) });
+    return /* @__PURE__ */ o("div", { className: "ui-table-responsive", children: /* @__PURE__ */ o("table", { ref: d, className: p, ...b, children: m }) });
   }
 );
 r.displayName = "Table";
@@ -20,7 +20,9 @@ r.propTypes = {
   bordered: e.bool,
   striped: e.bool,
   hover: e.bool,
-  size: e.oneOf(["sm", "md"])
+  size: e.oneOf(["sm", "md"]),
+  children: e.node,
+  className: e.string
 };
 export {
   r as Table

package/dist/esm/components/Tabs/Tabs.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, HTMLAttributes, ButtonHTMLAttributes } from 'react';
+import { ReactNode, MouseEventHandler } from 'react';
 
 import * as PropTypes from 'prop-types';
 /**
@@ -20,17 +20,22 @@ export interface TabsProps {
     children: ReactNode;
     className?: string;
 }
-export interface TabsListProps extends HTMLAttributes<HTMLDivElement> {
+export interface TabsListProps {
     children: ReactNode;
     variant?: 'line' | 'pills';
+    className?: string;
 }
-export interface TabsTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+export interface TabsTriggerProps {
     value: string;
     children: ReactNode;
+    className?: string;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    disabled?: boolean;
 }
-export interface TabsContentProps extends HTMLAttributes<HTMLDivElement> {
+export interface TabsContentProps {
     value: string;
     children: ReactNode;
+    className?: string;
 }
 export declare const Tabs: {
     ({ defaultValue, value, onValueChange, children, className }: TabsProps): import("react/jsx-runtime").JSX.Element;
@@ -49,6 +54,7 @@ export declare const Tabs: {
         propTypes: {
             children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
             variant: PropTypes.Requireable<string>;
+            className: PropTypes.Requireable<string>;
         };
     };
     Trigger: {
@@ -57,6 +63,9 @@ export declare const Tabs: {
         propTypes: {
             value: PropTypes.Validator<string>;
             children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            className: PropTypes.Requireable<string>;
+            onClick: PropTypes.Requireable<(...args: any[]) => any>;
+            disabled: PropTypes.Requireable<boolean>;
         };
     };
     Content: {
@@ -65,6 +74,7 @@ export declare const Tabs: {
         propTypes: {
             value: PropTypes.Validator<string>;
             children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+            className: PropTypes.Requireable<string>;
         };
     };
 };

package/dist/esm/components/Tabs/Tabs.js

@@ -1,26 +1,26 @@
 import { jsx as l } from "react/jsx-runtime";
-import { createContext as v, useState as y, useId as x, useContext as f } from "react";
+import { createContext as N, useState as v, useId as y, useContext as f } from "react";
 import { clsx as d } from "clsx";
-import * as e from "prop-types";
+import * as t from "prop-types";
 /* empty css         */
-const p = v(null), T = ({ defaultValue: t, value: s, onValueChange: r, children: i, className: a }) => {
-  const [n, o] = y(t || ""), c = s !== void 0, b = c ? s : n, u = x(), g = (I) => {
-    c || o(I), r?.(I);
+const p = N(null), m = ({ defaultValue: e, value: n, onValueChange: i, children: r, className: a }) => {
+  const [s, o] = v(e || ""), c = n !== void 0, b = c ? n : s, u = y(), g = (I) => {
+    c || o(I), i?.(I);
   };
-  return /* @__PURE__ */ l(p.Provider, { value: { value: b, onChange: g, baseId: u }, children: /* @__PURE__ */ l("div", { className: d("ui-tabs", a), children: i }) });
-}, m = ({ className: t, children: s, variant: r = "line", ...i }) => /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(p.Provider, { value: { value: b, onChange: g, baseId: u }, children: /* @__PURE__ */ l("div", { className: d("ui-tabs", a), children: r }) });
+}, T = ({ className: e, children: n, variant: i = "line", ...r }) => /* @__PURE__ */ l(
   "div",
   {
     role: "tablist",
-    className: d("ui-tabs-list", `ui-tabs-list-${r}`, t),
-    ...i,
-    children: s
+    className: d("ui-tabs-list", `ui-tabs-list-${i}`, e),
+    ...r,
+    children: n
   }
-), h = ({ value: t, className: s, children: r, onClick: i, ...a }) => {
-  const n = f(p);
-  if (!n) throw new Error("TabsTrigger must be used within Tabs");
-  const o = n.value === t, c = `${n.baseId}-trigger-${t}`, b = `${n.baseId}-content-${t}`, u = (g) => {
-    n.onChange(t), i?.(g);
+), h = ({ value: e, className: n, children: i, onClick: r, ...a }) => {
+  const s = f(p);
+  if (!s) throw new Error("TabsTrigger must be used within Tabs");
+  const o = s.value === e, c = `${s.baseId}-trigger-${e}`, b = `${s.baseId}-content-${e}`, u = (g) => {
+    s.onChange(e), r?.(g);
   };
   return /* @__PURE__ */ l(
     "button",
@@ -32,56 +32,61 @@ const p = v(null), T = ({ defaultValue: t, value: s, onValueChange: r, children:
       id: c,
       tabIndex: o ? 0 : -1,
       "data-state": o ? "active" : "inactive",
-      className: d("ui-tabs-trigger", s),
+      className: d("ui-tabs-trigger", n),
       onClick: u,
       ...a,
-      children: r
+      children: i
     }
   );
-}, C = ({ value: t, className: s, children: r, ...i }) => {
+}, C = ({ value: e, className: n, children: i, ...r }) => {
   const a = f(p);
   if (!a) throw new Error("TabsContent must be used within Tabs");
-  const n = a.value === t, o = `${a.baseId}-trigger-${t}`, c = `${a.baseId}-content-${t}`;
-  return n ? /* @__PURE__ */ l(
+  const s = a.value === e, o = `${a.baseId}-trigger-${e}`, c = `${a.baseId}-content-${e}`;
+  return s ? /* @__PURE__ */ l(
     "div",
     {
       role: "tabpanel",
       id: c,
       "aria-labelledby": o,
       tabIndex: 0,
-      className: d("ui-tabs-content", s),
-      ...i,
-      children: r
+      className: d("ui-tabs-content", n),
+      ...r,
+      children: i
     }
   ) : null;
-}, L = Object.assign(T, {
-  List: m,
+}, k = Object.assign(m, {
+  List: T,
   Trigger: h,
   Content: C
 });
-T.displayName = "Tabs";
-m.displayName = "TabsList";
+m.displayName = "Tabs";
+T.displayName = "TabsList";
 h.displayName = "TabsTrigger";
 C.displayName = "TabsContent";
-T.propTypes = {
-  defaultValue: e.string,
-  value: e.string,
-  onValueChange: e.func,
-  children: e.node,
-  className: e.string
-};
 m.propTypes = {
-  children: e.node,
-  variant: e.oneOf(["line", "pills"])
+  defaultValue: t.string,
+  value: t.string,
+  onValueChange: t.func,
+  children: t.node,
+  className: t.string
+};
+T.propTypes = {
+  children: t.node,
+  variant: t.oneOf(["line", "pills"]),
+  className: t.string
 };
 h.propTypes = {
-  value: e.string.isRequired,
-  children: e.node
+  value: t.string.isRequired,
+  children: t.node,
+  className: t.string,
+  onClick: t.func,
+  disabled: t.bool
 };
 C.propTypes = {
-  value: e.string.isRequired,
-  children: e.node
+  value: t.string.isRequired,
+  children: t.node,
+  className: t.string
 };
 export {
-  L as Tabs
+  k as Tabs
 };

package/dist/esm/components/Typography/Heading.d.ts

@@ -1,9 +1,9 @@
-import { HTMLAttributes } from 'react';
+import { CSSProperties, ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
 
 /**
  * Heading typography component properties.
  */
-export interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
+export interface HeadingProps {
     /**
      * The heading level (h1-h6).
      * @default 1
@@ -17,5 +17,9 @@ export interface HeadingProps extends HTMLAttributes<HTMLHeadingElement> {
      * Clamps the text to a specific number of lines.
      */
     lines?: number;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    id?: string;
 }
-export declare const Heading: import('react').ForwardRefExoticComponent<HeadingProps & import('react').RefAttributes<HTMLHeadingElement>>;
+export declare const Heading: ForwardRefExoticComponent<HeadingProps & RefAttributes<HTMLHeadingElement>>;

package/dist/esm/components/Typography/Heading.js

@@ -1,35 +1,39 @@
-import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import { clsx as d } from "clsx";
-import * as t from "prop-types";
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { clsx as f } from "clsx";
+import * as e from "prop-types";
 /* empty css               */
-const a = l(
-  ({ className: i, children: m, level: e = 1, truncate: p, lines: o, style: r, ...n }, c) => {
-    const s = `h${e}`, u = o ? { ...r, "--ui-line-clamp": o } : r;
-    return /* @__PURE__ */ f(
-      s,
+const i = u(
+  ({ className: n, children: a, level: o = 1, truncate: m, lines: t, style: r, ...p }, s) => {
+    const c = `h${o}`, l = t ? { ...r, "--ui-line-clamp": t } : r;
+    return /* @__PURE__ */ d(
+      c,
       {
-        ref: c,
-        className: d(
+        ref: s,
+        className: f(
           "ui-heading",
-          `ui-heading-h${e}`,
-          p && "ui-text-truncate",
-          o && "ui-text-clamp",
-          i
+          `ui-heading-h${o}`,
+          m && "ui-text-truncate",
+          t && "ui-text-clamp",
+          n
         ),
-        style: u,
-        ...n,
-        children: m
+        style: l,
+        ...p,
+        children: a
       }
     );
   }
 );
-a.displayName = "Heading";
-a.propTypes = {
-  level: t.oneOf([1, 2, 3, 4, 5, 6]),
-  truncate: t.bool,
-  lines: t.number
+i.displayName = "Heading";
+i.propTypes = {
+  level: e.oneOf([1, 2, 3, 4, 5, 6]),
+  truncate: e.bool,
+  lines: e.number,
+  children: e.node,
+  className: e.string,
+  style: e.object,
+  id: e.string
 };
 export {
-  a as Heading
+  i as Heading
 };

package/dist/esm/components/Typography/Text.d.ts

@@ -1,9 +1,9 @@
-import { HTMLAttributes, ElementType } from 'react';
+import { ElementType, CSSProperties, ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
 
 /**
  * Text typography component properties.
  */
-export interface TextProps extends HTMLAttributes<HTMLElement> {
+export interface TextProps {
     /**
      * The value scale variant.
      * @default 'body'
@@ -30,5 +30,9 @@ export interface TextProps extends HTMLAttributes<HTMLElement> {
      * @default 'p'
      */
     as?: ElementType;
+    children?: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    id?: string;
 }
-export declare const Text: import('react').ForwardRefExoticComponent<TextProps & import('react').RefAttributes<HTMLElement>>;
+export declare const Text: ForwardRefExoticComponent<TextProps & RefAttributes<HTMLElement>>;

package/dist/esm/components/Typography/Text.js

@@ -1,27 +1,27 @@
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { clsx as b } from "clsx";
+import { jsx as x } from "react/jsx-runtime";
+import { forwardRef as b } from "react";
+import { clsx as f } from "clsx";
 import * as t from "prop-types";
 /* empty css               */
-const r = f(
-  ({ className: a, children: i, variant: p = "body", weight: o, muted: l, truncate: n, lines: e, as: u = "p", style: m, ...s }, x) => {
-    const c = e ? { ...m, "--ui-line-clamp": e } : m;
-    return /* @__PURE__ */ d(
-      u,
+const r = b(
+  ({ className: i, children: a, variant: l = "body", weight: o, muted: n, truncate: p, lines: e, as: s = "p", style: m, ...u }, c) => {
+    const d = e ? { ...m, "--ui-line-clamp": e } : m;
+    return /* @__PURE__ */ x(
+      s,
       {
-        ref: x,
-        className: b(
+        ref: c,
+        className: f(
           "ui-text",
-          `ui-text-${p}`,
+          `ui-text-${l}`,
           o && `ui-text-weight-${o}`,
-          l && "ui-text-muted",
-          n && "ui-text-truncate",
+          n && "ui-text-muted",
+          p && "ui-text-truncate",
           e && "ui-text-clamp",
-          a
+          i
         ),
-        style: c,
-        ...s,
-        children: i
+        style: d,
+        ...u,
+        children: a
       }
     );
   }
@@ -33,7 +33,11 @@ r.propTypes = {
   muted: t.bool,
   truncate: t.bool,
   lines: t.number,
-  as: t.elementType
+  as: t.elementType,
+  children: t.node,
+  className: t.string,
+  style: t.object,
+  id: t.string
 };
 export {
   r as Text

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinloger/dev-ui",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "type": "module",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",
@@ -26,8 +26,7 @@
   "dependencies": {
     "bootstrap": "^5.3.8",
     "clsx": "^2.1.0",
-    "prop-types": "^15.8.1",
-    "react-bootstrap": "^2.10.10"
+    "prop-types": "^15.8.1"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",