@coinloger/dev-ui 0.1.1 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/cjs/components/Badge/Badge.cjs +1 -1
  2. package/dist/cjs/components/Button/Button.cjs +1 -1
  3. package/dist/cjs/components/Card/Card.cjs +1 -1
  4. package/dist/cjs/components/Checkbox/Checkbox.cjs +1 -1
  5. package/dist/cjs/components/Container/Container.cjs +1 -1
  6. package/dist/cjs/components/Flex/Flex.cjs +1 -1
  7. package/dist/cjs/components/Flex/FlexItem.cjs +1 -1
  8. package/dist/cjs/components/Input/Input.cjs +1 -1
  9. package/dist/cjs/components/Modal/Modal.cjs +1 -1
  10. package/dist/cjs/components/Radio/Radio.cjs +1 -1
  11. package/dist/cjs/components/Select/Select.cjs +1 -1
  12. package/dist/cjs/components/Switch/Switch.cjs +1 -1
  13. package/dist/cjs/components/Table/Table.cjs +1 -1
  14. package/dist/cjs/components/Tabs/Tabs.cjs +1 -1
  15. package/dist/cjs/components/Typography/Heading.cjs +1 -1
  16. package/dist/cjs/components/Typography/Text.cjs +1 -1
  17. package/dist/cjs/theme.cjs +1 -1
  18. package/dist/esm/components/Badge/Badge.js +14 -22
  19. package/dist/esm/components/Button/Button.js +12 -24
  20. package/dist/esm/components/Card/Card.js +10 -18
  21. package/dist/esm/components/Checkbox/Checkbox.js +17 -33
  22. package/dist/esm/components/Container/Container.js +11 -18
  23. package/dist/esm/components/Flex/Flex.js +26 -44
  24. package/dist/esm/components/Flex/FlexItem.js +24 -38
  25. package/dist/esm/components/Input/Input.js +16 -46
  26. package/dist/esm/components/Modal/Modal.d.ts +0 -35
  27. package/dist/esm/components/Modal/Modal.js +60 -83
  28. package/dist/esm/components/Radio/Radio.js +16 -32
  29. package/dist/esm/components/Select/Select.d.ts +1 -17
  30. package/dist/esm/components/Select/Select.js +62 -79
  31. package/dist/esm/components/Switch/Switch.js +18 -34
  32. package/dist/esm/components/Table/Table.js +13 -22
  33. package/dist/esm/components/Tabs/Tabs.d.ts +0 -25
  34. package/dist/esm/components/Tabs/Tabs.js +45 -70
  35. package/dist/esm/components/Typography/Heading.js +15 -25
  36. package/dist/esm/components/Typography/Text.js +19 -32
  37. package/dist/esm/theme.d.ts +0 -5
  38. package/dist/esm/theme.js +11 -16
  39. package/package.json +15 -5
@@ -1 +1 @@
1
- "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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),n=require("react"),o=require("clsx");;/* empty css */const e=n.forwardRef(({className:r,children:a,variant:d="primary",size:i="md",shape:s="rounded",...u},t)=>c.jsx("span",{ref:t,className:o.clsx("ui-badge",`ui-badge-${d}`,`ui-badge-${i}`,`ui-badge-${s}`,r),...u,children:a}));e.displayName="Badge";exports.Badge=e;
@@ -1 +1 @@
1
- "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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("react"),a=require("clsx");;/* empty css */const t=c.forwardRef(({className:e,variant:r="primary",size:s="md",...n},u)=>{const o=a.clsx("ui-btn",`ui-btn-${r}`,`ui-btn-${s}`,e);return i.jsx("button",{ref:u,className:o,...n})});t.displayName="Button";exports.Button=t;
@@ -1 +1 @@
1
- "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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),n=require("clsx");;/* empty css */const a=l.forwardRef(({className:c,title:r,footer:s,children:d,...i},u)=>e.jsxs("div",{ref:u,className:n.clsx("ui-card",c),...i,children:[r&&e.jsx("div",{className:"ui-card__header",children:r}),e.jsx("div",{className:"ui-card__body",children:d}),s&&e.jsx("div",{className:"ui-card__footer",children:s})]}));a.displayName="Card";exports.Card=a;
@@ -1 +1 @@
1
- "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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),l=require("clsx");;/* empty css */const s=x.forwardRef(({className:r,label:c,error:a,disabled:o,size:i="md",variant:n="primary",...t},u)=>e.jsxs("label",{className:l.clsx("ui-checkbox-label",`ui-checkbox-${i}`,`ui-checkbox-${n}`,o&&"ui-checkbox-disabled",r),children:[e.jsx("input",{type:"checkbox",className:"ui-checkbox-input",disabled:o,ref:u,...t}),e.jsx("span",{className:"ui-checkbox-custom",children:e.jsx("svg",{className:"ui-checkbox-icon",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"20 6 9 17 4 12"})})}),c&&e.jsx("span",{className:"ui-checkbox-text",children:c})]}));s.displayName="Checkbox";exports.Checkbox=s;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),u=require("react"),p=require("clsx"),f=require("prop-types");;/* empty css */function d(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 o=d(f),s=u.forwardRef(({className:e,children:r,fluid:t=!1,as:n="div",...a},c)=>{const i=p.clsx("ui-container",t&&"ui-container--fluid",e);return l.jsx(n,{ref:c,className:i,...a,children:r})});s.displayName="Container";s.propTypes={fluid:o.bool,as:o.elementType,children:o.node,className:o.string};exports.Container=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("react"),l=require("clsx");;/* empty css */const e=u.forwardRef(({className:r,children:n,fluid:s=!1,as:t="div",...i},a)=>{const o=l.clsx("ui-container",s&&"ui-container--fluid",r);return c.jsx(t,{ref:a,className:o,...i,children:n})});e.displayName="Container";exports.Container=e;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),g=require("react"),w=require("clsx"),O=require("prop-types"),j=require("./FlexItem.cjs");;/* empty css */function v(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(s,r,o.get?o:{enumerable:!0,get:()=>t[r]})}}return s.default=t,Object.freeze(s)}const e=v(O),l=g.forwardRef(({className:t,children:s,direction:r="row",justify:o="start",align:c="stretch",wrap:u="nowrap",gap:n="md",inline:a=!1,as:f="div",style:m,...p},d)=>{const i=typeof n=="number"||typeof n=="string"&&!["sm","md","lg","xl"].includes(n),y=w.clsx(a?"ui-flex--inline":"ui-flex",`ui-flex--dir-${r}`,`ui-flex--justify-${o}`,`ui-flex--align-${c}`,`ui-flex--wrap-${u}`,!i&&n&&`ui-flex--gap-${n}`,t),x={...m,...i?{gap:n}:{}};return b.jsx(f,{ref:d,className:y,style:x,...p,children:s})});l.displayName="Flex";l.Item=j.FlexItem;l.propTypes={direction:e.oneOf(["row","column","row-reverse","column-reverse"]),justify:e.oneOf(["start","center","end","between","around","evenly"]),align:e.oneOf(["start","center","end","stretch","baseline"]),wrap:e.oneOf(["nowrap","wrap","wrap-reverse"]),gap:e.oneOfType([e.oneOf(["sm","md","lg","xl"]),e.number,e.string]),inline:e.bool,as:e.elementType,children:e.node,className:e.string,style:e.object,id:e.string};exports.Flex=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("react/jsx-runtime"),F=require("react"),$=require("clsx"),j=require("./FlexItem.cjs");;/* empty css */const s=F.forwardRef(({className:l,children:r,direction:i="row",justify:u="start",align:n="stretch",wrap:o="nowrap",gap:e="md",inline:c=!1,as:x="div",style:f,...m},a)=>{const t=typeof e=="number"||typeof e=="string"&&!["sm","md","lg","xl"].includes(e),d=$.clsx(c?"ui-flex--inline":"ui-flex",`ui-flex--dir-${i}`,`ui-flex--justify-${u}`,`ui-flex--align-${n}`,`ui-flex--wrap-${o}`,!t&&e&&`ui-flex--gap-${e}`,l),y={...f,...t?{gap:e}:{}};return q.jsx(x,{ref:a,className:d,style:y,...m,children:r})});s.displayName="Flex";s.Item=j.FlexItem;exports.Flex=s;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),b=require("react"),x=require("clsx"),O=require("prop-types");function T(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return o.default=r,Object.freeze(o)}const e=T(O),s=b.forwardRef(({className:r,children:o,grow:t,shrink:n,basis:i,flex:l,width:c,order:u,as:a="div",style:f,...m},p)=>{const d={...f,...t!==void 0&&{flexGrow:t===!0?1:t===!1?0:t},...n!==void 0&&{flexShrink:n===!0?1:n===!1?0:n},...i!==void 0&&{flexBasis:i},...l!==void 0&&{flex:l},...c!==void 0&&{width:c},...u!==void 0&&{order:u}};return y.jsx(a,{ref:p,className:x.clsx("ui-flex-item",r),style:d,...m,children:o})});s.displayName="Flex.Item";s.propTypes={grow:e.oneOfType([e.bool,e.number]),shrink:e.oneOfType([e.bool,e.number]),basis:e.oneOfType([e.string,e.number]),flex:e.oneOfType([e.string,e.number]),width:e.oneOfType([e.string,e.number]),order:e.number,as:e.elementType,children:e.node,className:e.string,style:e.object,id:e.string};exports.FlexItem=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react/jsx-runtime"),n=require("react"),y=require("clsx"),c=n.forwardRef(({className:u,children:a,grow:e,shrink:t,basis:l,flex:s,width:i,order:o,as:r="div",style:x,...d},m)=>{const f={...x,...e!==void 0&&{flexGrow:e===!0?1:e===!1?0:e},...t!==void 0&&{flexShrink:t===!0?1:t===!1?0:t},...l!==void 0&&{flexBasis:l},...s!==void 0&&{flex:s},...i!==void 0&&{width:i},...o!==void 0&&{order:o}};return v.jsx(r,{ref:m,className:y.clsx("ui-flex-item",u),style:f,...d,children:a})});c.displayName="Flex.Item";exports.FlexItem=c;
@@ -1 +1 @@
1
- "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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),i=require("clsx");;/* empty css */const l=n.forwardRef(({className:c,label:r,error:u,helperText:s,fullWidth:a,size:p="md",id:d,...o},x)=>{const t=d||n.useId();return e.jsxs("div",{className:i.clsx("ui-input-wrapper",a&&"ui-input-wrapper-full"),children:[r&&e.jsx("label",{htmlFor:t,className:"ui-label",children:r}),e.jsx("input",{ref:x,id:t,className:i.clsx("ui-input",`ui-input-${p}`,u&&"ui-input-error",c),...o}),s&&e.jsx("span",{className:i.clsx("ui-helper-text",u&&"ui-helper-text-error"),children:s})]})});l.displayName="Input";exports.Input=l;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("react"),k=require("react-dom"),a=require("clsx"),w=require("prop-types");;/* empty css */function C(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const l=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(t,s,l.get?l:{enumerable:!0,get:()=>e[s]})}}return t.default=e,Object.freeze(t)}const r=C(w),p=n.createContext(void 0),E=()=>{const e=n.useContext(p);if(!e)throw new Error("Modal compound components must be used within a Modal");return e},d=({children:e,className:t})=>{const{onClose:s}=E();return o.jsxs("div",{className:a.clsx("ui-modal-header",t),children:[o.jsx("h3",{className:"ui-modal-title",children:e}),o.jsx("button",{className:"ui-modal-close",onClick:s,"aria-label":"Close modal",children:o.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),o.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]})},i=({children:e,className:t})=>o.jsx("div",{className:a.clsx("ui-modal-body",t),children:e}),c=({children:e,className:t})=>o.jsx("div",{className:a.clsx("ui-modal-footer",t),children:e}),m=({isOpen:e,onClose:t,title:s,children:l,footer:y,size:h="md",className:j,closeOnBackdropClick:b=!0})=>{const x=n.useRef(null),[g,f]=n.useState(e);n.useEffect(()=>{e&&f(!0)},[e]);const v=()=>{e||f(!1)};if(n.useEffect(()=>{const u=N=>{N.key==="Escape"&&t()};return e&&(document.addEventListener("keydown",u),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",u),document.body.style.overflow=""}},[e,t]),!g)return null;const M=u=>{b&&u.target===x.current&&t()};return k.createPortal(o.jsx(p.Provider,{value:{onClose:t},children:o.jsx("div",{className:a.clsx("ui-modal-overlay",!e&&"ui-modal-closing"),ref:x,onClick:M,onAnimationEnd:v,children:o.jsx("div",{className:a.clsx("ui-modal",`ui-modal-${h}`,!e&&"ui-modal-closing",j),role:"dialog","aria-modal":"true",children:s?o.jsxs(o.Fragment,{children:[o.jsx(d,{children:s}),o.jsx(i,{children:l}),y&&o.jsx(c,{children:y})]}):l})})}),document.body)},q=Object.assign(m,{Header:d,Body:i,Footer:c});m.displayName="Modal";d.displayName="ModalHeader";i.displayName="ModalBody";c.displayName="ModalFooter";m.propTypes={isOpen:r.bool.isRequired,onClose:r.func.isRequired,title:r.node,children:r.node,footer:r.node,size:r.oneOf(["sm","md","lg","xl"]),className:r.string,closeOnBackdropClick:r.bool};d.propTypes={children:r.node,className:r.string};i.propTypes={children:r.node,className:r.string};c.propTypes={children:r.node,className:r.string};exports.Modal=q;exports.ModalBody=i;exports.ModalFooter=c;exports.ModalHeader=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("react"),g=require("react-dom"),a=require("clsx");;/* empty css */const y=l.createContext(void 0),w=()=>{const e=l.useContext(y);if(!e)throw new Error("Modal compound components must be used within a Modal");return e},r=({children:e,className:t})=>{const{onClose:d}=w();return o.jsxs("div",{className:a.clsx("ui-modal-header",t),children:[o.jsx("h3",{className:"ui-modal-title",children:e}),o.jsx("button",{className:"ui-modal-close",onClick:d,"aria-label":"Close modal",children:o.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[o.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),o.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]})},n=({children:e,className:t})=>o.jsx("div",{className:a.clsx("ui-modal-body",t),children:e}),i=({children:e,className:t})=>o.jsx("div",{className:a.clsx("ui-modal-footer",t),children:e}),h=({isOpen:e,onClose:t,title:d,children:c,footer:u,size:f="md",className:j,closeOnBackdropClick:v=!0})=>{const m=l.useRef(null),[M,x]=l.useState(e);l.useEffect(()=>{e&&x(!0)},[e]);const b=()=>{e||x(!1)};if(l.useEffect(()=>{const s=N=>{N.key==="Escape"&&t()};return e&&(document.addEventListener("keydown",s),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",s),document.body.style.overflow=""}},[e,t]),!M)return null;const k=s=>{v&&s.target===m.current&&t()};return g.createPortal(o.jsx(y.Provider,{value:{onClose:t},children:o.jsx("div",{className:a.clsx("ui-modal-overlay",!e&&"ui-modal-closing"),ref:m,onClick:k,onAnimationEnd:b,children:o.jsx("div",{className:a.clsx("ui-modal",`ui-modal-${f}`,!e&&"ui-modal-closing",j),role:"dialog","aria-modal":"true",children:d?o.jsxs(o.Fragment,{children:[o.jsx(r,{children:d}),o.jsx(n,{children:c}),u&&o.jsx(i,{children:u})]}):c})})}),document.body)},E=Object.assign(h,{Header:r,Body:n,Footer:i});h.displayName="Modal";r.displayName="ModalHeader";n.displayName="ModalBody";i.displayName="ModalFooter";exports.Modal=E;exports.ModalBody=n;exports.ModalFooter=i;exports.ModalHeader=r;
@@ -1 +1 @@
1
- "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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("react"),l=require("clsx");;/* empty css */const e=c.forwardRef(({className:s,label:r,error:n,disabled:a,size:o="md",variant:d="primary",...t},u)=>i.jsxs("label",{className:l.clsx("ui-radio-label",`ui-radio-${o}`,`ui-radio-${d}`,a&&"ui-radio-disabled",s),children:[i.jsx("input",{type:"radio",className:"ui-radio-input",disabled:a,ref:u,...t}),i.jsx("span",{className:"ui-radio-custom",children:i.jsx("span",{className:"ui-radio-dot"})}),r&&i.jsx("span",{className:"ui-radio-text",children:r})]}));e.displayName="Radio";exports.Radio=e;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),u=require("react"),o=require("clsx"),q=require("prop-types");;/* empty css */function E(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const i in n)if(i!=="default"){const d=Object.getOwnPropertyDescriptor(n,i);Object.defineProperty(r,i,d.get?d:{enumerable:!0,get:()=>n[i]})}}return r.default=n,Object.freeze(r)}const e=E(q),g=({options:n,value:r,onChange:i,placeholder:d="Select an option",label:x,error:h,helperText:v,disabled:m,fullWidth:y,size:w="md",className:N})=>{const[l,f]=u.useState(!1),[O,j]=u.useState("bottom"),c=u.useRef(null),b=n.find(t=>t.value===r),a=()=>{if(c.current){const t=c.current.getBoundingClientRect(),p=window.innerHeight-t.bottom,T=t.top;p<250&&T>p?j("top"):j("bottom")}},S=()=>{m||(l||a(),f(!l))},k=t=>{i&&i(t),f(!1)};return u.useEffect(()=>(l&&(window.addEventListener("resize",a),window.addEventListener("scroll",a,{capture:!0})),()=>{window.removeEventListener("resize",a),window.removeEventListener("scroll",a,{capture:!0})}),[l]),u.useEffect(()=>{const t=p=>{c.current&&!c.current.contains(p.target)&&f(!1)};return l&&document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t)}},[l]),s.jsxs("div",{className:o.clsx("ui-select-wrapper",y&&"ui-w-full",N),ref:c,style:{width:y?"100%":"auto"},children:[x&&s.jsx("label",{className:"ui-label",style:{marginBottom:"0.375rem",display:"block"},children:x}),s.jsxs("div",{className:"ui-select-input-container",children:[s.jsxs("button",{type:"button",className:o.clsx("ui-select-trigger",`ui-select-${w}`,h&&"ui-select-error",m&&"ui-select-disabled",l&&"ui-select-open"),onClick:S,disabled:m,"aria-haspopup":"listbox","aria-expanded":l,children:[s.jsx("span",{className:o.clsx(!b&&"ui-select-placeholder"),children:b?b.label:d}),s.jsx("svg",{className:"ui-select-icon",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:s.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),l&&s.jsxs("ul",{className:o.clsx("ui-select-menu",O==="top"&&"ui-select-menu-top"),role:"listbox",children:[n.map(t=>s.jsx("li",{className:o.clsx("ui-select-option",t.value===r&&"ui-select-selected"),onClick:()=>k(t.value),role:"option","aria-selected":t.value===r,children:t.label},t.value)),n.length===0&&s.jsx("li",{className:"ui-select-option",style:{color:"var(--ui-text-muted)",cursor:"default"},children:"No options"})]})]}),v&&s.jsx("span",{className:o.clsx("ui-helper-text",h&&"ui-helper-text-error"),style:{marginTop:"0.375rem",display:"block"},children:v})]})};g.displayName="Select";g.propTypes={options:e.arrayOf(e.shape({value:e.oneOfType([e.string,e.number]).isRequired,label:e.string.isRequired})).isRequired,value:e.oneOfType([e.string,e.number]),onChange:e.func,placeholder:e.string,label:e.string,error:e.bool,helperText:e.string,disabled:e.bool,fullWidth:e.bool,size:e.oneOf(["sm","md","lg","xl"]),className:e.string};exports.Select=g;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("react"),l=require("clsx");;/* empty css */const b=({options:o,value:a,onChange:p,placeholder:j="Select an option",label:x,error:f,helperText:h,disabled:u,fullWidth:v,size:g="md",className:N})=>{const[s,d]=c.useState(!1),[y,w]=c.useState("bottom"),n=c.useRef(null),m=o.find(e=>e.value===a),i=()=>{if(n.current){const e=n.current.getBoundingClientRect(),r=window.innerHeight-e.bottom,E=e.top;r<250&&E>r?w("top"):w("bottom")}},k=()=>{u||(s||i(),d(!s))},S=e=>{p&&p(e),d(!1)};return c.useEffect(()=>(s&&(window.addEventListener("resize",i),window.addEventListener("scroll",i,{capture:!0})),()=>{window.removeEventListener("resize",i),window.removeEventListener("scroll",i,{capture:!0})}),[s]),c.useEffect(()=>{const e=r=>{n.current&&!n.current.contains(r.target)&&d(!1)};return s&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[s]),t.jsxs("div",{className:l.clsx("ui-select-wrapper",v&&"ui-w-full",N),ref:n,style:{width:v?"100%":"auto"},children:[x&&t.jsx("label",{className:"ui-label",style:{marginBottom:"0.375rem",display:"block"},children:x}),t.jsxs("div",{className:"ui-select-input-container",children:[t.jsxs("button",{type:"button",className:l.clsx("ui-select-trigger",`ui-select-${g}`,f&&"ui-select-error",u&&"ui-select-disabled",s&&"ui-select-open"),onClick:k,disabled:u,"aria-haspopup":"listbox","aria-expanded":s,children:[t.jsx("span",{className:l.clsx(!m&&"ui-select-placeholder"),children:m?m.label:j}),t.jsx("svg",{className:"ui-select-icon",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})})]}),s&&t.jsxs("ul",{className:l.clsx("ui-select-menu",y==="top"&&"ui-select-menu-top"),role:"listbox",children:[o.map(e=>t.jsx("li",{className:l.clsx("ui-select-option",e.value===a&&"ui-select-selected"),onClick:()=>S(e.value),role:"option","aria-selected":e.value===a,children:e.label},e.value)),o.length===0&&t.jsx("li",{className:"ui-select-option",style:{color:"var(--ui-text-muted)",cursor:"default"},children:"No options"})]})]}),h&&t.jsx("span",{className:l.clsx("ui-helper-text",f&&"ui-helper-text-error"),style:{marginTop:"0.375rem",display:"block"},children:h})]})};b.displayName="Select";exports.Select=b;
@@ -1 +1 @@
1
- "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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("react"),n=require("clsx");;/* empty css */const c=l.forwardRef(({className:t,label:i,error:w,disabled:e,size:r="md",variant:a="primary",...u},h)=>s.jsxs("label",{className:n.clsx("ui-switch-label",`ui-switch-${r}`,`ui-switch-${a}`,e&&"ui-switch-disabled",t),children:[s.jsx("input",{type:"checkbox",className:"ui-switch-input",disabled:e,ref:h,role:"switch",...u}),s.jsx("span",{className:"ui-switch-track",children:s.jsx("span",{className:"ui-switch-thumb"})}),i&&s.jsx("span",{className:"ui-switch-text",children:i})]}));c.displayName="Switch";exports.Switch=c;
@@ -1 +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 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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react");;/* empty css */const r=c.forwardRef(({className:t,bordered:a=!0,striped:s,hover:i,size:l="md",children:o,...u},b)=>{const n=["ui-table",a&&"ui-table-bordered",s&&"ui-table-striped",i&&"ui-table-hover",l==="sm"&&"ui-table-sm",t].filter(Boolean).join(" ");return e.jsx("div",{className:"ui-table-responsive",children:e.jsx("table",{ref:b,className:n,...u,children:o})})});r.displayName="Table";exports.Table=r;
@@ -1 +1 @@
1
- "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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),l=require("react"),b=require("clsx");;/* empty css */const T=l.createContext(null),C=({defaultValue:t,value:s,onValueChange:a,children:r,className:n})=>{const[e,i]=l.useState(t||""),o=s!==void 0,d=o?s:e,u=l.useId(),g=x=>{o||i(x),a?.(x)};return c.jsx(T.Provider,{value:{value:d,onChange:g,baseId:u},children:c.jsx("div",{className:b.clsx("ui-tabs",n),children:r})})},I=({className:t,children:s,variant:a="line",...r})=>c.jsx("div",{role:"tablist",className:b.clsx("ui-tabs-list",`ui-tabs-list-${a}`,t),...r,children:s}),m=({value:t,className:s,children:a,onClick:r,...n})=>{const e=l.useContext(T);if(!e)throw new Error("TabsTrigger must be used within Tabs");const i=e.value===t,o=`${e.baseId}-trigger-${t}`,d=`${e.baseId}-content-${t}`,u=g=>{e.onChange(t),r?.(g)};return c.jsx("button",{type:"button",role:"tab","aria-selected":i,"aria-controls":d,id:o,tabIndex:i?0:-1,"data-state":i?"active":"inactive",className:b.clsx("ui-tabs-trigger",s),onClick:u,...n,children:a})},h=({value:t,className:s,children:a,...r})=>{const n=l.useContext(T);if(!n)throw new Error("TabsContent must be used within Tabs");const e=n.value===t,i=`${n.baseId}-trigger-${t}`,o=`${n.baseId}-content-${t}`;return e?c.jsx("div",{role:"tabpanel",id:o,"aria-labelledby":i,tabIndex:0,className:b.clsx("ui-tabs-content",s),...r,children:a}):null},$=Object.assign(C,{List:I,Trigger:m,Content:h});C.displayName="Tabs";I.displayName="TabsList";m.displayName="TabsTrigger";h.displayName="TabsContent";exports.Tabs=$;
@@ -1 +1 @@
1
- "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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),l=require("react"),m=require("clsx");;/* empty css */const r=l.forwardRef(({className:a,children:n,level:t=1,truncate:c,lines:e,style:i,...u},o)=>{const s=`h${t}`,d=e?{...i,"--ui-line-clamp":e}:i;return g.jsx(s,{ref:o,className:m.clsx("ui-heading",`ui-heading-h${t}`,c&&"ui-text-truncate",e&&"ui-text-clamp",a),style:d,...u,children:n})});r.displayName="Heading";exports.Heading=r;
@@ -1 +1 @@
1
- "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;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),p=require("react"),y=require("clsx");;/* empty css */const u=p.forwardRef(({className:c,children:i,variant:o="body",weight:e,muted:s,truncate:x,lines:t,as:a="p",style:r,...n},l)=>{const m=t?{...r,"--ui-line-clamp":t}:r;return d.jsx(a,{ref:l,className:y.clsx("ui-text",`ui-text-${o}`,e&&`ui-text-weight-${e}`,s&&"ui-text-muted",x&&"ui-text-truncate",t&&"ui-text-clamp",c),style:m,...n,children:i})});u.displayName="Text";exports.Text=u;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),f=require("react"),y=require("prop-types");function l(o){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(s,e,r.get?r:{enumerable:!0,get:()=>o[e]})}}return s.default=o,Object.freeze(s)}const u=l(y);function d(o){return o&&typeof o=="object"&&!Array.isArray(o)}function b(o){const s={},e=(r,t)=>{Object.keys(r).forEach(i=>{const n=r[i],a=`${t}-${i}`;d(n)?e(n,a):s[`-${a}`]=n})};return o.colors&&Object.keys(o.colors).forEach(r=>{s[`--ui-${r}`]=o.colors[r]}),o.components&&Object.keys(o.components).forEach(r=>{const t=o.components[r];t&&e(t,`-ui-${r.toLowerCase()}`)}),o.spacing&&e(o.spacing,"-ui-spacing"),o.radius&&e(o.radius,"-ui-radius"),o.shadows&&e(o.shadows,"-ui-shadow"),o.typography&&e(o.typography,"-ui-typography"),s}const c=({theme:o,children:s})=>{const e=f.useMemo(()=>b(o),[o]);return p.jsx("div",{style:{display:"contents",...e},children:s})};c.displayName="ThemeProvider";c.propTypes={theme:u.object.isRequired,children:u.node};exports.ThemeProvider=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),y=require("react");function f(s){return s&&typeof s=="object"&&!Array.isArray(s)}function p(s){const i={},o=(r,n)=>{Object.keys(r).forEach(a=>{const c=r[a],t=`${n}-${a}`;f(c)?o(c,t):i[`-${t}`]=c})};return s.colors&&Object.keys(s.colors).forEach(r=>{i[`--ui-${r}`]=s.colors[r]}),s.components&&Object.keys(s.components).forEach(r=>{const n=s.components[r];n&&o(n,`-ui-${r.toLowerCase()}`)}),s.spacing&&o(s.spacing,"-ui-spacing"),s.radius&&o(s.radius,"-ui-radius"),s.shadows&&o(s.shadows,"-ui-shadow"),s.typography&&o(s.typography,"-ui-typography"),i}const e=({theme:s,children:i})=>{const o=y.useMemo(()=>p(s),[s]);return u.jsx("div",{style:{display:"contents",...o},children:i})};e.displayName="ThemeProvider";exports.ThemeProvider=e;
@@ -1,33 +1,25 @@
1
- import { jsx as n } from "react/jsx-runtime";
2
- import { forwardRef as t } from "react";
3
- import { clsx as g } from "clsx";
4
- import * as r from "prop-types";
1
+ import { jsx as p } from "react/jsx-runtime";
2
+ import { forwardRef as s } from "react";
3
+ import { clsx as t } from "clsx";
5
4
  /* empty css */
6
- const e = t(
7
- ({ className: a, children: o, variant: s = "primary", size: i = "md", shape: d = "rounded", ...m }, p) => /* @__PURE__ */ n(
5
+ const g = s(
6
+ ({ className: r, children: a, variant: e = "primary", size: d = "md", shape: m = "rounded", ...o }, i) => /* @__PURE__ */ p(
8
7
  "span",
9
8
  {
10
- ref: p,
11
- className: g(
9
+ ref: i,
10
+ className: t(
12
11
  "ui-badge",
13
- `ui-badge-${s}`,
14
- `ui-badge-${i}`,
12
+ `ui-badge-${e}`,
15
13
  `ui-badge-${d}`,
16
- a
14
+ `ui-badge-${m}`,
15
+ r
17
16
  ),
18
- ...m,
19
- children: o
17
+ ...o,
18
+ children: a
20
19
  }
21
20
  )
22
21
  );
23
- e.displayName = "Badge";
24
- e.propTypes = {
25
- variant: r.oneOf(["primary", "success", "warning", "danger", "neutral"]),
26
- size: r.oneOf(["sm", "md", "lg"]),
27
- shape: r.oneOf(["rounded", "pill"]),
28
- children: r.node,
29
- className: r.string
30
- };
22
+ g.displayName = "Badge";
31
23
  export {
32
- e as Badge
24
+ g as Badge
33
25
  };
@@ -1,31 +1,19 @@
1
- import { jsx as m } from "react/jsx-runtime";
2
- import { forwardRef as u } from "react";
3
- import { clsx as l } from "clsx";
4
- import * as o from "prop-types";
1
+ import { jsx as n } from "react/jsx-runtime";
2
+ import { forwardRef as a } from "react";
3
+ import { clsx as p } from "clsx";
5
4
  /* empty css */
6
- const t = u(
7
- ({ className: s, variant: e = "primary", size: n = "md", ...r }, i) => {
8
- const a = l(
5
+ const u = a(
6
+ ({ className: t, variant: o = "primary", size: r = "md", ...m }, s) => {
7
+ const i = p(
9
8
  "ui-btn",
10
- `ui-btn-${e}`,
11
- `ui-btn-${n}`,
12
- s
9
+ `ui-btn-${o}`,
10
+ `ui-btn-${r}`,
11
+ t
13
12
  );
14
- return /* @__PURE__ */ m("button", { ref: i, className: a, ...r });
13
+ return /* @__PURE__ */ n("button", { ref: s, className: i, ...m });
15
14
  }
16
15
  );
17
- t.displayName = "Button";
18
- t.propTypes = {
19
- variant: o.oneOf(["primary", "secondary", "outline", "danger", "success", "warning", "ghost", "outline-danger", "outline-success", "outline-warning"]),
20
- size: o.oneOf(["sm", "md", "lg", "xl"]),
21
- children: o.node,
22
- onClick: o.func,
23
- className: o.string,
24
- type: o.oneOf(["button", "submit", "reset"]),
25
- disabled: o.bool,
26
- autoFocus: o.bool,
27
- style: o.object
28
- };
16
+ u.displayName = "Button";
29
17
  export {
30
- t as Button
18
+ u as Button
31
19
  };
@@ -1,23 +1,15 @@
1
- import { jsxs as l, jsx as e } from "react/jsx-runtime";
2
- import { forwardRef as p } from "react";
3
- import { clsx as t } from "clsx";
4
- import * as r from "prop-types";
1
+ import { jsxs as m, jsx as r } from "react/jsx-runtime";
2
+ import { forwardRef as o } from "react";
3
+ import { clsx as l } from "clsx";
5
4
  /* empty css */
6
- const o = p(
7
- ({ className: s, title: a, footer: d, children: i, ...c }, m) => /* @__PURE__ */ l("div", { ref: m, className: t("ui-card", s), ...c, children: [
8
- a && /* @__PURE__ */ e("div", { className: "ui-card__header", children: a }),
9
- /* @__PURE__ */ e("div", { className: "ui-card__body", children: i }),
10
- d && /* @__PURE__ */ e("div", { className: "ui-card__footer", children: d })
5
+ const p = o(
6
+ ({ className: i, title: a, footer: d, children: s, ...c }, e) => /* @__PURE__ */ m("div", { ref: e, className: l("ui-card", i), ...c, children: [
7
+ a && /* @__PURE__ */ r("div", { className: "ui-card__header", children: a }),
8
+ /* @__PURE__ */ r("div", { className: "ui-card__body", children: s }),
9
+ d && /* @__PURE__ */ r("div", { className: "ui-card__footer", children: d })
11
10
  ] })
12
11
  );
13
- o.displayName = "Card";
14
- o.propTypes = {
15
- title: r.node,
16
- footer: r.node,
17
- children: r.node,
18
- className: r.string,
19
- style: r.object
20
- };
12
+ p.displayName = "Card";
21
13
  export {
22
- o as Card
14
+ p as Card
23
15
  };
@@ -1,31 +1,30 @@
1
- import { jsxs as m, jsx as o } from "react/jsx-runtime";
2
- import { forwardRef as p } from "react";
3
- import { clsx as u } from "clsx";
4
- import * as e from "prop-types";
1
+ import { jsxs as l, jsx as e } from "react/jsx-runtime";
2
+ import { forwardRef as t } from "react";
3
+ import { clsx as x } from "clsx";
5
4
  /* empty css */
6
- const i = p(
7
- ({ className: s, label: r, error: b, disabled: c, size: n = "md", variant: a = "primary", ...l }, t) => /* @__PURE__ */ m(
5
+ const m = t(
6
+ ({ className: r, label: o, error: h, disabled: c, size: i = "md", variant: s = "primary", ...n }, a) => /* @__PURE__ */ l(
8
7
  "label",
9
8
  {
10
- className: u(
9
+ className: x(
11
10
  "ui-checkbox-label",
12
- `ui-checkbox-${n}`,
13
- `ui-checkbox-${a}`,
11
+ `ui-checkbox-${i}`,
12
+ `ui-checkbox-${s}`,
14
13
  c && "ui-checkbox-disabled",
15
- s
14
+ r
16
15
  ),
17
16
  children: [
18
- /* @__PURE__ */ o(
17
+ /* @__PURE__ */ e(
19
18
  "input",
20
19
  {
21
20
  type: "checkbox",
22
21
  className: "ui-checkbox-input",
23
22
  disabled: c,
24
- ref: t,
25
- ...l
23
+ ref: a,
24
+ ...n
26
25
  }
27
26
  ),
28
- /* @__PURE__ */ o("span", { className: "ui-checkbox-custom", children: /* @__PURE__ */ o(
27
+ /* @__PURE__ */ e("span", { className: "ui-checkbox-custom", children: /* @__PURE__ */ e(
29
28
  "svg",
30
29
  {
31
30
  className: "ui-checkbox-icon",
@@ -34,30 +33,15 @@ const i = p(
34
33
  stroke: "currentColor",
35
34
  strokeLinecap: "round",
36
35
  strokeLinejoin: "round",
37
- children: /* @__PURE__ */ o("polyline", { points: "20 6 9 17 4 12" })
36
+ children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" })
38
37
  }
39
38
  ) }),
40
- r && /* @__PURE__ */ o("span", { className: "ui-checkbox-text", children: r })
39
+ o && /* @__PURE__ */ e("span", { className: "ui-checkbox-text", children: o })
41
40
  ]
42
41
  }
43
42
  )
44
43
  );
45
- i.displayName = "Checkbox";
46
- i.propTypes = {
47
- label: e.node,
48
- error: e.bool,
49
- size: e.oneOf(["sm", "md", "lg", "xl"]),
50
- variant: e.oneOf(["primary", "success", "warning", "danger"]),
51
- checked: e.bool,
52
- defaultChecked: e.bool,
53
- onChange: e.func,
54
- name: e.string,
55
- value: e.oneOfType([e.string, e.number]),
56
- disabled: e.bool,
57
- required: e.bool,
58
- id: e.string,
59
- className: e.string
60
- };
44
+ m.displayName = "Checkbox";
61
45
  export {
62
- i as Checkbox
46
+ m as Checkbox
63
47
  };
@@ -1,31 +1,24 @@
1
- import { jsx as p } from "react/jsx-runtime";
2
- import { forwardRef as l } from "react";
1
+ import { jsx as n } from "react/jsx-runtime";
2
+ import { forwardRef as m } from "react";
3
3
  import { clsx as c } from "clsx";
4
- import * as o from "prop-types";
5
4
  /* empty css */
6
- const r = l(
5
+ const f = m(
7
6
  ({
8
- className: e,
9
- children: s,
7
+ className: r,
8
+ children: o,
10
9
  fluid: i = !1,
11
10
  as: a = "div",
12
- ...n
11
+ ...s
13
12
  }, t) => {
14
- const m = c(
13
+ const e = c(
15
14
  "ui-container",
16
15
  i && "ui-container--fluid",
17
- e
16
+ r
18
17
  );
19
- return /* @__PURE__ */ p(a, { ref: t, className: m, ...n, children: s });
18
+ return /* @__PURE__ */ n(a, { ref: t, className: e, ...s, children: o });
20
19
  }
21
20
  );
22
- r.displayName = "Container";
23
- r.propTypes = {
24
- fluid: o.bool,
25
- as: o.elementType,
26
- children: o.node,
27
- className: o.string
28
- };
21
+ f.displayName = "Container";
29
22
  export {
30
- r as Container
23
+ f as Container
31
24
  };
@@ -1,57 +1,39 @@
1
- import { jsx as w } from "react/jsx-runtime";
2
- import { forwardRef as b } from "react";
3
- import { clsx as O } from "clsx";
4
- import * as e from "prop-types";
5
- import { FlexItem as g } from "./FlexItem.js";
1
+ import { jsx as y } from "react/jsx-runtime";
2
+ import { forwardRef as $ } from "react";
3
+ import { clsx as w } from "clsx";
4
+ import { FlexItem as F } from "./FlexItem.js";
6
5
  /* empty css */
7
- const s = b(
6
+ const s = $(
8
7
  ({
9
- className: o,
10
- children: n,
11
- direction: i = "row",
12
- justify: l = "start",
8
+ className: i,
9
+ children: l,
10
+ direction: r = "row",
11
+ justify: o = "start",
13
12
  align: m = "stretch",
14
13
  wrap: f = "nowrap",
15
- gap: r = "md",
16
- inline: a = !1,
17
- as: p = "div",
18
- style: c,
19
- ...u
20
- }, d) => {
21
- const t = typeof r == "number" || typeof r == "string" && !["sm", "md", "lg", "xl"].includes(r), x = O(
22
- a ? "ui-flex--inline" : "ui-flex",
23
- `ui-flex--dir-${i}`,
24
- `ui-flex--justify-${l}`,
14
+ gap: e = "md",
15
+ inline: x = !1,
16
+ as: u = "div",
17
+ style: n,
18
+ ...c
19
+ }, a) => {
20
+ const t = typeof e == "number" || typeof e == "string" && !["sm", "md", "lg", "xl"].includes(e), p = w(
21
+ x ? "ui-flex--inline" : "ui-flex",
22
+ `ui-flex--dir-${r}`,
23
+ `ui-flex--justify-${o}`,
25
24
  `ui-flex--align-${m}`,
26
25
  `ui-flex--wrap-${f}`,
27
- !t && r && `ui-flex--gap-${r}`,
28
- o
29
- ), y = {
30
- ...c,
31
- ...t ? { gap: r } : {}
26
+ !t && e && `ui-flex--gap-${e}`,
27
+ i
28
+ ), d = {
29
+ ...n,
30
+ ...t ? { gap: e } : {}
32
31
  };
33
- return /* @__PURE__ */ w(p, { ref: d, className: x, style: y, ...u, children: n });
32
+ return /* @__PURE__ */ y(u, { ref: a, className: p, style: d, ...c, children: l });
34
33
  }
35
34
  );
36
35
  s.displayName = "Flex";
37
- s.Item = g;
38
- s.propTypes = {
39
- direction: e.oneOf(["row", "column", "row-reverse", "column-reverse"]),
40
- justify: e.oneOf(["start", "center", "end", "between", "around", "evenly"]),
41
- align: e.oneOf(["start", "center", "end", "stretch", "baseline"]),
42
- wrap: e.oneOf(["nowrap", "wrap", "wrap-reverse"]),
43
- gap: e.oneOfType([
44
- e.oneOf(["sm", "md", "lg", "xl"]),
45
- e.number,
46
- e.string
47
- ]),
48
- inline: e.bool,
49
- as: e.elementType,
50
- children: e.node,
51
- className: e.string,
52
- style: e.object,
53
- id: e.string
54
- };
36
+ s.Item = F;
55
37
  export {
56
38
  s as Flex
57
39
  };
@@ -1,47 +1,33 @@
1
- import { jsx as b } from "react/jsx-runtime";
2
- import { forwardRef as x } from "react";
3
- import { clsx as c } from "clsx";
4
- import * as e from "prop-types";
5
- const n = x(
1
+ import { jsx as c } from "react/jsx-runtime";
2
+ import { forwardRef as p } from "react";
3
+ import { clsx as u } from "clsx";
4
+ const y = p(
6
5
  ({
7
- className: l,
8
- children: f,
9
- grow: o,
10
- shrink: r,
11
- basis: s,
12
- flex: t,
6
+ className: i,
7
+ children: s,
8
+ grow: e,
9
+ shrink: o,
10
+ basis: t,
11
+ flex: l,
13
12
  width: m,
14
- order: i,
15
- as: p = "div",
16
- style: a,
13
+ order: f,
14
+ as: a = "div",
15
+ style: x,
17
16
  ...d
18
- }, y) => {
19
- const u = {
20
- ...a,
21
- ...o !== void 0 && { flexGrow: o === !0 ? 1 : o === !1 ? 0 : o },
22
- ...r !== void 0 && { flexShrink: r === !0 ? 1 : r === !1 ? 0 : r },
23
- ...s !== void 0 && { flexBasis: s },
24
- ...t !== void 0 && { flex: t },
17
+ }, r) => {
18
+ const v = {
19
+ ...x,
20
+ ...e !== void 0 && { flexGrow: e === !0 ? 1 : e === !1 ? 0 : e },
21
+ ...o !== void 0 && { flexShrink: o === !0 ? 1 : o === !1 ? 0 : o },
22
+ ...t !== void 0 && { flexBasis: t },
23
+ ...l !== void 0 && { flex: l },
25
24
  ...m !== void 0 && { width: m },
26
- ...i !== void 0 && { order: i }
25
+ ...f !== void 0 && { order: f }
27
26
  };
28
- return /* @__PURE__ */ b(p, { ref: y, className: c("ui-flex-item", l), style: u, ...d, children: f });
27
+ return /* @__PURE__ */ c(a, { ref: r, className: u("ui-flex-item", i), style: v, ...d, children: s });
29
28
  }
30
29
  );
31
- n.displayName = "Flex.Item";
32
- n.propTypes = {
33
- grow: e.oneOfType([e.bool, e.number]),
34
- shrink: e.oneOfType([e.bool, e.number]),
35
- basis: e.oneOfType([e.string, e.number]),
36
- flex: e.oneOfType([e.string, e.number]),
37
- width: e.oneOfType([e.string, e.number]),
38
- order: e.number,
39
- as: e.elementType,
40
- children: e.node,
41
- className: e.string,
42
- style: e.object,
43
- id: e.string
44
- };
30
+ y.displayName = "Flex.Item";
45
31
  export {
46
- n as FlexItem
32
+ y as FlexItem
47
33
  };