npm - @iziui/react - Versions diffs - 0.0.81-rc → 0.0.83-rc - Mend

@iziui/react 0.0.81-rc → 0.0.83-rc

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 (145) hide show

package/dist/components/Alert/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{A as b}from"../../chunks/Alert-Em-sG89m.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Stack-DK5pfu2w.js";import"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Typography-BIZP_DtQ.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/ButtonIcon-CsX4oYeI.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-CCIgEwA9.js";export{b as default};
+import{A as b}from"../../chunks/Alert-CfWsx3_B.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Stack-Dlu_ElTj.js";import"../../chunks/createComponent-DVEGAquv.js";import"../../chunks/useTheme-0mDIfCdt.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Typography-B42YJj-C.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/ButtonIcon-STwpOc8f.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-Dx0Z3SpU.js";export{b as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Avatar/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),t=require("../../chunks/index-DYxwT4uW.cjs"),f=require("../../chunks/joinClass-Jk3EszKD.cjs"),d=require("../../chunks/Ripple-Dy4i91j1.cjs"),g=require("../../chunks/createComponent-CTufIEiN.cjs"),v=require("../../chunks/Icon-COl2Nhp9.cjs"),x=require("../../chunks/Typography-CAQXUFSQ.cjs");require("react");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");function s(e){return e.normalize("NFD").trim().toLowerCase().replace(/a-zA-Z0-9_.-+/g,"").replace(/_/g,"").replace(/[^\w\s]/gi,"")}function m(e){const a=e.trim().split(" "),i=a.length===1,r=s(a[0]).charAt(0).toLocaleUpperCase(),c=i?s(a[0]).charAt(1).toLocaleUpperCase():s(a.reverse()[0]).charAt(0).toLocaleUpperCase();return r+c}function y({src:e,alt:a,name:i,size:r=40,variant:c="circular",color:u="primary",icon:l,...n}){const h=f.joinClass(`${t.prefix}-avatar`,`${t.prefix}-avatar--${c}`,`${t.prefix}-avatar--${u}`,e&&`${t.prefix}-avatar--image`,i&&`${t.prefix}-avatar--name`,!e&&!i||l&&`${t.prefix}-avatar--icon`,n.onClick&&`${t.prefix}-avatar--clickable`,n.className),p=()=>e?o.jsx("img",{src:e,alt:a,width:r,height:r,sizes:"100vw",loading:"lazy",style:{width:"100%",height:"auto"}}):i?o.jsx(x.Typography,{style:{fontSize:r/2,color:"currentColor"},children:m(i)}):l||o.jsx(v.Icon,{name:"user",size:r/1.6,style:{color:"currentColor"}});return o.jsxs("div",{...n,style:{width:r,height:r,...n.style},className:h,children:[p(),n.children,n.onClick&&o.jsx(d.Ripple,{})]})}const C=g.createComponent(y);exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),t=require("../../chunks/index-DYxwT4uW.cjs"),f=require("../../chunks/joinClass-Jk3EszKD.cjs"),d=require("../../chunks/Ripple-Dy4i91j1.cjs"),g=require("../../chunks/createComponent-D4pr5s4h.cjs"),v=require("../../chunks/Icon-juPkJl8j.cjs"),x=require("../../chunks/Typography-DB7X2B0d.cjs");require("react");require("../../chunks/useTheme-JY_BIRt8.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");function s(e){return e.normalize("NFD").trim().toLowerCase().replace(/a-zA-Z0-9_.-+/g,"").replace(/_/g,"").replace(/[^\w\s]/gi,"")}function m(e){const a=e.trim().split(" "),i=a.length===1,r=s(a[0]).charAt(0).toLocaleUpperCase(),c=i?s(a[0]).charAt(1).toLocaleUpperCase():s(a.reverse()[0]).charAt(0).toLocaleUpperCase();return r+c}function y({src:e,alt:a,name:i,size:r=40,variant:c="circular",color:u="primary",icon:l,...n}){const h=f.joinClass(`${t.prefix}-avatar`,`${t.prefix}-avatar--${c}`,`${t.prefix}-avatar--${u}`,e&&`${t.prefix}-avatar--image`,i&&`${t.prefix}-avatar--name`,!e&&!i||l&&`${t.prefix}-avatar--icon`,n.onClick&&`${t.prefix}-avatar--clickable`,n.className),p=()=>e?o.jsx("img",{src:e,alt:a,width:r,height:r,sizes:"100vw",loading:"lazy",style:{width:"100%",height:"auto"}}):i?o.jsx(x.Typography,{style:{fontSize:r/2,color:"currentColor"},children:m(i)}):l||o.jsx(v.Icon,{name:"user",size:r/1.6,style:{color:"currentColor"}});return o.jsxs("div",{...n,style:{width:r,height:r,...n.style},className:h,children:[p(),n.children,n.onClick&&o.jsx(d.Ripple,{})]})}const C=g.createComponent(y);exports.default=C;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Avatar/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as h,jsx as n}from"react/jsx-runtime";import{p as r}from"../../chunks/index-CZ41y9Hn.js";import{j as u}from"../../chunks/joinClass-anSpaauN.js";import{R as g}from"../../chunks/Ripple-Bq9bxg4k.js";import{c as v}from"../../chunks/createComponent-WNQRXK89.js";import{I as d}from"../../chunks/Icon-CCIgEwA9.js";import{T as C}from"../../chunks/Typography-BIZP_DtQ.js";import"react";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";function s(t){return t.normalize("NFD").trim().toLowerCase().replace(/a-zA-Z0-9_.-+/g,"").replace(/_/g,"").replace(/[^\w\s]/gi,"")}function y(t){const e=t.trim().split(" "),o=e.length===1,a=s(e[0]).charAt(0).toLocaleUpperCase(),l=o?s(e[0]).charAt(1).toLocaleUpperCase():s(e.reverse()[0]).charAt(0).toLocaleUpperCase();return a+l}function $({src:t,alt:e,name:o,size:a=40,variant:l="circular",color:m="primary",icon:c,...i}){const p=u(`${r}-avatar`,`${r}-avatar--${l}`,`${r}-avatar--${m}`,t&&`${r}-avatar--image`,o&&`${r}-avatar--name`,!t&&!o||c&&`${r}-avatar--icon`,i.onClick&&`${r}-avatar--clickable`,i.className),f=()=>t?n("img",{src:t,alt:e,width:a,height:a,sizes:"100vw",loading:"lazy",style:{width:"100%",height:"auto"}}):o?n(C,{style:{fontSize:a/2,color:"currentColor"},children:y(o)}):c||n(d,{name:"user",size:a/1.6,style:{color:"currentColor"}});return h("div",{...i,style:{width:a,height:a,...i.style},className:p,children:[f(),i.children,i.onClick&&n(g,{})]})}const R=v($);export{R as default};
+import{jsxs as h,jsx as n}from"react/jsx-runtime";import{p as r}from"../../chunks/index-CZ41y9Hn.js";import{j as u}from"../../chunks/joinClass-anSpaauN.js";import{R as g}from"../../chunks/Ripple-Bq9bxg4k.js";import{c as v}from"../../chunks/createComponent-DVEGAquv.js";import{I as d}from"../../chunks/Icon-Dx0Z3SpU.js";import{T as C}from"../../chunks/Typography-B42YJj-C.js";import"react";import"../../chunks/useTheme-0mDIfCdt.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";function s(t){return t.normalize("NFD").trim().toLowerCase().replace(/a-zA-Z0-9_.-+/g,"").replace(/_/g,"").replace(/[^\w\s]/gi,"")}function y(t){const e=t.trim().split(" "),o=e.length===1,a=s(e[0]).charAt(0).toLocaleUpperCase(),l=o?s(e[0]).charAt(1).toLocaleUpperCase():s(e.reverse()[0]).charAt(0).toLocaleUpperCase();return a+l}function $({src:t,alt:e,name:o,size:a=40,variant:l="circular",color:m="primary",icon:c,...i}){const p=u(`${r}-avatar`,`${r}-avatar--${l}`,`${r}-avatar--${m}`,t&&`${r}-avatar--image`,o&&`${r}-avatar--name`,!t&&!o||c&&`${r}-avatar--icon`,i.onClick&&`${r}-avatar--clickable`,i.className),f=()=>t?n("img",{src:t,alt:e,width:a,height:a,sizes:"100vw",loading:"lazy",style:{width:"100%",height:"auto"}}):o?n(C,{style:{fontSize:a/2,color:"currentColor"},children:y(o)}):c||n(d,{name:"user",size:a/1.6,style:{color:"currentColor"}});return h("div",{...i,style:{width:a,height:a,...i.style},className:p,children:[f(),i.children,i.onClick&&n(g,{})]})}const R=v($);export{R as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Box/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Box-ut8xLHQT.cjs");require("react/jsx-runtime");require("react");require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");exports.default=e.Box;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Box-Szn7aGsm.cjs");require("react/jsx-runtime");require("react");require("../../chunks/createComponent-D4pr5s4h.cjs");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/useTheme-JY_BIRt8.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");exports.default=e.Box;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Box/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{B as f}from"../../chunks/Box-DD-rZ2rr.js";import"react/jsx-runtime";import"react";import"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";export{f as default};
+import{B as f}from"../../chunks/Box-C1j2FPwS.js";import"react/jsx-runtime";import"react";import"../../chunks/createComponent-DVEGAquv.js";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/useTheme-0mDIfCdt.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";export{f as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Button/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),m=require("react"),e=require("../../chunks/index-DYxwT4uW.cjs"),i=require("../../chunks/joinClass-Jk3EszKD.cjs"),d=require("../../chunks/Ripple-Dy4i91j1.cjs"),_=require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function j({size:u="medium",color:r="primary",variant:p="contained",startIcon:c,endIcon:a,loading:s,children:$,...o}){const f=i.joinClass(`${e.prefix}-button`,`${e.prefix}-button--${u}`,`${e.prefix}-button--${r}`,`${e.prefix}-button--${r}--${p}`,o.className),l=(t,b)=>m.cloneElement(t,{color:`${r}.contrast`,className:i.joinClass(t.props.className,`${e.prefix}-button__icon`,`${e.prefix}-button__icon--${b}`)}),x=t=>m.cloneElement(t,{className:i.joinClass(t.props.className,`${e.prefix}-button__loading`,`${e.prefix}-button__loading--${u}`),size:"1.1rem"});return n.jsxs("button",{...o,className:f,onClick:t=>!s&&o.onClick?.(t),children:[s?x(s):n.jsxs(n.Fragment,{children:[c&&l(c,"left"),$,a&&l(a,"right")]}),n.jsx(d.Ripple,{})]})}const q=_.createComponent(j);exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),m=require("react"),e=require("../../chunks/index-DYxwT4uW.cjs"),i=require("../../chunks/joinClass-Jk3EszKD.cjs"),d=require("../../chunks/Ripple-Dy4i91j1.cjs"),_=require("../../chunks/createComponent-D4pr5s4h.cjs");require("../../chunks/useTheme-JY_BIRt8.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function j({size:u="medium",color:r="primary",variant:p="contained",startIcon:c,endIcon:a,loading:s,children:$,...o}){const f=i.joinClass(`${e.prefix}-button`,`${e.prefix}-button--${u}`,`${e.prefix}-button--${r}`,`${e.prefix}-button--${r}--${p}`,o.className),l=(t,b)=>m.cloneElement(t,{color:`${r}.contrast`,className:i.joinClass(t.props.className,`${e.prefix}-button__icon`,`${e.prefix}-button__icon--${b}`)}),x=t=>m.cloneElement(t,{className:i.joinClass(t.props.className,`${e.prefix}-button__loading`,`${e.prefix}-button__loading--${u}`),size:"1.1rem"});return n.jsxs("button",{...o,className:f,onClick:t=>!s&&o.onClick?.(t),children:[s?x(s):n.jsxs(n.Fragment,{children:[c&&l(c,"left"),$,a&&l(a,"right")]}),n.jsx(d.Ripple,{})]})}const q=_.createComponent(j);exports.default=q;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Button/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as u,Fragment as d,jsx as _}from"react/jsx-runtime";import{cloneElement as l}from"react";import{p as t}from"../../chunks/index-CZ41y9Hn.js";import{j as m}from"../../chunks/joinClass-anSpaauN.js";import{R as N}from"../../chunks/Ripple-Bq9bxg4k.js";import{c as j}from"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function x({size:s="medium",color:n="primary",variant:p="contained",startIcon:a,endIcon:i,loading:r,children:$,...e}){const f=m(`${t}-button`,`${t}-button--${s}`,`${t}-button--${n}`,`${t}-button--${n}--${p}`,e.className),c=(o,b)=>l(o,{color:`${n}.contrast`,className:m(o.props.className,`${t}-button__icon`,`${t}-button__icon--${b}`)});return u("button",{...e,className:f,onClick:o=>!r&&e.onClick?.(o),children:[r?(o=>l(o,{className:m(o.props.className,`${t}-button__loading`,`${t}-button__loading--${s}`),size:"1.1rem"}))(r):u(d,{children:[a&&c(a,"left"),$,i&&c(i,"right")]}),_(N,{})]})}const F=j(x);export{F as default};
+import{jsxs as u,Fragment as d,jsx as _}from"react/jsx-runtime";import{cloneElement as l}from"react";import{p as t}from"../../chunks/index-CZ41y9Hn.js";import{j as m}from"../../chunks/joinClass-anSpaauN.js";import{R as N}from"../../chunks/Ripple-Bq9bxg4k.js";import{c as j}from"../../chunks/createComponent-DVEGAquv.js";import"../../chunks/useTheme-0mDIfCdt.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function x({size:s="medium",color:n="primary",variant:p="contained",startIcon:a,endIcon:i,loading:r,children:$,...e}){const f=m(`${t}-button`,`${t}-button--${s}`,`${t}-button--${n}`,`${t}-button--${n}--${p}`,e.className),c=(o,b)=>l(o,{color:`${n}.contrast`,className:m(o.props.className,`${t}-button__icon`,`${t}-button__icon--${b}`)});return u("button",{...e,className:f,onClick:o=>!r&&e.onClick?.(o),children:[r?(o=>l(o,{className:m(o.props.className,`${t}-button__loading`,`${t}-button__loading--${s}`),size:"1.1rem"}))(r):u(d,{children:[a&&c(a,"left"),$,i&&c(i,"right")]}),_(N,{})]})}const F=j(x);export{F as default};
 //# sourceMappingURL=index.js.map

package/dist/components/ButtonIcon/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/ButtonIcon-Cz8zJH-E.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/createComponent-CTufIEiN.cjs");exports.default=e.ButtonIcon;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/ButtonIcon-BaIAErno.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/useTheme-JY_BIRt8.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/createComponent-D4pr5s4h.cjs");exports.default=e.ButtonIcon;
 //# sourceMappingURL=index.cjs.map

package/dist/components/ButtonIcon/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{B as s}from"../../chunks/ButtonIcon-CsX4oYeI.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/createComponent-WNQRXK89.js";export{s as default};
+import{B as s}from"../../chunks/ButtonIcon-STwpOc8f.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/useTheme-0mDIfCdt.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/createComponent-DVEGAquv.js";export{s as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Card/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/Card-B8XSgLaD.cjs"),r=require("../../chunks/CardContent-BivcVoIc.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("react");require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");exports.Card=e.Card;exports.CardContent=r.CardContent;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/Card-e4Mi7GY-.cjs"),r=require("../../chunks/CardContent-5Yz1zrPo.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("react");require("../../chunks/createComponent-D4pr5s4h.cjs");require("../../chunks/useTheme-JY_BIRt8.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");exports.Card=e.Card;exports.CardContent=r.CardContent;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Card/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{C as f}from"../../chunks/Card-DOsl4_nu.js";import{C as s}from"../../chunks/CardContent-C8ypE7yH.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"react";import"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";export{f as Card,s as CardContent};
+import{C as f}from"../../chunks/Card-advr_GYM.js";import{C as s}from"../../chunks/CardContent-gZ_HifsA.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"react";import"../../chunks/createComponent-DVEGAquv.js";import"../../chunks/useTheme-0mDIfCdt.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";export{f as Card,s as CardContent};
 //# sourceMappingURL=index.js.map

package/dist/components/Checkbox/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),e=require("../../chunks/index-DYxwT4uW.cjs"),x=require("../../chunks/joinClass-Jk3EszKD.cjs"),h=require("../../chunks/Stack-beBM7a60.cjs"),b=require("../../chunks/createComponent-CTufIEiN.cjs");require("react");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function k({label:n,name:c,color:t="primary",checked:i,disabled:s,error:l,helperText:o,...u}){const a=x.joinClass(`${e.prefix}-checkbox`,`${e.prefix}-checkbox--${t}`,i&&`${e.prefix}-checkbox--${t}--checked`,s&&`${e.prefix}-checkbox--disabled`),p=x.joinClass(`${e.prefix}-checkbox__helper-text`,o&&`${e.prefix}-checkbox__helper-text--visible`,l&&`${e.prefix}-checkbox__helper-text--error`);return r.jsxs(h.Stack,{gap:4,children:[r.jsxs("label",{htmlFor:c,className:a,children:[r.jsx("input",{type:"checkbox",...u,id:c,name:c,checked:i,disabled:s}),n]}),r.jsx("span",{className:p,children:o})]})}const f=b.createComponent(k);exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),e=require("../../chunks/index-DYxwT4uW.cjs"),x=require("../../chunks/joinClass-Jk3EszKD.cjs"),h=require("../../chunks/Stack-BqUfdaLZ.cjs"),b=require("../../chunks/createComponent-D4pr5s4h.cjs");require("react");require("../../chunks/useTheme-JY_BIRt8.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function k({label:n,name:c,color:t="primary",checked:i,disabled:s,error:l,helperText:o,...u}){const a=x.joinClass(`${e.prefix}-checkbox`,`${e.prefix}-checkbox--${t}`,i&&`${e.prefix}-checkbox--${t}--checked`,s&&`${e.prefix}-checkbox--disabled`),p=x.joinClass(`${e.prefix}-checkbox__helper-text`,o&&`${e.prefix}-checkbox__helper-text--visible`,l&&`${e.prefix}-checkbox__helper-text--error`);return r.jsxs(h.Stack,{gap:4,children:[r.jsxs("label",{htmlFor:c,className:a,children:[r.jsx("input",{type:"checkbox",...u,id:c,name:c,checked:i,disabled:s}),n]}),r.jsx("span",{className:p,children:o})]})}const f=b.createComponent(k);exports.default=f;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Checkbox/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as p,jsx as i}from"react/jsx-runtime";import{p as e}from"../../chunks/index-CZ41y9Hn.js";import{j as h}from"../../chunks/joinClass-anSpaauN.js";import{S as n}from"../../chunks/Stack-DK5pfu2w.js";import{c as k}from"../../chunks/createComponent-WNQRXK89.js";import"react";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function f({label:x,name:o,color:c="primary",checked:r,disabled:t,error:a,helperText:s,...m}){const l=h(`${e}-checkbox`,`${e}-checkbox--${c}`,r&&`${e}-checkbox--${c}--checked`,t&&`${e}-checkbox--disabled`),b=h(`${e}-checkbox__helper-text`,s&&`${e}-checkbox__helper-text--visible`,a&&`${e}-checkbox__helper-text--error`);return p(n,{gap:4,children:[p("label",{htmlFor:o,className:l,children:[i("input",{type:"checkbox",...m,id:o,name:o,checked:r,disabled:t}),x]}),i("span",{className:b,children:s})]})}const S=k(f);export{S as default};
+import{jsxs as p,jsx as i}from"react/jsx-runtime";import{p as e}from"../../chunks/index-CZ41y9Hn.js";import{j as h}from"../../chunks/joinClass-anSpaauN.js";import{S as n}from"../../chunks/Stack-Dlu_ElTj.js";import{c as k}from"../../chunks/createComponent-DVEGAquv.js";import"react";import"../../chunks/useTheme-0mDIfCdt.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function f({label:x,name:o,color:c="primary",checked:r,disabled:t,error:a,helperText:s,...m}){const l=h(`${e}-checkbox`,`${e}-checkbox--${c}`,r&&`${e}-checkbox--${c}--checked`,t&&`${e}-checkbox--disabled`),b=h(`${e}-checkbox__helper-text`,s&&`${e}-checkbox__helper-text--visible`,a&&`${e}-checkbox__helper-text--error`);return p(n,{gap:4,children:[p("label",{htmlFor:o,className:l,children:[i("input",{type:"checkbox",...m,id:o,name:o,checked:r,disabled:t}),x]}),i("span",{className:b,children:s})]})}const S=k(f);export{S as default};
 //# sourceMappingURL=index.js.map

package/dist/components/CheckboxGroup/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("react/jsx-runtime"),c=require("react"),x=require("../../chunks/index-DYxwT4uW.cjs"),b=require("../../chunks/joinClass-Jk3EszKD.cjs"),q=require("../../chunks/Stack-beBM7a60.cjs"),E=require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");let g=0;function j({children:d,values:r,onChange:a,className:i}){const l=++g,n=c.Children.toArray(d),k=b.joinClass(`${x.prefix}-checkbox-group`,i),[s,p]=c.useState(n.map(e=>({id:e.props.name,value:e.props.value,checked:r?r.some(o=>o===e.props.name):!1}))),m=c.useCallback(()=>n.map((e,o)=>{const f=e.props.name;return c.cloneElement(e,{key:o,name:`${e.props.name}-${l}`,checked:e.props.checked||s[o].checked,onChange:h=>{const u=s.map(t=>t.id===f?{...t,checked:h.target.checked}:t);a&&a(u),p(u)}})}),[r,s]);return c.useEffect(()=>{p(n.map(e=>({id:e.props.name,value:e.props.value,checked:r?r.some(o=>o===e.props.name):!1})))},[r]),C.jsx(q.Stack,{gap:2,className:k,children:m()})}const y=E.createComponent(j);exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("react/jsx-runtime"),c=require("react"),x=require("../../chunks/index-DYxwT4uW.cjs"),b=require("../../chunks/joinClass-Jk3EszKD.cjs"),q=require("../../chunks/Stack-BqUfdaLZ.cjs"),E=require("../../chunks/createComponent-D4pr5s4h.cjs");require("../../chunks/useTheme-JY_BIRt8.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");let g=0;function j({children:d,values:r,onChange:a,className:i}){const l=++g,n=c.Children.toArray(d),k=b.joinClass(`${x.prefix}-checkbox-group`,i),[s,p]=c.useState(n.map(e=>({id:e.props.name,value:e.props.value,checked:r?r.some(o=>o===e.props.name):!1}))),m=c.useCallback(()=>n.map((e,o)=>{const f=e.props.name;return c.cloneElement(e,{key:o,name:`${e.props.name}-${l}`,checked:e.props.checked||s[o].checked,onChange:h=>{const u=s.map(t=>t.id===f?{...t,checked:h.target.checked}:t);a&&a(u),p(u)}})}),[r,s]);return c.useEffect(()=>{p(n.map(e=>({id:e.props.name,value:e.props.value,checked:r?r.some(o=>o===e.props.name):!1})))},[r]),C.jsx(q.Stack,{gap:2,className:k,children:m()})}const y=E.createComponent(j);exports.default=y;
 //# sourceMappingURL=index.cjs.map

package/dist/components/CheckboxGroup/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as i}from"react/jsx-runtime";import{Children as C,useState as x,useCallback as b,cloneElement as E,useEffect as y}from"react";import{p as g}from"../../chunks/index-CZ41y9Hn.js";import{j}from"../../chunks/joinClass-anSpaauN.js";import{S}from"../../chunks/Stack-DK5pfu2w.js";import{c as $}from"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";let A=0;function G({children:m,values:r,onChange:a,className:f}){const k=++A,p=C.toArray(m),d=j(`${g}-checkbox-group`,f),[c,n]=x(p.map(e=>({id:e.props.name,value:e.props.value,checked:r?r.some(o=>o===e.props.name):!1}))),u=b(()=>p.map((e,o)=>{const h=e.props.name;return E(e,{key:o,name:`${e.props.name}-${k}`,checked:e.props.checked||c[o].checked,onChange:l=>{const t=c.map(s=>s.id===h?{...s,checked:l.target.checked}:s);a&&a(t),n(t)}})}),[r,c]);return y(()=>{n(p.map(e=>({id:e.props.name,value:e.props.value,checked:r?r.some(o=>o===e.props.name):!1})))},[r]),i(S,{gap:2,className:d,children:u()})}const q=$(G);export{q as default};
+import{jsx as i}from"react/jsx-runtime";import{Children as C,useState as x,useCallback as b,cloneElement as E,useEffect as y}from"react";import{p as g}from"../../chunks/index-CZ41y9Hn.js";import{j}from"../../chunks/joinClass-anSpaauN.js";import{S}from"../../chunks/Stack-Dlu_ElTj.js";import{c as $}from"../../chunks/createComponent-DVEGAquv.js";import"../../chunks/useTheme-0mDIfCdt.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";let A=0;function G({children:m,values:r,onChange:a,className:f}){const k=++A,p=C.toArray(m),d=j(`${g}-checkbox-group`,f),[c,n]=x(p.map(e=>({id:e.props.name,value:e.props.value,checked:r?r.some(o=>o===e.props.name):!1}))),u=b(()=>p.map((e,o)=>{const h=e.props.name;return E(e,{key:o,name:`${e.props.name}-${k}`,checked:e.props.checked||c[o].checked,onChange:l=>{const t=c.map(s=>s.id===h?{...s,checked:l.target.checked}:s);a&&a(t),n(t)}})}),[r,c]);return y(()=>{n(p.map(e=>({id:e.props.name,value:e.props.value,checked:r?r.some(o=>o===e.props.name):!1})))},[r]),i(S,{gap:2,className:d,children:u()})}const q=$(G);export{q as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Chip/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),a=require("react"),e=require("../../chunks/index-DYxwT4uW.cjs"),o=require("../../chunks/joinClass-Jk3EszKD.cjs"),p=require("../../chunks/Ripple-Dy4i91j1.cjs"),$=require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");const j=a.forwardRef(({label:n,icon:t,size:u="medium",color:l="default",variant:d="contained",onDelete:c,...s},x)=>{const f=o.joinClass(`${e.prefix}-chip`,`${e.prefix}-chip--${l}`,`${e.prefix}-chip--${l}--${d}`,`${e.prefix}-chip--${u}`,c&&`${e.prefix}-chip--deletable`,s.onClick&&`${e.prefix}-chip--clickable`,s.className),h=r=>a.cloneElement(r,{size:14,className:o.joinClass(r.props.className,`${e.prefix}-chip__icon`,n&&`${e.prefix}-chip__icon--margin`)}),m=r=>{r.stopPropagation(),c&&c()};return i.jsxs("div",{...s,ref:x,className:f,style:{...s.style},children:[t&&h(t),i.jsx("span",{children:n}),s.onClick&&i.jsx(p.Ripple,{}),c&&i.jsxs("button",{className:`${e.prefix}-chip__delete-icon`,onClick:m,children:[i.jsx("i",{className:"uil uil-times-circle"}),i.jsx(p.Ripple,{})]})]})}),C=$.createComponent(j);exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),a=require("react"),e=require("../../chunks/index-DYxwT4uW.cjs"),o=require("../../chunks/joinClass-Jk3EszKD.cjs"),p=require("../../chunks/Ripple-Dy4i91j1.cjs"),$=require("../../chunks/createComponent-D4pr5s4h.cjs");require("../../chunks/useTheme-JY_BIRt8.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");const j=a.forwardRef(({label:n,icon:t,size:u="medium",color:l="default",variant:d="contained",onDelete:c,...s},x)=>{const f=o.joinClass(`${e.prefix}-chip`,`${e.prefix}-chip--${l}`,`${e.prefix}-chip--${l}--${d}`,`${e.prefix}-chip--${u}`,c&&`${e.prefix}-chip--deletable`,s.onClick&&`${e.prefix}-chip--clickable`,s.className),h=r=>a.cloneElement(r,{size:14,className:o.joinClass(r.props.className,`${e.prefix}-chip__icon`,n&&`${e.prefix}-chip__icon--margin`)}),m=r=>{r.stopPropagation(),c&&c()};return i.jsxs("div",{...s,ref:x,className:f,style:{...s.style},children:[t&&h(t),i.jsx("span",{children:n}),s.onClick&&i.jsx(p.Ripple,{}),c&&i.jsxs("button",{className:`${e.prefix}-chip__delete-icon`,onClick:m,children:[i.jsx("i",{className:"uil uil-times-circle"}),i.jsx(p.Ripple,{})]})]})}),C=$.createComponent(j);exports.default=C;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Chip/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as l,jsx as a}from"react/jsx-runtime";import{forwardRef as C,cloneElement as _}from"react";import{p as i}from"../../chunks/index-CZ41y9Hn.js";import{j as m}from"../../chunks/joinClass-anSpaauN.js";import{R as n}from"../../chunks/Ripple-Bq9bxg4k.js";import{c as N}from"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";const j=C(({label:t,icon:o,size:p="medium",color:r="default",variant:h="contained",onDelete:e,...c},d)=>{const f=m(`${i}-chip`,`${i}-chip--${r}`,`${i}-chip--${r}--${h}`,`${i}-chip--${p}`,e&&`${i}-chip--deletable`,c.onClick&&`${i}-chip--clickable`,c.className),$=s=>_(s,{size:14,className:m(s.props.className,`${i}-chip__icon`,t&&`${i}-chip__icon--margin`)}),u=s=>{s.stopPropagation(),e&&e()};return l("div",{...c,ref:d,className:f,style:{...c.style},children:[o&&$(o),a("span",{children:t}),c.onClick&&a(n,{}),e&&l("button",{className:`${i}-chip__delete-icon`,onClick:u,children:[a("i",{className:"uil uil-times-circle"}),a(n,{})]})]})}),z=N(j);export{z as default};
+import{jsxs as l,jsx as a}from"react/jsx-runtime";import{forwardRef as C,cloneElement as _}from"react";import{p as i}from"../../chunks/index-CZ41y9Hn.js";import{j as m}from"../../chunks/joinClass-anSpaauN.js";import{R as n}from"../../chunks/Ripple-Bq9bxg4k.js";import{c as N}from"../../chunks/createComponent-DVEGAquv.js";import"../../chunks/useTheme-0mDIfCdt.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";const j=C(({label:t,icon:o,size:p="medium",color:r="default",variant:h="contained",onDelete:e,...c},d)=>{const f=m(`${i}-chip`,`${i}-chip--${r}`,`${i}-chip--${r}--${h}`,`${i}-chip--${p}`,e&&`${i}-chip--deletable`,c.onClick&&`${i}-chip--clickable`,c.className),$=s=>_(s,{size:14,className:m(s.props.className,`${i}-chip__icon`,t&&`${i}-chip__icon--margin`)}),u=s=>{s.stopPropagation(),e&&e()};return l("div",{...c,ref:d,className:f,style:{...c.style},children:[o&&$(o),a("span",{children:t}),c.onClick&&a(n,{}),e&&l("button",{className:`${i}-chip__delete-icon`,onClick:u,children:[a("i",{className:"uil uil-times-circle"}),a(n,{})]})]})}),z=N(j);export{z as default};
 //# sourceMappingURL=index.js.map

package/dist/components/ColorPicker/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),d=require("react"),e=require("../../chunks/index-DYxwT4uW.cjs"),s=require("../../chunks/joinClass-Jk3EszKD.cjs"),x=require("../../chunks/generateSupportColors-CTMoGhDf.cjs"),P=require("../../chunks/uuid-omnJ9TjZ.cjs"),R=require("../../chunks/Box-ut8xLHQT.cjs"),C=require("../../chunks/Icon-COl2Nhp9.cjs"),E=require("../../chunks/Stack-beBM7a60.cjs"),I=require("../../chunks/useTheme-DoESyi5h.cjs"),_=require("../../chunks/useMenu-C0u9aTiR.cjs"),O=require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/Card-B8XSgLaD.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/CardContent-BivcVoIc.cjs");const k=["#00aae6","#2e72fe","#6f4dff","#9f40f1","#9e2dbf","#db5bdc","#ea479b","#ff83a8","#d80051","#eb3d32","#fa8d2f","#f5cd2b","#93ca00","#62d26f","#38c5ab","#87969f"];function T({label:n,error:i,helperText:t,fitContent:m,value:c=k[0],autoClose:b,onChange:j,onInput:h,...$}){const{theme:{palette:a}}=I.useTheme(),l=d.useRef(null),[q,g,u]=_.useMenu(),p=d.useMemo(()=>P.uuid(),[]),N=s.joinClass(`${e.prefix}-color-picker__label`,i&&`${e.prefix}-color-picker__label--error`),y=s.joinClass(`${e.prefix}-color-picker-container`,i&&`${e.prefix}-color-picker-container--error`),v=s.joinClass(`${e.prefix}-color-picker`,i&&`${e.prefix}-color-picker--error`),M=s.joinClass(`${e.prefix}-color-picker__value`,i&&`${e.prefix}-color-picker__value--error`),S=s.joinClass(`${e.prefix}-color-picker__helper-text`,t&&`${e.prefix}-color-picker__helper-text--visible`,i&&`${e.prefix}-color-picker__helper-text--error`),f=o=>s.joinClass(`${e.prefix}-color-picker__color__icon`,c===o&&`${e.prefix}-color-picker__color__icon--visible`);function w(o){l.current&&(l.current.value=o,l.current.dispatchEvent(new Event("input",{bubbles:!0})))}return r.jsxs("div",{className:y,children:[n&&r.jsxs("label",{className:N,children:[n," ",$.required&&"*"]}),r.jsxs("button",{type:"button",onClick:u,className:v,children:[r.jsx("div",{className:`${e.prefix}-color-picker__preview`,children:r.jsx("div",{style:{backgroundColor:c}})}),r.jsx("div",{className:M,children:c})]}),r.jsx("span",{className:S,children:t}),r.jsx(_.Menu,{direction:"left",autoClose:b,open:q,anchorEl:g,width:m?"fit-content":"",onClose:u,children:r.jsx(R.Box,{sx:{p:1},children:r.jsxs(E.Stack,{gap:8,flexDirection:"row",justifyContent:"center",style:{flexWrap:"wrap"},children:[k.map(o=>r.jsx("button",{type:"button",className:`${e.prefix}-color-picker__color`,onClick:()=>w(o),style:{backgroundColor:o},children:r.jsx(C.Icon,{name:"check",className:f(o),style:{color:x.getContrastColor(c)}})},o)),r.jsxs("label",{htmlFor:`color-picker-${p}`,className:`${e.prefix}-color-picker__color`,style:{backgroundColor:a.grey.main},children:[r.jsx(C.Icon,{name:"plus",className:f(c),style:{color:x.getContrastColor(a.grey.main)}}),r.jsx("input",{ref:l,type:"color",id:`color-picker-${p}`,value:c,onChange:j,onInput:h})]})]})})})]})}const B=O.createComponent(T);exports.default=B;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),d=require("react"),e=require("../../chunks/index-DYxwT4uW.cjs"),s=require("../../chunks/joinClass-Jk3EszKD.cjs"),x=require("../../chunks/generateSupportColors-CTMoGhDf.cjs"),P=require("../../chunks/uuid-omnJ9TjZ.cjs"),R=require("../../chunks/Box-Szn7aGsm.cjs"),C=require("../../chunks/Icon-juPkJl8j.cjs"),E=require("../../chunks/Stack-BqUfdaLZ.cjs"),I=require("../../chunks/useTheme-JY_BIRt8.cjs"),_=require("../../chunks/useMenu-D9Ykb-Zv.cjs"),O=require("../../chunks/createComponent-D4pr5s4h.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/Card-e4Mi7GY-.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/CardContent-5Yz1zrPo.cjs");const k=["#00aae6","#2e72fe","#6f4dff","#9f40f1","#9e2dbf","#db5bdc","#ea479b","#ff83a8","#d80051","#eb3d32","#fa8d2f","#f5cd2b","#93ca00","#62d26f","#38c5ab","#87969f"];function T({label:n,error:i,helperText:t,fitContent:m,value:c=k[0],autoClose:b,onChange:j,onInput:h,...$}){const{theme:{palette:a}}=I.useTheme(),l=d.useRef(null),[q,g,u]=_.useMenu(),p=d.useMemo(()=>P.uuid(),[]),N=s.joinClass(`${e.prefix}-color-picker__label`,i&&`${e.prefix}-color-picker__label--error`),y=s.joinClass(`${e.prefix}-color-picker-container`,i&&`${e.prefix}-color-picker-container--error`),v=s.joinClass(`${e.prefix}-color-picker`,i&&`${e.prefix}-color-picker--error`),M=s.joinClass(`${e.prefix}-color-picker__value`,i&&`${e.prefix}-color-picker__value--error`),S=s.joinClass(`${e.prefix}-color-picker__helper-text`,t&&`${e.prefix}-color-picker__helper-text--visible`,i&&`${e.prefix}-color-picker__helper-text--error`),f=o=>s.joinClass(`${e.prefix}-color-picker__color__icon`,c===o&&`${e.prefix}-color-picker__color__icon--visible`);function w(o){l.current&&(l.current.value=o,l.current.dispatchEvent(new Event("input",{bubbles:!0})))}return r.jsxs("div",{className:y,children:[n&&r.jsxs("label",{className:N,children:[n," ",$.required&&"*"]}),r.jsxs("button",{type:"button",onClick:u,className:v,children:[r.jsx("div",{className:`${e.prefix}-color-picker__preview`,children:r.jsx("div",{style:{backgroundColor:c}})}),r.jsx("div",{className:M,children:c})]}),r.jsx("span",{className:S,children:t}),r.jsx(_.Menu,{direction:"left",autoClose:b,open:q,anchorEl:g,width:m?"fit-content":"",onClose:u,children:r.jsx(R.Box,{sx:{p:1},children:r.jsxs(E.Stack,{gap:8,flexDirection:"row",justifyContent:"center",style:{flexWrap:"wrap"},children:[k.map(o=>r.jsx("button",{type:"button",className:`${e.prefix}-color-picker__color`,onClick:()=>w(o),style:{backgroundColor:o},children:r.jsx(C.Icon,{name:"check",className:f(o),style:{color:x.getContrastColor(c)}})},o)),r.jsxs("label",{htmlFor:`color-picker-${p}`,className:`${e.prefix}-color-picker__color`,style:{backgroundColor:a.grey.main},children:[r.jsx(C.Icon,{name:"plus",className:f(c),style:{color:x.getContrastColor(a.grey.main)}}),r.jsx("input",{ref:l,type:"color",id:`color-picker-${p}`,value:c,onChange:j,onInput:h})]})]})})})]})}const B=O.createComponent(T);exports.default=B;
 //# sourceMappingURL=index.cjs.map

package/dist/components/ColorPicker/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as i,jsx as e}from"react/jsx-runtime";import{useRef as P,useMemo as R}from"react";import{p as o}from"../../chunks/index-CZ41y9Hn.js";import{j as l}from"../../chunks/joinClass-anSpaauN.js";import{b as u}from"../../chunks/generateSupportColors-BN5t8dA-.js";import{u as S}from"../../chunks/uuid-dGvr9vBZ.js";import{B}from"../../chunks/Box-DD-rZ2rr.js";import{I as _}from"../../chunks/Icon-CCIgEwA9.js";import{S as I}from"../../chunks/Stack-DK5pfu2w.js";import{u as O}from"../../chunks/useTheme-njpgklWP.js";import{u as q,M as D}from"../../chunks/useMenu-BNL22pOQ.js";import{c as F}from"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/Card-DOsl4_nu.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/CardContent-C8ypE7yH.js";const k=["#00aae6","#2e72fe","#6f4dff","#9f40f1","#9e2dbf","#db5bdc","#ea479b","#ff83a8","#d80051","#eb3d32","#fa8d2f","#f5cd2b","#93ca00","#62d26f","#38c5ab","#87969f"];function L({label:s,error:t,helperText:a,fitContent:b,value:c=k[0],autoClose:h,onChange:C,onInput:$,...N}){const{theme:{palette:p}}=O(),n=P(null),[y,x,m]=q(),f=R(()=>S(),[]),g=l(`${o}-color-picker__label`,t&&`${o}-color-picker__label--error`),v=l(`${o}-color-picker-container`,t&&`${o}-color-picker-container--error`),j=l(`${o}-color-picker`,t&&`${o}-color-picker--error`),w=l(`${o}-color-picker__value`,t&&`${o}-color-picker__value--error`),M=l(`${o}-color-picker__helper-text`,a&&`${o}-color-picker__helper-text--visible`,t&&`${o}-color-picker__helper-text--error`),d=r=>l(`${o}-color-picker__color__icon`,c===r&&`${o}-color-picker__color__icon--visible`);function E(r){n.current&&(n.current.value=r,n.current.dispatchEvent(new Event("input",{bubbles:!0})))}return i("div",{className:v,children:[s&&i("label",{className:g,children:[s," ",N.required&&"*"]}),i("button",{type:"button",onClick:m,className:j,children:[e("div",{className:`${o}-color-picker__preview`,children:e("div",{style:{backgroundColor:c}})}),e("div",{className:w,children:c})]}),e("span",{className:M,children:a}),e(D,{direction:"left",autoClose:h,open:y,anchorEl:x,width:b?"fit-content":"",onClose:m,children:e(B,{sx:{p:1},children:i(I,{gap:8,flexDirection:"row",justifyContent:"center",style:{flexWrap:"wrap"},children:[k.map(r=>e("button",{type:"button",className:`${o}-color-picker__color`,onClick:()=>E(r),style:{backgroundColor:r},children:e(_,{name:"check",className:d(r),style:{color:u(c)}})},r)),i("label",{htmlFor:`color-picker-${f}`,className:`${o}-color-picker__color`,style:{backgroundColor:p.grey.main},children:[e(_,{name:"plus",className:d(c),style:{color:u(p.grey.main)}}),e("input",{ref:n,type:"color",id:`color-picker-${f}`,value:c,onChange:C,onInput:$})]})]})})})]})}const ro=F(L);export{ro as default};
+import{jsxs as i,jsx as e}from"react/jsx-runtime";import{useRef as P,useMemo as R}from"react";import{p as o}from"../../chunks/index-CZ41y9Hn.js";import{j as l}from"../../chunks/joinClass-anSpaauN.js";import{b as u}from"../../chunks/generateSupportColors-BN5t8dA-.js";import{u as S}from"../../chunks/uuid-dGvr9vBZ.js";import{B}from"../../chunks/Box-C1j2FPwS.js";import{I as _}from"../../chunks/Icon-Dx0Z3SpU.js";import{S as I}from"../../chunks/Stack-Dlu_ElTj.js";import{u as O}from"../../chunks/useTheme-0mDIfCdt.js";import{u as q,M as D}from"../../chunks/useMenu-Bs5BP-8S.js";import{c as F}from"../../chunks/createComponent-DVEGAquv.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/Card-advr_GYM.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/CardContent-gZ_HifsA.js";const k=["#00aae6","#2e72fe","#6f4dff","#9f40f1","#9e2dbf","#db5bdc","#ea479b","#ff83a8","#d80051","#eb3d32","#fa8d2f","#f5cd2b","#93ca00","#62d26f","#38c5ab","#87969f"];function L({label:s,error:t,helperText:a,fitContent:b,value:c=k[0],autoClose:h,onChange:C,onInput:$,...N}){const{theme:{palette:p}}=O(),n=P(null),[y,x,m]=q(),f=R(()=>S(),[]),g=l(`${o}-color-picker__label`,t&&`${o}-color-picker__label--error`),v=l(`${o}-color-picker-container`,t&&`${o}-color-picker-container--error`),j=l(`${o}-color-picker`,t&&`${o}-color-picker--error`),w=l(`${o}-color-picker__value`,t&&`${o}-color-picker__value--error`),M=l(`${o}-color-picker__helper-text`,a&&`${o}-color-picker__helper-text--visible`,t&&`${o}-color-picker__helper-text--error`),d=r=>l(`${o}-color-picker__color__icon`,c===r&&`${o}-color-picker__color__icon--visible`);function E(r){n.current&&(n.current.value=r,n.current.dispatchEvent(new Event("input",{bubbles:!0})))}return i("div",{className:v,children:[s&&i("label",{className:g,children:[s," ",N.required&&"*"]}),i("button",{type:"button",onClick:m,className:j,children:[e("div",{className:`${o}-color-picker__preview`,children:e("div",{style:{backgroundColor:c}})}),e("div",{className:w,children:c})]}),e("span",{className:M,children:a}),e(D,{direction:"left",autoClose:h,open:y,anchorEl:x,width:b?"fit-content":"",onClose:m,children:e(B,{sx:{p:1},children:i(I,{gap:8,flexDirection:"row",justifyContent:"center",style:{flexWrap:"wrap"},children:[k.map(r=>e("button",{type:"button",className:`${o}-color-picker__color`,onClick:()=>E(r),style:{backgroundColor:r},children:e(_,{name:"check",className:d(r),style:{color:u(c)}})},r)),i("label",{htmlFor:`color-picker-${f}`,className:`${o}-color-picker__color`,style:{backgroundColor:p.grey.main},children:[e(_,{name:"plus",className:d(c),style:{color:u(p.grey.main)}}),e("input",{ref:n,type:"color",id:`color-picker-${f}`,value:c,onChange:C,onInput:$})]})]})})})]})}const ro=F(L);export{ro as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Container/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react/jsx-runtime"),s=require("react"),C=require("../../chunks/joinClass-Jk3EszKD.cjs"),g=require("../../chunks/useResize-B-oebgDR.cjs"),f=require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");const j=s.forwardRef(function({sm:o="100%",md:r=750,lg:i=950,children:u,tag:a="div",...n},c){const[l,e]=s.useState(0),t={sm:o,lg:i,md:r},d=C.joinClass(n.className);g.useResize({onXs:()=>e(t.sm),onSm:()=>e(t.md),onMd:()=>e(t.md),onLg:()=>e(t.lg),onXl:()=>e(t.lg)});const m=a;return q.jsx(m,{...n,ref:c,style:{width:"100%",maxWidth:l,margin:"auto",...n.style},className:d,children:u})}),h=f.createComponent(j);exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react/jsx-runtime"),s=require("react"),C=require("../../chunks/joinClass-Jk3EszKD.cjs"),g=require("../../chunks/useResize-B-oebgDR.cjs"),f=require("../../chunks/createComponent-D4pr5s4h.cjs");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/useTheme-JY_BIRt8.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");const j=s.forwardRef(function({sm:o="100%",md:r=750,lg:i=950,children:u,tag:a="div",...n},c){const[l,e]=s.useState(0),t={sm:o,lg:i,md:r},d=C.joinClass(n.className);g.useResize({onXs:()=>e(t.sm),onSm:()=>e(t.md),onMd:()=>e(t.md),onLg:()=>e(t.lg),onXl:()=>e(t.lg)});const m=a;return q.jsx(m,{...n,ref:c,style:{width:"100%",maxWidth:l,margin:"auto",...n.style},className:d,children:u})}),h=f.createComponent(j);exports.default=h;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Container/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as f}from"react/jsx-runtime";import{forwardRef as l,useState as u}from"react";import{j as C}from"../../chunks/joinClass-anSpaauN.js";import{u as g}from"../../chunks/useResize-BjM6tiAF.js";import{c as p}from"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";const h=l(function({sm:m="100%",md:n=750,lg:a=950,children:e,tag:r="div",...s},i){const[c,t]=u(0),o={sm:m,lg:a,md:n},d=C(s.className);return g({onXs:()=>t(o.sm),onSm:()=>t(o.md),onMd:()=>t(o.md),onLg:()=>t(o.lg),onXl:()=>t(o.lg)}),f(r,{...s,ref:i,style:{width:"100%",maxWidth:c,margin:"auto",...s.style},className:d,children:e})}),X=p(h);export{X as default};
+import{jsx as f}from"react/jsx-runtime";import{forwardRef as l,useState as u}from"react";import{j as C}from"../../chunks/joinClass-anSpaauN.js";import{u as g}from"../../chunks/useResize-BjM6tiAF.js";import{c as p}from"../../chunks/createComponent-DVEGAquv.js";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/useTheme-0mDIfCdt.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";const h=l(function({sm:m="100%",md:n=750,lg:a=950,children:e,tag:r="div",...s},i){const[c,t]=u(0),o={sm:m,lg:a,md:n},d=C(s.className);return g({onXs:()=>t(o.sm),onSm:()=>t(o.md),onMd:()=>t(o.md),onLg:()=>t(o.lg),onXl:()=>t(o.lg)}),f(r,{...s,ref:i,style:{width:"100%",maxWidth:c,margin:"auto",...s.style},className:d,children:e})}),X=p(h);export{X as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Divider/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),t=require("../../chunks/index-DYxwT4uW.cjs"),s=require("../../chunks/joinClass-Jk3EszKD.cjs"),n=require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function u({...e}){const r=s.joinClass(`${t.prefix}-divider`,e.className);return i.jsx("div",{...e,className:r})}const o=n.createComponent(u);exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),t=require("../../chunks/index-DYxwT4uW.cjs"),s=require("../../chunks/joinClass-Jk3EszKD.cjs"),n=require("../../chunks/createComponent-D4pr5s4h.cjs");require("../../chunks/useTheme-JY_BIRt8.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function u({...e}){const r=s.joinClass(`${t.prefix}-divider`,e.className);return i.jsx("div",{...e,className:r})}const o=n.createComponent(u);exports.default=o;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Divider/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{p as t}from"../../chunks/index-CZ41y9Hn.js";import{j as m}from"../../chunks/joinClass-anSpaauN.js";import{c as s}from"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/useTheme-njpgklWP.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";function e({...r}){const i=m(`${t}-divider`,r.className);return o("div",{...r,className:i})}const u=s(e);export{u as default};
+import{jsx as o}from"react/jsx-runtime";import{p as t}from"../../chunks/index-CZ41y9Hn.js";import{j as m}from"../../chunks/joinClass-anSpaauN.js";import{c as s}from"../../chunks/createComponent-DVEGAquv.js";import"../../chunks/useTheme-0mDIfCdt.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";function e({...r}){const i=m(`${t}-divider`,r.className);return o("div",{...r,className:i})}const u=s(e);export{u as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Drawer/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/DrawerContent-XhAQ7dg_.cjs");require("react");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/Stack-beBM7a60.cjs");require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/ButtonIcon-Cz8zJH-E.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/Icon-COl2Nhp9.cjs");exports.Drawer=e.Drawer_default;exports.DrawerContent=e.DrawerContent_default;exports.DrawerFooter=e.DrawerFooter_default;exports.DrawerHeader=e.DrawerHeader_default;exports.useDrawer=e.useDrawer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/DrawerContent-BmxR_bb0.cjs");require("react");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/Stack-BqUfdaLZ.cjs");require("../../chunks/createComponent-D4pr5s4h.cjs");require("../../chunks/useTheme-JY_BIRt8.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/ButtonIcon-BaIAErno.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/Icon-juPkJl8j.cjs");exports.Drawer=e.Drawer_default;exports.DrawerContent=e.DrawerContent_default;exports.DrawerFooter=e.DrawerFooter_default;exports.DrawerHeader=e.DrawerHeader_default;exports.useDrawer=e.useDrawer;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Drawer/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{D as c,a as d,b as f,c as x,u as C}from"../../chunks/DrawerContent-B0yuNjrh.js";import"react";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Stack-DK5pfu2w.js";import"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/ButtonIcon-CsX4oYeI.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-CCIgEwA9.js";export{c as Drawer,d as DrawerContent,f as DrawerFooter,x as DrawerHeader,C as useDrawer};
+import{D as c,a as d,b as f,c as x,u as C}from"../../chunks/DrawerContent-CMVCxU3J.js";import"react";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Stack-Dlu_ElTj.js";import"../../chunks/createComponent-DVEGAquv.js";import"../../chunks/useTheme-0mDIfCdt.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/ButtonIcon-STwpOc8f.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-Dx0Z3SpU.js";export{c as Drawer,d as DrawerContent,f as DrawerFooter,x as DrawerHeader,C as useDrawer};
 //# sourceMappingURL=index.js.map

package/dist/components/Icon/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Icon-COl2Nhp9.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");exports.default=e.Icon;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Icon-juPkJl8j.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/createComponent-D4pr5s4h.cjs");require("../../chunks/useTheme-JY_BIRt8.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");exports.default=e.Icon;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Icon/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{I as d}from"../../chunks/Icon-CCIgEwA9.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/useTheme-njpgklWP.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";export{d as default};
+import{I as d}from"../../chunks/Icon-Dx0Z3SpU.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-DVEGAquv.js";import"../../chunks/useTheme-0mDIfCdt.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";export{d as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Input/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),h=require("react"),e=require("../../chunks/index-DYxwT4uW.cjs"),i=require("../../chunks/joinClass-Jk3EszKD.cjs"),q=require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function N({error:n,label:p,helperText:o,endIcon:a,startIcon:u,type:f="text",disabled:r,width:C="100%",...l}){const j=i.joinClass(`${e.prefix}-input-container`),m=i.joinClass(`${e.prefix}-input-label`,n&&`${e.prefix}-input-label--error`),_=i.joinClass(`${e.prefix}-input-container`,`${e.prefix}-input`,r&&`${e.prefix}-input--disabled`,n&&`${e.prefix}-input--error`,l.className),$=i.joinClass(`${e.prefix}-input__helper-text`,o&&`${e.prefix}-input__helper-text--visible`,n&&`${e.prefix}-input__helper-text--error`),c=(s,d)=>h.cloneElement(s,{disabled:r,type:"button",size:30,style:{...s.props.style},className:i.joinClass(s.props.className,`${e.prefix}-input__icon`,`${e.prefix}-input__icon--margin-${d}`),onClick:x=>{x.stopPropagation(),s.props.onClick&&s.props.onClick(x)}});return t.jsxs("div",{className:j,style:{width:C},children:[p&&t.jsxs("label",{className:m,children:[p," ",l.required&&"*"]}),t.jsxs("div",{className:_,children:[u&&c(u,"right"),t.jsx("input",{...l,type:f,disabled:r}),a&&c(a,"left")]}),t.jsx("p",{className:$,children:o})]})}const b=q.createComponent(N);exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),h=require("react"),e=require("../../chunks/index-DYxwT4uW.cjs"),i=require("../../chunks/joinClass-Jk3EszKD.cjs"),q=require("../../chunks/createComponent-D4pr5s4h.cjs");require("../../chunks/useTheme-JY_BIRt8.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function N({error:r,label:p,helperText:o,endIcon:a,startIcon:u,type:f="text",disabled:n,width:C="100%",...l}){const j=i.joinClass(`${e.prefix}-input-container`),m=i.joinClass(`${e.prefix}-input-label`,r&&`${e.prefix}-input-label--error`),_=i.joinClass(`${e.prefix}-input-container`,`${e.prefix}-input`,n&&`${e.prefix}-input--disabled`,r&&`${e.prefix}-input--error`,l.className),$=i.joinClass(`${e.prefix}-input__helper-text`,o&&`${e.prefix}-input__helper-text--visible`,r&&`${e.prefix}-input__helper-text--error`),c=(s,d)=>h.cloneElement(s,{disabled:n,size:s.props.size||30,type:"button",color:"grey",style:{...s.props.style},className:i.joinClass(s.props.className,`${e.prefix}-input__icon`,`${e.prefix}-input__icon--margin-${d}`),onClick:x=>{x.stopPropagation(),s.props.onClick&&s.props.onClick(x)}});return t.jsxs("div",{className:j,style:{width:C},children:[p&&t.jsxs("label",{className:m,children:[p," ",l.required&&"*"]}),t.jsxs("div",{className:_,children:[u&&c(u,"right"),t.jsx("input",{...l,type:f,disabled:n}),a&&c(a,"left")]}),t.jsx("p",{className:$,children:o})]})}const b=q.createComponent(N);exports.default=b;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Input/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../src/fields/Input/Input.tsx"],"sourcesContent":["import { type InputHTMLAttributes, type ReactElement, type MouseEvent, cloneElement, CSSProperties } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport type { ButtonIconProps } from '@/actions/ButtonIcon';\nimport createComponent from '@/core';\n\nimport '@iziui/styles/components/Input.scss';\n\nexport type InputType = 'text' \| 'password' \| 'number' \| 'date' \| 'month' \| 'tel';\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {\n error?: boolean;\n label?: string;\n helperText?: string;\n type?: InputType;\n width?: CSSProperties['width'];\n endIcon?: React.JSX.Element \| boolean;\n startIcon?: React.JSX.Element \| boolean;\n}\n\nfunction Input({\n error,\n label,\n helperText,\n endIcon,\n startIcon,\n type = 'text',\n disabled,\n width = '100%',\n ...props\n}: InputProps) {\n const containerClss = joinClass(\n `${prefix}-input-container`,\n );\n\n const labelClss = joinClass(\n `${prefix}-input-label`,\n error && `${prefix}-input-label--error`,\n );\n\n const classes = joinClass(\n `${prefix}-input-container`,\n `${prefix}-input`,\n disabled && `${prefix}-input--disabled`,\n error && `${prefix}-input--error`,\n props.className\n );\n\n const helperTextClss = joinClass(\n `${prefix}-input__helper-text`,\n helperText && `${prefix}-input__helper-text--visible`,\n error && `${prefix}-input__helper-text--error`\n );\n\n const renderIcon = (icon: ReactElement<ButtonIconProps>, direction: 'left' \| 'right') => {\n return cloneElement(icon, {\n disabled,\n type: 'button',\n ~~size~~: 30,\n style: {\n ...icon.props.style,\n },\n className: joinClass(\n icon.props.className,\n `${prefix}-input__icon`,\n `${prefix}-input__icon--margin-${direction}`\n ),\n onClick: (e: MouseEvent<any, globalThis.MouseEvent>) => {\n e.stopPropagation();\n if (icon.props.onClick) { icon.props.onClick(e); };\n }\n });\n };\n\n return (\n <div className={containerClss} style={{ width }}>\n {label && <label className={labelClss}>{label} {props.required && '*'}</label>}\n <div className={classes}>\n {startIcon && renderIcon(startIcon as React.JSX.Element, 'right')}\n <input {...props} type={type} disabled={disabled} />\n {endIcon && renderIcon(endIcon as React.JSX.Element, 'left')}\n </div>\n <p className={helperTextClss}>{helperText}</p>\n </div>\n );\n}\n\nexport default createComponent(Input);"],"names":["Input","error","label","helperText","endIcon","startIcon","type","disabled","width","props","containerClss","joinClass","prefix","labelClss","classes","helperTextClss","renderIcon","icon","direction","cloneElement","e","jsxs","jsx","Input_default","createComponent"],"mappings":"kaAuBA,SAASA,EAAM,CACb,MAAAC,EACA,MAAAC,EACA,WAAAC,EACA,QAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,OACP,SAAAC,EACA,MAAAC,EAAQ,OACR,GAAGC,CACL,EAAe,CACb,MAAMC,EAAgBC,EAAAA,UACpB,GAAGC,EAAAA,MAAM,kBAAA,EAGLC,EAAYF,EAAAA,UAChB,GAAGC,EAAAA,MAAM,eACTX,GAAS,GAAGW,EAAAA,MAAM,qBAAA,EAGdE,EAAUH,EAAAA,UACd,GAAGC,EAAAA,MAAM,mBACT,GAAGA,EAAAA,MAAM,SACTL,GAAY,GAAGK,EAAAA,MAAM,mBACrBX,GAAS,GAAGW,EAAAA,MAAM,gBAClBH,EAAM,SAAA,EAGFM,EAAiBJ,EAAAA,UACrB,GAAGC,EAAAA,MAAM,sBACTT,GAAc,GAAGS,EAAAA,MAAM,+BACvBX,GAAS,GAAGW,EAAAA,MAAM,4BAAA,EAGdI,EAAa,CAACC,EAAqCC,IAChDC,EAAAA,aAAaF,EAAM,CACxB,SAAAV,EACA,KAAM,SACN,~~KAAM~~,~~GACN~~,MAAO,CACL,~~GAAGU~~,EAAK,MAAM,KAAA,EAEhB,UAAWN,EAAAA,UACTM,EAAK,MAAM,UACX,GAAGL,EAAAA,MAAM,eACT,GAAGA,EAAAA,MAAM,wBAAwBM,CAAS,EAAA,EAE5C,QAAUE,GAA8C,CACtDA,EAAE,gBAAA,EACEH,EAAK,MAAM,SAAWA,EAAK,MAAM,QAAQG,CAAC,CAChD,CAAA,CACD,EAGH,cACG,MAAA,CAAI,UAAWV,EAAe,MAAO,CAAE,MAAAF,GACrC,SAAA,CAAAN,GAASmB,EAAAA,KAAC,QAAA,CAAM,UAAWR,EAAY,SAAA,CAAAX,EAAM,IAAEO,EAAM,UAAY,GAAA,EAAI,EACtEY,EAAAA,KAAC,MAAA,CAAI,UAAWP,EACb,SAAA,CAAAT,GAAaW,EAAWX,EAAgC,OAAO,EAChEiB,EAAAA,IAAC,QAAA,CAAO,GAAGb,EAAO,KAAAH,EAAY,SAAAC,CAAA,CAAoB,EACjDH,GAAWY,EAAWZ,EAA8B,MAAM,CAAA,EAC7D,EACAkB,EAAAA,IAAC,IAAA,CAAE,UAAWP,EAAiB,SAAAZ,CAAA,CAAW,CAAA,EAC5C,CAEJ,CAEA,MAAAoB,EAAeC,EAAAA,gBAAgBxB,CAAK"}
1	+ {"version":3,"file":"index.cjs","sources":["../../../src/fields/Input/Input.tsx"],"sourcesContent":["import { type InputHTMLAttributes, type ReactElement, type MouseEvent, cloneElement, CSSProperties } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport type { ButtonIconProps } from '@/actions/ButtonIcon';\nimport createComponent from '@/core';\n\nimport '@iziui/styles/components/Input.scss';\n\nexport type InputType = 'text' \| 'password' \| 'number' \| 'date' \| 'month' \| 'tel';\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {\n error?: boolean;\n label?: string;\n helperText?: string;\n type?: InputType;\n width?: CSSProperties['width'];\n endIcon?: React.JSX.Element \| boolean;\n startIcon?: React.JSX.Element \| boolean;\n}\n\nfunction Input({\n error,\n label,\n helperText,\n endIcon,\n startIcon,\n type = 'text',\n disabled,\n width = '100%',\n ...props\n}: InputProps) {\n const containerClss = joinClass(\n `${prefix}-input-container`,\n );\n\n const labelClss = joinClass(\n `${prefix}-input-label`,\n error && `${prefix}-input-label--error`,\n );\n\n const classes = joinClass(\n `${prefix}-input-container`,\n `${prefix}-input`,\n disabled && `${prefix}-input--disabled`,\n error && `${prefix}-input--error`,\n props.className\n );\n\n const helperTextClss = joinClass(\n `${prefix}-input__helper-text`,\n helperText && `${prefix}-input__helper-text--visible`,\n error && `${prefix}-input__helper-text--error`\n );\n\n const renderIcon = (icon: ReactElement<ButtonIconProps>, direction: 'left' \| 'right') => {\n return cloneElement(icon, {\n disabled,\n size: icon.props.size \|\| 30,\n type: 'button',\n color: 'grey',\n style: {\n ...icon.props.style,\n },\n className: joinClass(\n icon.props.className,\n `${prefix}-input__icon`,\n `${prefix}-input__icon--margin-${direction}`\n ),\n onClick: (e: MouseEvent<any, globalThis.MouseEvent>) => {\n e.stopPropagation();\n if (icon.props.onClick) { icon.props.onClick(e); };\n }\n });\n };\n\n return (\n <div className={containerClss} style={{ width }}>\n {label && <label className={labelClss}>{label} {props.required && '*'}</label>}\n <div className={classes}>\n {startIcon && renderIcon(startIcon as React.JSX.Element, 'right')}\n <input {...props} type={type} disabled={disabled} />\n {endIcon && renderIcon(endIcon as React.JSX.Element, 'left')}\n </div>\n <p className={helperTextClss}>{helperText}</p>\n </div>\n );\n}\n\nexport default createComponent(Input);"],"names":["Input","error","label","helperText","endIcon","startIcon","type","disabled","width","props","containerClss","joinClass","prefix","labelClss","classes","helperTextClss","renderIcon","icon","direction","cloneElement","e","jsxs","jsx","Input_default","createComponent"],"mappings":"kaAuBA,SAASA,EAAM,CACb,MAAAC,EACA,MAAAC,EACA,WAAAC,EACA,QAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,OACP,SAAAC,EACA,MAAAC,EAAQ,OACR,GAAGC,CACL,EAAe,CACb,MAAMC,EAAgBC,EAAAA,UACpB,GAAGC,EAAAA,MAAM,kBAAA,EAGLC,EAAYF,EAAAA,UAChB,GAAGC,EAAAA,MAAM,eACTX,GAAS,GAAGW,EAAAA,MAAM,qBAAA,EAGdE,EAAUH,EAAAA,UACd,GAAGC,EAAAA,MAAM,mBACT,GAAGA,EAAAA,MAAM,SACTL,GAAY,GAAGK,EAAAA,MAAM,mBACrBX,GAAS,GAAGW,EAAAA,MAAM,gBAClBH,EAAM,SAAA,EAGFM,EAAiBJ,EAAAA,UACrB,GAAGC,EAAAA,MAAM,sBACTT,GAAc,GAAGS,EAAAA,MAAM,+BACvBX,GAAS,GAAGW,EAAAA,MAAM,4BAAA,EAGdI,EAAa,CAACC,EAAqCC,IAChDC,EAAAA,aAAaF,EAAM,CACxB,SAAAV,EACA,KAAMU,EAAK,MAAM,MAAQ,GACzB,KAAM,SACN,MAAO,OACP,MAAO,CACL,GAAGA,EAAK,MAAM,KAAA,EAEhB,UAAWN,EAAAA,UACTM,EAAK,MAAM,UACX,GAAGL,EAAAA,MAAM,eACT,GAAGA,EAAAA,MAAM,wBAAwBM,CAAS,EAAA,EAE5C,QAAUE,GAA8C,CACtDA,EAAE,gBAAA,EACEH,EAAK,MAAM,SAAWA,EAAK,MAAM,QAAQG,CAAC,CAChD,CAAA,CACD,EAGH,cACG,MAAA,CAAI,UAAWV,EAAe,MAAO,CAAE,MAAAF,GACrC,SAAA,CAAAN,GAASmB,EAAAA,KAAC,QAAA,CAAM,UAAWR,EAAY,SAAA,CAAAX,EAAM,IAAEO,EAAM,UAAY,GAAA,EAAI,EACtEY,EAAAA,KAAC,MAAA,CAAI,UAAWP,EACb,SAAA,CAAAT,GAAaW,EAAWX,EAAgC,OAAO,EAChEiB,EAAAA,IAAC,QAAA,CAAO,GAAGb,EAAO,KAAAH,EAAY,SAAAC,CAAA,CAAoB,EACjDH,GAAWY,EAAWZ,EAA8B,MAAM,CAAA,EAC7D,EACAkB,EAAAA,IAAC,IAAA,CAAE,UAAWP,EAAiB,SAAAZ,CAAA,CAAW,CAAA,EAC5C,CAEJ,CAEA,MAAAoB,EAAeC,EAAAA,gBAAgBxB,CAAK"}

package/dist/components/Input/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as p,jsx as $}from"react/jsx-runtime";import{cloneElement as b}from"react";import{p as t}from"../../chunks/index-CZ41y9Hn.js";import{j as s}from"../../chunks/joinClass-anSpaauN.js";import{c as j}from"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function y({error:n,label:l,helperText:o,endIcon:a,startIcon:c,type:f="text",disabled:i,width:_="100%",...r}){const h=s(`${t}-input-container`),x=s(`${t}-input-label`,n&&`${t}-input-label--error`),C=s(`${t}-input-container`,`${t}-input`,i&&`${t}-input--disabled`,n&&`${t}-input--error`,r.className),d=s(`${t}-input__helper-text`,o&&`${t}-input__helper-text--visible`,n&&`${t}-input__helper-text--error`),m=(e,N)=>b(e,{disabled:i,type:"button",size:30,style:{...e.props.style},className:s(e.props.className,`${t}-input__icon`,`${t}-input__icon--margin-${N}`),onClick:u=>{u.stopPropagation(),e.props.onClick&&e.props.onClick(u)}});return p("div",{className:h,style:{width:_},children:[l&&p("label",{className:x,children:[l," ",r.required&&"*"]}),p("div",{className:C,children:[c&&m(c,"right"),$("input",{...r,type:f,disabled:i}),a&&m(a,"left")]}),$("p",{className:d,children:o})]})}const P=j(y);export{P as default};
+import{jsxs as p,jsx as $}from"react/jsx-runtime";import{cloneElement as y}from"react";import{p as t}from"../../chunks/index-CZ41y9Hn.js";import{j as s}from"../../chunks/joinClass-anSpaauN.js";import{c as b}from"../../chunks/createComponent-DVEGAquv.js";import"../../chunks/useTheme-0mDIfCdt.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function g({error:r,label:l,helperText:o,endIcon:a,startIcon:c,type:f="text",disabled:n,width:_="100%",...i}){const h=s(`${t}-input-container`),x=s(`${t}-input-label`,r&&`${t}-input-label--error`),C=s(`${t}-input-container`,`${t}-input`,n&&`${t}-input--disabled`,r&&`${t}-input--error`,i.className),d=s(`${t}-input__helper-text`,o&&`${t}-input__helper-text--visible`,r&&`${t}-input__helper-text--error`),m=(e,N)=>y(e,{disabled:n,size:e.props.size||30,type:"button",color:"grey",style:{...e.props.style},className:s(e.props.className,`${t}-input__icon`,`${t}-input__icon--margin-${N}`),onClick:u=>{u.stopPropagation(),e.props.onClick&&e.props.onClick(u)}});return p("div",{className:h,style:{width:_},children:[l&&p("label",{className:x,children:[l," ",i.required&&"*"]}),p("div",{className:C,children:[c&&m(c,"right"),$("input",{...i,type:f,disabled:n}),a&&m(a,"left")]}),$("p",{className:d,children:o})]})}const P=b(g);export{P as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Input/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/fields/Input/Input.tsx"],"sourcesContent":["import { type InputHTMLAttributes, type ReactElement, type MouseEvent, cloneElement, CSSProperties } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport type { ButtonIconProps } from '@/actions/ButtonIcon';\nimport createComponent from '@/core';\n\nimport '@iziui/styles/components/Input.scss';\n\nexport type InputType = 'text' \| 'password' \| 'number' \| 'date' \| 'month' \| 'tel';\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {\n error?: boolean;\n label?: string;\n helperText?: string;\n type?: InputType;\n width?: CSSProperties['width'];\n endIcon?: React.JSX.Element \| boolean;\n startIcon?: React.JSX.Element \| boolean;\n}\n\nfunction Input({\n error,\n label,\n helperText,\n endIcon,\n startIcon,\n type = 'text',\n disabled,\n width = '100%',\n ...props\n}: InputProps) {\n const containerClss = joinClass(\n `${prefix}-input-container`,\n );\n\n const labelClss = joinClass(\n `${prefix}-input-label`,\n error && `${prefix}-input-label--error`,\n );\n\n const classes = joinClass(\n `${prefix}-input-container`,\n `${prefix}-input`,\n disabled && `${prefix}-input--disabled`,\n error && `${prefix}-input--error`,\n props.className\n );\n\n const helperTextClss = joinClass(\n `${prefix}-input__helper-text`,\n helperText && `${prefix}-input__helper-text--visible`,\n error && `${prefix}-input__helper-text--error`\n );\n\n const renderIcon = (icon: ReactElement<ButtonIconProps>, direction: 'left' \| 'right') => {\n return cloneElement(icon, {\n disabled,\n type: 'button',\n ~~size~~: 30,\n style: {\n ...icon.props.style,\n },\n className: joinClass(\n icon.props.className,\n `${prefix}-input__icon`,\n `${prefix}-input__icon--margin-${direction}`\n ),\n onClick: (e: MouseEvent<any, globalThis.MouseEvent>) => {\n e.stopPropagation();\n if (icon.props.onClick) { icon.props.onClick(e); };\n }\n });\n };\n\n return (\n <div className={containerClss} style={{ width }}>\n {label && <label className={labelClss}>{label} {props.required && '*'}</label>}\n <div className={classes}>\n {startIcon && renderIcon(startIcon as React.JSX.Element, 'right')}\n <input {...props} type={type} disabled={disabled} />\n {endIcon && renderIcon(endIcon as React.JSX.Element, 'left')}\n </div>\n <p className={helperTextClss}>{helperText}</p>\n </div>\n );\n}\n\nexport default createComponent(Input);"],"names":["Input","error","label","helperText","endIcon","startIcon","type","disabled","width","props","containerClss","joinClass","prefix","labelClss","classes","helperTextClss","renderIcon","icon","direction","cloneElement","e","jsxs","jsx","Input_default","createComponent"],"mappings":"+VAuBA,SAASA,EAAM,CACb,MAAAC,EACA,MAAAC,EACA,WAAAC,EACA,QAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,OACP,SAAAC,EACA,MAAAC,EAAQ,OACR,GAAGC,CACL,EAAe,CACb,MAAMC,EAAgBC,EACpB,GAAGC,CAAM,kBAAA,EAGLC,EAAYF,EAChB,GAAGC,CAAM,eACTX,GAAS,GAAGW,CAAM,qBAAA,EAGdE,EAAUH,EACd,GAAGC,CAAM,mBACT,GAAGA,CAAM,SACTL,GAAY,GAAGK,CAAM,mBACrBX,GAAS,GAAGW,CAAM,gBAClBH,EAAM,SAAA,EAGFM,EAAiBJ,EACrB,GAAGC,CAAM,sBACTT,GAAc,GAAGS,CAAM,+BACvBX,GAAS,GAAGW,CAAM,4BAAA,EAGdI,EAAa,CAACC,EAAqCC,IAChDC,EAAaF,EAAM,CACxB,SAAAV,EACA,KAAM,SACN,~~KAAM~~,~~GACN~~,MAAO,CACL,~~GAAGU~~,EAAK,MAAM,KAAA,EAEhB,UAAWN,EACTM,EAAK,MAAM,UACX,GAAGL,CAAM,eACT,GAAGA,CAAM,wBAAwBM,CAAS,EAAA,EAE5C,QAAUE,GAA8C,CACtDA,EAAE,gBAAA,EACEH,EAAK,MAAM,SAAWA,EAAK,MAAM,QAAQG,CAAC,CAChD,CAAA,CACD,EAGH,SACG,MAAA,CAAI,UAAWV,EAAe,MAAO,CAAE,MAAAF,GACrC,SAAA,CAAAN,GAASmB,EAAC,QAAA,CAAM,UAAWR,EAAY,SAAA,CAAAX,EAAM,IAAEO,EAAM,UAAY,GAAA,EAAI,EACtEY,EAAC,MAAA,CAAI,UAAWP,EACb,SAAA,CAAAT,GAAaW,EAAWX,EAAgC,OAAO,EAChEiB,EAAC,QAAA,CAAO,GAAGb,EAAO,KAAAH,EAAY,SAAAC,CAAA,CAAoB,EACjDH,GAAWY,EAAWZ,EAA8B,MAAM,CAAA,EAC7D,EACAkB,EAAC,IAAA,CAAE,UAAWP,EAAiB,SAAAZ,CAAA,CAAW,CAAA,EAC5C,CAEJ,CAEA,MAAAoB,EAAeC,EAAgBxB,CAAK"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/fields/Input/Input.tsx"],"sourcesContent":["import { type InputHTMLAttributes, type ReactElement, type MouseEvent, cloneElement, CSSProperties } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport type { ButtonIconProps } from '@/actions/ButtonIcon';\nimport createComponent from '@/core';\n\nimport '@iziui/styles/components/Input.scss';\n\nexport type InputType = 'text' \| 'password' \| 'number' \| 'date' \| 'month' \| 'tel';\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {\n error?: boolean;\n label?: string;\n helperText?: string;\n type?: InputType;\n width?: CSSProperties['width'];\n endIcon?: React.JSX.Element \| boolean;\n startIcon?: React.JSX.Element \| boolean;\n}\n\nfunction Input({\n error,\n label,\n helperText,\n endIcon,\n startIcon,\n type = 'text',\n disabled,\n width = '100%',\n ...props\n}: InputProps) {\n const containerClss = joinClass(\n `${prefix}-input-container`,\n );\n\n const labelClss = joinClass(\n `${prefix}-input-label`,\n error && `${prefix}-input-label--error`,\n );\n\n const classes = joinClass(\n `${prefix}-input-container`,\n `${prefix}-input`,\n disabled && `${prefix}-input--disabled`,\n error && `${prefix}-input--error`,\n props.className\n );\n\n const helperTextClss = joinClass(\n `${prefix}-input__helper-text`,\n helperText && `${prefix}-input__helper-text--visible`,\n error && `${prefix}-input__helper-text--error`\n );\n\n const renderIcon = (icon: ReactElement<ButtonIconProps>, direction: 'left' \| 'right') => {\n return cloneElement(icon, {\n disabled,\n size: icon.props.size \|\| 30,\n type: 'button',\n color: 'grey',\n style: {\n ...icon.props.style,\n },\n className: joinClass(\n icon.props.className,\n `${prefix}-input__icon`,\n `${prefix}-input__icon--margin-${direction}`\n ),\n onClick: (e: MouseEvent<any, globalThis.MouseEvent>) => {\n e.stopPropagation();\n if (icon.props.onClick) { icon.props.onClick(e); };\n }\n });\n };\n\n return (\n <div className={containerClss} style={{ width }}>\n {label && <label className={labelClss}>{label} {props.required && '*'}</label>}\n <div className={classes}>\n {startIcon && renderIcon(startIcon as React.JSX.Element, 'right')}\n <input {...props} type={type} disabled={disabled} />\n {endIcon && renderIcon(endIcon as React.JSX.Element, 'left')}\n </div>\n <p className={helperTextClss}>{helperText}</p>\n </div>\n );\n}\n\nexport default createComponent(Input);"],"names":["Input","error","label","helperText","endIcon","startIcon","type","disabled","width","props","containerClss","joinClass","prefix","labelClss","classes","helperTextClss","renderIcon","icon","direction","cloneElement","e","jsxs","jsx","Input_default","createComponent"],"mappings":"+VAuBA,SAASA,EAAM,CACb,MAAAC,EACA,MAAAC,EACA,WAAAC,EACA,QAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,OACP,SAAAC,EACA,MAAAC,EAAQ,OACR,GAAGC,CACL,EAAe,CACb,MAAMC,EAAgBC,EACpB,GAAGC,CAAM,kBAAA,EAGLC,EAAYF,EAChB,GAAGC,CAAM,eACTX,GAAS,GAAGW,CAAM,qBAAA,EAGdE,EAAUH,EACd,GAAGC,CAAM,mBACT,GAAGA,CAAM,SACTL,GAAY,GAAGK,CAAM,mBACrBX,GAAS,GAAGW,CAAM,gBAClBH,EAAM,SAAA,EAGFM,EAAiBJ,EACrB,GAAGC,CAAM,sBACTT,GAAc,GAAGS,CAAM,+BACvBX,GAAS,GAAGW,CAAM,4BAAA,EAGdI,EAAa,CAACC,EAAqCC,IAChDC,EAAaF,EAAM,CACxB,SAAAV,EACA,KAAMU,EAAK,MAAM,MAAQ,GACzB,KAAM,SACN,MAAO,OACP,MAAO,CACL,GAAGA,EAAK,MAAM,KAAA,EAEhB,UAAWN,EACTM,EAAK,MAAM,UACX,GAAGL,CAAM,eACT,GAAGA,CAAM,wBAAwBM,CAAS,EAAA,EAE5C,QAAUE,GAA8C,CACtDA,EAAE,gBAAA,EACEH,EAAK,MAAM,SAAWA,EAAK,MAAM,QAAQG,CAAC,CAChD,CAAA,CACD,EAGH,SACG,MAAA,CAAI,UAAWV,EAAe,MAAO,CAAE,MAAAF,GACrC,SAAA,CAAAN,GAASmB,EAAC,QAAA,CAAM,UAAWR,EAAY,SAAA,CAAAX,EAAM,IAAEO,EAAM,UAAY,GAAA,EAAI,EACtEY,EAAC,MAAA,CAAI,UAAWP,EACb,SAAA,CAAAT,GAAaW,EAAWX,EAAgC,OAAO,EAChEiB,EAAC,QAAA,CAAO,GAAGb,EAAO,KAAAH,EAAY,SAAAC,CAAA,CAAoB,EACjDH,GAAWY,EAAWZ,EAA8B,MAAM,CAAA,EAC7D,EACAkB,EAAC,IAAA,CAAE,UAAWP,EAAiB,SAAAZ,CAAA,CAAW,CAAA,EAC5C,CAEJ,CAEA,MAAAoB,EAAeC,EAAgBxB,CAAK"}

package/dist/components/InputFile/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),n=require("../../chunks/index-DYxwT4uW.cjs"),r=require("../../chunks/joinClass-Jk3EszKD.cjs"),u=require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function s({...e}){const t=r.joinClass(`${n.prefix}-input-file`,e.className);return i.jsx("input",{...e,type:"file",className:t})}const o=u.createComponent(s);exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),n=require("../../chunks/index-DYxwT4uW.cjs"),r=require("../../chunks/joinClass-Jk3EszKD.cjs"),u=require("../../chunks/createComponent-D4pr5s4h.cjs");require("../../chunks/useTheme-JY_BIRt8.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function s({...e}){const t=r.joinClass(`${n.prefix}-input-file`,e.className);return i.jsx("input",{...e,type:"file",className:t})}const o=u.createComponent(s);exports.default=o;
 //# sourceMappingURL=index.cjs.map

package/dist/components/InputFile/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as i}from"react/jsx-runtime";import{p as e}from"../../chunks/index-CZ41y9Hn.js";import{j as r}from"../../chunks/joinClass-anSpaauN.js";import{c as m}from"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/useTheme-njpgklWP.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";function p({...t}){const o=r(`${e}-input-file`,t.className);return i("input",{...t,type:"file",className:o})}const j=m(p);export{j as default};
+import{jsx as i}from"react/jsx-runtime";import{p as e}from"../../chunks/index-CZ41y9Hn.js";import{j as r}from"../../chunks/joinClass-anSpaauN.js";import{c as m}from"../../chunks/createComponent-DVEGAquv.js";import"../../chunks/useTheme-0mDIfCdt.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";function p({...t}){const o=r(`${e}-input-file`,t.className);return i("input",{...t,type:"file",className:o})}const j=m(p);export{j as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Loading/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),o=require("../../chunks/index-DYxwT4uW.cjs"),a=require("../../chunks/convertPathToColor-BlQMLS4V.cjs"),l=require("../../chunks/joinClass-Jk3EszKD.cjs"),u=require("../../chunks/createComponent-CTufIEiN.cjs"),d=require("../../chunks/useTheme-DoESyi5h.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function m({color:n="primary",size:t="1.5rem",...e}){const{theme:{palette:i}}=d.useTheme(),s=a.convertPathToColor(`${n}.main`,i),c=l.joinClass(`${o.prefix}-loading`,e.className);return r.jsx("span",{...e,className:c,style:{...e,color:s,width:t,height:t},children:r.jsx("svg",{className:`${o.prefix}-loading__svg`,viewBox:"22 22 44 44",children:r.jsx("circle",{className:`${o.prefix}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const h=u.createComponent(m);exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),o=require("../../chunks/index-DYxwT4uW.cjs"),a=require("../../chunks/convertPathToColor-BlQMLS4V.cjs"),l=require("../../chunks/joinClass-Jk3EszKD.cjs"),u=require("../../chunks/createComponent-D4pr5s4h.cjs"),d=require("../../chunks/useTheme-JY_BIRt8.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function m({color:n="primary",size:t="1.5rem",...e}){const{theme:{palette:i}}=d.useTheme(),s=a.convertPathToColor(`${n}.main`,i),c=l.joinClass(`${o.prefix}-loading`,e.className);return r.jsx("span",{...e,className:c,style:{...e,color:s,width:t,height:t},children:r.jsx("svg",{className:`${o.prefix}-loading__svg`,viewBox:"22 22 44 44",children:r.jsx("circle",{className:`${o.prefix}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const h=u.createComponent(m);exports.default=h;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Loading/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{p as r}from"../../chunks/index-CZ41y9Hn.js";import{c}from"../../chunks/convertPathToColor-D2SdAqGh.js";import{j as n}from"../../chunks/joinClass-anSpaauN.js";import{c as l}from"../../chunks/createComponent-WNQRXK89.js";import{u as d}from"../../chunks/useTheme-njpgklWP.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";function f({color:a="primary",size:t="1.5rem",...o}){const{theme:{palette:i}}=d(),m=c(`${a}.main`,i),s=n(`${r}-loading`,o.className);return e("span",{...o,className:s,style:{...o,color:m,width:t,height:t},children:e("svg",{className:`${r}-loading__svg`,viewBox:"22 22 44 44",children:e("circle",{className:`${r}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const $=l(f);export{$ as default};
+import{jsx as e}from"react/jsx-runtime";import{p as r}from"../../chunks/index-CZ41y9Hn.js";import{c}from"../../chunks/convertPathToColor-D2SdAqGh.js";import{j as n}from"../../chunks/joinClass-anSpaauN.js";import{c as l}from"../../chunks/createComponent-DVEGAquv.js";import{u as d}from"../../chunks/useTheme-0mDIfCdt.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";function f({color:a="primary",size:t="1.5rem",...o}){const{theme:{palette:i}}=d(),m=c(`${a}.main`,i),s=n(`${r}-loading`,o.className);return e("span",{...o,className:s,style:{...o,color:m,width:t,height:t},children:e("svg",{className:`${r}-loading__svg`,viewBox:"22 22 44 44",children:e("circle",{className:`${r}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const $=l(f);export{$ as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Menu/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/useMenu-C0u9aTiR.cjs"),r=require("../../chunks/MenuButton-AyzSxRY0.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/uuid-omnJ9TjZ.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/Card-B8XSgLaD.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/CardContent-BivcVoIc.cjs");exports.Menu=e.Menu;exports.useMenu=e.useMenu;exports.MenuButton=r.MenuButton_default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/useMenu-D9Ykb-Zv.cjs"),r=require("../../chunks/MenuButton-vGFyPeAx.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/uuid-omnJ9TjZ.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/Card-e4Mi7GY-.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/createComponent-D4pr5s4h.cjs");require("../../chunks/useTheme-JY_BIRt8.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/CardContent-5Yz1zrPo.cjs");exports.Menu=e.Menu;exports.useMenu=e.useMenu;exports.MenuButton=r.MenuButton_default;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Menu/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{M as B,u as b}from"../../chunks/useMenu-BNL22pOQ.js";import{M as d}from"../../chunks/MenuButton-DLf22r80.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/uuid-dGvr9vBZ.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/Card-DOsl4_nu.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/createComponent-WNQRXK89.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/CardContent-C8ypE7yH.js";export{B as Menu,d as MenuButton,b as useMenu};
+import{M as B,u as b}from"../../chunks/useMenu-Bs5BP-8S.js";import{M as d}from"../../chunks/MenuButton-DcoPpGNl.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/uuid-dGvr9vBZ.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/Card-advr_GYM.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/createComponent-DVEGAquv.js";import"../../chunks/useTheme-0mDIfCdt.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/CardContent-gZ_HifsA.js";export{B as Menu,d as MenuButton,b as useMenu};
 //# sourceMappingURL=index.js.map

package/dist/components/Modal/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),o=require("../../chunks/index-DYxwT4uW.cjs"),f=require("../../chunks/joinClass-Jk3EszKD.cjs"),x=require("../../chunks/createComponent-CTufIEiN.cjs"),v=require("../../chunks/Card-B8XSgLaD.cjs"),_=require("../../chunks/CardContent-BivcVoIc.cjs"),C=require("../../chunks/Stack-beBM7a60.cjs"),g=require("../../chunks/ButtonIcon-Cz8zJH-E.cjs"),M=require("../../chunks/Icon-COl2Nhp9.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");function N({children:n,title:c,subtitle:l,isOpen:u,onClose:i,...m}){const[d,a]=s.useState({visible:!1,animation:"hide"}),r=s.useRef(null),p=300,j=f.joinClass(`${o.prefix}-modal`,`${o.prefix}-modal--${d.animation}`),y=f.joinClass(`${o.prefix}-modal__content`,m.className),b=f.joinClass(`${o.prefix}-modal__backdrop`,`${o.prefix}-modal__backdrop--${d.animation}`);s.useEffect(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"}),[]),s.useEffect(()=>(u?h():q(),()=>{r.current&&(clearTimeout(r.current),r.current=null)}),[u]);const h=()=>{a(t=>({...t,visible:!0})),r.current=setTimeout(()=>{a(t=>({...t,animation:"show"})),document.body.style.overflow="hidden"},100)},q=()=>{a(t=>({...t,animation:"hide"})),r.current=setTimeout(()=>{a(t=>({...t,visible:!1})),document.body.style.overflow=""},p)};return d.visible&&e.jsx("div",{className:b,onClick:i,children:e.jsx("div",{className:`${o.prefix}-modal__container`,children:e.jsx(v.Card,{className:j,children:e.jsxs(_.CardContent,{onClick:t=>t.stopPropagation(),children:[e.jsxs(C.Stack,{flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between",style:{flexWrap:"nowrap"},children:[e.jsxs("div",{children:[c,l]}),e.jsx(g.ButtonIcon,{color:"primary",onClick:i,children:e.jsx(M.Icon,{name:"times",color:"text.secondary"})})]}),e.jsx("div",{...m,className:y,children:n})]})})})})}const k=x.createComponent(N);function w({children:n}){return e.jsx(C.Stack,{flexDirection:"row",justifyContent:"flex-end",alignItems:"center",children:n})}const I=x.createComponent(w);function $({open:n=!1}={}){const[c,l]=s.useState(n);return[c,()=>l(i=>!i)]}exports.Modal=k;exports.ModalFooter=I;exports.useModal=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),o=require("../../chunks/index-DYxwT4uW.cjs"),f=require("../../chunks/joinClass-Jk3EszKD.cjs"),x=require("../../chunks/createComponent-D4pr5s4h.cjs"),v=require("../../chunks/Card-e4Mi7GY-.cjs"),g=require("../../chunks/CardContent-5Yz1zrPo.cjs"),C=require("../../chunks/Stack-BqUfdaLZ.cjs"),_=require("../../chunks/ButtonIcon-BaIAErno.cjs"),M=require("../../chunks/Icon-juPkJl8j.cjs");require("../../chunks/useTheme-JY_BIRt8.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");function N({children:n,title:c,subtitle:l,isOpen:u,onClose:i,...m}){const[d,a]=s.useState({visible:!1,animation:"hide"}),r=s.useRef(null),j=300,p=f.joinClass(`${o.prefix}-modal`,`${o.prefix}-modal--${d.animation}`),b=f.joinClass(`${o.prefix}-modal__content`,m.className),h=f.joinClass(`${o.prefix}-modal__backdrop`,`${o.prefix}-modal__backdrop--${d.animation}`);s.useEffect(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"}),[]),s.useEffect(()=>(u?q():y(),()=>{r.current&&(clearTimeout(r.current),r.current=null)}),[u]);const q=()=>{a(t=>({...t,visible:!0})),r.current=setTimeout(()=>{a(t=>({...t,animation:"show"})),document.body.style.overflow="hidden"},100)},y=()=>{a(t=>({...t,animation:"hide"})),r.current=setTimeout(()=>{a(t=>({...t,visible:!1})),document.body.style.overflow=""},j)};return d.visible&&e.jsx("div",{className:h,onClick:i,children:e.jsx("div",{className:`${o.prefix}-modal__container`,children:e.jsx(v.Card,{className:p,children:e.jsxs(g.CardContent,{onClick:t=>t.stopPropagation(),children:[e.jsxs(C.Stack,{alignItems:"center",flexDirection:"row",justifyContent:"space-between",style:{flexWrap:"nowrap"},children:[e.jsxs("div",{children:[c,l]}),e.jsx(_.ButtonIcon,{color:"grey",onClick:i,children:e.jsx(M.Icon,{name:"times"})})]}),e.jsx("div",{...m,className:b,children:n})]})})})})}const k=x.createComponent(N);function w({children:n}){return e.jsx(C.Stack,{flexDirection:"row",justifyContent:"flex-end",alignItems:"center",children:n})}const I=x.createComponent(w);function $({open:n=!1}={}){const[c,l]=s.useState(n);return[c,()=>l(i=>!i)]}exports.Modal=k;exports.ModalFooter=I;exports.useModal=$;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Modal/index.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../src/feedback/Modal/Modal.tsx","../../../src/feedback/Modal/ModalFooter.tsx","../../../src/feedback/Modal/useModal.ts"],"sourcesContent":["import { useEffect, useRef, useState, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core/createComponent';\nimport { Card, CardContent } from '@/display/Card';\nimport Stack from '@/layout/Stack';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport Icon from '@/display/Icon';\n\nimport '@iziui/styles/components/Modal.scss';\n\ntype AnimationClass = 'show' \| 'hide';\ntype Config = { animation: AnimationClass, visible: boolean };\n\nexport interface ModalProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {\n isOpen: boolean;\n onClose: () => void;\n children: React.ReactNode;\n title?: React.JSX.Element;\n subtitle?: React.JSX.Element;\n}\n\nfunction Modal({ children, title, subtitle, isOpen, onClose, ...props }: ModalProps) {\n const [config, setConfig] = useState<Config>({ visible: false, animation: 'hide' });\n const timeoutRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n\n const ANIMATION_DURATION = 300;\n\n const className = joinClass(\n `${prefix}-modal`,\n `${prefix}-modal--${config.animation}`\n );\n const classNameContent = joinClass(\n `${prefix}-modal__content`,\n props.className\n );\n const backdropClassName = joinClass(\n `${prefix}-modal__backdrop`,\n `${prefix}-modal__backdrop--${config.animation}`\n );\n\n useEffect(() => {\n document.body.style.overflow = 'hidden';\n\n return () => {\n document.body.style.overflow = 'auto';\n };\n }, []);\n\n useEffect(() => {\n if (isOpen) {\n handleOpen();\n } else {\n handleClose();\n }\n\n return () => {\n if (!timeoutRef.current) { return; }\n clearTimeout(timeoutRef.current);\n timeoutRef.current = null;\n };\n }, [isOpen]);\n\n const handleOpen = () => {\n setConfig(prev => ({ ...prev, visible: true }));\n timeoutRef.current = setTimeout(() => {\n setConfig(prev => ({ ...prev, animation: 'show' }));\n document.body.style.overflow = 'hidden';\n }, 100);\n };\n\n const handleClose = () => {\n setConfig(prev => ({ ...prev, animation: 'hide' }));\n timeoutRef.current = setTimeout(() => {\n setConfig(prev => ({ ...prev, visible: false }));\n document.body.style.overflow = '';\n }, ANIMATION_DURATION);\n };\n\n return (\n config.visible && (\n <div className={backdropClassName} onClick={onClose}>\n <div className={`${prefix}-modal__container`}>\n <Card className={className}>\n <CardContent onClick={(e) => e.stopPropagation()}>\n <Stack\n ~~flexDirection~~=\"~~row~~\"\n ~~alignItems~~=\"~~flex-start~~\"\n justifyContent=\"space-between\"\n style={{ flexWrap: 'nowrap' }}\n >\n <div>\n {title}\n {subtitle}\n </div>\n <ButtonIcon color=\"~~primary~~\" onClick={onClose}>\n <Icon name=\"times\" ~~color=\"text.secondary\"~~ />\n </ButtonIcon>\n </Stack>\n <div\n {...props}\n className={classNameContent}\n >\n {children}\n </div>\n </CardContent>\n </Card>\n </div>\n </div>\n )\n );\n}\n\nexport default createComponent(Modal);\n","\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\ninterface ModalFooterProps { children: React.ReactNode; }\n\nfunction ModalFooter({ children }: ModalFooterProps) {\n return (\n <Stack flexDirection=\"row\" justifyContent=\"flex-end\" alignItems=\"center\">\n {children}\n </Stack>\n );\n}\n\nexport default createComponent(ModalFooter);","import { useState } from 'react';\n\ninterface UseModalProps { open?: boolean; }\n\nexport default function useModal({ open = false }: UseModalProps = {}): [boolean, () => void] {\n const [_open, setOpen] = useState(open);\n\n const toggle = () => setOpen((prev) => !prev);\n\n return [_open, toggle];\n};"],"names":["Modal","children","title","subtitle","isOpen","onClose","props","config","setConfig","useState","timeoutRef","useRef","ANIMATION_DURATION","className","joinClass","prefix","classNameContent","backdropClassName","useEffect","handleOpen","handleClose","prev","jsx","Card","jsxs","CardContent","e","Stack","ButtonIcon","Icon","Modal_default","createComponent","ModalFooter","ModalFooter_default","useModal","open","_open","setOpen"],"mappings":"otBAyBA,SAASA,EAAM,CAAE,SAAAC,EAAU,MAAAC,EAAO,SAAAC,EAAU,OAAAC,EAAQ,QAAAC,EAAS,GAAGC,GAAqB,CACnF,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAiB,CAAE,QAAS,GAAO,UAAW,OAAQ,EAC5EC,EAAaC,EAAAA,OAA6C,IAAI,EAE9DC,EAAqB,IAErBC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,SACT,GAAGA,EAAAA,MAAM,WAAWR,EAAO,SAAS,EAAA,EAEhCS,EAAmBF,EAAAA,UACvB,GAAGC,EAAAA,MAAM,kBACTT,EAAM,SAAA,EAEFW,EAAoBH,EAAAA,UACxB,GAAGC,EAAAA,MAAM,mBACT,GAAGA,EAAAA,MAAM,qBAAqBR,EAAO,SAAS,EAAA,EAGhDW,EAAAA,UAAU,KACR,SAAS,KAAK,MAAM,SAAW,SAExB,IAAM,CACX,SAAS,KAAK,MAAM,SAAW,MACjC,GACC,CAAA,CAAE,EAELA,EAAAA,UAAU,KACJd,EACFe,EAAA,EAEAC,EAAA,EAGK,IAAM,CACNV,EAAW,UAChB,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,KACvB,GACC,CAACN,CAAM,CAAC,EAEX,MAAMe,EAAa,IAAM,CACvBX,MAAmB,CAAE,GAAGa,EAAM,QAAS,IAAO,EAC9CX,EAAW,QAAU,WAAW,IAAM,CACpCF,MAAmB,CAAE,GAAGa,EAAM,UAAW,QAAS,EAClD,SAAS,KAAK,MAAM,SAAW,QACjC,EAAG,GAAG,CACR,EAEMD,EAAc,IAAM,CACxBZ,MAAmB,CAAE,GAAGa,EAAM,UAAW,QAAS,EAClDX,EAAW,QAAU,WAAW,IAAM,CACpCF,MAAmB,CAAE,GAAGa,EAAM,QAAS,IAAQ,EAC/C,SAAS,KAAK,MAAM,SAAW,EACjC,EAAGT,CAAkB,CACvB,EAEA,OACEL,EAAO,SACLe,EAAAA,IAAC,MAAA,CAAI,UAAWL,EAAmB,QAASZ,EAC1C,SAAAiB,EAAAA,IAAC,MAAA,CAAI,UAAW,GAAGP,EAAAA,MAAM,oBACvB,SAAAO,EAAAA,IAACC,EAAAA,KAAA,CAAK,UAAAV,EACJ,SAAAW,EAAAA,KAACC,EAAAA,YAAA,CAAY,QAAUC,GAAMA,EAAE,gBAAA,EAC7B,SAAA,CAAAF,EAAAA,KAACG,EAAAA,MAAA,CACC,cAAc,MACd,~~WAAW,aACX,~~eAAe,gBACf,MAAO,CAAE,SAAU,QAAA,EAEnB,SAAA,CAAAH,OAAC,MAAA,CACE,SAAA,CAAAtB,EACAC,CAAA,EACH,EACAmB,EAAAA,IAACM,EAAAA,WAAA,CAAW,MAAM,~~UAAU~~,QAASvB,~~EACnC~~,SAAAiB,EAAAA,IAACO,EAAAA,KAAA,CAAK,KAAK,~~QAAQ~~,~~MAAM~~,~~gBAAA,CAAiB,~~CAAA,~~CAC5C~~,CAAA,CAAA,CAAA,EAEFP,EAAAA,IAAC,MAAA,CACE,GAAGhB,EACJ,UAAWU,EAEV,SAAAf,CAAA,CAAA,CACH,EACF,CAAA,CACF,EACF,EACF,CAGN,CAEA,MAAA6B,EAAeC,EAAAA,gBAAgB/B,CAAK,EC7GpC,SAASgC,EAAY,CAAE,SAAA/B,GAA8B,CACnD,OACEqB,MAACK,EAAAA,OAAM,cAAc,MAAM,eAAe,WAAW,WAAW,SAC7D,SAAA1B,EACH,CAEJ,CAEA,MAAAgC,EAAeF,EAAAA,gBAAgBC,CAAW,ECX1C,SAAwBE,EAAS,CAAE,KAAAC,EAAO,EAAA,EAAyB,CAAA,EAA2B,CAC5F,KAAM,CAACC,EAAOC,CAAO,EAAI5B,EAAAA,SAAS0B,CAAI,EAItC,MAAO,CAACC,EAFO,IAAMC,EAAShB,GAAS,CAACA,CAAI,CAEvB,CACvB"}
1	+ {"version":3,"file":"index.cjs","sources":["../../../src/feedback/Modal/Modal.tsx","../../../src/feedback/Modal/ModalFooter.tsx","../../../src/feedback/Modal/useModal.ts"],"sourcesContent":["import { useEffect, useRef, useState, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core/createComponent';\nimport { Card, CardContent } from '@/display/Card';\nimport Stack from '@/layout/Stack';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport Icon from '@/display/Icon';\n\nimport '@iziui/styles/components/Modal.scss';\n\ntype AnimationClass = 'show' \| 'hide';\ntype Config = { animation: AnimationClass, visible: boolean };\n\nexport interface ModalProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {\n isOpen: boolean;\n onClose: () => void;\n children: React.ReactNode;\n title?: React.JSX.Element;\n subtitle?: React.JSX.Element;\n}\n\nfunction Modal({ children, title, subtitle, isOpen, onClose, ...props }: ModalProps) {\n const [config, setConfig] = useState<Config>({ visible: false, animation: 'hide' });\n const timeoutRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n\n const ANIMATION_DURATION = 300;\n\n const className = joinClass(\n `${prefix}-modal`,\n `${prefix}-modal--${config.animation}`\n );\n const classNameContent = joinClass(\n `${prefix}-modal__content`,\n props.className\n );\n const backdropClassName = joinClass(\n `${prefix}-modal__backdrop`,\n `${prefix}-modal__backdrop--${config.animation}`\n );\n\n useEffect(() => {\n document.body.style.overflow = 'hidden';\n\n return () => {\n document.body.style.overflow = 'auto';\n };\n }, []);\n\n useEffect(() => {\n if (isOpen) {\n handleOpen();\n } else {\n handleClose();\n }\n\n return () => {\n if (!timeoutRef.current) { return; }\n clearTimeout(timeoutRef.current);\n timeoutRef.current = null;\n };\n }, [isOpen]);\n\n const handleOpen = () => {\n setConfig(prev => ({ ...prev, visible: true }));\n timeoutRef.current = setTimeout(() => {\n setConfig(prev => ({ ...prev, animation: 'show' }));\n document.body.style.overflow = 'hidden';\n }, 100);\n };\n\n const handleClose = () => {\n setConfig(prev => ({ ...prev, animation: 'hide' }));\n timeoutRef.current = setTimeout(() => {\n setConfig(prev => ({ ...prev, visible: false }));\n document.body.style.overflow = '';\n }, ANIMATION_DURATION);\n };\n\n return (\n config.visible && (\n <div className={backdropClassName} onClick={onClose}>\n <div className={`${prefix}-modal__container`}>\n <Card className={className}>\n <CardContent onClick={(e) => e.stopPropagation()}>\n <Stack\n alignItems=\"center\"\n flexDirection=\"row\"\n justifyContent=\"space-between\"\n style={{ flexWrap: 'nowrap' }}\n >\n <div>\n {title}\n {subtitle}\n </div>\n <ButtonIcon color=\"grey\" onClick={onClose}>\n <Icon name=\"times\" />\n </ButtonIcon>\n </Stack>\n <div\n {...props}\n className={classNameContent}\n >\n {children}\n </div>\n </CardContent>\n </Card>\n </div>\n </div>\n )\n );\n}\n\nexport default createComponent(Modal);\n","\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\ninterface ModalFooterProps { children: React.ReactNode; }\n\nfunction ModalFooter({ children }: ModalFooterProps) {\n return (\n <Stack flexDirection=\"row\" justifyContent=\"flex-end\" alignItems=\"center\">\n {children}\n </Stack>\n );\n}\n\nexport default createComponent(ModalFooter);","import { useState } from 'react';\n\ninterface UseModalProps { open?: boolean; }\n\nexport default function useModal({ open = false }: UseModalProps = {}): [boolean, () => void] {\n const [_open, setOpen] = useState(open);\n\n const toggle = () => setOpen((prev) => !prev);\n\n return [_open, toggle];\n};"],"names":["Modal","children","title","subtitle","isOpen","onClose","props","config","setConfig","useState","timeoutRef","useRef","ANIMATION_DURATION","className","joinClass","prefix","classNameContent","backdropClassName","useEffect","handleOpen","handleClose","prev","jsx","Card","jsxs","CardContent","e","Stack","ButtonIcon","Icon","Modal_default","createComponent","ModalFooter","ModalFooter_default","useModal","open","_open","setOpen"],"mappings":"otBAyBA,SAASA,EAAM,CAAE,SAAAC,EAAU,MAAAC,EAAO,SAAAC,EAAU,OAAAC,EAAQ,QAAAC,EAAS,GAAGC,GAAqB,CACnF,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAiB,CAAE,QAAS,GAAO,UAAW,OAAQ,EAC5EC,EAAaC,EAAAA,OAA6C,IAAI,EAE9DC,EAAqB,IAErBC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,SACT,GAAGA,EAAAA,MAAM,WAAWR,EAAO,SAAS,EAAA,EAEhCS,EAAmBF,EAAAA,UACvB,GAAGC,EAAAA,MAAM,kBACTT,EAAM,SAAA,EAEFW,EAAoBH,EAAAA,UACxB,GAAGC,EAAAA,MAAM,mBACT,GAAGA,EAAAA,MAAM,qBAAqBR,EAAO,SAAS,EAAA,EAGhDW,EAAAA,UAAU,KACR,SAAS,KAAK,MAAM,SAAW,SAExB,IAAM,CACX,SAAS,KAAK,MAAM,SAAW,MACjC,GACC,CAAA,CAAE,EAELA,EAAAA,UAAU,KACJd,EACFe,EAAA,EAEAC,EAAA,EAGK,IAAM,CACNV,EAAW,UAChB,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,KACvB,GACC,CAACN,CAAM,CAAC,EAEX,MAAMe,EAAa,IAAM,CACvBX,MAAmB,CAAE,GAAGa,EAAM,QAAS,IAAO,EAC9CX,EAAW,QAAU,WAAW,IAAM,CACpCF,MAAmB,CAAE,GAAGa,EAAM,UAAW,QAAS,EAClD,SAAS,KAAK,MAAM,SAAW,QACjC,EAAG,GAAG,CACR,EAEMD,EAAc,IAAM,CACxBZ,MAAmB,CAAE,GAAGa,EAAM,UAAW,QAAS,EAClDX,EAAW,QAAU,WAAW,IAAM,CACpCF,MAAmB,CAAE,GAAGa,EAAM,QAAS,IAAQ,EAC/C,SAAS,KAAK,MAAM,SAAW,EACjC,EAAGT,CAAkB,CACvB,EAEA,OACEL,EAAO,SACLe,EAAAA,IAAC,MAAA,CAAI,UAAWL,EAAmB,QAASZ,EAC1C,SAAAiB,EAAAA,IAAC,MAAA,CAAI,UAAW,GAAGP,EAAAA,MAAM,oBACvB,SAAAO,EAAAA,IAACC,EAAAA,KAAA,CAAK,UAAAV,EACJ,SAAAW,EAAAA,KAACC,EAAAA,YAAA,CAAY,QAAUC,GAAMA,EAAE,gBAAA,EAC7B,SAAA,CAAAF,EAAAA,KAACG,EAAAA,MAAA,CACC,WAAW,SACX,cAAc,MACd,eAAe,gBACf,MAAO,CAAE,SAAU,QAAA,EAEnB,SAAA,CAAAH,OAAC,MAAA,CACE,SAAA,CAAAtB,EACAC,CAAA,EACH,EACAmB,EAAAA,IAACM,EAAAA,WAAA,CAAW,MAAM,OAAO,QAASvB,EAChC,SAAAiB,EAAAA,IAACO,EAAAA,KAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CACrB,CAAA,CAAA,CAAA,EAEFP,EAAAA,IAAC,MAAA,CACE,GAAGhB,EACJ,UAAWU,EAEV,SAAAf,CAAA,CAAA,CACH,EACF,CAAA,CACF,EACF,EACF,CAGN,CAEA,MAAA6B,EAAeC,EAAAA,gBAAgB/B,CAAK,EC7GpC,SAASgC,EAAY,CAAE,SAAA/B,GAA8B,CACnD,OACEqB,MAACK,EAAAA,OAAM,cAAc,MAAM,eAAe,WAAW,WAAW,SAC7D,SAAA1B,EACH,CAEJ,CAEA,MAAAgC,EAAeF,EAAAA,gBAAgBC,CAAW,ECX1C,SAAwBE,EAAS,CAAE,KAAAC,EAAO,EAAA,EAAyB,CAAA,EAA2B,CAC5F,KAAM,CAACC,EAAOC,CAAO,EAAI5B,EAAAA,SAAS0B,CAAI,EAItC,MAAO,CAACC,EAFO,IAAMC,EAAShB,GAAS,CAACA,CAAI,CAEvB,CACvB"}

package/dist/components/Modal/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as d}from"react/jsx-runtime";import{useState as C,useRef as w,useEffect as p}from"react";import{p as t}from"../../chunks/index-CZ41y9Hn.js";import{j as f}from"../../chunks/joinClass-anSpaauN.js";import{c as h}from"../../chunks/createComponent-WNQRXK89.js";import{C as I}from"../../chunks/Card-DOsl4_nu.js";import{C as M}from"../../chunks/CardContent-C8ypE7yH.js";import{S as y}from"../../chunks/Stack-DK5pfu2w.js";import{B as $}from"../../chunks/ButtonIcon-CsX4oYeI.js";import{I as k}from"../../chunks/Icon-CCIgEwA9.js";import"../../chunks/useTheme-njpgklWP.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";function j({children:n,title:s,subtitle:l,isOpen:c,onClose:a,...u}){const[m,i]=C({visible:!1,animation:"hide"}),r=w(null),b=300,v=f(`${t}-modal`,`${t}-modal--${m.animation}`),_=f(`${t}-modal__content`,u.className),x=f(`${t}-modal__backdrop`,`${t}-modal__backdrop--${m.animation}`);p(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"}),[]),p(()=>(c?N():g(),()=>{r.current&&(clearTimeout(r.current),r.current=null)}),[c]);const N=()=>{i(o=>({...o,visible:!0})),r.current=setTimeout(()=>{i(o=>({...o,animation:"show"})),document.body.style.overflow="hidden"},100)},g=()=>{i(o=>({...o,animation:"hide"})),r.current=setTimeout(()=>{i(o=>({...o,visible:!1})),document.body.style.overflow=""},b)};return m.visible&&e("div",{className:x,onClick:a,children:e("div",{className:`${t}-modal__container`,children:e(I,{className:v,children:d(M,{onClick:o=>o.stopPropagation(),children:[d(y,{flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between",style:{flexWrap:"nowrap"},children:[d("div",{children:[s,l]}),e($,{color:"primary",onClick:a,children:e(k,{name:"times",color:"text.secondary"})})]}),e("div",{...u,className:_,children:n})]})})})})}const H=h(j);function T({children:n}){return e(y,{flexDirection:"row",justifyContent:"flex-end",alignItems:"center",children:n})}const J=h(T);function K({open:n=!1}={}){const[s,l]=C(n);return[s,()=>l(a=>!a)]}export{H as Modal,J as ModalFooter,K as useModal};
+import{jsx as e,jsxs as d}from"react/jsx-runtime";import{useState as C,useRef as x,useEffect as p}from"react";import{p as t}from"../../chunks/index-CZ41y9Hn.js";import{j as f}from"../../chunks/joinClass-anSpaauN.js";import{c as h}from"../../chunks/createComponent-DVEGAquv.js";import{C as I}from"../../chunks/Card-advr_GYM.js";import{C as M}from"../../chunks/CardContent-gZ_HifsA.js";import{S as b}from"../../chunks/Stack-Dlu_ElTj.js";import{B as $}from"../../chunks/ButtonIcon-STwpOc8f.js";import{I as k}from"../../chunks/Icon-Dx0Z3SpU.js";import"../../chunks/useTheme-0mDIfCdt.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";function j({children:n,title:s,subtitle:l,isOpen:c,onClose:a,...u}){const[m,i]=C({visible:!1,animation:"hide"}),r=x(null),v=300,y=f(`${t}-modal`,`${t}-modal--${m.animation}`),_=f(`${t}-modal__content`,u.className),g=f(`${t}-modal__backdrop`,`${t}-modal__backdrop--${m.animation}`);p(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"}),[]),p(()=>(c?N():w(),()=>{r.current&&(clearTimeout(r.current),r.current=null)}),[c]);const N=()=>{i(o=>({...o,visible:!0})),r.current=setTimeout(()=>{i(o=>({...o,animation:"show"})),document.body.style.overflow="hidden"},100)},w=()=>{i(o=>({...o,animation:"hide"})),r.current=setTimeout(()=>{i(o=>({...o,visible:!1})),document.body.style.overflow=""},v)};return m.visible&&e("div",{className:g,onClick:a,children:e("div",{className:`${t}-modal__container`,children:e(I,{className:y,children:d(M,{onClick:o=>o.stopPropagation(),children:[d(b,{alignItems:"center",flexDirection:"row",justifyContent:"space-between",style:{flexWrap:"nowrap"},children:[d("div",{children:[s,l]}),e($,{color:"grey",onClick:a,children:e(k,{name:"times"})})]}),e("div",{...u,className:_,children:n})]})})})})}const H=h(j);function T({children:n}){return e(b,{flexDirection:"row",justifyContent:"flex-end",alignItems:"center",children:n})}const J=h(T);function K({open:n=!1}={}){const[s,l]=C(n);return[s,()=>l(a=>!a)]}export{H as Modal,J as ModalFooter,K as useModal};
 //# sourceMappingURL=index.js.map

package/dist/components/Modal/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/feedback/Modal/Modal.tsx","../../../src/feedback/Modal/ModalFooter.tsx","../../../src/feedback/Modal/useModal.ts"],"sourcesContent":["import { useEffect, useRef, useState, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core/createComponent';\nimport { Card, CardContent } from '@/display/Card';\nimport Stack from '@/layout/Stack';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport Icon from '@/display/Icon';\n\nimport '@iziui/styles/components/Modal.scss';\n\ntype AnimationClass = 'show' \| 'hide';\ntype Config = { animation: AnimationClass, visible: boolean };\n\nexport interface ModalProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {\n isOpen: boolean;\n onClose: () => void;\n children: React.ReactNode;\n title?: React.JSX.Element;\n subtitle?: React.JSX.Element;\n}\n\nfunction Modal({ children, title, subtitle, isOpen, onClose, ...props }: ModalProps) {\n const [config, setConfig] = useState<Config>({ visible: false, animation: 'hide' });\n const timeoutRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n\n const ANIMATION_DURATION = 300;\n\n const className = joinClass(\n `${prefix}-modal`,\n `${prefix}-modal--${config.animation}`\n );\n const classNameContent = joinClass(\n `${prefix}-modal__content`,\n props.className\n );\n const backdropClassName = joinClass(\n `${prefix}-modal__backdrop`,\n `${prefix}-modal__backdrop--${config.animation}`\n );\n\n useEffect(() => {\n document.body.style.overflow = 'hidden';\n\n return () => {\n document.body.style.overflow = 'auto';\n };\n }, []);\n\n useEffect(() => {\n if (isOpen) {\n handleOpen();\n } else {\n handleClose();\n }\n\n return () => {\n if (!timeoutRef.current) { return; }\n clearTimeout(timeoutRef.current);\n timeoutRef.current = null;\n };\n }, [isOpen]);\n\n const handleOpen = () => {\n setConfig(prev => ({ ...prev, visible: true }));\n timeoutRef.current = setTimeout(() => {\n setConfig(prev => ({ ...prev, animation: 'show' }));\n document.body.style.overflow = 'hidden';\n }, 100);\n };\n\n const handleClose = () => {\n setConfig(prev => ({ ...prev, animation: 'hide' }));\n timeoutRef.current = setTimeout(() => {\n setConfig(prev => ({ ...prev, visible: false }));\n document.body.style.overflow = '';\n }, ANIMATION_DURATION);\n };\n\n return (\n config.visible && (\n <div className={backdropClassName} onClick={onClose}>\n <div className={`${prefix}-modal__container`}>\n <Card className={className}>\n <CardContent onClick={(e) => e.stopPropagation()}>\n <Stack\n ~~flexDirection~~=\"~~row~~\"\n ~~alignItems~~=\"~~flex-start~~\"\n justifyContent=\"space-between\"\n style={{ flexWrap: 'nowrap' }}\n >\n <div>\n {title}\n {subtitle}\n </div>\n <ButtonIcon color=\"~~primary~~\" onClick={onClose}>\n <Icon name=\"times\" ~~color=\"text.secondary\"~~ />\n </ButtonIcon>\n </Stack>\n <div\n {...props}\n className={classNameContent}\n >\n {children}\n </div>\n </CardContent>\n </Card>\n </div>\n </div>\n )\n );\n}\n\nexport default createComponent(Modal);\n","\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\ninterface ModalFooterProps { children: React.ReactNode; }\n\nfunction ModalFooter({ children }: ModalFooterProps) {\n return (\n <Stack flexDirection=\"row\" justifyContent=\"flex-end\" alignItems=\"center\">\n {children}\n </Stack>\n );\n}\n\nexport default createComponent(ModalFooter);","import { useState } from 'react';\n\ninterface UseModalProps { open?: boolean; }\n\nexport default function useModal({ open = false }: UseModalProps = {}): [boolean, () => void] {\n const [_open, setOpen] = useState(open);\n\n const toggle = () => setOpen((prev) => !prev);\n\n return [_open, toggle];\n};"],"names":["Modal","children","title","subtitle","isOpen","onClose","props","config","setConfig","useState","timeoutRef","useRef","ANIMATION_DURATION","className","joinClass","prefix","classNameContent","backdropClassName","useEffect","handleOpen","handleClose","prev","jsx","Card","jsxs","CardContent","e","Stack","ButtonIcon","Icon","Modal_default","createComponent","ModalFooter","ModalFooter_default","useModal","open","_open","setOpen"],"mappings":"0tBAyBA,SAASA,EAAM,CAAE,SAAAC,EAAU,MAAAC,EAAO,SAAAC,EAAU,OAAAC,EAAQ,QAAAC,EAAS,GAAGC,GAAqB,CACnF,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAiB,CAAE,QAAS,GAAO,UAAW,OAAQ,EAC5EC,EAAaC,EAA6C,IAAI,EAE9DC,EAAqB,IAErBC,EAAYC,EAChB,GAAGC,CAAM,SACT,GAAGA,CAAM,WAAWR,EAAO,SAAS,EAAA,EAEhCS,EAAmBF,EACvB,GAAGC,CAAM,kBACTT,EAAM,SAAA,EAEFW,EAAoBH,EACxB,GAAGC,CAAM,mBACT,GAAGA,CAAM,qBAAqBR,EAAO,SAAS,EAAA,EAGhDW,EAAU,KACR,SAAS,KAAK,MAAM,SAAW,SAExB,IAAM,CACX,SAAS,KAAK,MAAM,SAAW,MACjC,GACC,CAAA,CAAE,EAELA,EAAU,KACJd,EACFe,EAAA,EAEAC,EAAA,EAGK,IAAM,CACNV,EAAW,UAChB,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,KACvB,GACC,CAACN,CAAM,CAAC,EAEX,MAAMe,EAAa,IAAM,CACvBX,MAAmB,CAAE,GAAGa,EAAM,QAAS,IAAO,EAC9CX,EAAW,QAAU,WAAW,IAAM,CACpCF,MAAmB,CAAE,GAAGa,EAAM,UAAW,QAAS,EAClD,SAAS,KAAK,MAAM,SAAW,QACjC,EAAG,GAAG,CACR,EAEMD,EAAc,IAAM,CACxBZ,MAAmB,CAAE,GAAGa,EAAM,UAAW,QAAS,EAClDX,EAAW,QAAU,WAAW,IAAM,CACpCF,MAAmB,CAAE,GAAGa,EAAM,QAAS,IAAQ,EAC/C,SAAS,KAAK,MAAM,SAAW,EACjC,EAAGT,CAAkB,CACvB,EAEA,OACEL,EAAO,SACLe,EAAC,MAAA,CAAI,UAAWL,EAAmB,QAASZ,EAC1C,SAAAiB,EAAC,MAAA,CAAI,UAAW,GAAGP,CAAM,oBACvB,SAAAO,EAACC,EAAA,CAAK,UAAAV,EACJ,SAAAW,EAACC,EAAA,CAAY,QAAUC,GAAMA,EAAE,gBAAA,EAC7B,SAAA,CAAAF,EAACG,EAAA,CACC,cAAc,MACd,~~WAAW,aACX,~~eAAe,gBACf,MAAO,CAAE,SAAU,QAAA,EAEnB,SAAA,CAAAH,EAAC,MAAA,CACE,SAAA,CAAAtB,EACAC,CAAA,EACH,EACAmB,EAACM,EAAA,CAAW,MAAM,~~UAAU~~,QAASvB,~~EACnC~~,SAAAiB,EAACO,EAAA,CAAK,KAAK,~~QAAQ~~,~~MAAM~~,~~gBAAA,CAAiB,~~CAAA,~~CAC5C~~,CAAA,CAAA,CAAA,EAEFP,EAAC,MAAA,CACE,GAAGhB,EACJ,UAAWU,EAEV,SAAAf,CAAA,CAAA,CACH,EACF,CAAA,CACF,EACF,EACF,CAGN,CAEA,MAAA6B,EAAeC,EAAgB/B,CAAK,EC7GpC,SAASgC,EAAY,CAAE,SAAA/B,GAA8B,CACnD,OACEqB,EAACK,GAAM,cAAc,MAAM,eAAe,WAAW,WAAW,SAC7D,SAAA1B,EACH,CAEJ,CAEA,MAAAgC,EAAeF,EAAgBC,CAAW,ECX1C,SAAwBE,EAAS,CAAE,KAAAC,EAAO,EAAA,EAAyB,CAAA,EAA2B,CAC5F,KAAM,CAACC,EAAOC,CAAO,EAAI5B,EAAS0B,CAAI,EAItC,MAAO,CAACC,EAFO,IAAMC,EAAShB,GAAS,CAACA,CAAI,CAEvB,CACvB"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/feedback/Modal/Modal.tsx","../../../src/feedback/Modal/ModalFooter.tsx","../../../src/feedback/Modal/useModal.ts"],"sourcesContent":["import { useEffect, useRef, useState, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '@/core/createComponent';\nimport { Card, CardContent } from '@/display/Card';\nimport Stack from '@/layout/Stack';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport Icon from '@/display/Icon';\n\nimport '@iziui/styles/components/Modal.scss';\n\ntype AnimationClass = 'show' \| 'hide';\ntype Config = { animation: AnimationClass, visible: boolean };\n\nexport interface ModalProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {\n isOpen: boolean;\n onClose: () => void;\n children: React.ReactNode;\n title?: React.JSX.Element;\n subtitle?: React.JSX.Element;\n}\n\nfunction Modal({ children, title, subtitle, isOpen, onClose, ...props }: ModalProps) {\n const [config, setConfig] = useState<Config>({ visible: false, animation: 'hide' });\n const timeoutRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n\n const ANIMATION_DURATION = 300;\n\n const className = joinClass(\n `${prefix}-modal`,\n `${prefix}-modal--${config.animation}`\n );\n const classNameContent = joinClass(\n `${prefix}-modal__content`,\n props.className\n );\n const backdropClassName = joinClass(\n `${prefix}-modal__backdrop`,\n `${prefix}-modal__backdrop--${config.animation}`\n );\n\n useEffect(() => {\n document.body.style.overflow = 'hidden';\n\n return () => {\n document.body.style.overflow = 'auto';\n };\n }, []);\n\n useEffect(() => {\n if (isOpen) {\n handleOpen();\n } else {\n handleClose();\n }\n\n return () => {\n if (!timeoutRef.current) { return; }\n clearTimeout(timeoutRef.current);\n timeoutRef.current = null;\n };\n }, [isOpen]);\n\n const handleOpen = () => {\n setConfig(prev => ({ ...prev, visible: true }));\n timeoutRef.current = setTimeout(() => {\n setConfig(prev => ({ ...prev, animation: 'show' }));\n document.body.style.overflow = 'hidden';\n }, 100);\n };\n\n const handleClose = () => {\n setConfig(prev => ({ ...prev, animation: 'hide' }));\n timeoutRef.current = setTimeout(() => {\n setConfig(prev => ({ ...prev, visible: false }));\n document.body.style.overflow = '';\n }, ANIMATION_DURATION);\n };\n\n return (\n config.visible && (\n <div className={backdropClassName} onClick={onClose}>\n <div className={`${prefix}-modal__container`}>\n <Card className={className}>\n <CardContent onClick={(e) => e.stopPropagation()}>\n <Stack\n alignItems=\"center\"\n flexDirection=\"row\"\n justifyContent=\"space-between\"\n style={{ flexWrap: 'nowrap' }}\n >\n <div>\n {title}\n {subtitle}\n </div>\n <ButtonIcon color=\"grey\" onClick={onClose}>\n <Icon name=\"times\" />\n </ButtonIcon>\n </Stack>\n <div\n {...props}\n className={classNameContent}\n >\n {children}\n </div>\n </CardContent>\n </Card>\n </div>\n </div>\n )\n );\n}\n\nexport default createComponent(Modal);\n","\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\ninterface ModalFooterProps { children: React.ReactNode; }\n\nfunction ModalFooter({ children }: ModalFooterProps) {\n return (\n <Stack flexDirection=\"row\" justifyContent=\"flex-end\" alignItems=\"center\">\n {children}\n </Stack>\n );\n}\n\nexport default createComponent(ModalFooter);","import { useState } from 'react';\n\ninterface UseModalProps { open?: boolean; }\n\nexport default function useModal({ open = false }: UseModalProps = {}): [boolean, () => void] {\n const [_open, setOpen] = useState(open);\n\n const toggle = () => setOpen((prev) => !prev);\n\n return [_open, toggle];\n};"],"names":["Modal","children","title","subtitle","isOpen","onClose","props","config","setConfig","useState","timeoutRef","useRef","ANIMATION_DURATION","className","joinClass","prefix","classNameContent","backdropClassName","useEffect","handleOpen","handleClose","prev","jsx","Card","jsxs","CardContent","e","Stack","ButtonIcon","Icon","Modal_default","createComponent","ModalFooter","ModalFooter_default","useModal","open","_open","setOpen"],"mappings":"0tBAyBA,SAASA,EAAM,CAAE,SAAAC,EAAU,MAAAC,EAAO,SAAAC,EAAU,OAAAC,EAAQ,QAAAC,EAAS,GAAGC,GAAqB,CACnF,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAiB,CAAE,QAAS,GAAO,UAAW,OAAQ,EAC5EC,EAAaC,EAA6C,IAAI,EAE9DC,EAAqB,IAErBC,EAAYC,EAChB,GAAGC,CAAM,SACT,GAAGA,CAAM,WAAWR,EAAO,SAAS,EAAA,EAEhCS,EAAmBF,EACvB,GAAGC,CAAM,kBACTT,EAAM,SAAA,EAEFW,EAAoBH,EACxB,GAAGC,CAAM,mBACT,GAAGA,CAAM,qBAAqBR,EAAO,SAAS,EAAA,EAGhDW,EAAU,KACR,SAAS,KAAK,MAAM,SAAW,SAExB,IAAM,CACX,SAAS,KAAK,MAAM,SAAW,MACjC,GACC,CAAA,CAAE,EAELA,EAAU,KACJd,EACFe,EAAA,EAEAC,EAAA,EAGK,IAAM,CACNV,EAAW,UAChB,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,KACvB,GACC,CAACN,CAAM,CAAC,EAEX,MAAMe,EAAa,IAAM,CACvBX,MAAmB,CAAE,GAAGa,EAAM,QAAS,IAAO,EAC9CX,EAAW,QAAU,WAAW,IAAM,CACpCF,MAAmB,CAAE,GAAGa,EAAM,UAAW,QAAS,EAClD,SAAS,KAAK,MAAM,SAAW,QACjC,EAAG,GAAG,CACR,EAEMD,EAAc,IAAM,CACxBZ,MAAmB,CAAE,GAAGa,EAAM,UAAW,QAAS,EAClDX,EAAW,QAAU,WAAW,IAAM,CACpCF,MAAmB,CAAE,GAAGa,EAAM,QAAS,IAAQ,EAC/C,SAAS,KAAK,MAAM,SAAW,EACjC,EAAGT,CAAkB,CACvB,EAEA,OACEL,EAAO,SACLe,EAAC,MAAA,CAAI,UAAWL,EAAmB,QAASZ,EAC1C,SAAAiB,EAAC,MAAA,CAAI,UAAW,GAAGP,CAAM,oBACvB,SAAAO,EAACC,EAAA,CAAK,UAAAV,EACJ,SAAAW,EAACC,EAAA,CAAY,QAAUC,GAAMA,EAAE,gBAAA,EAC7B,SAAA,CAAAF,EAACG,EAAA,CACC,WAAW,SACX,cAAc,MACd,eAAe,gBACf,MAAO,CAAE,SAAU,QAAA,EAEnB,SAAA,CAAAH,EAAC,MAAA,CACE,SAAA,CAAAtB,EACAC,CAAA,EACH,EACAmB,EAACM,EAAA,CAAW,MAAM,OAAO,QAASvB,EAChC,SAAAiB,EAACO,EAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CACrB,CAAA,CAAA,CAAA,EAEFP,EAAC,MAAA,CACE,GAAGhB,EACJ,UAAWU,EAEV,SAAAf,CAAA,CAAA,CACH,EACF,CAAA,CACF,EACF,EACF,CAGN,CAEA,MAAA6B,EAAeC,EAAgB/B,CAAK,EC7GpC,SAASgC,EAAY,CAAE,SAAA/B,GAA8B,CACnD,OACEqB,EAACK,GAAM,cAAc,MAAM,eAAe,WAAW,WAAW,SAC7D,SAAA1B,EACH,CAEJ,CAEA,MAAAgC,EAAeF,EAAgBC,CAAW,ECX1C,SAAwBE,EAAS,CAAE,KAAAC,EAAO,EAAA,EAAyB,CAAA,EAA2B,CAC5F,KAAM,CAACC,EAAOC,CAAO,EAAI5B,EAAS0B,CAAI,EAItC,MAAO,CAACC,EAFO,IAAMC,EAAShB,GAAS,CAACA,CAAI,CAEvB,CACvB"}

package/dist/components/Select/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),c=require("react"),e=require("../../chunks/index-DYxwT4uW.cjs"),n=require("../../chunks/joinClass-Jk3EszKD.cjs"),g=require("../../chunks/Icon-COl2Nhp9.cjs"),C=require("../../chunks/useMenu-C0u9aTiR.cjs"),M=require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/uuid-omnJ9TjZ.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/Card-B8XSgLaD.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/CardContent-BivcVoIc.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function k({error:i,label:a,helperText:u,startIcon:p,children:m,disabled:l,onChange:x,...t}){const d=c.Children.toArray(m),j=c.useMemo(()=>d.find(s=>s.props.value===t.value)?.props.children||"",[t.value]),[q,_,f]=C.useMenu(),$=n.joinClass(`${e.prefix}-select-container`),v=n.joinClass(`${e.prefix}-select-label`,i&&`${e.prefix}-select-label--error`),h=n.joinClass(`${e.prefix}-select`,l&&`${e.prefix}-select--disabled`,i&&`${e.prefix}-select--error`,t.className),N=n.joinClass(`${e.prefix}-select__helper-text`,u&&`${e.prefix}-select__helper-text--visible`,i&&`${e.prefix}-select__helper-text--error`),b=s=>c.cloneElement(s,{className:n.joinClass(s.props.className,`${e.prefix}-select__icon--left`),type:"button",onClick:o=>{o.stopPropagation(),s.props.onClick&&!l&&s.props.onClick(o)}}),y=()=>d.map(s=>c.cloneElement(s,{className:n.joinClass(s.props.className,s.props.value===t.value&&`${e.prefix}-select__option--selected`),onClick:o=>{!s.props.disabled&&x&&x(o)}}));return r.jsxs("div",{className:$,children:[a&&r.jsxs("label",{className:v,children:[a," ",t.required&&"*"]}),r.jsxs("button",{type:"button",className:h,onClick:f,disabled:l,children:[r.jsx("div",{children:p&&b(p)}),r.jsx("input",{...t,readOnly:!0,type:"text",value:j,disabled:l}),r.jsx(g.Icon,{name:"angle-down",color:"text.secondary",className:`${e.prefix}-select__icon--right`})]}),r.jsx(C.Menu,{autoClose:!0,direction:"center",open:q,anchorEl:_,onClose:f,children:y()}),r.jsx("span",{className:N,children:u})]})}const S=M.createComponent(k);exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),o=require("react"),s=require("../../chunks/index-DYxwT4uW.cjs"),n=require("../../chunks/joinClass-Jk3EszKD.cjs"),M=require("../../chunks/Icon-juPkJl8j.cjs"),C=require("../../chunks/useMenu-D9Ykb-Zv.cjs"),k=require("../../chunks/createComponent-D4pr5s4h.cjs");require("../../chunks/uuid-omnJ9TjZ.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/Card-e4Mi7GY-.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/CardContent-5Yz1zrPo.cjs");require("../../chunks/useTheme-JY_BIRt8.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function S({error:c,color:a="grey",label:u,helperText:p,startIcon:x,children:j,disabled:l,onChange:d,...t}){const f=o.Children.toArray(j),q=o.useMemo(()=>f.find(e=>e.props.value===t.value)?.props.children||"",[t.value]),[_,$,m]=C.useMenu(),v=n.joinClass(`${s.prefix}-select-container`),h=n.joinClass(`${s.prefix}-select-label`,c&&`${s.prefix}-select-label--error`),N=n.joinClass(`${s.prefix}-select`,l&&`${s.prefix}-select--disabled`,c&&`${s.prefix}-select--error`,t.className),y=n.joinClass(`${s.prefix}-select__helper-text`,p&&`${s.prefix}-select__helper-text--visible`,c&&`${s.prefix}-select__helper-text--error`),b=e=>o.cloneElement(e,{className:n.joinClass(e.props.className,`${s.prefix}-select__icon--left`),type:"button",style:{color:a},onClick:i=>{i.stopPropagation(),e.props.onClick&&!l&&e.props.onClick(i)}}),g=()=>f.map(e=>o.cloneElement(e,{color:a,className:n.joinClass(e.props.className,e.props.value===t.value&&`${s.prefix}-select__option--selected`),onClick:i=>{!e.props.disabled&&d&&d(i)}}));return r.jsxs("div",{className:v,children:[u&&r.jsxs("label",{className:h,children:[u," ",t.required&&"*"]}),r.jsxs("button",{type:"button",className:N,onClick:m,disabled:l,children:[r.jsx("div",{children:x&&b(x)}),r.jsx("input",{...t,readOnly:!0,type:"text",value:q,disabled:l}),r.jsx(M.Icon,{name:"angle-down",sx:{color:({grey:e})=>e.main},className:`${s.prefix}-select__icon--right`})]}),r.jsx(C.Menu,{autoClose:!0,direction:"center",open:_,anchorEl:$,onClose:m,children:g()}),r.jsx("span",{className:y,children:p})]})}const E=k.createComponent(S);exports.default=E;
 //# sourceMappingURL=index.cjs.map