npm - @iziui/react - Versions diffs - 0.0.87-rc → 0.0.89-rc - Mend

@iziui/react 0.0.87-rc → 0.0.89-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 (186) hide show

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-BBXW0GJ6.cjs");require("../../chunks/useTheme-DhX2tM8O.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-Dkt68kvT.cjs");require("../../chunks/useTheme-DsrjDJKC.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-DZqrA_Tp.js";import"../../chunks/useTheme-g5gOUmLf.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-CovqNaAJ.js";import"../../chunks/useTheme-BYuNiCiH.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-CQrCertn.cjs");require("react");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/Stack-DsVkiTT_.cjs");require("../../chunks/createComponent-BBXW0GJ6.cjs");require("../../chunks/useTheme-DhX2tM8O.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/ButtonIcon-QfMInabj.cjs");require("../../chunks/convertPathToColor-D8eBpd_D.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/Icon-D5fDXkwG.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-Dyc1evVF.cjs");require("react");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/Stack-B_lU0ez7.cjs");require("../../chunks/createComponent-Dkt68kvT.cjs");require("../../chunks/useTheme-DsrjDJKC.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/ButtonIcon-BMOZPxpN.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/Icon-CIrgQex7.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-DuvNqOEG.js";import"react";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Stack-D0feJnm7.js";import"../../chunks/createComponent-DZqrA_Tp.js";import"../../chunks/useTheme-g5gOUmLf.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/ButtonIcon-Cad6goHv.js";import"../../chunks/convertPathToColor-DtOjH4ZP.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-BGZ3K3Nf.js";export{c as Drawer,d as DrawerContent,f as DrawerFooter,x as DrawerHeader,C as useDrawer};
+import{D as b,a as c,b as d,c as f,u as x}from"../../chunks/DrawerContent-CYQSz1G-.js";import"react";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Stack-Deow48Th.js";import"../../chunks/createComponent-CovqNaAJ.js";import"../../chunks/useTheme-BYuNiCiH.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/ButtonIcon-CYO1Crb-.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-imOBrsbL.js";export{b as Drawer,c as DrawerContent,d as DrawerFooter,f as DrawerHeader,x 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-D5fDXkwG.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/createComponent-BBXW0GJ6.cjs");require("../../chunks/useTheme-DhX2tM8O.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-CIrgQex7.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/createComponent-Dkt68kvT.cjs");require("../../chunks/useTheme-DsrjDJKC.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-BGZ3K3Nf.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-DZqrA_Tp.js";import"../../chunks/useTheme-g5gOUmLf.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";export{d as default};
+import{I as d}from"../../chunks/Icon-imOBrsbL.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-CovqNaAJ.js";import"../../chunks/useTheme-BYuNiCiH.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-BBXW0GJ6.cjs");require("../../chunks/useTheme-DhX2tM8O.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;
+"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-Dkt68kvT.cjs");require("../../chunks/useTheme-DsrjDJKC.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.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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-DZqrA_Tp.js";import"../../chunks/useTheme-g5gOUmLf.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};
+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-CovqNaAJ.js";import"../../chunks/useTheme-BYuNiCiH.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/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-BBXW0GJ6.cjs");require("../../chunks/useTheme-DhX2tM8O.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-Dkt68kvT.cjs");require("../../chunks/useTheme-DsrjDJKC.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-DZqrA_Tp.js";import"../../chunks/useTheme-g5gOUmLf.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-CovqNaAJ.js";import"../../chunks/useTheme-BYuNiCiH.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-D8eBpd_D.cjs"),l=require("../../chunks/joinClass-Jk3EszKD.cjs"),u=require("../../chunks/createComponent-BBXW0GJ6.cjs"),d=require("../../chunks/useTheme-DhX2tM8O.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-D8eBpd_D.cjs"),l=require("../../chunks/joinClass-Jk3EszKD.cjs"),u=require("../../chunks/createComponent-Dkt68kvT.cjs"),d=require("../../chunks/useTheme-DsrjDJKC.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-DtOjH4ZP.js";import{j as n}from"../../chunks/joinClass-anSpaauN.js";import{c as l}from"../../chunks/createComponent-DZqrA_Tp.js";import{u as d}from"../../chunks/useTheme-g5gOUmLf.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-DtOjH4ZP.js";import{j as n}from"../../chunks/joinClass-anSpaauN.js";import{c as l}from"../../chunks/createComponent-CovqNaAJ.js";import{u as d}from"../../chunks/useTheme-BYuNiCiH.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-Bw3Im-FW.cjs"),r=require("../../chunks/MenuButton-BF6coRYt.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-DqoL_8z0.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/createComponent-BBXW0GJ6.cjs");require("../../chunks/useTheme-DhX2tM8O.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/CardContent-BOuRiZyj.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-DewYBiar.cjs"),u=require("../../chunks/MenuButton-D0cPZU6x.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/createComponent-Dkt68kvT.cjs");require("../../chunks/useTheme-DsrjDJKC.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/Card-DtjP8NP7.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/CardContent-BqqU9iwO.cjs");exports.Menu=e.Menu;exports.useMenu=e.useMenu;exports.MenuButton=u.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-DU5PYJUH.js";import{M as d}from"../../chunks/MenuButton-DbrtU31-.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-wBDtOPXO.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/createComponent-DZqrA_Tp.js";import"../../chunks/useTheme-g5gOUmLf.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/CardContent-D0o8c1Yf.js";export{B as Menu,d as MenuButton,b as useMenu};
+import{M as x,u as B}from"../../chunks/useMenu-DuX7EGHi.js";import{M as c}from"../../chunks/MenuButton-CvQxSdho.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-CovqNaAJ.js";import"../../chunks/useTheme-BYuNiCiH.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/Card-D_RFnUk2.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/CardContent-BsSfxSQH.js";export{x as Menu,c 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-BBXW0GJ6.cjs"),v=require("../../chunks/Card-DqoL_8z0.cjs"),g=require("../../chunks/CardContent-BOuRiZyj.cjs"),C=require("../../chunks/Stack-DsVkiTT_.cjs"),_=require("../../chunks/ButtonIcon-QfMInabj.cjs"),M=require("../../chunks/Icon-D5fDXkwG.cjs");require("../../chunks/useTheme-DhX2tM8O.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/convertPathToColor-D8eBpd_D.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=$;
+"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-Dkt68kvT.cjs"),v=require("../../chunks/Card-DtjP8NP7.cjs"),g=require("../../chunks/CardContent-BqqU9iwO.cjs"),C=require("../../chunks/Stack-B_lU0ez7.cjs"),_=require("../../chunks/ButtonIcon-BMOZPxpN.cjs"),M=require("../../chunks/Icon-CIrgQex7.cjs");require("../../chunks/useTheme-DsrjDJKC.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/Ripple-Dy4i91j1.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?y():q(),()=>{r.current&&(clearTimeout(r.current),r.current=null)}),[u]);const y=()=>{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=""},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 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"}
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":"4pBAyBA,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 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-DZqrA_Tp.js";import{C as I}from"../../chunks/Card-wBDtOPXO.js";import{C as M}from"../../chunks/CardContent-D0o8c1Yf.js";import{S as b}from"../../chunks/Stack-D0feJnm7.js";import{B as $}from"../../chunks/ButtonIcon-Cad6goHv.js";import{I as k}from"../../chunks/Icon-BGZ3K3Nf.js";import"../../chunks/useTheme-g5gOUmLf.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/convertPathToColor-DtOjH4ZP.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};
+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-CovqNaAJ.js";import{C as I}from"../../chunks/Card-D_RFnUk2.js";import{C as M}from"../../chunks/CardContent-BsSfxSQH.js";import{S as b}from"../../chunks/Stack-Deow48Th.js";import{B as $}from"../../chunks/ButtonIcon-CYO1Crb-.js";import{I as k}from"../../chunks/Icon-imOBrsbL.js";import"../../chunks/useTheme-BYuNiCiH.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Ripple-Bq9bxg4k.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 G=h(j);function T({children:n}){return e(b,{flexDirection:"row",justifyContent:"flex-end",alignItems:"center",children:n})}const H=h(T);function J({open:n=!1}={}){const[s,l]=C(n);return[s,()=>l(a=>!a)]}export{G as Modal,H as ModalFooter,J 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 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"}
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":"sqBAyBA,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"),o=require("react"),s=require("../../chunks/index-DYxwT4uW.cjs"),n=require("../../chunks/joinClass-Jk3EszKD.cjs"),M=require("../../chunks/Icon-D5fDXkwG.cjs"),C=require("../../chunks/useMenu-Bw3Im-FW.cjs"),k=require("../../chunks/createComponent-BBXW0GJ6.cjs");require("../../chunks/uuid-omnJ9TjZ.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/Card-DqoL_8z0.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/CardContent-BOuRiZyj.cjs");require("../../chunks/useTheme-DhX2tM8O.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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),c=require("react"),s=require("../../chunks/index-DYxwT4uW.cjs"),n=require("../../chunks/joinClass-Jk3EszKD.cjs"),M=require("../../chunks/Icon-CIrgQex7.cjs"),C=require("../../chunks/useMenu-DewYBiar.cjs"),k=require("../../chunks/createComponent-Dkt68kvT.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/Card-DtjP8NP7.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/CardContent-BqqU9iwO.cjs");require("../../chunks/useTheme-DsrjDJKC.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function S({error:i,color:a="grey",label:u,helperText:p,startIcon:x,children:j,disabled:l,onChange:d,...t}){const f=c.Children.toArray(j),_=c.useMemo(()=>f.find(e=>e.props.value===t.value)?.props.children||"",[t.value]),[q,$,m]=C.useMenu(),v=n.joinClass(`${s.prefix}-select-container`),h=n.joinClass(`${s.prefix}-select-label`,i&&`${s.prefix}-select-label--error`),N=n.joinClass(`${s.prefix}-select`,l&&`${s.prefix}-select--disabled`,i&&`${s.prefix}-select--error`,t.className),y=n.joinClass(`${s.prefix}-select__helper-text`,p&&`${s.prefix}-select__helper-text--visible`,i&&`${s.prefix}-select__helper-text--error`),b=e=>c.cloneElement(e,{className:n.joinClass(e.props.className,`${s.prefix}-select__icon--left`),type:"button",style:{color:a},onClick:o=>{o.stopPropagation(),e.props.onClick&&!l&&e.props.onClick(o)}}),g=()=>f.map(e=>c.cloneElement(e,{color:a,className:n.joinClass(e.props.className,e.props.value===t.value&&`${s.prefix}-select__option--selected`),onClick:o=>{!e.props.disabled&&d&&d(o)}}));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:_,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:q,anchorEl:$,onClose:m,children:g()}),r.jsx("span",{className:y,children:p})]})}const E=k.createComponent(S);exports.default=E;
 //# sourceMappingURL=index.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../src/fields/Select/Select.tsx"],"sourcesContent":["import {\n useMemo,\n Children,\n cloneElement,\n type ReactElement,\n type InputHTMLAttributes,\n type ButtonHTMLAttributes,\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Icon from '@/display/Icon';\nimport { Menu, useMenu } from '@/navigation/Menu';\n\nimport type { OptionProps } from './Option';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Select.scss';\n\nexport interface SelectProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' \| 'color'> {\n error?: boolean;\n autoClose?: boolean;\n label?: string;\n helperText?: string;\n color?: Colors;\n startIcon?: React.JSX.Element \| boolean;\n children: React.JSX.Element \| React.JSX.Element[];\n}\n\nfunction Select({\n error,\n color = 'grey',\n label,\n helperText,\n startIcon,\n children,\n disabled,\n onChange,\n ...props\n}: SelectProps) {\n const arrayChildren = Children.toArray(children) as ReactElement<OptionProps>[];\n\n const newValue = useMemo(() => {\n return arrayChildren.find((child) =>\n child.props.value === props.value)?.props.children \|\| '';\n }, [props.value]);\n\n const [open, el, toggle] = useMenu();\n\n const containerClss = joinClass(\n `${prefix}-select-container`\n );\n\n const labelClss = joinClass(\n `${prefix}-select-label`,\n error && `${prefix}-select-label--error`,\n );\n\n const clss = joinClass(\n `${prefix}-select`,\n disabled && `${prefix}-select--disabled`,\n error && `${prefix}-select--error`,\n props.className\n );\n\n const helperTextClss = joinClass(\n `${prefix}-select__helper-text`,\n helperText && `${prefix}-select__helper-text--visible`,\n error && `${prefix}-select__helper-text--error`\n );\n\n const renderIcon = (icon: ReactElement<ButtonHTMLAttributes<any>>) => {\n return cloneElement(icon, {\n className: joinClass(\n icon.props.className,\n `${prefix}-select__icon--left`\n ),\n type: 'button',\n style: { color },\n onClick: (e) => {\n e.stopPropagation();\n if (icon.props.onClick && !disabled) { icon.props.onClick(e); };\n }\n });\n };\n\n const renderOption = () => {\n return arrayChildren.map((child) => {\n return cloneElement(child, {\n color,\n className: joinClass(\n child.props.className,\n child.props.value === props.value && `${prefix}-select__option--selected`,\n ),\n onClick: (e) => {\n if (!child.props.disabled && onChange) { onChange(e as any); }\n }\n });\n });\n };\n\n return (\n <div className={containerClss}>\n {label && <label className={labelClss}>{label} {props.required && '*'}</label>}\n <button type=\"button\" className={clss} onClick={toggle} disabled={disabled}>\n <div>\n {startIcon && renderIcon(startIcon as React.JSX.Element)}\n </div>\n <input {...props} readOnly type=\"text\" value={newValue} disabled={disabled} />\n <Icon\n name=\"angle-down\"\n sx={{ color: ({ grey }) => grey.main }}\n className={`${prefix}-select__icon--right`}\n />\n </button>\n <Menu\n autoClose\n direction=\"center\"\n open={open}\n anchorEl={el}\n onClose={toggle}\n >\n {renderOption()}\n </Menu>\n <span className={helperTextClss}>{helperText}</span>\n </div>\n );\n}\n\nexport default createComponent(Select);\n"],"names":["Select","error","color","label","helperText","startIcon","children","disabled","onChange","props","arrayChildren","Children","newValue","useMemo","child","open","el","toggle","useMenu","containerClss","joinClass","prefix","labelClss","clss","helperTextClss","renderIcon","icon","cloneElement","e","renderOption","jsxs","jsx","Icon","grey","Menu","Select_default","createComponent"],"mappings":"~~suBAgCA~~,SAASA,EAAO,CACd,MAAAC,EACA,MAAAC,EAAQ,OACR,MAAAC,EACA,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAgBC,EAAAA,SAAS,QAAQL,CAAQ,EAEzCM,EAAWC,EAAAA,QAAQ,IAChBH,EAAc,KAAMI,GACzBA,EAAM,MAAM,QAAUL,EAAM,KAAK,GAAG,MAAM,UAAY,GACvD,CAACA,EAAM,KAAK,CAAC,EAEV,CAACM,EAAMC,EAAIC,CAAM,EAAIC,EAAAA,QAAA,EAErBC,EAAgBC,EAAAA,UACpB,GAAGC,EAAAA,MAAM,mBAAA,EAGLC,EAAYF,EAAAA,UAChB,GAAGC,EAAAA,MAAM,gBACTpB,GAAS,GAAGoB,EAAAA,MAAM,sBAAA,EAGdE,EAAOH,EAAAA,UACX,GAAGC,EAAAA,MAAM,UACTd,GAAY,GAAGc,EAAAA,MAAM,oBACrBpB,GAAS,GAAGoB,EAAAA,MAAM,iBAClBZ,EAAM,SAAA,EAGFe,EAAiBJ,EAAAA,UACrB,GAAGC,EAAAA,MAAM,uBACTjB,GAAc,GAAGiB,EAAAA,MAAM,gCACvBpB,GAAS,GAAGoB,EAAAA,MAAM,6BAAA,EAGdI,EAAcC,GACXC,EAAAA,aAAaD,EAAM,CACxB,UAAWN,EAAAA,UACTM,EAAK,MAAM,UACX,GAAGL,EAAAA,MAAM,qBAAA,EAEX,KAAM,SACN,MAAO,CAAE,MAAAnB,CAAA,EACT,QAAU0B,GAAM,CACdA,EAAE,gBAAA,EACEF,EAAK,MAAM,SAAW,CAACnB,GAAYmB,EAAK,MAAM,QAAQE,CAAC,CAC7D,CAAA,CACD,EAGGC,EAAe,IACZnB,EAAc,IAAKI,GACjBa,EAAAA,aAAab,EAAO,CACzB,MAAAZ,EACA,UAAWkB,EAAAA,UACTN,EAAM,MAAM,UACZA,EAAM,MAAM,QAAUL,EAAM,OAAS,GAAGY,EAAAA,MAAM,2BAAA,EAEhD,QAAUO,GAAM,CACV,CAACd,EAAM,MAAM,UAAYN,GAAYA,EAASoB,CAAQ,CAC5D,CAAA,CACD,CACF,EAGH,OACEE,EAAAA,KAAC,MAAA,CAAI,UAAWX,EACb,SAAA,CAAAhB,GAAS2B,EAAAA,KAAC,QAAA,CAAM,UAAWR,EAAY,SAAA,CAAAnB,EAAM,IAAEM,EAAM,UAAY,GAAA,EAAI,EACtEqB,EAAAA,KAAC,UAAO,KAAK,SAAS,UAAWP,EAAM,QAASN,EAAQ,SAAAV,EACtD,SAAA,CAAAwB,EAAAA,IAAC,MAAA,CACE,SAAA1B,GAAaoB,EAAWpB,CAA8B,EACzD,EACA0B,EAAAA,IAAC,QAAA,CAAO,GAAGtB,EAAO,SAAQ,GAAC,KAAK,OAAO,MAAOG,EAAU,SAAAL,CAAA,CAAoB,EAC5EwB,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAK,aACL,GAAI,CAAE,MAAO,CAAC,CAAE,KAAAC,CAAA,IAAWA,EAAK,IAAA,EAChC,UAAW,GAAGZ,EAAAA,MAAM,sBAAA,CAAA,CACtB,EACF,EACAU,EAAAA,IAACG,EAAAA,KAAA,CACC,UAAS,GACT,UAAU,SACV,KAAAnB,EACA,SAAUC,EACV,QAASC,EAER,SAAAY,EAAA,CAAa,CAAA,EAEhBE,EAAAA,IAAC,OAAA,CAAK,UAAWP,EAAiB,SAAApB,CAAA,CAAW,CAAA,EAC/C,CAEJ,CAEA,MAAA+B,EAAeC,EAAAA,gBAAgBpC,CAAM"}
1	+ {"version":3,"file":"index.cjs","sources":["../../../src/fields/Select/Select.tsx"],"sourcesContent":["import {\n useMemo,\n Children,\n cloneElement,\n type ReactElement,\n type InputHTMLAttributes,\n type ButtonHTMLAttributes,\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Icon from '@/display/Icon';\nimport { Menu, useMenu } from '@/navigation/Menu';\n\nimport type { OptionProps } from './Option';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Select.scss';\n\nexport interface SelectProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' \| 'color'> {\n error?: boolean;\n autoClose?: boolean;\n label?: string;\n helperText?: string;\n color?: Colors;\n startIcon?: React.JSX.Element \| boolean;\n children: React.JSX.Element \| React.JSX.Element[];\n}\n\nfunction Select({\n error,\n color = 'grey',\n label,\n helperText,\n startIcon,\n children,\n disabled,\n onChange,\n ...props\n}: SelectProps) {\n const arrayChildren = Children.toArray(children) as ReactElement<OptionProps>[];\n\n const newValue = useMemo(() => {\n return arrayChildren.find((child) =>\n child.props.value === props.value)?.props.children \|\| '';\n }, [props.value]);\n\n const [open, el, toggle] = useMenu();\n\n const containerClss = joinClass(\n `${prefix}-select-container`\n );\n\n const labelClss = joinClass(\n `${prefix}-select-label`,\n error && `${prefix}-select-label--error`,\n );\n\n const clss = joinClass(\n `${prefix}-select`,\n disabled && `${prefix}-select--disabled`,\n error && `${prefix}-select--error`,\n props.className\n );\n\n const helperTextClss = joinClass(\n `${prefix}-select__helper-text`,\n helperText && `${prefix}-select__helper-text--visible`,\n error && `${prefix}-select__helper-text--error`\n );\n\n const renderIcon = (icon: ReactElement<ButtonHTMLAttributes<any>>) => {\n return cloneElement(icon, {\n className: joinClass(\n icon.props.className,\n `${prefix}-select__icon--left`\n ),\n type: 'button',\n style: { color },\n onClick: (e) => {\n e.stopPropagation();\n if (icon.props.onClick && !disabled) { icon.props.onClick(e); };\n }\n });\n };\n\n const renderOption = () => {\n return arrayChildren.map((child) => {\n return cloneElement(child, {\n color,\n className: joinClass(\n child.props.className,\n child.props.value === props.value && `${prefix}-select__option--selected`,\n ),\n onClick: (e) => {\n if (!child.props.disabled && onChange) { onChange(e as any); }\n }\n });\n });\n };\n\n return (\n <div className={containerClss}>\n {label && <label className={labelClss}>{label} {props.required && '*'}</label>}\n <button type=\"button\" className={clss} onClick={toggle} disabled={disabled}>\n <div>\n {startIcon && renderIcon(startIcon as React.JSX.Element)}\n </div>\n <input {...props} readOnly type=\"text\" value={newValue} disabled={disabled} />\n <Icon\n name=\"angle-down\"\n sx={{ color: ({ grey }) => grey.main }}\n className={`${prefix}-select__icon--right`}\n />\n </button>\n <Menu\n autoClose\n direction=\"center\"\n open={open}\n anchorEl={el}\n onClose={toggle}\n >\n {renderOption()}\n </Menu>\n <span className={helperTextClss}>{helperText}</span>\n </div>\n );\n}\n\nexport default createComponent(Select);\n"],"names":["Select","error","color","label","helperText","startIcon","children","disabled","onChange","props","arrayChildren","Children","newValue","useMemo","child","open","el","toggle","useMenu","containerClss","joinClass","prefix","labelClss","clss","helperTextClss","renderIcon","icon","cloneElement","e","renderOption","jsxs","jsx","Icon","grey","Menu","Select_default","createComponent"],"mappings":"4rBAgCA,SAASA,EAAO,CACd,MAAAC,EACA,MAAAC,EAAQ,OACR,MAAAC,EACA,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAgBC,EAAAA,SAAS,QAAQL,CAAQ,EAEzCM,EAAWC,EAAAA,QAAQ,IAChBH,EAAc,KAAMI,GACzBA,EAAM,MAAM,QAAUL,EAAM,KAAK,GAAG,MAAM,UAAY,GACvD,CAACA,EAAM,KAAK,CAAC,EAEV,CAACM,EAAMC,EAAIC,CAAM,EAAIC,EAAAA,QAAA,EAErBC,EAAgBC,EAAAA,UACpB,GAAGC,EAAAA,MAAM,mBAAA,EAGLC,EAAYF,EAAAA,UAChB,GAAGC,EAAAA,MAAM,gBACTpB,GAAS,GAAGoB,EAAAA,MAAM,sBAAA,EAGdE,EAAOH,EAAAA,UACX,GAAGC,EAAAA,MAAM,UACTd,GAAY,GAAGc,EAAAA,MAAM,oBACrBpB,GAAS,GAAGoB,EAAAA,MAAM,iBAClBZ,EAAM,SAAA,EAGFe,EAAiBJ,EAAAA,UACrB,GAAGC,EAAAA,MAAM,uBACTjB,GAAc,GAAGiB,EAAAA,MAAM,gCACvBpB,GAAS,GAAGoB,EAAAA,MAAM,6BAAA,EAGdI,EAAcC,GACXC,EAAAA,aAAaD,EAAM,CACxB,UAAWN,EAAAA,UACTM,EAAK,MAAM,UACX,GAAGL,EAAAA,MAAM,qBAAA,EAEX,KAAM,SACN,MAAO,CAAE,MAAAnB,CAAA,EACT,QAAU0B,GAAM,CACdA,EAAE,gBAAA,EACEF,EAAK,MAAM,SAAW,CAACnB,GAAYmB,EAAK,MAAM,QAAQE,CAAC,CAC7D,CAAA,CACD,EAGGC,EAAe,IACZnB,EAAc,IAAKI,GACjBa,EAAAA,aAAab,EAAO,CACzB,MAAAZ,EACA,UAAWkB,EAAAA,UACTN,EAAM,MAAM,UACZA,EAAM,MAAM,QAAUL,EAAM,OAAS,GAAGY,EAAAA,MAAM,2BAAA,EAEhD,QAAUO,GAAM,CACV,CAACd,EAAM,MAAM,UAAYN,GAAYA,EAASoB,CAAQ,CAC5D,CAAA,CACD,CACF,EAGH,OACEE,EAAAA,KAAC,MAAA,CAAI,UAAWX,EACb,SAAA,CAAAhB,GAAS2B,EAAAA,KAAC,QAAA,CAAM,UAAWR,EAAY,SAAA,CAAAnB,EAAM,IAAEM,EAAM,UAAY,GAAA,EAAI,EACtEqB,EAAAA,KAAC,UAAO,KAAK,SAAS,UAAWP,EAAM,QAASN,EAAQ,SAAAV,EACtD,SAAA,CAAAwB,EAAAA,IAAC,MAAA,CACE,SAAA1B,GAAaoB,EAAWpB,CAA8B,EACzD,EACA0B,EAAAA,IAAC,QAAA,CAAO,GAAGtB,EAAO,SAAQ,GAAC,KAAK,OAAO,MAAOG,EAAU,SAAAL,CAAA,CAAoB,EAC5EwB,EAAAA,IAACC,EAAAA,KAAA,CACC,KAAK,aACL,GAAI,CAAE,MAAO,CAAC,CAAE,KAAAC,CAAA,IAAWA,EAAK,IAAA,EAChC,UAAW,GAAGZ,EAAAA,MAAM,sBAAA,CAAA,CACtB,EACF,EACAU,EAAAA,IAACG,EAAAA,KAAA,CACC,UAAS,GACT,UAAU,SACV,KAAAnB,EACA,SAAUC,EACV,QAASC,EAER,SAAAY,EAAA,CAAa,CAAA,EAEhBE,EAAAA,IAAC,OAAA,CAAK,UAAWP,EAAiB,SAAApB,CAAA,CAAW,CAAA,EAC/C,CAEJ,CAEA,MAAA+B,EAAeC,EAAAA,gBAAgBpC,CAAM"}

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

@@ -1,2 +1,2 @@
-import{jsxs as a,jsx as l}from"react/jsx-runtime";import{Children as M,useMemo as w,cloneElement as _}from"react";import{p as t}from"../../chunks/index-CZ41y9Hn.js";import{j as r}from"../../chunks/joinClass-anSpaauN.js";import{I as E}from"../../chunks/Icon-BGZ3K3Nf.js";import{u as I,M as O}from"../../chunks/useMenu-DU5PYJUH.js";import{c as S}from"../../chunks/createComponent-DZqrA_Tp.js";import"../../chunks/uuid-dGvr9vBZ.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/Card-wBDtOPXO.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/CardContent-D0o8c1Yf.js";import"../../chunks/useTheme-g5gOUmLf.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function q({error:c,color:i="grey",label:p,helperText:m,startIcon:u,children:$,disabled:o,onChange:d,...s}){const f=M.toArray($),h=w(()=>f.find(e=>e.props.value===s.value)?.props.children||"",[s.value]),[N,v,C]=I(),x=r(`${t}-select-container`),y=r(`${t}-select-label`,c&&`${t}-select-label--error`),b=r(`${t}-select`,o&&`${t}-select--disabled`,c&&`${t}-select--error`,s.className),g=r(`${t}-select__helper-text`,m&&`${t}-select__helper-text--visible`,c&&`${t}-select__helper-text--error`),k=e=>_(e,{className:r(e.props.className,`${t}-select__icon--left`),type:"button",style:{color:i},onClick:n=>{n.stopPropagation(),e.props.onClick&&!o&&e.props.onClick(n)}}),j=()=>f.map(e=>_(e,{color:i,className:r(e.props.className,e.props.value===s.value&&`${t}-select__option--selected`),onClick:n=>{!e.props.disabled&&d&&d(n)}}));return a("div",{className:x,children:[p&&a("label",{className:y,children:[p," ",s.required&&"*"]}),a("button",{type:"button",className:b,onClick:C,disabled:o,children:[l("div",{children:u&&k(u)}),l("input",{...s,readOnly:!0,type:"text",value:h,disabled:o}),l(E,{name:"angle-down",sx:{color:({grey:e})=>e.main},className:`${t}-select__icon--right`})]}),l(O,{autoClose:!0,direction:"center",open:N,anchorEl:v,onClose:C,children:j()}),l("span",{className:g,children:m})]})}const T=S(q);export{T as default};
+import{jsxs as a,jsx as l}from"react/jsx-runtime";import{Children as M,useMemo as w,cloneElement as _}from"react";import{p as t}from"../../chunks/index-CZ41y9Hn.js";import{j as r}from"../../chunks/joinClass-anSpaauN.js";import{I as E}from"../../chunks/Icon-imOBrsbL.js";import{u as I,M as O}from"../../chunks/useMenu-DuX7EGHi.js";import{c as S}from"../../chunks/createComponent-CovqNaAJ.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/Card-D_RFnUk2.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/CardContent-BsSfxSQH.js";import"../../chunks/useTheme-BYuNiCiH.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function q({error:c,color:i="grey",label:p,helperText:m,startIcon:u,children:$,disabled:o,onChange:d,...s}){const f=M.toArray($),h=w(()=>f.find(e=>e.props.value===s.value)?.props.children||"",[s.value]),[N,v,C]=I(),x=r(`${t}-select-container`),y=r(`${t}-select-label`,c&&`${t}-select-label--error`),b=r(`${t}-select`,o&&`${t}-select--disabled`,c&&`${t}-select--error`,s.className),g=r(`${t}-select__helper-text`,m&&`${t}-select__helper-text--visible`,c&&`${t}-select__helper-text--error`),k=e=>_(e,{className:r(e.props.className,`${t}-select__icon--left`),type:"button",style:{color:i},onClick:n=>{n.stopPropagation(),e.props.onClick&&!o&&e.props.onClick(n)}}),j=()=>f.map(e=>_(e,{color:i,className:r(e.props.className,e.props.value===s.value&&`${t}-select__option--selected`),onClick:n=>{!e.props.disabled&&d&&d(n)}}));return a("div",{className:x,children:[p&&a("label",{className:y,children:[p," ",s.required&&"*"]}),a("button",{type:"button",className:b,onClick:C,disabled:o,children:[l("div",{children:u&&k(u)}),l("input",{...s,readOnly:!0,type:"text",value:h,disabled:o}),l(E,{name:"angle-down",sx:{color:({grey:e})=>e.main},className:`${t}-select__icon--right`})]}),l(O,{autoClose:!0,direction:"center",open:N,anchorEl:v,onClose:C,children:j()}),l("span",{className:g,children:m})]})}const R=S(q);export{R as default};
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/fields/Select/Select.tsx"],"sourcesContent":["import {\n useMemo,\n Children,\n cloneElement,\n type ReactElement,\n type InputHTMLAttributes,\n type ButtonHTMLAttributes,\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Icon from '@/display/Icon';\nimport { Menu, useMenu } from '@/navigation/Menu';\n\nimport type { OptionProps } from './Option';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Select.scss';\n\nexport interface SelectProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' \| 'color'> {\n error?: boolean;\n autoClose?: boolean;\n label?: string;\n helperText?: string;\n color?: Colors;\n startIcon?: React.JSX.Element \| boolean;\n children: React.JSX.Element \| React.JSX.Element[];\n}\n\nfunction Select({\n error,\n color = 'grey',\n label,\n helperText,\n startIcon,\n children,\n disabled,\n onChange,\n ...props\n}: SelectProps) {\n const arrayChildren = Children.toArray(children) as ReactElement<OptionProps>[];\n\n const newValue = useMemo(() => {\n return arrayChildren.find((child) =>\n child.props.value === props.value)?.props.children \|\| '';\n }, [props.value]);\n\n const [open, el, toggle] = useMenu();\n\n const containerClss = joinClass(\n `${prefix}-select-container`\n );\n\n const labelClss = joinClass(\n `${prefix}-select-label`,\n error && `${prefix}-select-label--error`,\n );\n\n const clss = joinClass(\n `${prefix}-select`,\n disabled && `${prefix}-select--disabled`,\n error && `${prefix}-select--error`,\n props.className\n );\n\n const helperTextClss = joinClass(\n `${prefix}-select__helper-text`,\n helperText && `${prefix}-select__helper-text--visible`,\n error && `${prefix}-select__helper-text--error`\n );\n\n const renderIcon = (icon: ReactElement<ButtonHTMLAttributes<any>>) => {\n return cloneElement(icon, {\n className: joinClass(\n icon.props.className,\n `${prefix}-select__icon--left`\n ),\n type: 'button',\n style: { color },\n onClick: (e) => {\n e.stopPropagation();\n if (icon.props.onClick && !disabled) { icon.props.onClick(e); };\n }\n });\n };\n\n const renderOption = () => {\n return arrayChildren.map((child) => {\n return cloneElement(child, {\n color,\n className: joinClass(\n child.props.className,\n child.props.value === props.value && `${prefix}-select__option--selected`,\n ),\n onClick: (e) => {\n if (!child.props.disabled && onChange) { onChange(e as any); }\n }\n });\n });\n };\n\n return (\n <div className={containerClss}>\n {label && <label className={labelClss}>{label} {props.required && '*'}</label>}\n <button type=\"button\" className={clss} onClick={toggle} disabled={disabled}>\n <div>\n {startIcon && renderIcon(startIcon as React.JSX.Element)}\n </div>\n <input {...props} readOnly type=\"text\" value={newValue} disabled={disabled} />\n <Icon\n name=\"angle-down\"\n sx={{ color: ({ grey }) => grey.main }}\n className={`${prefix}-select__icon--right`}\n />\n </button>\n <Menu\n autoClose\n direction=\"center\"\n open={open}\n anchorEl={el}\n onClose={toggle}\n >\n {renderOption()}\n </Menu>\n <span className={helperTextClss}>{helperText}</span>\n </div>\n );\n}\n\nexport default createComponent(Select);\n"],"names":["Select","error","color","label","helperText","startIcon","children","disabled","onChange","props","arrayChildren","Children","newValue","useMemo","child","open","el","toggle","useMenu","containerClss","joinClass","prefix","labelClss","clss","helperTextClss","renderIcon","icon","cloneElement","e","renderOption","jsxs","jsx","Icon","grey","Menu","Select_default","createComponent"],"mappings":"~~6rBAgCA~~,SAASA,EAAO,CACd,MAAAC,EACA,MAAAC,EAAQ,OACR,MAAAC,EACA,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAgBC,EAAS,QAAQL,CAAQ,EAEzCM,EAAWC,EAAQ,IAChBH,EAAc,KAAMI,GACzBA,EAAM,MAAM,QAAUL,EAAM,KAAK,GAAG,MAAM,UAAY,GACvD,CAACA,EAAM,KAAK,CAAC,EAEV,CAACM,EAAMC,EAAIC,CAAM,EAAIC,EAAA,EAErBC,EAAgBC,EACpB,GAAGC,CAAM,mBAAA,EAGLC,EAAYF,EAChB,GAAGC,CAAM,gBACTpB,GAAS,GAAGoB,CAAM,sBAAA,EAGdE,EAAOH,EACX,GAAGC,CAAM,UACTd,GAAY,GAAGc,CAAM,oBACrBpB,GAAS,GAAGoB,CAAM,iBAClBZ,EAAM,SAAA,EAGFe,EAAiBJ,EACrB,GAAGC,CAAM,uBACTjB,GAAc,GAAGiB,CAAM,gCACvBpB,GAAS,GAAGoB,CAAM,6BAAA,EAGdI,EAAcC,GACXC,EAAaD,EAAM,CACxB,UAAWN,EACTM,EAAK,MAAM,UACX,GAAGL,CAAM,qBAAA,EAEX,KAAM,SACN,MAAO,CAAE,MAAAnB,CAAA,EACT,QAAU0B,GAAM,CACdA,EAAE,gBAAA,EACEF,EAAK,MAAM,SAAW,CAACnB,GAAYmB,EAAK,MAAM,QAAQE,CAAC,CAC7D,CAAA,CACD,EAGGC,EAAe,IACZnB,EAAc,IAAKI,GACjBa,EAAab,EAAO,CACzB,MAAAZ,EACA,UAAWkB,EACTN,EAAM,MAAM,UACZA,EAAM,MAAM,QAAUL,EAAM,OAAS,GAAGY,CAAM,2BAAA,EAEhD,QAAUO,GAAM,CACV,CAACd,EAAM,MAAM,UAAYN,GAAYA,EAASoB,CAAQ,CAC5D,CAAA,CACD,CACF,EAGH,OACEE,EAAC,MAAA,CAAI,UAAWX,EACb,SAAA,CAAAhB,GAAS2B,EAAC,QAAA,CAAM,UAAWR,EAAY,SAAA,CAAAnB,EAAM,IAAEM,EAAM,UAAY,GAAA,EAAI,EACtEqB,EAAC,UAAO,KAAK,SAAS,UAAWP,EAAM,QAASN,EAAQ,SAAAV,EACtD,SAAA,CAAAwB,EAAC,MAAA,CACE,SAAA1B,GAAaoB,EAAWpB,CAA8B,EACzD,EACA0B,EAAC,QAAA,CAAO,GAAGtB,EAAO,SAAQ,GAAC,KAAK,OAAO,MAAOG,EAAU,SAAAL,CAAA,CAAoB,EAC5EwB,EAACC,EAAA,CACC,KAAK,aACL,GAAI,CAAE,MAAO,CAAC,CAAE,KAAAC,CAAA,IAAWA,EAAK,IAAA,EAChC,UAAW,GAAGZ,CAAM,sBAAA,CAAA,CACtB,EACF,EACAU,EAACG,EAAA,CACC,UAAS,GACT,UAAU,SACV,KAAAnB,EACA,SAAUC,EACV,QAASC,EAER,SAAAY,EAAA,CAAa,CAAA,EAEhBE,EAAC,OAAA,CAAK,UAAWP,EAAiB,SAAApB,CAAA,CAAW,CAAA,EAC/C,CAEJ,CAEA,MAAA+B,EAAeC,EAAgBpC,CAAM"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/fields/Select/Select.tsx"],"sourcesContent":["import {\n useMemo,\n Children,\n cloneElement,\n type ReactElement,\n type InputHTMLAttributes,\n type ButtonHTMLAttributes,\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Icon from '@/display/Icon';\nimport { Menu, useMenu } from '@/navigation/Menu';\n\nimport type { OptionProps } from './Option';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Select.scss';\n\nexport interface SelectProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' \| 'color'> {\n error?: boolean;\n autoClose?: boolean;\n label?: string;\n helperText?: string;\n color?: Colors;\n startIcon?: React.JSX.Element \| boolean;\n children: React.JSX.Element \| React.JSX.Element[];\n}\n\nfunction Select({\n error,\n color = 'grey',\n label,\n helperText,\n startIcon,\n children,\n disabled,\n onChange,\n ...props\n}: SelectProps) {\n const arrayChildren = Children.toArray(children) as ReactElement<OptionProps>[];\n\n const newValue = useMemo(() => {\n return arrayChildren.find((child) =>\n child.props.value === props.value)?.props.children \|\| '';\n }, [props.value]);\n\n const [open, el, toggle] = useMenu();\n\n const containerClss = joinClass(\n `${prefix}-select-container`\n );\n\n const labelClss = joinClass(\n `${prefix}-select-label`,\n error && `${prefix}-select-label--error`,\n );\n\n const clss = joinClass(\n `${prefix}-select`,\n disabled && `${prefix}-select--disabled`,\n error && `${prefix}-select--error`,\n props.className\n );\n\n const helperTextClss = joinClass(\n `${prefix}-select__helper-text`,\n helperText && `${prefix}-select__helper-text--visible`,\n error && `${prefix}-select__helper-text--error`\n );\n\n const renderIcon = (icon: ReactElement<ButtonHTMLAttributes<any>>) => {\n return cloneElement(icon, {\n className: joinClass(\n icon.props.className,\n `${prefix}-select__icon--left`\n ),\n type: 'button',\n style: { color },\n onClick: (e) => {\n e.stopPropagation();\n if (icon.props.onClick && !disabled) { icon.props.onClick(e); };\n }\n });\n };\n\n const renderOption = () => {\n return arrayChildren.map((child) => {\n return cloneElement(child, {\n color,\n className: joinClass(\n child.props.className,\n child.props.value === props.value && `${prefix}-select__option--selected`,\n ),\n onClick: (e) => {\n if (!child.props.disabled && onChange) { onChange(e as any); }\n }\n });\n });\n };\n\n return (\n <div className={containerClss}>\n {label && <label className={labelClss}>{label} {props.required && '*'}</label>}\n <button type=\"button\" className={clss} onClick={toggle} disabled={disabled}>\n <div>\n {startIcon && renderIcon(startIcon as React.JSX.Element)}\n </div>\n <input {...props} readOnly type=\"text\" value={newValue} disabled={disabled} />\n <Icon\n name=\"angle-down\"\n sx={{ color: ({ grey }) => grey.main }}\n className={`${prefix}-select__icon--right`}\n />\n </button>\n <Menu\n autoClose\n direction=\"center\"\n open={open}\n anchorEl={el}\n onClose={toggle}\n >\n {renderOption()}\n </Menu>\n <span className={helperTextClss}>{helperText}</span>\n </div>\n );\n}\n\nexport default createComponent(Select);\n"],"names":["Select","error","color","label","helperText","startIcon","children","disabled","onChange","props","arrayChildren","Children","newValue","useMemo","child","open","el","toggle","useMenu","containerClss","joinClass","prefix","labelClss","clss","helperTextClss","renderIcon","icon","cloneElement","e","renderOption","jsxs","jsx","Icon","grey","Menu","Select_default","createComponent"],"mappings":"upBAgCA,SAASA,EAAO,CACd,MAAAC,EACA,MAAAC,EAAQ,OACR,MAAAC,EACA,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAgBC,EAAS,QAAQL,CAAQ,EAEzCM,EAAWC,EAAQ,IAChBH,EAAc,KAAMI,GACzBA,EAAM,MAAM,QAAUL,EAAM,KAAK,GAAG,MAAM,UAAY,GACvD,CAACA,EAAM,KAAK,CAAC,EAEV,CAACM,EAAMC,EAAIC,CAAM,EAAIC,EAAA,EAErBC,EAAgBC,EACpB,GAAGC,CAAM,mBAAA,EAGLC,EAAYF,EAChB,GAAGC,CAAM,gBACTpB,GAAS,GAAGoB,CAAM,sBAAA,EAGdE,EAAOH,EACX,GAAGC,CAAM,UACTd,GAAY,GAAGc,CAAM,oBACrBpB,GAAS,GAAGoB,CAAM,iBAClBZ,EAAM,SAAA,EAGFe,EAAiBJ,EACrB,GAAGC,CAAM,uBACTjB,GAAc,GAAGiB,CAAM,gCACvBpB,GAAS,GAAGoB,CAAM,6BAAA,EAGdI,EAAcC,GACXC,EAAaD,EAAM,CACxB,UAAWN,EACTM,EAAK,MAAM,UACX,GAAGL,CAAM,qBAAA,EAEX,KAAM,SACN,MAAO,CAAE,MAAAnB,CAAA,EACT,QAAU0B,GAAM,CACdA,EAAE,gBAAA,EACEF,EAAK,MAAM,SAAW,CAACnB,GAAYmB,EAAK,MAAM,QAAQE,CAAC,CAC7D,CAAA,CACD,EAGGC,EAAe,IACZnB,EAAc,IAAKI,GACjBa,EAAab,EAAO,CACzB,MAAAZ,EACA,UAAWkB,EACTN,EAAM,MAAM,UACZA,EAAM,MAAM,QAAUL,EAAM,OAAS,GAAGY,CAAM,2BAAA,EAEhD,QAAUO,GAAM,CACV,CAACd,EAAM,MAAM,UAAYN,GAAYA,EAASoB,CAAQ,CAC5D,CAAA,CACD,CACF,EAGH,OACEE,EAAC,MAAA,CAAI,UAAWX,EACb,SAAA,CAAAhB,GAAS2B,EAAC,QAAA,CAAM,UAAWR,EAAY,SAAA,CAAAnB,EAAM,IAAEM,EAAM,UAAY,GAAA,EAAI,EACtEqB,EAAC,UAAO,KAAK,SAAS,UAAWP,EAAM,QAASN,EAAQ,SAAAV,EACtD,SAAA,CAAAwB,EAAC,MAAA,CACE,SAAA1B,GAAaoB,EAAWpB,CAA8B,EACzD,EACA0B,EAAC,QAAA,CAAO,GAAGtB,EAAO,SAAQ,GAAC,KAAK,OAAO,MAAOG,EAAU,SAAAL,CAAA,CAAoB,EAC5EwB,EAACC,EAAA,CACC,KAAK,aACL,GAAI,CAAE,MAAO,CAAC,CAAE,KAAAC,CAAA,IAAWA,EAAK,IAAA,EAChC,UAAW,GAAGZ,CAAM,sBAAA,CAAA,CACtB,EACF,EACAU,EAACG,EAAA,CACC,UAAS,GACT,UAAU,SACV,KAAAnB,EACA,SAAUC,EACV,QAASC,EAER,SAAAY,EAAA,CAAa,CAAA,EAEhBE,EAAC,OAAA,CAAK,UAAWP,EAAiB,SAAApB,CAAA,CAAW,CAAA,EAC/C,CAEJ,CAEA,MAAA+B,EAAeC,EAAgBpC,CAAM"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),e=require("../../chunks/index-DYxwT4uW.cjs"),i=require("../../chunks/joinClass-Jk3EszKD.cjs"),u=require("../../chunks/createComponent-BBXW0GJ6.cjs");require("../../chunks/useTheme-DhX2tM8O.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function l({width:t,height:r,variant:n="rounded"}){const o=i.joinClass(`${e.prefix}-skeleton`,`${e.prefix}-skeleton--${n}`);return s.jsx("div",{className:o,style:{width:t,height:r}})}const c=u.createComponent(l);exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),e=require("../../chunks/index-DYxwT4uW.cjs"),i=require("../../chunks/joinClass-Jk3EszKD.cjs"),u=require("../../chunks/createComponent-Dkt68kvT.cjs");require("../../chunks/useTheme-DsrjDJKC.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function l({width:t,height:r,variant:n="rounded"}){const o=i.joinClass(`${e.prefix}-skeleton`,`${e.prefix}-skeleton--${n}`);return s.jsx("div",{className:o,style:{width:t,height:r}})}const c=u.createComponent(l);exports.default=c;
 //# sourceMappingURL=index.cjs.map

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

@@ -1,2 +1,2 @@
-import{jsx as m}from"react/jsx-runtime";import{p as o}from"../../chunks/index-CZ41y9Hn.js";import{j as n}from"../../chunks/joinClass-anSpaauN.js";import{c as i}from"../../chunks/createComponent-DZqrA_Tp.js";import"../../chunks/useTheme-g5gOUmLf.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";function p({width:t,height:e,variant:r="rounded"}){const s=n(`${o}-skeleton`,`${o}-skeleton--${r}`);return m("div",{className:s,style:{width:t,height:e}})}const j=i(p);export{j as default};
+import{jsx as m}from"react/jsx-runtime";import{p as o}from"../../chunks/index-CZ41y9Hn.js";import{j as n}from"../../chunks/joinClass-anSpaauN.js";import{c as i}from"../../chunks/createComponent-CovqNaAJ.js";import"../../chunks/useTheme-BYuNiCiH.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";function p({width:t,height:e,variant:r="rounded"}){const s=n(`${o}-skeleton`,`${o}-skeleton--${r}`);return m("div",{className:s,style:{width:t,height:e}})}const j=i(p);export{j as default};
 //# sourceMappingURL=index.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Stack-DsVkiTT_.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/createComponent-BBXW0GJ6.cjs");require("../../chunks/useTheme-DhX2tM8O.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");exports.default=e.Stack;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Stack-B_lU0ez7.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/createComponent-Dkt68kvT.cjs");require("../../chunks/useTheme-DsrjDJKC.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");exports.default=e.Stack;
 //# sourceMappingURL=index.cjs.map

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

@@ -1,2 +1,2 @@
-import{S as d}from"../../chunks/Stack-D0feJnm7.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-DZqrA_Tp.js";import"../../chunks/useTheme-g5gOUmLf.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";export{d as default};
+import{S as d}from"../../chunks/Stack-Deow48Th.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-CovqNaAJ.js";import"../../chunks/useTheme-BYuNiCiH.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";export{d as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Switch/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"),i=require("react"),e=require("../../chunks/index-DYxwT4uW.cjs"),r=require("../../chunks/joinClass-Jk3EszKD.cjs"),m=require("../../chunks/uuid-omnJ9TjZ.cjs"),b=require("../../chunks/Stack-DsVkiTT_.cjs"),p=require("../../chunks/createComponent-BBXW0GJ6.cjs");require("../../chunks/useTheme-DhX2tM8O.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function j({label:o,error:n,helperText:a,color:h="primary",...s}){const[l,u]=i.useState(!!s.checked),x=r.joinClass(`${e.prefix}-switch__checkbox`,`${e.prefix}-switch__checkbox--${h}`),d=r.joinClass(`${e.prefix}-switch__label`,n&&`${e.prefix}-switch__label--error`),_=r.joinClass(`${e.prefix}-switch__helper-text`,n&&`${e.prefix}-switch__helper-text--error`,a&&`${e.prefix}-switch__helper-text--visible`),t=i.useMemo(()=>`${e.prefix}-switch-${m.uuid()}`,[]);i.useEffect(()=>{u(!!s.checked)},[s.checked]);const f=()=>{s.onChange&&s.onChange({type:"checkbox",target:{checked:!l}})};return c.jsxs(b.Stack,{gap:2,children:[c.jsx("label",{htmlFor:t,className:d,children:o}),c.jsxs("div",{className:`${e.prefix}-switch`,children:[c.jsx("input",{...s,type:"checkbox",id:t,className:x,onChange:f,checked:l}),c.jsx("label",{className:`${e.prefix}-switch__box`,htmlFor:t,children:c.jsx("span",{className:`${e.prefix}-switch__button`})})]}),c.jsx("span",{className:_,children:a})]})}const k=p.createComponent(j);exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("react"),e=require("../../chunks/index-DYxwT4uW.cjs"),r=require("../../chunks/joinClass-Jk3EszKD.cjs"),o=require("../../chunks/createComponent-Dkt68kvT.cjs"),b=require("../../chunks/Stack-B_lU0ez7.cjs");require("../../chunks/useTheme-DsrjDJKC.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function p({label:h,error:n,helperText:a,color:x="primary",...c}){const[l,u]=i.useState(!!c.checked),d=r.joinClass(`${e.prefix}-switch__checkbox`,`${e.prefix}-switch__checkbox--${x}`),_=r.joinClass(`${e.prefix}-switch__label`,n&&`${e.prefix}-switch__label--error`),f=r.joinClass(`${e.prefix}-switch__helper-text`,n&&`${e.prefix}-switch__helper-text--error`,a&&`${e.prefix}-switch__helper-text--visible`),s=i.useMemo(()=>`${e.prefix}-switch-${o.uuid()}`,[]);i.useEffect(()=>{u(!!c.checked)},[c.checked]);const m=()=>{c.onChange&&c.onChange({type:"checkbox",target:{checked:!l}})};return t.jsxs(b.Stack,{gap:2,style:{width:"fit-content"},children:[t.jsx("label",{htmlFor:s,className:_,children:h}),t.jsxs("div",{className:`${e.prefix}-switch`,children:[t.jsx("input",{...c,type:"checkbox",id:s,className:d,onChange:m,checked:l}),t.jsx("label",{className:`${e.prefix}-switch__box`,htmlFor:s,children:t.jsx("span",{className:`${e.prefix}-switch__button`})})]}),t.jsx("span",{className:f,children:a})]})}const w=o.createComponent(p);exports.default=w;
 //# sourceMappingURL=index.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../src/fields/Switch/Switch.tsx"],"sourcesContent":["import { InputHTMLAttributes, useEffect, useMemo, useState } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport { uuid } from '@iziui/toolkit/uuid';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Switch.scss';\n\nexport interface SwitchProps extends InputHTMLAttributes<HTMLInputElement> {\n label?: string;\n error?: boolean;\n helperText?: string;\n color?: Colors;\n auto?: boolean;\n}\n\nfunction Switch({ label, error, helperText, color = 'primary', ...props }: SwitchProps) {\n const [checked, setChecked] = useState(Boolean(props.checked));\n\n const classNameCheckbox = joinClass(\n `${prefix}-switch__checkbox`,\n `${prefix}-switch__checkbox--${color}`,\n );\n\n const classNameLabel = joinClass(\n `${prefix}-switch__label`,\n error && `${prefix}-switch__label--error`,\n );\n\n const helperTextClss = joinClass(\n `${prefix}-switch__helper-text`,\n error && `${prefix}-switch__helper-text--error`,\n helperText && `${prefix}-switch__helper-text--visible`,\n );\n\n const id = useMemo(() => `${prefix}-switch-${uuid()}`, []);\n\n useEffect(() => { setChecked(Boolean(props.checked)); }, [props.checked]);\n\n const handleToggle = () => {\n if (!props.onChange) { return; }\n\n props.onChange({\n type: 'checkbox',\n target: { checked: !checked }\n } as React.ChangeEvent<HTMLInputElement>);\n };\n\n return (\n <Stack gap={2}>\n <label htmlFor={id} className={classNameLabel}>\n {label}\n </label>\n <div className={`${prefix}-switch`}>\n <input\n {...props}\n type=\"checkbox\"\n id={id}\n className={classNameCheckbox}\n onChange={handleToggle}\n checked={checked}\n />\n <label className={`${prefix}-switch__box`} htmlFor={id}>\n <span className={`${prefix}-switch__button`} />\n </label>\n </div>\n <span className={helperTextClss}>{helperText}</span>\n </Stack>\n );\n}\n\nexport default createComponent(Switch);"],"names":["Switch","label","error","helperText","color","props","checked","setChecked","useState","classNameCheckbox","joinClass","prefix","classNameLabel","helperTextClss","id","useMemo","uuid","useEffect","handleToggle","jsxs","Stack","jsx","Switch_default","createComponent"],"mappings":"~~2fAuBA~~,SAASA,EAAO,CAAE,MAAAC,EAAO,MAAAC,EAAO,WAAAC,EAAY,MAAAC,EAAQ,UAAW,GAAGC,GAAsB,CACtF,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAQH,EAAM,OAAQ,EAEvDI,EAAoBC,EAAAA,UACxB,GAAGC,EAAAA,MAAM,oBACT,GAAGA,EAAAA,MAAM,sBAAsBP,CAAK,EAAA,EAGhCQ,EAAiBF,EAAAA,UACrB,GAAGC,EAAAA,MAAM,iBACTT,GAAS,GAAGS,EAAAA,MAAM,uBAAA,EAGdE,EAAiBH,EAAAA,UACrB,GAAGC,EAAAA,MAAM,uBACTT,GAAS,GAAGS,EAAAA,MAAM,8BAClBR,GAAc,GAAGQ,EAAAA,MAAM,+BAAA,EAGnBG,EAAKC,UAAQ,IAAM,GAAGJ,EAAAA,MAAM,WAAWK,EAAAA,KAAA,CAAM,GAAI,EAAE,EAEzDC,EAAAA,UAAU,IAAM,CAAEV,EAAW,EAAQF,EAAM,OAAQ,CAAG,EAAG,CAACA,EAAM,OAAO,CAAC,EAExE,MAAMa,EAAe,IAAM,CACpBb,EAAM,UAEXA,EAAM,SAAS,CACb,KAAM,WACN,OAAQ,CAAE,QAAS,CAACC,CAAA,CAAQ,CACU,CAC1C,EAEA,OACEa,EAAAA,KAACC,~~EAAAA~~,~~MAAA~~,~~CAAM~~,~~IAAK~~,~~EACV~~,SAAA,CAAAC,MAAC,QAAA,CAAM,QAASP,EAAI,UAAWF,EAC5B,SAAAX,EACH,EACAkB,EAAAA,KAAC,MAAA,CAAI,UAAW,GAAGR,QAAM,UACvB,SAAA,CAAAU,EAAAA,IAAC,QAAA,CACE,GAAGhB,EACJ,KAAK,WACL,GAAAS,EACA,UAAWL,EACX,SAAUS,EACV,QAAAZ,CAAA,CAAA,EAEFe,EAAAA,IAAC,QAAA,CAAM,UAAW,GAAGV,QAAM,eAAgB,QAASG,EAClD,SAAAO,EAAAA,IAAC,OAAA,CAAK,UAAW,GAAGV,QAAM,kBAAmB,CAAA,CAC/C,CAAA,EACF,EACAU,EAAAA,IAAC,OAAA,CAAK,UAAWR,EAAiB,SAAAV,CAAA,CAAW,CAAA,EAC/C,CAEJ,CAEA,MAAAmB,EAAeC,EAAAA,gBAAgBvB,CAAM"}
1	+ {"version":3,"file":"index.cjs","sources":["../../../src/fields/Switch/Switch.tsx"],"sourcesContent":["import { InputHTMLAttributes, useEffect, useMemo, useState } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport { uuid } from '@iziui/toolkit/uuid';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Switch.scss';\n\nexport interface SwitchProps extends InputHTMLAttributes<HTMLInputElement> {\n label?: string;\n error?: boolean;\n helperText?: string;\n color?: Colors;\n auto?: boolean;\n}\n\nfunction Switch({ label, error, helperText, color = 'primary', ...props }: SwitchProps) {\n const [checked, setChecked] = useState(Boolean(props.checked));\n\n const classNameCheckbox = joinClass(\n `${prefix}-switch__checkbox`,\n `${prefix}-switch__checkbox--${color}`,\n );\n\n const classNameLabel = joinClass(\n `${prefix}-switch__label`,\n error && `${prefix}-switch__label--error`,\n );\n\n const helperTextClss = joinClass(\n `${prefix}-switch__helper-text`,\n error && `${prefix}-switch__helper-text--error`,\n helperText && `${prefix}-switch__helper-text--visible`,\n );\n\n const id = useMemo(() => `${prefix}-switch-${uuid()}`, []);\n\n useEffect(() => { setChecked(Boolean(props.checked)); }, [props.checked]);\n\n const handleToggle = () => {\n if (!props.onChange) { return; }\n\n props.onChange({\n type: 'checkbox',\n target: { checked: !checked }\n } as React.ChangeEvent<HTMLInputElement>);\n };\n\n return (\n <Stack gap={2} style={{ width: 'fit-content' }}>\n <label htmlFor={id} className={classNameLabel}>\n {label}\n </label>\n <div className={`${prefix}-switch`}>\n <input\n {...props}\n type=\"checkbox\"\n id={id}\n className={classNameCheckbox}\n onChange={handleToggle}\n checked={checked}\n />\n <label className={`${prefix}-switch__box`} htmlFor={id}>\n <span className={`${prefix}-switch__button`} />\n </label>\n </div>\n <span className={helperTextClss}>{helperText}</span>\n </Stack>\n );\n}\n\nexport default createComponent(Switch);"],"names":["Switch","label","error","helperText","color","props","checked","setChecked","useState","classNameCheckbox","joinClass","prefix","classNameLabel","helperTextClss","id","useMemo","uuid","useEffect","handleToggle","jsxs","Stack","jsx","Switch_default","createComponent"],"mappings":"+cAuBA,SAASA,EAAO,CAAE,MAAAC,EAAO,MAAAC,EAAO,WAAAC,EAAY,MAAAC,EAAQ,UAAW,GAAGC,GAAsB,CACtF,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAQH,EAAM,OAAQ,EAEvDI,EAAoBC,EAAAA,UACxB,GAAGC,EAAAA,MAAM,oBACT,GAAGA,EAAAA,MAAM,sBAAsBP,CAAK,EAAA,EAGhCQ,EAAiBF,EAAAA,UACrB,GAAGC,EAAAA,MAAM,iBACTT,GAAS,GAAGS,EAAAA,MAAM,uBAAA,EAGdE,EAAiBH,EAAAA,UACrB,GAAGC,EAAAA,MAAM,uBACTT,GAAS,GAAGS,EAAAA,MAAM,8BAClBR,GAAc,GAAGQ,EAAAA,MAAM,+BAAA,EAGnBG,EAAKC,UAAQ,IAAM,GAAGJ,EAAAA,MAAM,WAAWK,EAAAA,KAAA,CAAM,GAAI,EAAE,EAEzDC,EAAAA,UAAU,IAAM,CAAEV,EAAW,EAAQF,EAAM,OAAQ,CAAG,EAAG,CAACA,EAAM,OAAO,CAAC,EAExE,MAAMa,EAAe,IAAM,CACpBb,EAAM,UAEXA,EAAM,SAAS,CACb,KAAM,WACN,OAAQ,CAAE,QAAS,CAACC,CAAA,CAAQ,CACU,CAC1C,EAEA,OACEa,EAAAA,KAACC,SAAM,IAAK,EAAG,MAAO,CAAE,MAAO,eAC7B,SAAA,CAAAC,MAAC,QAAA,CAAM,QAASP,EAAI,UAAWF,EAC5B,SAAAX,EACH,EACAkB,EAAAA,KAAC,MAAA,CAAI,UAAW,GAAGR,QAAM,UACvB,SAAA,CAAAU,EAAAA,IAAC,QAAA,CACE,GAAGhB,EACJ,KAAK,WACL,GAAAS,EACA,UAAWL,EACX,SAAUS,EACV,QAAAZ,CAAA,CAAA,EAEFe,EAAAA,IAAC,QAAA,CAAM,UAAW,GAAGV,QAAM,eAAgB,QAASG,EAClD,SAAAO,EAAAA,IAAC,OAAA,CAAK,UAAW,GAAGV,QAAM,kBAAmB,CAAA,CAC/C,CAAA,EACF,EACAU,EAAAA,IAAC,OAAA,CAAK,UAAWR,EAAiB,SAAAV,CAAA,CAAW,CAAA,EAC/C,CAEJ,CAEA,MAAAmB,EAAeC,EAAAA,gBAAgBvB,CAAM"}

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

@@ -1,2 +1,2 @@
-import{jsxs as l,jsx as t}from"react/jsx-runtime";import{useState as p,useMemo as u,useEffect as w}from"react";import{p as e}from"../../chunks/index-CZ41y9Hn.js";import{j as a}from"../../chunks/joinClass-anSpaauN.js";import{u as x}from"../../chunks/uuid-dGvr9vBZ.js";import{S as $}from"../../chunks/Stack-D0feJnm7.js";import{c as k}from"../../chunks/createComponent-DZqrA_Tp.js";import"../../chunks/useTheme-g5gOUmLf.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function C({label:r,error:o,helperText:h,color:n="primary",...c}){const[i,m]=p(!!c.checked),_=a(`${e}-switch__checkbox`,`${e}-switch__checkbox--${n}`),d=a(`${e}-switch__label`,o&&`${e}-switch__label--error`),f=a(`${e}-switch__helper-text`,o&&`${e}-switch__helper-text--error`,h&&`${e}-switch__helper-text--visible`),s=u(()=>`${e}-switch-${x()}`,[]);w(()=>{m(!!c.checked)},[c.checked]);const b=()=>{c.onChange&&c.onChange({type:"checkbox",target:{checked:!i}})};return l($,{gap:2,children:[t("label",{htmlFor:s,className:d,children:r}),l("div",{className:`${e}-switch`,children:[t("input",{...c,type:"checkbox",id:s,className:_,onChange:b,checked:i}),t("label",{className:`${e}-switch__box`,htmlFor:s,children:t("span",{className:`${e}-switch__button`})})]}),t("span",{className:f,children:h})]})}const L=k(C);export{L as default};
+import{jsxs as l,jsx as c}from"react/jsx-runtime";import{useState as b,useMemo as u,useEffect as x}from"react";import{p as e}from"../../chunks/index-CZ41y9Hn.js";import{j as a}from"../../chunks/joinClass-anSpaauN.js";import{c as $,u as k}from"../../chunks/createComponent-CovqNaAJ.js";import{S as p}from"../../chunks/Stack-Deow48Th.js";import"../../chunks/useTheme-BYuNiCiH.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function C({label:n,error:o,helperText:h,color:r="primary",...t}){const[i,m]=b(!!t.checked),_=a(`${e}-switch__checkbox`,`${e}-switch__checkbox--${r}`),d=a(`${e}-switch__label`,o&&`${e}-switch__label--error`),f=a(`${e}-switch__helper-text`,o&&`${e}-switch__helper-text--error`,h&&`${e}-switch__helper-text--visible`),s=u(()=>`${e}-switch-${k()}`,[]);x(()=>{m(!!t.checked)},[t.checked]);const w=()=>{t.onChange&&t.onChange({type:"checkbox",target:{checked:!i}})};return l(p,{gap:2,style:{width:"fit-content"},children:[c("label",{htmlFor:s,className:d,children:n}),l("div",{className:`${e}-switch`,children:[c("input",{...t,type:"checkbox",id:s,className:_,onChange:w,checked:i}),c("label",{className:`${e}-switch__box`,htmlFor:s,children:c("span",{className:`${e}-switch__button`})})]}),c("span",{className:f,children:h})]})}const E=$(C);export{E as default};
 //# sourceMappingURL=index.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/fields/Switch/Switch.tsx"],"sourcesContent":["import { InputHTMLAttributes, useEffect, useMemo, useState } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport { uuid } from '@iziui/toolkit/uuid';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Switch.scss';\n\nexport interface SwitchProps extends InputHTMLAttributes<HTMLInputElement> {\n label?: string;\n error?: boolean;\n helperText?: string;\n color?: Colors;\n auto?: boolean;\n}\n\nfunction Switch({ label, error, helperText, color = 'primary', ...props }: SwitchProps) {\n const [checked, setChecked] = useState(Boolean(props.checked));\n\n const classNameCheckbox = joinClass(\n `${prefix}-switch__checkbox`,\n `${prefix}-switch__checkbox--${color}`,\n );\n\n const classNameLabel = joinClass(\n `${prefix}-switch__label`,\n error && `${prefix}-switch__label--error`,\n );\n\n const helperTextClss = joinClass(\n `${prefix}-switch__helper-text`,\n error && `${prefix}-switch__helper-text--error`,\n helperText && `${prefix}-switch__helper-text--visible`,\n );\n\n const id = useMemo(() => `${prefix}-switch-${uuid()}`, []);\n\n useEffect(() => { setChecked(Boolean(props.checked)); }, [props.checked]);\n\n const handleToggle = () => {\n if (!props.onChange) { return; }\n\n props.onChange({\n type: 'checkbox',\n target: { checked: !checked }\n } as React.ChangeEvent<HTMLInputElement>);\n };\n\n return (\n <Stack gap={2}>\n <label htmlFor={id} className={classNameLabel}>\n {label}\n </label>\n <div className={`${prefix}-switch`}>\n <input\n {...props}\n type=\"checkbox\"\n id={id}\n className={classNameCheckbox}\n onChange={handleToggle}\n checked={checked}\n />\n <label className={`${prefix}-switch__box`} htmlFor={id}>\n <span className={`${prefix}-switch__button`} />\n </label>\n </div>\n <span className={helperTextClss}>{helperText}</span>\n </Stack>\n );\n}\n\nexport default createComponent(Switch);"],"names":["Switch","label","error","helperText","color","props","checked","setChecked","useState","classNameCheckbox","joinClass","prefix","classNameLabel","helperTextClss","id","useMemo","uuid","useEffect","handleToggle","jsxs","Stack","jsx","Switch_default","createComponent"],"mappings":"~~4dAuBA~~,SAASA,EAAO,CAAE,MAAAC,EAAO,MAAAC,EAAO,WAAAC,EAAY,MAAAC,EAAQ,UAAW,GAAGC,GAAsB,CACtF,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAS,EAAQH,EAAM,OAAQ,EAEvDI,EAAoBC,EACxB,GAAGC,CAAM,oBACT,GAAGA,CAAM,sBAAsBP,CAAK,EAAA,EAGhCQ,EAAiBF,EACrB,GAAGC,CAAM,iBACTT,GAAS,GAAGS,CAAM,uBAAA,EAGdE,EAAiBH,EACrB,GAAGC,CAAM,uBACTT,GAAS,GAAGS,CAAM,8BAClBR,GAAc,GAAGQ,CAAM,+BAAA,EAGnBG,EAAKC,EAAQ,IAAM,GAAGJ,CAAM,WAAWK,EAAA,CAAM,GAAI,EAAE,EAEzDC,EAAU,IAAM,CAAEV,EAAW,EAAQF,EAAM,OAAQ,CAAG,EAAG,CAACA,EAAM,OAAO,CAAC,EAExE,MAAMa,EAAe,IAAM,CACpBb,EAAM,UAEXA,EAAM,SAAS,CACb,KAAM,WACN,OAAQ,CAAE,QAAS,CAACC,CAAA,CAAQ,CACU,CAC1C,EAEA,OACEa,EAACC,~~EAAA~~,~~CAAM,~~IAAK,~~EACV~~,SAAA,CAAAC,EAAC,QAAA,CAAM,QAASP,EAAI,UAAWF,EAC5B,SAAAX,EACH,EACAkB,EAAC,MAAA,CAAI,UAAW,GAAGR,CAAM,UACvB,SAAA,CAAAU,EAAC,QAAA,CACE,GAAGhB,EACJ,KAAK,WACL,GAAAS,EACA,UAAWL,EACX,SAAUS,EACV,QAAAZ,CAAA,CAAA,EAEFe,EAAC,QAAA,CAAM,UAAW,GAAGV,CAAM,eAAgB,QAASG,EAClD,SAAAO,EAAC,OAAA,CAAK,UAAW,GAAGV,CAAM,kBAAmB,CAAA,CAC/C,CAAA,EACF,EACAU,EAAC,OAAA,CAAK,UAAWR,EAAiB,SAAAV,CAAA,CAAW,CAAA,EAC/C,CAEJ,CAEA,MAAAmB,EAAeC,EAAgBvB,CAAM"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/fields/Switch/Switch.tsx"],"sourcesContent":["import { InputHTMLAttributes, useEffect, useMemo, useState } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport { uuid } from '@iziui/toolkit/uuid';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Switch.scss';\n\nexport interface SwitchProps extends InputHTMLAttributes<HTMLInputElement> {\n label?: string;\n error?: boolean;\n helperText?: string;\n color?: Colors;\n auto?: boolean;\n}\n\nfunction Switch({ label, error, helperText, color = 'primary', ...props }: SwitchProps) {\n const [checked, setChecked] = useState(Boolean(props.checked));\n\n const classNameCheckbox = joinClass(\n `${prefix}-switch__checkbox`,\n `${prefix}-switch__checkbox--${color}`,\n );\n\n const classNameLabel = joinClass(\n `${prefix}-switch__label`,\n error && `${prefix}-switch__label--error`,\n );\n\n const helperTextClss = joinClass(\n `${prefix}-switch__helper-text`,\n error && `${prefix}-switch__helper-text--error`,\n helperText && `${prefix}-switch__helper-text--visible`,\n );\n\n const id = useMemo(() => `${prefix}-switch-${uuid()}`, []);\n\n useEffect(() => { setChecked(Boolean(props.checked)); }, [props.checked]);\n\n const handleToggle = () => {\n if (!props.onChange) { return; }\n\n props.onChange({\n type: 'checkbox',\n target: { checked: !checked }\n } as React.ChangeEvent<HTMLInputElement>);\n };\n\n return (\n <Stack gap={2} style={{ width: 'fit-content' }}>\n <label htmlFor={id} className={classNameLabel}>\n {label}\n </label>\n <div className={`${prefix}-switch`}>\n <input\n {...props}\n type=\"checkbox\"\n id={id}\n className={classNameCheckbox}\n onChange={handleToggle}\n checked={checked}\n />\n <label className={`${prefix}-switch__box`} htmlFor={id}>\n <span className={`${prefix}-switch__button`} />\n </label>\n </div>\n <span className={helperTextClss}>{helperText}</span>\n </Stack>\n );\n}\n\nexport default createComponent(Switch);"],"names":["Switch","label","error","helperText","color","props","checked","setChecked","useState","classNameCheckbox","joinClass","prefix","classNameLabel","helperTextClss","id","useMemo","uuid","useEffect","handleToggle","jsxs","Stack","jsx","Switch_default","createComponent"],"mappings":"ibAuBA,SAASA,EAAO,CAAE,MAAAC,EAAO,MAAAC,EAAO,WAAAC,EAAY,MAAAC,EAAQ,UAAW,GAAGC,GAAsB,CACtF,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAS,EAAQH,EAAM,OAAQ,EAEvDI,EAAoBC,EACxB,GAAGC,CAAM,oBACT,GAAGA,CAAM,sBAAsBP,CAAK,EAAA,EAGhCQ,EAAiBF,EACrB,GAAGC,CAAM,iBACTT,GAAS,GAAGS,CAAM,uBAAA,EAGdE,EAAiBH,EACrB,GAAGC,CAAM,uBACTT,GAAS,GAAGS,CAAM,8BAClBR,GAAc,GAAGQ,CAAM,+BAAA,EAGnBG,EAAKC,EAAQ,IAAM,GAAGJ,CAAM,WAAWK,EAAA,CAAM,GAAI,EAAE,EAEzDC,EAAU,IAAM,CAAEV,EAAW,EAAQF,EAAM,OAAQ,CAAG,EAAG,CAACA,EAAM,OAAO,CAAC,EAExE,MAAMa,EAAe,IAAM,CACpBb,EAAM,UAEXA,EAAM,SAAS,CACb,KAAM,WACN,OAAQ,CAAE,QAAS,CAACC,CAAA,CAAQ,CACU,CAC1C,EAEA,OACEa,EAACC,GAAM,IAAK,EAAG,MAAO,CAAE,MAAO,eAC7B,SAAA,CAAAC,EAAC,QAAA,CAAM,QAASP,EAAI,UAAWF,EAC5B,SAAAX,EACH,EACAkB,EAAC,MAAA,CAAI,UAAW,GAAGR,CAAM,UACvB,SAAA,CAAAU,EAAC,QAAA,CACE,GAAGhB,EACJ,KAAK,WACL,GAAAS,EACA,UAAWL,EACX,SAAUS,EACV,QAAAZ,CAAA,CAAA,EAEFe,EAAC,QAAA,CAAM,UAAW,GAAGV,CAAM,eAAgB,QAASG,EAClD,SAAAO,EAAC,OAAA,CAAK,UAAW,GAAGV,CAAM,kBAAmB,CAAA,CAC/C,CAAA,EACF,EACAU,EAAC,OAAA,CAAK,UAAWR,EAAiB,SAAAV,CAAA,CAAW,CAAA,EAC/C,CAEJ,CAEA,MAAAmB,EAAeC,EAAgBvB,CAAM"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/TableHeader-DNnzAUGG.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/createComponent-BBXW0GJ6.cjs");require("../../chunks/useTheme-DhX2tM8O.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/Card-DqoL_8z0.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");exports.Table=e.Table_default;exports.TableBody=e.TableBody;exports.TableCell=e.TableCell_default;exports.TableHeader=e.TableHeader;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/TableHeader-SKzj2zHB.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/createComponent-Dkt68kvT.cjs");require("../../chunks/useTheme-DsrjDJKC.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/Card-DtjP8NP7.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");exports.Table=e.Table_default;exports.TableBody=e.TableBody;exports.TableCell=e.TableCell_default;exports.TableHeader=e.TableHeader;
 //# sourceMappingURL=index.cjs.map

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

@@ -1,2 +1,2 @@
-import{T as s,a as d,b as c,c as f}from"../../chunks/TableHeader-BDY2xI-0.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-DZqrA_Tp.js";import"../../chunks/useTheme-g5gOUmLf.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Card-wBDtOPXO.js";import"../../chunks/Ripple-Bq9bxg4k.js";export{s as Table,d as TableBody,c as TableCell,f as TableHeader};
+import{T as s,a as d,b as c,c as f}from"../../chunks/TableHeader-DnifrYxO.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-CovqNaAJ.js";import"../../chunks/useTheme-BYuNiCiH.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Card-D_RFnUk2.js";import"../../chunks/Ripple-Bq9bxg4k.js";export{s as Table,d as TableBody,c as TableCell,f as TableHeader};
 //# sourceMappingURL=index.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),f=require("../../chunks/index-DYxwT4uW.cjs"),h=require("../../chunks/joinClass-Jk3EszKD.cjs"),C=require("../../chunks/createComponent-BBXW0GJ6.cjs"),p=require("../../chunks/useTheme-DhX2tM8O.cjs"),b=require("../../chunks/Alert-c5rRrf_E.cjs"),R=require("../../chunks/uuid-omnJ9TjZ.cjs"),g=require("../../chunks/Zoom-BOnqwiDY.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/Stack-DsVkiTT_.cjs");require("../../chunks/Typography-C7B3jwUf.cjs");require("../../chunks/convertPathToColor-D8eBpd_D.cjs");require("../../chunks/ButtonIcon-QfMInabj.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/Icon-D5fDXkwG.cjs");function y({id:o,color:i,message:u,icon:c,delay:a,onRemove:l,...e}){const t=n.useRef(null),{theme:{mode:r}}=p.useTheme(),j=h.joinClass(`${f.prefix}-toast`,e.className);n.useEffect(()=>(T(),q),[]);const m=()=>{o&&l(o)},T=()=>{t.current=setTimeout(()=>{m()},a)},q=()=>{t.current&&(clearTimeout(t.current),t.current=null)};return s.jsx(b.Alert,{className:j,icon:c,sx:{backgroundColor:({text:d})=>d.primary,color:d=>d[i][r]},onClose:m,onMouseEnter:q,onMouseLeave:T,children:u})}const x=C.createComponent(y),v=n.createContext({toasts:[],add:()=>{}});function M({children:o}){const[i,u]=n.useState([]),c=n.useMemo(()=>({toasts:i,add:e=>{a(e)}}),[i]),a=e=>{u(t=>[...t,{id:R.uuid(),visible:!0,...e}])},l=e=>{u(t=>t.map(r=>(r.id===e&&(r.visible=!1),r))),setTimeout(()=>{u(t=>t.filter(r=>r.id!==e))},500)};return s.jsxs(v.Provider,{value:c,children:[s.jsx("div",{className:`${f.prefix}-toast-container`,children:i.map(({...e})=>s.jsx("div",{style:{marginBottom:15},children:s.jsx(g.Zoom,{enter:!!e.visible,children:s.jsx(x,{...e,onRemove:l})})},e.id))}),o]})}function P(){const{add:o}=n.useContext(v);return{addToast:o}}exports.Toast=x;exports.ToastProvider=M;exports.useToast=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),q=require("../../chunks/index-DYxwT4uW.cjs"),C=require("../../chunks/joinClass-Jk3EszKD.cjs"),x=require("../../chunks/createComponent-Dkt68kvT.cjs"),p=require("../../chunks/useTheme-DsrjDJKC.cjs"),b=require("../../chunks/Alert-CUgp08gU.cjs"),R=require("../../chunks/Zoom-BOnqwiDY.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/Stack-B_lU0ez7.cjs");require("../../chunks/Typography-DW57lh3e.cjs");require("../../chunks/convertPathToColor-D8eBpd_D.cjs");require("../../chunks/ButtonIcon-BMOZPxpN.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/Icon-CIrgQex7.cjs");function g({id:o,color:i,message:u,icon:c,delay:a=2500,onRemove:l,...e}){const t=n.useRef(null),{theme:{mode:r}}=p.useTheme(),h=C.joinClass(`${q.prefix}-toast`,e.className);n.useEffect(()=>(T(),f),[]);const m=()=>{o&&l(o)},T=()=>{t.current=setTimeout(()=>{m()},a)},f=()=>{t.current&&(clearTimeout(t.current),t.current=null)};return s.jsx(b.Alert,{className:h,icon:c,sx:{backgroundColor:({text:d})=>d.primary,color:d=>d[i][r]},onClose:m,onMouseEnter:f,onMouseLeave:T,children:u})}const v=x.createComponent(g),j=n.createContext({toasts:[],add:()=>{}});function y({children:o}){const[i,u]=n.useState([]),c=n.useMemo(()=>({toasts:i,add:e=>{a(e)}}),[i]),a=e=>{u(t=>[...t,{id:x.uuid(),visible:!0,...e}])},l=e=>{u(t=>t.map(r=>(r.id===e&&(r.visible=!1),r))),setTimeout(()=>{u(t=>t.filter(r=>r.id!==e))},500)};return s.jsxs(j.Provider,{value:c,children:[s.jsx("div",{className:`${q.prefix}-toast-container`,children:i.map(({...e})=>s.jsx("div",{style:{marginBottom:15},children:s.jsx(R.Zoom,{enter:!!e.visible,children:s.jsx(v,{...e,onRemove:l})})},e.id))}),o]})}function M(){const{add:o}=n.useContext(j);return{addToast:o}}exports.Toast=v;exports.ToastProvider=y;exports.useToast=M;
 //# sourceMappingURL=index.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs","sources":["../../../src/feedback/Toast/Toast.tsx","../../../src/feedback/Toast/ToastProvider.tsx","../../../src/feedback/Toast/useToast.ts"],"sourcesContent":["import { useEffect, useRef, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport { Colors } from '@iziui/core/theme';\n\nimport createComponent from '@/core/createComponent';\nimport { useTheme } from '@/theme';\n\nimport Alert from '../Alert';\n\nimport '@iziui/styles/components/Toast.scss';\n\ntype Icon = React.JSX.Element;\ntype Message = React.JSX.Element \| string;\n\nexport type PickedToast = Pick<ToastProps,\n \| 'id'\n \| 'icon'\n \| 'color'\n \| 'message'\n \| 'delay'\n \| 'visible'\n>\n\nexport interface ToastProps extends HTMLAttributes<HTMLDivElement> {\n id?: string;\n icon?: Icon;\n color: Colors;\n message: Message;\n delay?: number;\n visible?: boolean;\n onRemove: (id: string) => void;\n};\n\nfunction Toast({ id, color, message, icon, delay, onRemove, ...props }: ToastProps) {\n const timeoutRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n\n const { theme: { mode } } = useTheme();\n\n const className = joinClass(\n `${prefix}-toast`,\n props.className\n );\n\n useEffect(() => {\n startTimer();\n return clearTimer;\n }, []);\n\n const handleRemove = () => {\n if (!id) { return; }\n onRemove(id);\n };\n\n const startTimer = () => {\n timeoutRef.current = setTimeout(() => { handleRemove(); }, delay);\n };\n\n const clearTimer = () => {\n if (!timeoutRef.current) { return; }\n clearTimeout(timeoutRef.current);\n timeoutRef.current = null;\n };\n\n return (\n <Alert\n className={className}\n icon={icon}\n sx={{\n backgroundColor: ({ text }) => text.primary,\n color: (palette) => palette[color][mode]\n }}\n onClose={handleRemove}\n onMouseEnter={clearTimer}\n onMouseLeave={startTimer}\n >\n {message}\n </Alert>\n );\n}\n\nexport default createComponent(Toast);\n","import { createContext, type PropsWithChildren, useMemo, useState } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { uuid } from '@iziui/toolkit/uuid';\n\nimport Zoom from '@/animations/Zoom';\n\nimport Toast, { type PickedToast } from './Toast';\n\nimport '@iziui/styles/components/Toast.scss';\n\nexport interface ToastContextConfig {\n toasts: Array<PickedToast>;\n add: (toast: PickedToast) => void;\n}\n\nexport const ToastContext = createContext<ToastContextConfig>({\n toasts: [],\n add: () => { }\n});\n\nexport default function ToastProvider({ children }: PropsWithChildren) {\n const [toasts, setToasts] = useState<Array<PickedToast>>([]);\n\n const context: ToastContextConfig = useMemo(() => ({\n toasts,\n add: (toast) => { addToast(toast); },\n }), [toasts]);\n\n const addToast = (toast: PickedToast) => {\n setToasts(prev => [...prev, { id: uuid(), visible: true, ...toast }]);\n };\n\n const remove = (id: string) => {\n setToasts(prev => prev.map(a => {\n if (a.id === id) { a.visible = false; }\n return a;\n }));\n setTimeout(() => { setToasts(prev => prev.filter(a => a.id !== id)); }, 500);\n };\n\n return (\n <ToastContext.Provider value={context}>\n <div className={`${prefix}-toast-container`}>\n {\n toasts.map(({ ...toast }) => {\n return (\n <div key={toast.id} style={{ marginBottom: 15 }}>\n <Zoom enter={Boolean(toast.visible)}>\n <Toast {...toast} onRemove={remove} />\n </Zoom>\n </div>\n );\n })\n }\n </div>\n {children}\n </ToastContext.Provider>\n );\n}","import { useContext } from 'react';\n\nimport { ToastContext } from './ToastProvider';\n\nexport default function useToast() {\n const { add } = useContext(ToastContext);\n\n return { addToast: add };\n}"],"names":["Toast","id","color","message","icon","delay","onRemove","props","timeoutRef","useRef","mode","useTheme","className","joinClass","prefix","useEffect","startTimer","clearTimer","handleRemove","jsx","Alert","text","palette","createComponent","ToastContext","createContext","ToastProvider","children","toasts","setToasts","useState","context","useMemo","toast","addToast","prev","uuid","remove","a","jsxs","Zoom","useToast","add","useContext"],"mappings":"~~syBAoCA~~,SAASA,EAAM,CAAE,GAAAC,EAAI,MAAAC,EAAO,QAAAC,EAAS,KAAAC,EAAM,MAAAC,~~EAAO~~,SAAAC,EAAU,GAAGC,GAAqB,~~CAClF~~,MAAMC,EAAaC,EAAAA,OAA6C,IAAI,EAE9D,CAAE,MAAO,CAAE,KAAAC,CAAA,CAAK,EAAMC,EAAAA,SAAA,EAEtBC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,SACTP,EAAM,SAAA,EAGRQ,EAAAA,UAAU,KACRC,EAAA,EACOC,GACN,CAAA,CAAE,EAEL,MAAMC,EAAe,IAAM,CACpBjB,GACLK,EAASL,CAAE,CACb,EAEMe,EAAa,IAAM,CACvBR,EAAW,QAAU,WAAW,IAAM,CAAEU,EAAA,CAAgB,EAAGb,CAAK,CAClE,EAEMY,EAAa,IAAM,CAClBT,EAAW,UAChB,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,KACvB,EAEA,OACEW,EAAAA,IAACC,EAAAA,MAAA,CACC,UAAAR,EACA,KAAAR,EACA,GAAI,CACF,gBAAiB,CAAC,CAAE,KAAAiB,CAAA,IAAWA,EAAK,QACpC,MAAQC,GAAYA,EAAQpB,CAAK,EAAEQ,CAAI,CAAA,EAEzC,QAASQ,EACT,aAAcD,EACd,aAAcD,EAEb,SAAAb,CAAA,CAAA,CAGP,CAEA,MAAAH,EAAeuB,EAAAA,gBAAgBvB,CAAK,EClEvBwB,EAAeC,EAAAA,cAAkC,CAC5D,OAAQ,CAAA,EACR,IAAK,IAAM,CAAE,CACf,CAAC,EAED,SAAwBC,EAAc,CAAE,SAAAC,GAA+B,CACrE,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAA6B,CAAA,CAAE,EAErDC,EAA8BC,EAAAA,QAAQ,KAAO,CACjD,OAAAJ,EACA,IAAMK,GAAU,CAAEC,EAASD,CAAK,CAAG,CAAA,GACjC,CAACL,CAAM,CAAC,EAENM,EAAYD,GAAuB,CACvCJ,EAAUM,GAAQ,CAAC,GAAGA,EAAM,CAAE,GAAIC,EAAAA,KAAA,EAAQ,QAAS,GAAM,GAAGH,CAAA,CAAO,CAAC,CACtE,EAEMI,EAAUpC,GAAe,CAC7B4B,EAAUM,GAAQA,EAAK,IAAIG,IACrBA,EAAE,KAAOrC,IAAMqC,EAAE,QAAU,IACxBA,EACR,CAAC,EACF,WAAW,IAAM,CAAET,KAAkBM,EAAK,UAAYG,EAAE,KAAOrC,CAAE,CAAC,CAAG,EAAG,GAAG,CAC7E,EAEA,OACEsC,EAAAA,KAACf,EAAa,SAAb,CAAsB,MAAOO,EAC5B,SAAA,CAAAZ,EAAAA,IAAC,MAAA,CAAI,UAAW,GAAGL,EAAAA,MAAM,mBAErB,SAAAc,EAAO,IAAI,CAAC,CAAE,GAAGK,CAAA,IAEbd,EAAAA,IAAC,OAAmB,MAAO,CAAE,aAAc,IACzC,SAAAA,EAAAA,IAACqB,EAAAA,KAAA,CAAK,MAAO,EAAQP,EAAM,QACzB,SAAAd,EAAAA,IAACnB,EAAA,CAAO,GAAGiC,EAAO,SAAUI,CAAA,CAAQ,CAAA,CACtC,GAHQJ,EAAM,EAIhB,CAEH,CAAA,CAEL,EACCN,CAAA,EACH,CAEJ,CCxDA,SAAwBc,GAAW,CACjC,KAAM,CAAE,IAAAC,CAAA,EAAQC,EAAAA,WAAWnB,CAAY,EAEvC,MAAO,CAAE,SAAUkB,CAAA,CACrB"}
1	+ {"version":3,"file":"index.cjs","sources":["../../../src/feedback/Toast/Toast.tsx","../../../src/feedback/Toast/ToastProvider.tsx","../../../src/feedback/Toast/useToast.ts"],"sourcesContent":["import { useEffect, useRef, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport { Colors } from '@iziui/core/theme';\n\nimport createComponent from '@/core/createComponent';\nimport { useTheme } from '@/theme';\n\nimport Alert from '../Alert';\n\nimport '@iziui/styles/components/Toast.scss';\n\ntype Icon = React.JSX.Element;\ntype Message = React.JSX.Element \| string;\n\nexport type PickedToast = Pick<ToastProps,\n \| 'id'\n \| 'icon'\n \| 'color'\n \| 'message'\n \| 'delay'\n \| 'visible'\n>\n\nexport interface ToastProps extends HTMLAttributes<HTMLDivElement> {\n id?: string;\n icon?: Icon;\n color: Colors;\n message: Message;\n delay?: number;\n visible?: boolean;\n onRemove: (id: string) => void;\n};\n\nfunction Toast({ id, color, message, icon, delay = 2500, onRemove, ...props }: ToastProps) {\n const timeoutRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n\n const { theme: { mode } } = useTheme();\n\n const className = joinClass(\n `${prefix}-toast`,\n props.className\n );\n\n useEffect(() => {\n startTimer();\n return clearTimer;\n }, []);\n\n const handleRemove = () => {\n if (!id) { return; }\n onRemove(id);\n };\n\n const startTimer = () => {\n timeoutRef.current = setTimeout(() => { handleRemove(); }, delay);\n };\n\n const clearTimer = () => {\n if (!timeoutRef.current) { return; }\n clearTimeout(timeoutRef.current);\n timeoutRef.current = null;\n };\n\n return (\n <Alert\n className={className}\n icon={icon}\n sx={{\n backgroundColor: ({ text }) => text.primary,\n color: (palette) => palette[color][mode]\n }}\n onClose={handleRemove}\n onMouseEnter={clearTimer}\n onMouseLeave={startTimer}\n >\n {message}\n </Alert>\n );\n}\n\nexport default createComponent(Toast);\n","import { createContext, type PropsWithChildren, useMemo, useState } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { uuid } from '@iziui/toolkit/uuid';\n\nimport Zoom from '@/animations/Zoom';\n\nimport Toast, { type PickedToast } from './Toast';\n\nimport '@iziui/styles/components/Toast.scss';\n\nexport interface ToastContextConfig {\n toasts: Array<PickedToast>;\n add: (toast: PickedToast) => void;\n}\n\nexport const ToastContext = createContext<ToastContextConfig>({\n toasts: [],\n add: () => { }\n});\n\nexport default function ToastProvider({ children }: PropsWithChildren) {\n const [toasts, setToasts] = useState<Array<PickedToast>>([]);\n\n const context: ToastContextConfig = useMemo(() => ({\n toasts,\n add: (toast) => { addToast(toast); },\n }), [toasts]);\n\n const addToast = (toast: PickedToast) => {\n setToasts(prev => [...prev, { id: uuid(), visible: true, ...toast }]);\n };\n\n const remove = (id: string) => {\n setToasts(prev => prev.map(a => {\n if (a.id === id) { a.visible = false; }\n return a;\n }));\n setTimeout(() => { setToasts(prev => prev.filter(a => a.id !== id)); }, 500);\n };\n\n return (\n <ToastContext.Provider value={context}>\n <div className={`${prefix}-toast-container`}>\n {\n toasts.map(({ ...toast }) => {\n return (\n <div key={toast.id} style={{ marginBottom: 15 }}>\n <Zoom enter={Boolean(toast.visible)}>\n <Toast {...toast} onRemove={remove} />\n </Zoom>\n </div>\n );\n })\n }\n </div>\n {children}\n </ToastContext.Provider>\n );\n}","import { useContext } from 'react';\n\nimport { ToastContext } from './ToastProvider';\n\nexport default function useToast() {\n const { add } = useContext(ToastContext);\n\n return { addToast: add };\n}"],"names":["Toast","id","color","message","icon","delay","onRemove","props","timeoutRef","useRef","mode","useTheme","className","joinClass","prefix","useEffect","startTimer","clearTimer","handleRemove","jsx","Alert","text","palette","createComponent","ToastContext","createContext","ToastProvider","children","toasts","setToasts","useState","context","useMemo","toast","addToast","prev","uuid","remove","a","jsxs","Zoom","useToast","add","useContext"],"mappings":"0vBAoCA,SAASA,EAAM,CAAE,GAAAC,EAAI,MAAAC,EAAO,QAAAC,EAAS,KAAAC,EAAM,MAAAC,EAAQ,KAAM,SAAAC,EAAU,GAAGC,GAAqB,CACzF,MAAMC,EAAaC,EAAAA,OAA6C,IAAI,EAE9D,CAAE,MAAO,CAAE,KAAAC,CAAA,CAAK,EAAMC,EAAAA,SAAA,EAEtBC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,SACTP,EAAM,SAAA,EAGRQ,EAAAA,UAAU,KACRC,EAAA,EACOC,GACN,CAAA,CAAE,EAEL,MAAMC,EAAe,IAAM,CACpBjB,GACLK,EAASL,CAAE,CACb,EAEMe,EAAa,IAAM,CACvBR,EAAW,QAAU,WAAW,IAAM,CAAEU,EAAA,CAAgB,EAAGb,CAAK,CAClE,EAEMY,EAAa,IAAM,CAClBT,EAAW,UAChB,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,KACvB,EAEA,OACEW,EAAAA,IAACC,EAAAA,MAAA,CACC,UAAAR,EACA,KAAAR,EACA,GAAI,CACF,gBAAiB,CAAC,CAAE,KAAAiB,CAAA,IAAWA,EAAK,QACpC,MAAQC,GAAYA,EAAQpB,CAAK,EAAEQ,CAAI,CAAA,EAEzC,QAASQ,EACT,aAAcD,EACd,aAAcD,EAEb,SAAAb,CAAA,CAAA,CAGP,CAEA,MAAAH,EAAeuB,EAAAA,gBAAgBvB,CAAK,EClEvBwB,EAAeC,EAAAA,cAAkC,CAC5D,OAAQ,CAAA,EACR,IAAK,IAAM,CAAE,CACf,CAAC,EAED,SAAwBC,EAAc,CAAE,SAAAC,GAA+B,CACrE,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAA6B,CAAA,CAAE,EAErDC,EAA8BC,EAAAA,QAAQ,KAAO,CACjD,OAAAJ,EACA,IAAMK,GAAU,CAAEC,EAASD,CAAK,CAAG,CAAA,GACjC,CAACL,CAAM,CAAC,EAENM,EAAYD,GAAuB,CACvCJ,EAAUM,GAAQ,CAAC,GAAGA,EAAM,CAAE,GAAIC,EAAAA,KAAA,EAAQ,QAAS,GAAM,GAAGH,CAAA,CAAO,CAAC,CACtE,EAEMI,EAAUpC,GAAe,CAC7B4B,EAAUM,GAAQA,EAAK,IAAIG,IACrBA,EAAE,KAAOrC,IAAMqC,EAAE,QAAU,IACxBA,EACR,CAAC,EACF,WAAW,IAAM,CAAET,KAAkBM,EAAK,UAAYG,EAAE,KAAOrC,CAAE,CAAC,CAAG,EAAG,GAAG,CAC7E,EAEA,OACEsC,EAAAA,KAACf,EAAa,SAAb,CAAsB,MAAOO,EAC5B,SAAA,CAAAZ,EAAAA,IAAC,MAAA,CAAI,UAAW,GAAGL,EAAAA,MAAM,mBAErB,SAAAc,EAAO,IAAI,CAAC,CAAE,GAAGK,CAAA,IAEbd,EAAAA,IAAC,OAAmB,MAAO,CAAE,aAAc,IACzC,SAAAA,EAAAA,IAACqB,EAAAA,KAAA,CAAK,MAAO,EAAQP,EAAM,QACzB,SAAAd,EAAAA,IAACnB,EAAA,CAAO,GAAGiC,EAAO,SAAUI,CAAA,CAAQ,CAAA,CACtC,GAHQJ,EAAM,EAIhB,CAEH,CAAA,CAEL,EACCN,CAAA,EACH,CAEJ,CCxDA,SAAwBc,GAAW,CACjC,KAAM,CAAE,IAAAC,CAAA,EAAQC,EAAAA,WAAWnB,CAAY,EAEvC,MAAO,CAAE,SAAUkB,CAAA,CACrB"}

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

@@ -1,2 +1,2 @@
-import{jsx as i,jsxs as x}from"react/jsx-runtime";import{useRef as h,useEffect as C,useState as b,useMemo as j,createContext as R,useContext as M}from"react";import{p as f}from"../../chunks/index-CZ41y9Hn.js";import{j as N}from"../../chunks/joinClass-anSpaauN.js";import{c as $}from"../../chunks/createComponent-DZqrA_Tp.js";import{u as g}from"../../chunks/useTheme-g5gOUmLf.js";import{A as y}from"../../chunks/Alert-CxSNWq4w.js";import{u as A}from"../../chunks/uuid-dGvr9vBZ.js";import{Z as B}from"../../chunks/Zoom-DqgU4Wfv.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Stack-D0feJnm7.js";import"../../chunks/Typography-hazfs4Ye.js";import"../../chunks/convertPathToColor-DtOjH4ZP.js";import"../../chunks/ButtonIcon-Cad6goHv.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-BGZ3K3Nf.js";function E({id:r,color:s,message:n,icon:m,delay:a,onRemove:c,...t}){const o=h(null),{theme:{mode:e}}=g(),v=N(`${f}-toast`,t.className);C(()=>(d(),p),[]);const l=()=>{r&&c(r)},d=()=>{o.current=setTimeout(()=>{l()},a)},p=()=>{o.current&&(clearTimeout(o.current),o.current=null)};return i(y,{className:v,icon:m,sx:{backgroundColor:({text:u})=>u.primary,color:u=>u[s][e]},onClose:l,onMouseEnter:p,onMouseLeave:d,children:n})}const P=$(E),T=R({toasts:[],add:()=>{}});function U({children:r}){const[s,n]=b([]),m=j(()=>({toasts:s,add:t=>{a(t)}}),[s]),a=t=>{n(o=>[...o,{id:A(),visible:!0,...t}])},c=t=>{n(o=>o.map(e=>(e.id===t&&(e.visible=!1),e))),setTimeout(()=>{n(o=>o.filter(e=>e.id!==t))},500)};return x(T.Provider,{value:m,children:[i("div",{className:`${f}-toast-container`,children:s.map(({...t})=>i("div",{style:{marginBottom:15},children:i(B,{enter:!!t.visible,children:i(P,{...t,onRemove:c})})},t.id))}),r]})}function V(){const{add:r}=M(T);return{addToast:r}}export{P as Toast,U as ToastProvider,V as useToast};
+import{jsx as i,jsxs as x}from"react/jsx-runtime";import{useRef as h,useEffect as C,useState as b,useMemo as j,createContext as R,useContext as M}from"react";import{p as f}from"../../chunks/index-CZ41y9Hn.js";import{j as N}from"../../chunks/joinClass-anSpaauN.js";import{c as $,u as g}from"../../chunks/createComponent-CovqNaAJ.js";import{u as y}from"../../chunks/useTheme-BYuNiCiH.js";import{A}from"../../chunks/Alert-mOXPwc3e.js";import{Z as B}from"../../chunks/Zoom-DqgU4Wfv.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Stack-Deow48Th.js";import"../../chunks/Typography-BrJZyxiT.js";import"../../chunks/convertPathToColor-DtOjH4ZP.js";import"../../chunks/ButtonIcon-CYO1Crb-.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-imOBrsbL.js";function E({id:r,color:s,message:n,icon:a,delay:m=2500,onRemove:c,...t}){const o=h(null),{theme:{mode:e}}=y(),v=N(`${f}-toast`,t.className);C(()=>(d(),p),[]);const l=()=>{r&&c(r)},d=()=>{o.current=setTimeout(()=>{l()},m)},p=()=>{o.current&&(clearTimeout(o.current),o.current=null)};return i(A,{className:v,icon:a,sx:{backgroundColor:({text:u})=>u.primary,color:u=>u[s][e]},onClose:l,onMouseEnter:p,onMouseLeave:d,children:n})}const P=$(E),T=R({toasts:[],add:()=>{}});function Q({children:r}){const[s,n]=b([]),a=j(()=>({toasts:s,add:t=>{m(t)}}),[s]),m=t=>{n(o=>[...o,{id:g(),visible:!0,...t}])},c=t=>{n(o=>o.map(e=>(e.id===t&&(e.visible=!1),e))),setTimeout(()=>{n(o=>o.filter(e=>e.id!==t))},500)};return x(T.Provider,{value:a,children:[i("div",{className:`${f}-toast-container`,children:s.map(({...t})=>i("div",{style:{marginBottom:15},children:i(B,{enter:!!t.visible,children:i(P,{...t,onRemove:c})})},t.id))}),r]})}function U(){const{add:r}=M(T);return{addToast:r}}export{P as Toast,Q as ToastProvider,U as useToast};
 //# sourceMappingURL=index.js.map