@iziui/react 0.0.56-rc → 0.0.58-rc

package/dist/components/Modal/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("react"),n=require("../../chunks/index-DYxwT4uW.cjs"),a=require("../../chunks/joinClass-Jk3EszKD.cjs"),v=require("../../chunks/createComponent-Dk7XYIBw.cjs"),q=require("../../chunks/Card-I0APaJxr.cjs"),y=require("../../chunks/CardContent-D0UkIs4G.cjs"),_=require("../../chunks/Stack-DroqONbc.cjs"),N=require("../../chunks/ButtonIcon-DT522QTk.cjs"),k=require("../../chunks/Icon-D5Za3nOG.cjs");require("../../chunks/useTheme-DwBpyW-5.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");function w({children:d,title:m,subtitle:f,isOpen:c,onClose:l,...u}){const[i,r]=s.useState({visible:!1,animation:"hide"}),o=s.useRef(null),x=300,C=a.joinClass(`${n.prefix}-modal`,`${n.prefix}-modal--${i.animation}`),j=a.joinClass(`${n.prefix}-modal__content`,u.className),p=a.joinClass(`${n.prefix}-modal__backdrop`,`${n.prefix}-modal__backdrop--${i.animation}`);s.useEffect(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"}),[]),s.useEffect(()=>(c?b():h(),()=>{o.current&&(clearTimeout(o.current),o.current=null)}),[c]);const b=()=>{r(e=>({...e,visible:!0})),o.current=setTimeout(()=>{r(e=>({...e,animation:"show"})),document.body.style.overflow="hidden"},100)},h=()=>{r(e=>({...e,animation:"hide"})),o.current=setTimeout(()=>{r(e=>({...e,visible:!1})),document.body.style.overflow=""},x)};return i.visible&&t.jsx("div",{className:p,onClick:l,children:t.jsx("div",{className:`${n.prefix}-modal__container`,children:t.jsx(q.Card,{className:C,children:t.jsxs(y.CardContent,{onClick:e=>e.stopPropagation(),children:[t.jsxs(_.Stack,{flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between",style:{flexWrap:"nowrap"},children:[t.jsxs("div",{children:[m,f]}),t.jsx(N.ButtonIcon,{color:"primary",onClick:l,children:t.jsx(k.Icon,{name:"times",color:"text.secondary"})})]}),t.jsx("div",{...u,className:j,children:d})]})})})})}const I=v.createComponent(w);exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),s=require("react"),n=require("../../chunks/index-DYxwT4uW.cjs"),a=require("../../chunks/joinClass-Jk3EszKD.cjs"),v=require("../../chunks/createComponent-DiHTpo26.cjs"),q=require("../../chunks/Card-BrwjTDq_.cjs"),y=require("../../chunks/CardContent-Ca4nAvUL.cjs"),_=require("../../chunks/Stack-Gkunatfh.cjs"),N=require("../../chunks/ButtonIcon-ClMsumft.cjs"),k=require("../../chunks/Icon-ngmWJwq7.cjs");require("../../chunks/useTheme-DwBpyW-5.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");function w({children:d,title:m,subtitle:f,isOpen:c,onClose:l,...u}){const[i,r]=s.useState({visible:!1,animation:"hide"}),o=s.useRef(null),x=300,C=a.joinClass(`${n.prefix}-modal`,`${n.prefix}-modal--${i.animation}`),j=a.joinClass(`${n.prefix}-modal__content`,u.className),p=a.joinClass(`${n.prefix}-modal__backdrop`,`${n.prefix}-modal__backdrop--${i.animation}`);s.useEffect(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"}),[]),s.useEffect(()=>(c?b():h(),()=>{o.current&&(clearTimeout(o.current),o.current=null)}),[c]);const b=()=>{r(e=>({...e,visible:!0})),o.current=setTimeout(()=>{r(e=>({...e,animation:"show"})),document.body.style.overflow="hidden"},100)},h=()=>{r(e=>({...e,animation:"hide"})),o.current=setTimeout(()=>{r(e=>({...e,visible:!1})),document.body.style.overflow=""},x)};return i.visible&&t.jsx("div",{className:p,onClick:l,children:t.jsx("div",{className:`${n.prefix}-modal__container`,children:t.jsx(q.Card,{className:C,children:t.jsxs(y.CardContent,{onClick:e=>e.stopPropagation(),children:[t.jsxs(_.Stack,{flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between",style:{flexWrap:"nowrap"},children:[t.jsxs("div",{children:[m,f]}),t.jsx(N.ButtonIcon,{color:"primary",onClick:l,children:t.jsx(k.Icon,{name:"times",color:"text.secondary"})})]}),t.jsx("div",{...u,className:j,children:d})]})})})})}const I=v.createComponent(w);exports.default=I;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Modal/index.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as _,useRef as w,useEffect as d}from"react";import{p as t}from"../../chunks/index-CZ41y9Hn.js";import{j as s}from"../../chunks/joinClass-anSpaauN.js";import{c as x}from"../../chunks/createComponent-CNxBIpVe.js";import{C as $}from"../../chunks/Card-9HLyAUcP.js";import{C as k}from"../../chunks/CardContent-Vo_b-uhI.js";import{S as I}from"../../chunks/Stack-CJUShSaY.js";import{B as j}from"../../chunks/ButtonIcon-CX9wj1rg.js";import{I as T}from"../../chunks/Icon-CvSrDjml.js";import"../../chunks/useTheme-BkUhhydo.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";function g({children:f,title:u,subtitle:p,isOpen:l,onClose:m,...c}){const[a,r]=_({visible:!1,animation:"hide"}),n=w(null),h=300,C=s(`${t}-modal`,`${t}-modal--${a.animation}`),b=s(`${t}-modal__content`,c.className),v=s(`${t}-modal__backdrop`,`${t}-modal__backdrop--${a.animation}`);d(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"}),[]),d(()=>(l?y():N(),()=>{n.current&&(clearTimeout(n.current),n.current=null)}),[l]);const y=()=>{r(o=>({...o,visible:!0})),n.current=setTimeout(()=>{r(o=>({...o,animation:"show"})),document.body.style.overflow="hidden"},100)},N=()=>{r(o=>({...o,animation:"hide"})),n.current=setTimeout(()=>{r(o=>({...o,visible:!1})),document.body.style.overflow=""},h)};return a.visible&&e("div",{className:v,onClick:m,children:e("div",{className:`${t}-modal__container`,children:e($,{className:C,children:i(k,{onClick:o=>o.stopPropagation(),children:[i(I,{flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between",style:{flexWrap:"nowrap"},children:[i("div",{children:[u,p]}),e(j,{color:"primary",onClick:m,children:e(T,{name:"times",color:"text.secondary"})})]}),e("div",{...c,className:b,children:f})]})})})})}const F=x(g);export{F as default};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{useState as _,useRef as w,useEffect as d}from"react";import{p as t}from"../../chunks/index-CZ41y9Hn.js";import{j as s}from"../../chunks/joinClass-anSpaauN.js";import{c as x}from"../../chunks/createComponent-Bhl48GId.js";import{C as $}from"../../chunks/Card-B2D3ppN8.js";import{C as k}from"../../chunks/CardContent-BuXq8Ek9.js";import{S as I}from"../../chunks/Stack-DAlczuE0.js";import{B as j}from"../../chunks/ButtonIcon-BmUZZwS7.js";import{I as T}from"../../chunks/Icon-DMVu40wB.js";import"../../chunks/useTheme-BkUhhydo.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";function g({children:f,title:u,subtitle:p,isOpen:l,onClose:m,...c}){const[a,r]=_({visible:!1,animation:"hide"}),n=w(null),h=300,C=s(`${t}-modal`,`${t}-modal--${a.animation}`),b=s(`${t}-modal__content`,c.className),v=s(`${t}-modal__backdrop`,`${t}-modal__backdrop--${a.animation}`);d(()=>(document.body.style.overflow="hidden",()=>{document.body.style.overflow="auto"}),[]),d(()=>(l?y():N(),()=>{n.current&&(clearTimeout(n.current),n.current=null)}),[l]);const y=()=>{r(o=>({...o,visible:!0})),n.current=setTimeout(()=>{r(o=>({...o,animation:"show"})),document.body.style.overflow="hidden"},100)},N=()=>{r(o=>({...o,animation:"hide"})),n.current=setTimeout(()=>{r(o=>({...o,visible:!1})),document.body.style.overflow=""},h)};return a.visible&&e("div",{className:v,onClick:m,children:e("div",{className:`${t}-modal__container`,children:e($,{className:C,children:i(k,{onClick:o=>o.stopPropagation(),children:[i(I,{flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between",style:{flexWrap:"nowrap"},children:[i("div",{children:[u,p]}),e(j,{color:"primary",onClick:m,children:e(T,{name:"times",color:"text.secondary"})})]}),e("div",{...c,className:b,children:f})]})})})})}const F=x(g);export{F as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Select/index.cjs

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

package/dist/components/Select/index.js

@@ -1,2 +1,2 @@
-import{jsxs as a,jsx as l}from"react/jsx-runtime";import{Children as j,useMemo as M,cloneElement as C}from"react";import{p as e}from"../../chunks/index-CZ41y9Hn.js";import{j as s}from"../../chunks/joinClass-anSpaauN.js";import{I as w}from"../../chunks/Icon-CvSrDjml.js";import{u as E,M as I}from"../../chunks/useMenu-CzhqRm1Q.js";import{c as O}from"../../chunks/createComponent-CNxBIpVe.js";import"../../chunks/uuid-dGvr9vBZ.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/Card-9HLyAUcP.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/CardContent-Vo_b-uhI.js";import"../../chunks/useTheme-BkUhhydo.js";function S({error:c,label:i,helperText:p,startIcon:m,children:_,disabled:o,onChange:u,...r}){const d=j.toArray(_),$=M(()=>d.find(t=>t.props.value===r.value)?.props.children||"",[r.value]),[h,N,f]=E(),v=s(`${e}-select-container`),x=s(`${e}-select-label`,c&&`${e}-select-label--error`),y=s(`${e}-select`,o&&`${e}-select--disabled`,c&&`${e}-select--error`,r.className),b=s(`${e}-select__helper-text`,p&&`${e}-select__helper-text--visible`,c&&`${e}-select__helper-text--error`),k=t=>C(t,{className:s(t.props.className,`${e}-select__icon--left`),type:"button",onClick:n=>{n.stopPropagation(),t.props.onClick&&!o&&t.props.onClick(n)}}),g=()=>d.map(t=>C(t,{className:s(t.props.className,t.props.value===r.value&&`${e}-select__option--selected`),onClick:n=>{!t.props.disabled&&u&&u(n)}}));return a("div",{className:v,children:[i&&a("label",{className:x,children:[i," ",r.required&&"*"]}),a("button",{type:"button",className:y,onClick:f,disabled:o,children:[l("div",{children:m&&k(m)}),l("input",{...r,readOnly:!0,type:"text",value:$,disabled:o}),l(w,{name:"angle-down",color:"text.secondary",className:`${e}-select__icon--right`})]}),l(I,{autoClose:!0,direction:"center",open:h,anchorEl:N,onClose:f,children:g()}),l("span",{className:b,children:p})]})}const Q=O(S);export{Q as default};
+import{jsxs as a,jsx as l}from"react/jsx-runtime";import{Children as j,useMemo as M,cloneElement as C}from"react";import{p as e}from"../../chunks/index-CZ41y9Hn.js";import{j as s}from"../../chunks/joinClass-anSpaauN.js";import{I as w}from"../../chunks/Icon-DMVu40wB.js";import{u as E,M as I}from"../../chunks/useMenu-hVrXgfnU.js";import{c as O}from"../../chunks/createComponent-Bhl48GId.js";import"../../chunks/uuid-dGvr9vBZ.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/Card-B2D3ppN8.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/CardContent-BuXq8Ek9.js";import"../../chunks/useTheme-BkUhhydo.js";function S({error:c,label:i,helperText:p,startIcon:m,children:_,disabled:o,onChange:u,...r}){const d=j.toArray(_),$=M(()=>d.find(t=>t.props.value===r.value)?.props.children||"",[r.value]),[h,N,f]=E(),v=s(`${e}-select-container`),x=s(`${e}-select-label`,c&&`${e}-select-label--error`),y=s(`${e}-select`,o&&`${e}-select--disabled`,c&&`${e}-select--error`,r.className),b=s(`${e}-select__helper-text`,p&&`${e}-select__helper-text--visible`,c&&`${e}-select__helper-text--error`),k=t=>C(t,{className:s(t.props.className,`${e}-select__icon--left`),type:"button",onClick:n=>{n.stopPropagation(),t.props.onClick&&!o&&t.props.onClick(n)}}),g=()=>d.map(t=>C(t,{className:s(t.props.className,t.props.value===r.value&&`${e}-select__option--selected`),onClick:n=>{!t.props.disabled&&u&&u(n)}}));return a("div",{className:v,children:[i&&a("label",{className:x,children:[i," ",r.required&&"*"]}),a("button",{type:"button",className:y,onClick:f,disabled:o,children:[l("div",{children:m&&k(m)}),l("input",{...r,readOnly:!0,type:"text",value:$,disabled:o}),l(w,{name:"angle-down",color:"text.secondary",className:`${e}-select__icon--right`})]}),l(I,{autoClose:!0,direction:"center",open:h,anchorEl:N,onClose:f,children:g()}),l("span",{className:b,children:p})]})}const Q=O(S);export{Q as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Skeleton/index.cjs

@@ -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-Dk7XYIBw.cjs");require("../../chunks/useTheme-DwBpyW-5.cjs");require("react");function l({width:t,height:n,variant:r="rounded"}){const o=i.joinClass(`${e.prefix}-skeleton`,`${e.prefix}-skeleton--${r}`);return s.jsx("div",{className:o,style:{width:t,height:n}})}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-DiHTpo26.cjs");require("../../chunks/useTheme-DwBpyW-5.cjs");require("react");function l({width:t,height:n,variant:r="rounded"}){const o=i.joinClass(`${e.prefix}-skeleton`,`${e.prefix}-skeleton--${r}`);return s.jsx("div",{className:o,style:{width:t,height:n}})}const c=u.createComponent(l);exports.default=c;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Skeleton/index.js

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

package/dist/components/Stack/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Stack-DroqONbc.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/createComponent-Dk7XYIBw.cjs");require("../../chunks/useTheme-DwBpyW-5.cjs");exports.default=e.Stack;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Stack-Gkunatfh.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/createComponent-DiHTpo26.cjs");require("../../chunks/useTheme-DwBpyW-5.cjs");exports.default=e.Stack;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Stack/index.js

@@ -1,2 +1,2 @@
-import{S as f}from"../../chunks/Stack-CJUShSaY.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-CNxBIpVe.js";import"../../chunks/useTheme-BkUhhydo.js";export{f as default};
+import{S as f}from"../../chunks/Stack-DAlczuE0.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-Bhl48GId.js";import"../../chunks/useTheme-BkUhhydo.js";export{f as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Switchs/index.cjs

@@ -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-DroqONbc.cjs"),p=require("../../chunks/createComponent-Dk7XYIBw.cjs");require("../../chunks/useTheme-DwBpyW-5.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 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-Gkunatfh.cjs"),p=require("../../chunks/createComponent-DiHTpo26.cjs");require("../../chunks/useTheme-DwBpyW-5.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;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Switchs/index.js

@@ -1,2 +1,2 @@
-import{jsxs as l,jsx as t}from"react/jsx-runtime";import{useState as u,useMemo as w,useEffect as x}from"react";import{p as e}from"../../chunks/index-CZ41y9Hn.js";import{j as a}from"../../chunks/joinClass-anSpaauN.js";import{u as $}from"../../chunks/uuid-dGvr9vBZ.js";import{S as k}from"../../chunks/Stack-CJUShSaY.js";import{c as p}from"../../chunks/createComponent-CNxBIpVe.js";import"../../chunks/useTheme-BkUhhydo.js";function C({label:r,error:o,helperText:h,color:n="primary",...c}){const[i,m]=u(!!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=w(()=>`${e}-switch-${$()}`,[]);x(()=>{m(!!c.checked)},[c.checked]);const b=()=>{c.onChange&&c.onChange({type:"checkbox",target:{checked:!i}})};return l(k,{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 E=p(C);export{E as default};
+import{jsxs as l,jsx as t}from"react/jsx-runtime";import{useState as u,useMemo as w,useEffect as x}from"react";import{p as e}from"../../chunks/index-CZ41y9Hn.js";import{j as a}from"../../chunks/joinClass-anSpaauN.js";import{u as $}from"../../chunks/uuid-dGvr9vBZ.js";import{S as k}from"../../chunks/Stack-DAlczuE0.js";import{c as p}from"../../chunks/createComponent-Bhl48GId.js";import"../../chunks/useTheme-BkUhhydo.js";function C({label:r,error:o,helperText:h,color:n="primary",...c}){const[i,m]=u(!!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=w(()=>`${e}-switch-${$()}`,[]);x(()=>{m(!!c.checked)},[c.checked]);const b=()=>{c.onChange&&c.onChange({type:"checkbox",target:{checked:!i}})};return l(k,{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 E=p(C);export{E as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Table/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),n=require("../../chunks/index-DYxwT4uW.cjs"),o=require("../../chunks/joinClass-Jk3EszKD.cjs"),a=require("../../chunks/createComponent-Dk7XYIBw.cjs"),u=require("../../chunks/Card-I0APaJxr.cjs");require("../../chunks/useTheme-DwBpyW-5.cjs");require("react");require("../../chunks/Ripple-Dy4i91j1.cjs");function i({children:t,...e}){const s=o.joinClass(`${n.prefix}-table`,e.className);return r.jsx(u.Card,{style:{overflow:"auto"},children:r.jsx("table",{className:s,...e,children:t})})}const l=a.createComponent(i);exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),n=require("../../chunks/index-DYxwT4uW.cjs"),o=require("../../chunks/joinClass-Jk3EszKD.cjs"),a=require("../../chunks/createComponent-DiHTpo26.cjs"),u=require("../../chunks/Card-BrwjTDq_.cjs");require("../../chunks/useTheme-DwBpyW-5.cjs");require("react");require("../../chunks/Ripple-Dy4i91j1.cjs");function i({children:t,...e}){const s=o.joinClass(`${n.prefix}-table`,e.className);return r.jsx(u.Card,{style:{overflow:"auto"},children:r.jsx("table",{className:s,...e,children:t})})}const l=a.createComponent(i);exports.default=l;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Table/index.js

@@ -1,2 +1,2 @@
-import{jsx as t}from"react/jsx-runtime";import{p as e}from"../../chunks/index-CZ41y9Hn.js";import{j as m}from"../../chunks/joinClass-anSpaauN.js";import{c as s}from"../../chunks/createComponent-CNxBIpVe.js";import{C as l}from"../../chunks/Card-9HLyAUcP.js";import"../../chunks/useTheme-BkUhhydo.js";import"react";import"../../chunks/Ripple-Bq9bxg4k.js";function i({children:r,...o}){const a=m(`${e}-table`,o.className);return t(l,{style:{overflow:"auto"},children:t("table",{className:a,...o,children:r})})}const j=s(i);export{j as default};
+import{jsx as t}from"react/jsx-runtime";import{p as e}from"../../chunks/index-CZ41y9Hn.js";import{j as m}from"../../chunks/joinClass-anSpaauN.js";import{c as s}from"../../chunks/createComponent-Bhl48GId.js";import{C as l}from"../../chunks/Card-B2D3ppN8.js";import"../../chunks/useTheme-BkUhhydo.js";import"react";import"../../chunks/Ripple-Bq9bxg4k.js";function i({children:r,...o}){const a=m(`${e}-table`,o.className);return t(l,{style:{overflow:"auto"},children:t("table",{className:a,...o,children:r})})}const j=s(i);export{j as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Toast/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),q=require("../../chunks/index-DYxwT4uW.cjs"),h=require("../../chunks/joinClass-Jk3EszKD.cjs"),C=require("../../chunks/createComponent-Dk7XYIBw.cjs"),p=require("../../chunks/useTheme-DwBpyW-5.cjs"),b=require("../../chunks/Alert-BNWxpf3J.cjs"),R=require("../../chunks/uuid-omnJ9TjZ.cjs"),g=require("../../chunks/Zoom-BOnqwiDY.cjs");require("../../chunks/Stack-DroqONbc.cjs");require("../../chunks/Typography-DrfQb45j.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/ButtonIcon-DT522QTk.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/Icon-D5Za3nOG.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(`${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:j,icon:c,sx:{backgroundColor:({text:d})=>d.primary,color:d=>d[i][r]},onClose:m,onMouseEnter:f,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:`${q.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"),h=require("../../chunks/joinClass-Jk3EszKD.cjs"),C=require("../../chunks/createComponent-DiHTpo26.cjs"),p=require("../../chunks/useTheme-DwBpyW-5.cjs"),b=require("../../chunks/Alert-D2Ud7z7a.cjs"),R=require("../../chunks/uuid-omnJ9TjZ.cjs"),g=require("../../chunks/Zoom-BOnqwiDY.cjs");require("../../chunks/Stack-Gkunatfh.cjs");require("../../chunks/Typography-BqQ6oG9I.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/ButtonIcon-ClMsumft.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/Icon-ngmWJwq7.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(`${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:j,icon:c,sx:{backgroundColor:({text:d})=>d.primary,color:d=>d[i][r]},onClose:m,onMouseEnter:f,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:`${q.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;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Toast/index.js

@@ -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}from"../../chunks/index-CZ41y9Hn.js";import{j as N}from"../../chunks/joinClass-anSpaauN.js";import{c as $}from"../../chunks/createComponent-CNxBIpVe.js";import{u as g}from"../../chunks/useTheme-BkUhhydo.js";import{A as y}from"../../chunks/Alert-B4WtVQjs.js";import{u as A}from"../../chunks/uuid-dGvr9vBZ.js";import{Z as B}from"../../chunks/Zoom-DqgU4Wfv.js";import"../../chunks/Stack-CJUShSaY.js";import"../../chunks/Typography-CLOmn49Z.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/ButtonIcon-CX9wj1rg.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-CvSrDjml.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(`${p}-toast`,t.className);C(()=>(d(),f),[]);const l=()=>{r&&c(r)},d=()=>{o.current=setTimeout(()=>{l()},a)},f=()=>{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:f,onMouseLeave:d,children:n})}const P=$(E),T=R({toasts:[],add:()=>{}});function Q({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:`${p}-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};
+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}from"../../chunks/index-CZ41y9Hn.js";import{j as N}from"../../chunks/joinClass-anSpaauN.js";import{c as $}from"../../chunks/createComponent-Bhl48GId.js";import{u as g}from"../../chunks/useTheme-BkUhhydo.js";import{A as y}from"../../chunks/Alert-De27NFno.js";import{u as A}from"../../chunks/uuid-dGvr9vBZ.js";import{Z as B}from"../../chunks/Zoom-DqgU4Wfv.js";import"../../chunks/Stack-DAlczuE0.js";import"../../chunks/Typography-BxZqGk3g.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/ButtonIcon-BmUZZwS7.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-DMVu40wB.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(`${p}-toast`,t.className);C(()=>(d(),f),[]);const l=()=>{r&&c(r)},d=()=>{o.current=setTimeout(()=>{l()},a)},f=()=>{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:f,onMouseLeave:d,children:n})}const P=$(E),T=R({toasts:[],add:()=>{}});function Q({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:`${p}-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

package/dist/components/Tooltip/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react/jsx-runtime"),t=require("react"),q=require("../../chunks/index-DYxwT4uW.cjs"),S=require("../../chunks/joinClass-Jk3EszKD.cjs"),M=require("../../chunks/createComponent-Dk7XYIBw.cjs"),A=require("../../chunks/useTheme-DwBpyW-5.cjs");function H({children:x,label:b,width:g="max-content",direction:l="bottom",...d}){const{theme:{spacing:n}}=A.useTheme(),[r,h]=t.useState(!1),[j,i]=t.useState(!1),[y,T]=t.useState(null),c=t.useRef(null),a=t.useRef(null),e=t.useRef(null);t.useLayoutEffect(()=>{if(!r||!c.current||!a.current)return;const{offsetHeight:o,offsetWidth:f}=c.current,{offsetHeight:m,offsetWidth:p}=a.current;let s,u;l==="top"?(s=-(m+n),u=-(p-f)/2):l==="bottom"?(s=o+n,u=-(p-f)/2):l==="right"?(s=(o-m)/2,u=f+n):(s=(o-m)/2,u=-(p+n)),T({top:s,left:u})},[r,l,n]),t.useEffect(()=>{if(!r)return;const o=requestAnimationFrame(()=>i(!0));return()=>cancelAnimationFrame(o)},[r]),t.useEffect(()=>()=>{e.current&&clearTimeout(e.current)},[]);const R=()=>{if(e.current){clearTimeout(e.current),e.current=null,i(!0);return}h(!0)},C=()=>{e.current&&(clearTimeout(e.current),e.current=null),i(!1),e.current=setTimeout(()=>{h(!1),T(null),e.current=null},300)},E=S.joinClass(`${q.prefix}-tooltip`,j&&`${q.prefix}-tooltip--visible`);return v.jsxs("div",{ref:c,...d,style:{position:"relative",...d.style},onMouseEnter:R,onMouseLeave:C,children:[x,v.jsx("span",{ref:a,className:E,style:{...y,width:g,display:r?"block":"none"},children:b})]})}const L=M.createComponent(H);exports.default=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react/jsx-runtime"),t=require("react"),q=require("../../chunks/index-DYxwT4uW.cjs"),S=require("../../chunks/joinClass-Jk3EszKD.cjs"),M=require("../../chunks/createComponent-DiHTpo26.cjs"),A=require("../../chunks/useTheme-DwBpyW-5.cjs");function H({children:x,label:b,width:g="max-content",direction:l="bottom",...d}){const{theme:{spacing:n}}=A.useTheme(),[r,h]=t.useState(!1),[j,i]=t.useState(!1),[y,T]=t.useState(null),c=t.useRef(null),a=t.useRef(null),e=t.useRef(null);t.useLayoutEffect(()=>{if(!r||!c.current||!a.current)return;const{offsetHeight:o,offsetWidth:f}=c.current,{offsetHeight:m,offsetWidth:p}=a.current;let s,u;l==="top"?(s=-(m+n),u=-(p-f)/2):l==="bottom"?(s=o+n,u=-(p-f)/2):l==="right"?(s=(o-m)/2,u=f+n):(s=(o-m)/2,u=-(p+n)),T({top:s,left:u})},[r,l,n]),t.useEffect(()=>{if(!r)return;const o=requestAnimationFrame(()=>i(!0));return()=>cancelAnimationFrame(o)},[r]),t.useEffect(()=>()=>{e.current&&clearTimeout(e.current)},[]);const R=()=>{if(e.current){clearTimeout(e.current),e.current=null,i(!0);return}h(!0)},C=()=>{e.current&&(clearTimeout(e.current),e.current=null),i(!1),e.current=setTimeout(()=>{h(!1),T(null),e.current=null},300)},E=S.joinClass(`${q.prefix}-tooltip`,j&&`${q.prefix}-tooltip--visible`);return v.jsxs("div",{ref:c,...d,style:{position:"relative",...d.style},onMouseEnter:R,onMouseLeave:C,children:[x,v.jsx("span",{ref:a,className:E,style:{...y,width:g,display:r?"block":"none"},children:b})]})}const L=M.createComponent(H);exports.default=L;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Tooltip/index.js

@@ -1,2 +1,2 @@
-import{jsxs as R,jsx as W}from"react/jsx-runtime";import{useState as p,useRef as h,useLayoutEffect as F,useEffect as x}from"react";import{p as y}from"../../chunks/index-CZ41y9Hn.js";import{j as M}from"../../chunks/joinClass-anSpaauN.js";import{c as $}from"../../chunks/createComponent-CNxBIpVe.js";import{u as k}from"../../chunks/useTheme-BkUhhydo.js";function q({children:b,label:g,width:j="max-content",direction:l="bottom",...d}){const{theme:{spacing:t}}=k(),[o,T]=p(!1),[E,u]=p(!1),[A,v]=p(null),i=h(null),c=h(null),e=h(null);F(()=>{if(!o||!i.current||!c.current)return;const{offsetHeight:r,offsetWidth:a}=i.current,{offsetHeight:f,offsetWidth:m}=c.current;let n,s;l==="top"?(n=-(f+t),s=-(m-a)/2):l==="bottom"?(n=r+t,s=-(m-a)/2):l==="right"?(n=(r-f)/2,s=a+t):(n=(r-f)/2,s=-(m+t)),v({top:n,left:s})},[o,l,t]),x(()=>{if(!o)return;const r=requestAnimationFrame(()=>u(!0));return()=>cancelAnimationFrame(r)},[o]),x(()=>()=>{e.current&&clearTimeout(e.current)},[]);const C=()=>{if(e.current){clearTimeout(e.current),e.current=null,u(!0);return}T(!0)},H=()=>{e.current&&(clearTimeout(e.current),e.current=null),u(!1),e.current=setTimeout(()=>{T(!1),v(null),e.current=null},300)},L=M(`${y}-tooltip`,E&&`${y}-tooltip--visible`);return R("div",{ref:i,...d,style:{position:"relative",...d.style},onMouseEnter:C,onMouseLeave:H,children:[b,W("span",{ref:c,className:L,style:{...A,width:j,display:o?"block":"none"},children:g})]})}const B=$(q);export{B as default};
+import{jsxs as R,jsx as W}from"react/jsx-runtime";import{useState as p,useRef as h,useLayoutEffect as F,useEffect as x}from"react";import{p as y}from"../../chunks/index-CZ41y9Hn.js";import{j as M}from"../../chunks/joinClass-anSpaauN.js";import{c as $}from"../../chunks/createComponent-Bhl48GId.js";import{u as k}from"../../chunks/useTheme-BkUhhydo.js";function q({children:b,label:g,width:j="max-content",direction:l="bottom",...d}){const{theme:{spacing:t}}=k(),[o,T]=p(!1),[E,u]=p(!1),[A,v]=p(null),i=h(null),c=h(null),e=h(null);F(()=>{if(!o||!i.current||!c.current)return;const{offsetHeight:r,offsetWidth:a}=i.current,{offsetHeight:f,offsetWidth:m}=c.current;let n,s;l==="top"?(n=-(f+t),s=-(m-a)/2):l==="bottom"?(n=r+t,s=-(m-a)/2):l==="right"?(n=(r-f)/2,s=a+t):(n=(r-f)/2,s=-(m+t)),v({top:n,left:s})},[o,l,t]),x(()=>{if(!o)return;const r=requestAnimationFrame(()=>u(!0));return()=>cancelAnimationFrame(r)},[o]),x(()=>()=>{e.current&&clearTimeout(e.current)},[]);const C=()=>{if(e.current){clearTimeout(e.current),e.current=null,u(!0);return}T(!0)},H=()=>{e.current&&(clearTimeout(e.current),e.current=null),u(!1),e.current=setTimeout(()=>{T(!1),v(null),e.current=null},300)},L=M(`${y}-tooltip`,E&&`${y}-tooltip--visible`);return R("div",{ref:i,...d,style:{position:"relative",...d.style},onMouseEnter:C,onMouseLeave:H,children:[b,W("span",{ref:c,className:L,style:{...A,width:j,display:o?"block":"none"},children:g})]})}const B=$(q);export{B as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Typography/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Typography-DrfQb45j.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/useTheme-DwBpyW-5.cjs");require("../../chunks/createComponent-Dk7XYIBw.cjs");exports.default=e.Typography;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Typography-BqQ6oG9I.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/useTheme-DwBpyW-5.cjs");require("../../chunks/createComponent-DiHTpo26.cjs");exports.default=e.Typography;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Typography/index.js

@@ -1,2 +1,2 @@
-import{T as d}from"../../chunks/Typography-CLOmn49Z.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/useTheme-BkUhhydo.js";import"../../chunks/createComponent-CNxBIpVe.js";export{d as default};
+import{T as d}from"../../chunks/Typography-BxZqGk3g.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/useTheme-BkUhhydo.js";import"../../chunks/createComponent-Bhl48GId.js";export{d as default};
 //# sourceMappingURL=index.js.map

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunks/useTheme-DwBpyW-5.cjs"),t=require("./chunks/Bounce-ByNbJjX0.cjs"),e=require("./chunks/useForm-C-tp2h3s.cjs"),i=require("./chunks/Fade-CM-5xRVt.cjs"),s=require("./chunks/Slide-D4aLHjYS.cjs"),n=require("./chunks/Zoom-BOnqwiDY.cjs"),d=require("./chunks/useListenerResized-AwpsZLcP.cjs"),u=require("./chunks/useMenu-CwgTamGj.cjs"),q=require("./chunks/useResize-B-oebgDR.cjs"),c=require("./chunks/Card-I0APaJxr.cjs"),m=require("./chunks/CardContent-D0UkIs4G.cjs"),a=require("./chunks/Drawer-DkanRBGg.cjs"),o=require("./chunks/GridItem-wwo-SHGR.cjs"),C=require("./chunks/MenuButton-DsXIKOMv.cjs");require("react");require("react/jsx-runtime");require("./chunks/index-DYxwT4uW.cjs");require("./chunks/joinClass-Jk3EszKD.cjs");require("./chunks/uuid-omnJ9TjZ.cjs");require("./chunks/createComponent-Dk7XYIBw.cjs");require("./chunks/Ripple-Dy4i91j1.cjs");require("./chunks/Stack-DroqONbc.cjs");exports.ThemeProvider=r.ThemeProvider;exports.createTheme=r.createTheme;exports.useTheme=r.useTheme;exports.Bounce=t.Bounce;exports.Control=e.Control;exports.Form=e.Form;exports.useControl=e.useControl;exports.useForm=e.useForm;exports.useFormGroup=e.useFormGroup;exports.Fade=i.Fade;exports.Slide=s.Slide;exports.Zoom=n.Zoom;exports.useListenerResized=d.useListenerResized;exports.Menu=u.Menu;exports.useMenu=u.useMenu;exports.useResize=q.useResize;exports.Card=c.Card;exports.CardContent=m.CardContent;exports.Drawer=a.Drawer_default;exports.Grid=o.Grid;exports.GridItem=o.GridItem;exports.MenuButton=C.MenuButton_default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunks/useTheme-DwBpyW-5.cjs"),t=require("./chunks/Bounce-ByNbJjX0.cjs"),e=require("./chunks/useForm-C-tp2h3s.cjs"),i=require("./chunks/Fade-CM-5xRVt.cjs"),s=require("./chunks/Slide-D4aLHjYS.cjs"),n=require("./chunks/Zoom-BOnqwiDY.cjs"),d=require("./chunks/useListenerResized-AwpsZLcP.cjs"),u=require("./chunks/useMenu-DYli8hgM.cjs"),q=require("./chunks/useResize-B-oebgDR.cjs"),c=require("./chunks/Card-BrwjTDq_.cjs"),m=require("./chunks/CardContent-Ca4nAvUL.cjs"),a=require("./chunks/Drawer-BhDpYY4r.cjs"),o=require("./chunks/GridItem-wwo-SHGR.cjs"),C=require("./chunks/MenuButton-BvncFvEh.cjs");require("react");require("react/jsx-runtime");require("./chunks/index-DYxwT4uW.cjs");require("./chunks/joinClass-Jk3EszKD.cjs");require("./chunks/uuid-omnJ9TjZ.cjs");require("./chunks/createComponent-DiHTpo26.cjs");require("./chunks/Ripple-Dy4i91j1.cjs");require("./chunks/Stack-Gkunatfh.cjs");exports.ThemeProvider=r.ThemeProvider;exports.createTheme=r.createTheme;exports.useTheme=r.useTheme;exports.Bounce=t.Bounce;exports.Control=e.Control;exports.Form=e.Form;exports.useControl=e.useControl;exports.useForm=e.useForm;exports.useFormGroup=e.useFormGroup;exports.Fade=i.Fade;exports.Slide=s.Slide;exports.Zoom=n.Zoom;exports.useListenerResized=d.useListenerResized;exports.Menu=u.Menu;exports.useMenu=u.useMenu;exports.useResize=q.useResize;exports.Card=c.Card;exports.CardContent=m.CardContent;exports.Drawer=a.Drawer_default;exports.Grid=o.Grid;exports.GridItem=o.GridItem;exports.MenuButton=C.MenuButton_default;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,2 +1,2 @@
-import{T as f,c as x,u as n}from"./chunks/useTheme-BkUhhydo.js";import{B as C}from"./chunks/Bounce-DP0PU3kr.js";import{C as M,F as G,u as T,a as c,b as h}from"./chunks/useForm-phDdjT1r.js";import{F as B}from"./chunks/Fade-spxq-W-Q.js";import{S as D}from"./chunks/Slide-BxEwoZ70.js";import{Z as S}from"./chunks/Zoom-DqgU4Wfv.js";import{u as b}from"./chunks/useListenerResized-Bnqxrt7k.js";import{M as w,u as I}from"./chunks/useMenu-CzhqRm1Q.js";import{u as P}from"./chunks/useResize-BjM6tiAF.js";import{C as j}from"./chunks/Card-9HLyAUcP.js";import{C as q}from"./chunks/CardContent-Vo_b-uhI.js";import{D as A}from"./chunks/Drawer-D7qt20Nz.js";import{G as H,a as J}from"./chunks/GridItem-CaoPZmBu.js";import{M as N}from"./chunks/MenuButton-Br-AJ3PB.js";import"react";import"react/jsx-runtime";import"./chunks/index-CZ41y9Hn.js";import"./chunks/joinClass-anSpaauN.js";import"./chunks/uuid-dGvr9vBZ.js";import"./chunks/createComponent-CNxBIpVe.js";import"./chunks/Ripple-Bq9bxg4k.js";import"./chunks/Stack-CJUShSaY.js";export{C as Bounce,j as Card,q as CardContent,M as Control,A as Drawer,B as Fade,G as Form,H as Grid,J as GridItem,w as Menu,N as MenuButton,D as Slide,f as ThemeProvider,S as Zoom,x as createTheme,T as useControl,c as useForm,h as useFormGroup,b as useListenerResized,I as useMenu,P as useResize,n as useTheme};
+import{T as f,c as x,u as n}from"./chunks/useTheme-BkUhhydo.js";import{B as C}from"./chunks/Bounce-DP0PU3kr.js";import{C as M,F as G,u as T,a as c,b as h}from"./chunks/useForm-phDdjT1r.js";import{F as B}from"./chunks/Fade-spxq-W-Q.js";import{S as D}from"./chunks/Slide-BxEwoZ70.js";import{Z as S}from"./chunks/Zoom-DqgU4Wfv.js";import{u as b}from"./chunks/useListenerResized-Bnqxrt7k.js";import{M as w,u as I}from"./chunks/useMenu-hVrXgfnU.js";import{u as P}from"./chunks/useResize-BjM6tiAF.js";import{C as j}from"./chunks/Card-B2D3ppN8.js";import{C as q}from"./chunks/CardContent-BuXq8Ek9.js";import{D as A}from"./chunks/Drawer-B_k_G_fP.js";import{G as H,a as J}from"./chunks/GridItem-CaoPZmBu.js";import{M as N}from"./chunks/MenuButton-DMaUwnI-.js";import"react";import"react/jsx-runtime";import"./chunks/index-CZ41y9Hn.js";import"./chunks/joinClass-anSpaauN.js";import"./chunks/uuid-dGvr9vBZ.js";import"./chunks/createComponent-Bhl48GId.js";import"./chunks/Ripple-Bq9bxg4k.js";import"./chunks/Stack-DAlczuE0.js";export{C as Bounce,j as Card,q as CardContent,M as Control,A as Drawer,B as Fade,G as Form,H as Grid,J as GridItem,w as Menu,N as MenuButton,D as Slide,f as ThemeProvider,S as Zoom,x as createTheme,T as useControl,c as useForm,h as useFormGroup,b as useListenerResized,I as useMenu,P as useResize,n as useTheme};
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iziui/react",
-  "version": "0.0.56-rc",
+  "version": "0.0.58-rc",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",

package/dist/chunks/createComponent-CNxBIpVe.js

@@ -1,2 +0,0 @@
-import{jsx as P}from"react/jsx-runtime";import{b,c as M,d as S}from"./index-CZ41y9Hn.js";import{u as y}from"./useTheme-BkUhhydo.js";function B({sx:t,theme:n},...e){return e.reduce((s,a)=>(s={...s,...a(n,t)},s),{})}const w=(t,{color:n})=>{const{palette:e}=t;return n?{color:n(e)}:{}},_=(t,{background:n})=>{const{palette:e}=t;return n?{background:n(e)}:{}},j=(t,{borderColor:n})=>{const{palette:e}=t;return n?{borderColor:n(e)}:{}},C=(t,{backgroundColor:n})=>{const{palette:e}=t;return n?{backgroundColor:n(e)}:{}},O=(t,{borderRadius:n})=>{const{shape:e}=t;return n?{borderRadius:`${e.radius*n}px`}:{}},R=(t,{m:n,mb:e,ml:s,mr:a,mt:i,mx:u,my:g})=>{const{spacing:f}=t,o=c=>c||c===0?`${String(c*f)}px`:"",r=o(n),h=o(i),m=o(e),d=o(g),l=o(u),p=o(s),x=o(a);return{margin:r,marginTop:h||d||r,marginBottom:m||d||r,marginLeft:p||l||r,marginRight:x||l||r}},T=(t,{p:n,pb:e,pl:s,pr:a,pt:i,px:u,py:g})=>{const{spacing:f}=t,o=c=>c||c===0?`${String(c*f)}px`:"",r=o(n),h=o(i),m=o(e),d=o(g),l=o(u),p=o(s),x=o(a);return{padding:r,paddingTop:h||d||r,paddingBottom:m||d||r,paddingLeft:p||l||r,paddingRight:x||l||r}},z=(t,{boxShadow:n})=>n?{boxShadow:{sm:S,md:M,lg:b}[n]}:{},L=Object.freeze(Object.defineProperty({__proto__:null,defineBackground:_,defineBackgroundColor:C,defineBorderColor:j,defineBorderRadius:O,defineBoxShadow:z,defineColor:w,defineMargin:R,definePadding:T},Symbol.toStringTag,{value:"Module"}));function $(t){return Object.values(t).map(n=>n)}function N(t){return t.displayName=t.name,({sx:e,fullWidth:s,...a})=>{const{theme:i}=y(),u=e&&B({theme:i,sx:e},...$(L));return console.log(">>> fullWidth",s),P(t,{...a,style:{...a.style,...u,...s?{width:"100%"}:{}}})}}export{N as c};
-//# sourceMappingURL=createComponent-CNxBIpVe.js.map