npm - @iziui/react - Versions diffs - 0.0.53-rc → 0.0.55-rc - Mend

@iziui/react 0.0.53-rc → 0.0.55-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 (268) hide show

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

@@ -1,2 +1,2 @@
-import{D as d}from"../../chunks/Drawer-CgE3gFqo.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Stack-DyhbU7Me.js";import"../../chunks/createComponent-DppVNf5x.js";import"../../chunks/useTheme-BhIs8Txu.js";export{d as default};
+import{D as d}from"../../chunks/Drawer-CVnRBzFN.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Stack-D2Y2T_wh.js";import"../../chunks/createComponent-DhHk-x5v.js";import"../../chunks/useTheme-BhIs8Txu.js";export{d as default};
 //# 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-BEUDQFrk.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/createComponent-6wUj8nAi.cjs");require("../../chunks/useTheme-BZ0xkY68.cjs");require("react");exports.default=e.Icon;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Icon-7g25Bfa3.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/createComponent-Ds819n7r.cjs");require("../../chunks/useTheme-BZ0xkY68.cjs");require("react");exports.default=e.Icon;
 //# sourceMappingURL=index.cjs.map

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

@@ -1,2 +1,2 @@
-import{I as f}from"../../chunks/Icon-BCwUSOy5.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-DppVNf5x.js";import"../../chunks/useTheme-BhIs8Txu.js";import"react";export{f as default};
+import{I as f}from"../../chunks/Icon-D-uCpp04.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-DhHk-x5v.js";import"../../chunks/useTheme-BhIs8Txu.js";import"react";export{f 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-6wUj8nAi.cjs");require("../../chunks/useTheme-BZ0xkY68.cjs");function N({error:n,label:p,helperText:o,endIcon:a,startIcon:u,type:f="text",disabled:r,width:C="100%",...l}){const j=i.joinClass(`${e.prefix}-input-container`),m=i.joinClass(`${e.prefix}-input-label`,n&&`${e.prefix}-input-label--error`),_=i.joinClass(`${e.prefix}-input-container`,`${e.prefix}-input`,r&&`${e.prefix}-input--disabled`,n&&`${e.prefix}-input--error`,l.className),$=i.joinClass(`${e.prefix}-input__helper-text`,o&&`${e.prefix}-input__helper-text--visible`,n&&`${e.prefix}-input__helper-text--error`),c=(s,d)=>h.cloneElement(s,{disabled:r,type:"button",size:30,style:{...s.props.style},className:i.joinClass(s.props.className,`${e.prefix}-input__icon`,`${e.prefix}-input__icon--margin-${d}`),onClick:x=>{x.stopPropagation(),s.props.onClick&&s.props.onClick(x)}});return t.jsxs("div",{className:j,style:{width:C},children:[p&&t.jsxs("label",{className:m,children:[p," ",l.required&&"*"]}),t.jsxs("div",{className:_,children:[u&&c(u,"right"),t.jsx("input",{...l,type:f,disabled:r}),a&&c(a,"left")]}),t.jsx("p",{className:$,children:o})]})}const b=q.createComponent(N);exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),h=require("react"),e=require("../../chunks/index-DYxwT4uW.cjs"),i=require("../../chunks/joinClass-Jk3EszKD.cjs"),q=require("../../chunks/createComponent-Ds819n7r.cjs");require("../../chunks/useTheme-BZ0xkY68.cjs");function N({error:n,label:p,helperText:o,endIcon:a,startIcon:u,type:f="text",disabled:r,width:C="100%",...l}){const j=i.joinClass(`${e.prefix}-input-container`),m=i.joinClass(`${e.prefix}-input-label`,n&&`${e.prefix}-input-label--error`),_=i.joinClass(`${e.prefix}-input-container`,`${e.prefix}-input`,r&&`${e.prefix}-input--disabled`,n&&`${e.prefix}-input--error`,l.className),$=i.joinClass(`${e.prefix}-input__helper-text`,o&&`${e.prefix}-input__helper-text--visible`,n&&`${e.prefix}-input__helper-text--error`),c=(s,d)=>h.cloneElement(s,{disabled:r,type:"button",size:30,style:{...s.props.style},className:i.joinClass(s.props.className,`${e.prefix}-input__icon`,`${e.prefix}-input__icon--margin-${d}`),onClick:x=>{x.stopPropagation(),s.props.onClick&&s.props.onClick(x)}});return t.jsxs("div",{className:j,style:{width:C},children:[p&&t.jsxs("label",{className:m,children:[p," ",l.required&&"*"]}),t.jsxs("div",{className:_,children:[u&&c(u,"right"),t.jsx("input",{...l,type:f,disabled:r}),a&&c(a,"left")]}),t.jsx("p",{className:$,children:o})]})}const b=q.createComponent(N);exports.default=b;
 //# sourceMappingURL=index.cjs.map

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

@@ -1,2 +1,2 @@
-import{jsxs as l,jsx as $}from"react/jsx-runtime";import{cloneElement as b}from"react";import{p as t}from"../../chunks/index-CZ41y9Hn.js";import{j as s}from"../../chunks/joinClass-anSpaauN.js";import{c as j}from"../../chunks/createComponent-DppVNf5x.js";import"../../chunks/useTheme-BhIs8Txu.js";function y({error:n,label:p,helperText:o,endIcon:a,startIcon:c,type:f="text",disabled:i,width:_="100%",...r}){const h=s(`${t}-input-container`),x=s(`${t}-input-label`,n&&`${t}-input-label--error`),C=s(`${t}-input-container`,`${t}-input`,i&&`${t}-input--disabled`,n&&`${t}-input--error`,r.className),d=s(`${t}-input__helper-text`,o&&`${t}-input__helper-text--visible`,n&&`${t}-input__helper-text--error`),u=(e,N)=>b(e,{disabled:i,type:"button",size:30,style:{...e.props.style},className:s(e.props.className,`${t}-input__icon`,`${t}-input__icon--margin-${N}`),onClick:m=>{m.stopPropagation(),e.props.onClick&&e.props.onClick(m)}});return l("div",{className:h,style:{width:_},children:[p&&l("label",{className:x,children:[p," ",r.required&&"*"]}),l("div",{className:C,children:[c&&u(c,"right"),$("input",{...r,type:f,disabled:i}),a&&u(a,"left")]}),$("p",{className:d,children:o})]})}const I=j(y);export{I as default};
+import{jsxs as l,jsx as $}from"react/jsx-runtime";import{cloneElement as b}from"react";import{p as t}from"../../chunks/index-CZ41y9Hn.js";import{j as s}from"../../chunks/joinClass-anSpaauN.js";import{c as j}from"../../chunks/createComponent-DhHk-x5v.js";import"../../chunks/useTheme-BhIs8Txu.js";function y({error:n,label:p,helperText:o,endIcon:a,startIcon:c,type:f="text",disabled:i,width:_="100%",...r}){const h=s(`${t}-input-container`),x=s(`${t}-input-label`,n&&`${t}-input-label--error`),C=s(`${t}-input-container`,`${t}-input`,i&&`${t}-input--disabled`,n&&`${t}-input--error`,r.className),d=s(`${t}-input__helper-text`,o&&`${t}-input__helper-text--visible`,n&&`${t}-input__helper-text--error`),u=(e,N)=>b(e,{disabled:i,type:"button",size:30,style:{...e.props.style},className:s(e.props.className,`${t}-input__icon`,`${t}-input__icon--margin-${N}`),onClick:m=>{m.stopPropagation(),e.props.onClick&&e.props.onClick(m)}});return l("div",{className:h,style:{width:_},children:[p&&l("label",{className:x,children:[p," ",r.required&&"*"]}),l("div",{className:C,children:[c&&u(c,"right"),$("input",{...r,type:f,disabled:i}),a&&u(a,"left")]}),$("p",{className:d,children:o})]})}const I=j(y);export{I 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 n=require("react/jsx-runtime"),i=require("../../chunks/index-DYxwT4uW.cjs"),r=require("../../chunks/joinClass-Jk3EszKD.cjs"),u=require("../../chunks/createComponent-6wUj8nAi.cjs");require("../../chunks/useTheme-BZ0xkY68.cjs");require("react");function s({...e}){const t=r.joinClass(`${i.prefix}-input-file`,e.className);return n.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 n=require("react/jsx-runtime"),i=require("../../chunks/index-DYxwT4uW.cjs"),r=require("../../chunks/joinClass-Jk3EszKD.cjs"),u=require("../../chunks/createComponent-Ds819n7r.cjs");require("../../chunks/useTheme-BZ0xkY68.cjs");require("react");function s({...e}){const t=r.joinClass(`${i.prefix}-input-file`,e.className);return n.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 e}from"react/jsx-runtime";import{p as i}from"../../chunks/index-CZ41y9Hn.js";import{j as r}from"../../chunks/joinClass-anSpaauN.js";import{c as m}from"../../chunks/createComponent-DppVNf5x.js";import"../../chunks/useTheme-BhIs8Txu.js";import"react";function p({...t}){const o=r(`${i}-input-file`,t.className);return e("input",{...t,type:"file",className:o})}const u=m(p);export{u as default};
+import{jsx as e}from"react/jsx-runtime";import{p as i}from"../../chunks/index-CZ41y9Hn.js";import{j as r}from"../../chunks/joinClass-anSpaauN.js";import{c as m}from"../../chunks/createComponent-DhHk-x5v.js";import"../../chunks/useTheme-BhIs8Txu.js";import"react";function p({...t}){const o=r(`${i}-input-file`,t.className);return e("input",{...t,type:"file",className:o})}const u=m(p);export{u 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 o=require("react/jsx-runtime"),r=require("../../chunks/index-DYxwT4uW.cjs"),a=require("../../chunks/convertPathToColor-BlQMLS4V.cjs"),l=require("../../chunks/joinClass-Jk3EszKD.cjs"),u=require("../../chunks/createComponent-6wUj8nAi.cjs"),d=require("../../chunks/useTheme-BZ0xkY68.cjs");require("react");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(`${r.prefix}-loading`,e.className);return o.jsx("span",{...e,className:c,style:{...e,color:s,width:t,height:t},children:o.jsx("svg",{className:`${r.prefix}-loading__svg`,viewBox:"22 22 44 44",children:o.jsx("circle",{className:`${r.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 o=require("react/jsx-runtime"),r=require("../../chunks/index-DYxwT4uW.cjs"),a=require("../../chunks/convertPathToColor-BlQMLS4V.cjs"),l=require("../../chunks/joinClass-Jk3EszKD.cjs"),u=require("../../chunks/createComponent-Ds819n7r.cjs"),d=require("../../chunks/useTheme-BZ0xkY68.cjs");require("react");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(`${r.prefix}-loading`,e.className);return o.jsx("span",{...e,className:c,style:{...e,color:s,width:t,height:t},children:o.jsx("svg",{className:`${r.prefix}-loading__svg`,viewBox:"22 22 44 44",children:o.jsx("circle",{className:`${r.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 a}from"../../chunks/index-CZ41y9Hn.js";import{c as m}from"../../chunks/convertPathToColor-D2SdAqGh.js";import{j as n}from"../../chunks/joinClass-anSpaauN.js";import{c as l}from"../../chunks/createComponent-DppVNf5x.js";import{u as d}from"../../chunks/useTheme-BhIs8Txu.js";import"react";function f({color:t="primary",size:r="1.5rem",...o}){const{theme:{palette:i}}=d(),s=m(`${t}.main`,i),c=n(`${a}-loading`,o.className);return e("span",{...o,className:c,style:{...o,color:s,width:r,height:r},children:e("svg",{className:`${a}-loading__svg`,viewBox:"22 22 44 44",children:e("circle",{className:`${a}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const N=l(f);export{N as default};
+import{jsx as e}from"react/jsx-runtime";import{p as a}from"../../chunks/index-CZ41y9Hn.js";import{c as m}from"../../chunks/convertPathToColor-D2SdAqGh.js";import{j as n}from"../../chunks/joinClass-anSpaauN.js";import{c as l}from"../../chunks/createComponent-DhHk-x5v.js";import{u as d}from"../../chunks/useTheme-BhIs8Txu.js";import"react";function f({color:t="primary",size:r="1.5rem",...o}){const{theme:{palette:i}}=d(),s=m(`${t}.main`,i),c=n(`${a}-loading`,o.className);return e("span",{...o,className:c,style:{...o,color:s,width:r,height:r},children:e("svg",{className:`${a}-loading__svg`,viewBox:"22 22 44 44",children:e("circle",{className:`${a}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const N=l(f);export{N 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-D3vT9I3W.cjs"),u=require("../../chunks/MenuButton-DOZFhvP9.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-C3pG2xgW.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/createComponent-6wUj8nAi.cjs");require("../../chunks/useTheme-BZ0xkY68.cjs");require("../../chunks/CardContent-BrZkcjus.cjs");exports.Menu=e.Menu;exports.useMenu=e.useMenu;exports.MenuButton=u.MenuButton_default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/useMenu-CBWhhu1S.cjs"),u=require("../../chunks/MenuButton-BqsEHGiP.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-BNdbHjy2.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/createComponent-Ds819n7r.cjs");require("../../chunks/useTheme-BZ0xkY68.cjs");require("../../chunks/CardContent-BNxQiVc2.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 x,u as B}from"../../chunks/useMenu--3XhFiqi.js";import{M as c}from"../../chunks/MenuButton-B1Ie5Sqy.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-fHaoq-NO.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/createComponent-DppVNf5x.js";import"../../chunks/useTheme-BhIs8Txu.js";import"../../chunks/CardContent-CokBJbi1.js";export{x as Menu,c as MenuButton,B as useMenu};
+import{M as x,u as B}from"../../chunks/useMenu-s6oyzklj.js";import{M as c}from"../../chunks/MenuButton-CDNaWpre.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-CKCzaI7j.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/createComponent-DhHk-x5v.js";import"../../chunks/useTheme-BhIs8Txu.js";import"../../chunks/CardContent-ywggix6Q.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.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-6wUj8nAi.cjs"),q=require("../../chunks/Card-C3pG2xgW.cjs"),y=require("../../chunks/CardContent-BrZkcjus.cjs"),_=require("../../chunks/Stack-B9mi696v.cjs"),N=require("../../chunks/ButtonIcon-CzxDZNK8.cjs"),k=require("../../chunks/Icon-BEUDQFrk.cjs");require("../../chunks/useTheme-BZ0xkY68.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-Ds819n7r.cjs"),q=require("../../chunks/Card-BNdbHjy2.cjs"),y=require("../../chunks/CardContent-BNxQiVc2.cjs"),_=require("../../chunks/Stack-CTcHQ_9x.cjs"),N=require("../../chunks/ButtonIcon-BdTxTa54.cjs"),k=require("../../chunks/Icon-7g25Bfa3.cjs");require("../../chunks/useTheme-BZ0xkY68.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 CHANGED Viewed

@@ -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-DppVNf5x.js";import{C as $}from"../../chunks/Card-fHaoq-NO.js";import{C as k}from"../../chunks/CardContent-CokBJbi1.js";import{S as I}from"../../chunks/Stack-DyhbU7Me.js";import{B as j}from"../../chunks/ButtonIcon-B5VfjTl_.js";import{I as T}from"../../chunks/Icon-BCwUSOy5.js";import"../../chunks/useTheme-BhIs8Txu.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-DhHk-x5v.js";import{C as $}from"../../chunks/Card-CKCzaI7j.js";import{C as k}from"../../chunks/CardContent-ywggix6Q.js";import{S as I}from"../../chunks/Stack-D2Y2T_wh.js";import{B as j}from"../../chunks/ButtonIcon-CwmXuxvw.js";import{I as T}from"../../chunks/Icon-D-uCpp04.js";import"../../chunks/useTheme-BhIs8Txu.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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),c=require("react"),e=require("../../chunks/index-DYxwT4uW.cjs"),n=require("../../chunks/joinClass-Jk3EszKD.cjs"),g=require("../../chunks/Icon-BEUDQFrk.cjs"),C=require("../../chunks/useMenu-D3vT9I3W.cjs"),M=require("../../chunks/createComponent-6wUj8nAi.cjs");require("../../chunks/uuid-omnJ9TjZ.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/Card-C3pG2xgW.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/CardContent-BrZkcjus.cjs");require("../../chunks/useTheme-BZ0xkY68.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-7g25Bfa3.cjs"),C=require("../../chunks/useMenu-CBWhhu1S.cjs"),M=require("../../chunks/createComponent-Ds819n7r.cjs");require("../../chunks/uuid-omnJ9TjZ.cjs");require("../../chunks/useListenerResized-AwpsZLcP.cjs");require("../../chunks/Card-BNdbHjy2.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/CardContent-BNxQiVc2.cjs");require("../../chunks/useTheme-BZ0xkY68.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 CHANGED Viewed

@@ -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-BCwUSOy5.js";import{u as E,M as I}from"../../chunks/useMenu--3XhFiqi.js";import{c as O}from"../../chunks/createComponent-DppVNf5x.js";import"../../chunks/uuid-dGvr9vBZ.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/Card-fHaoq-NO.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/CardContent-CokBJbi1.js";import"../../chunks/useTheme-BhIs8Txu.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-D-uCpp04.js";import{u as E,M as I}from"../../chunks/useMenu-s6oyzklj.js";import{c as O}from"../../chunks/createComponent-DhHk-x5v.js";import"../../chunks/uuid-dGvr9vBZ.js";import"../../chunks/useListenerResized-Bnqxrt7k.js";import"../../chunks/Card-CKCzaI7j.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/CardContent-ywggix6Q.js";import"../../chunks/useTheme-BhIs8Txu.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 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-6wUj8nAi.cjs");require("../../chunks/useTheme-BZ0xkY68.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-Ds819n7r.cjs");require("../../chunks/useTheme-BZ0xkY68.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 CHANGED Viewed

@@ -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-DppVNf5x.js";import"../../chunks/useTheme-BhIs8Txu.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-DhHk-x5v.js";import"../../chunks/useTheme-BhIs8Txu.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 CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-import{S as f}from"../../chunks/Stack-DyhbU7Me.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-DppVNf5x.js";import"../../chunks/useTheme-BhIs8Txu.js";export{f as default};
+import{S as f}from"../../chunks/Stack-D2Y2T_wh.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/createComponent-DhHk-x5v.js";import"../../chunks/useTheme-BhIs8Txu.js";export{f as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Switchs/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-B9mi696v.cjs"),p=require("../../chunks/createComponent-6wUj8nAi.cjs");require("../../chunks/useTheme-BZ0xkY68.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-CTcHQ_9x.cjs"),p=require("../../chunks/createComponent-Ds819n7r.cjs");require("../../chunks/useTheme-BZ0xkY68.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 CHANGED Viewed

@@ -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-DyhbU7Me.js";import{c as p}from"../../chunks/createComponent-DppVNf5x.js";import"../../chunks/useTheme-BhIs8Txu.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-D2Y2T_wh.js";import{c as p}from"../../chunks/createComponent-DhHk-x5v.js";import"../../chunks/useTheme-BhIs8Txu.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 CHANGED Viewed

@@ -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-6wUj8nAi.cjs"),u=require("../../chunks/Card-C3pG2xgW.cjs");require("../../chunks/useTheme-BZ0xkY68.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-Ds819n7r.cjs"),u=require("../../chunks/Card-BNdbHjy2.cjs");require("../../chunks/useTheme-BZ0xkY68.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 CHANGED Viewed

@@ -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-DppVNf5x.js";import{C as l}from"../../chunks/Card-fHaoq-NO.js";import"../../chunks/useTheme-BhIs8Txu.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-DhHk-x5v.js";import{C as l}from"../../chunks/Card-CKCzaI7j.js";import"../../chunks/useTheme-BhIs8Txu.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 CHANGED Viewed

@@ -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-6wUj8nAi.cjs"),p=require("../../chunks/useTheme-BZ0xkY68.cjs"),b=require("../../chunks/Alert-DAYw7lG0.cjs"),R=require("../../chunks/uuid-omnJ9TjZ.cjs"),g=require("../../chunks/Zoom-BOnqwiDY.cjs");require("../../chunks/Stack-B9mi696v.cjs");require("../../chunks/Typography-BKIC6AW2.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/ButtonIcon-CzxDZNK8.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/Icon-BEUDQFrk.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-Ds819n7r.cjs"),p=require("../../chunks/useTheme-BZ0xkY68.cjs"),b=require("../../chunks/Alert-BZtq_ZmI.cjs"),R=require("../../chunks/uuid-omnJ9TjZ.cjs"),g=require("../../chunks/Zoom-BOnqwiDY.cjs");require("../../chunks/Stack-CTcHQ_9x.cjs");require("../../chunks/Typography-DMnJRugi.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/ButtonIcon-BdTxTa54.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/Icon-7g25Bfa3.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 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}from"../../chunks/index-CZ41y9Hn.js";import{j as N}from"../../chunks/joinClass-anSpaauN.js";import{c as $}from"../../chunks/createComponent-DppVNf5x.js";import{u as g}from"../../chunks/useTheme-BhIs8Txu.js";import{A as y}from"../../chunks/Alert-Dvtv5drl.js";import{u as A}from"../../chunks/uuid-dGvr9vBZ.js";import{Z as B}from"../../chunks/Zoom-DqgU4Wfv.js";import"../../chunks/Stack-DyhbU7Me.js";import"../../chunks/Typography-C2ffsG3_.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/ButtonIcon-B5VfjTl_.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-BCwUSOy5.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-DhHk-x5v.js";import{u as g}from"../../chunks/useTheme-BhIs8Txu.js";import{A as y}from"../../chunks/Alert-Dydy5gdK.js";import{u as A}from"../../chunks/uuid-dGvr9vBZ.js";import{Z as B}from"../../chunks/Zoom-DqgU4Wfv.js";import"../../chunks/Stack-D2Y2T_wh.js";import"../../chunks/Typography-BcgZRln8.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/ButtonIcon-CwmXuxvw.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-D-uCpp04.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 CHANGED Viewed

@@ -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-6wUj8nAi.cjs"),A=require("../../chunks/useTheme-BZ0xkY68.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-Ds819n7r.cjs"),A=require("../../chunks/useTheme-BZ0xkY68.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 CHANGED Viewed

@@ -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-DppVNf5x.js";import{u as k}from"../../chunks/useTheme-BhIs8Txu.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-DhHk-x5v.js";import{u as k}from"../../chunks/useTheme-BhIs8Txu.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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Typography-BKIC6AW2.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/useTheme-BZ0xkY68.cjs");require("react");require("../../chunks/createComponent-6wUj8nAi.cjs");exports.default=e.Typography;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Typography-DMnJRugi.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-BZ0xkY68.cjs");require("../../chunks/createComponent-Ds819n7r.cjs");exports.default=e.Typography;
 //# sourceMappingURL=index.cjs.map

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

@@ -1,2 +1,2 @@
-import{T as d}from"../../chunks/Typography-C2ffsG3_.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/useTheme-BhIs8Txu.js";import"react";import"../../chunks/createComponent-DppVNf5x.js";export{d as default};
+import{T as d}from"../../chunks/Typography-BcgZRln8.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-BhIs8Txu.js";import"../../chunks/createComponent-DhHk-x5v.js";export{d as default};
 //# sourceMappingURL=index.js.map

package/dist/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunks/useTheme-BZ0xkY68.cjs"),t=require("./chunks/Bounce-ByNbJjX0.cjs"),e=require("./chunks/useForm-UT6lrV2_.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-D3vT9I3W.cjs"),q=require("./chunks/useResize-B-oebgDR.cjs"),c=require("./chunks/Card-C3pG2xgW.cjs"),m=require("./chunks/CardContent-BrZkcjus.cjs"),a=require("./chunks/Drawer-XsBmySVj.cjs"),o=require("./chunks/GridItem-wwo-SHGR.cjs"),C=require("./chunks/MenuButton-DOZFhvP9.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-6wUj8nAi.cjs");require("./chunks/Ripple-Dy4i91j1.cjs");require("./chunks/Stack-B9mi696v.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-BZ0xkY68.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-CBWhhu1S.cjs"),q=require("./chunks/useResize-B-oebgDR.cjs"),c=require("./chunks/Card-BNdbHjy2.cjs"),m=require("./chunks/CardContent-BNxQiVc2.cjs"),a=require("./chunks/Drawer-CTmTDUBF.cjs"),o=require("./chunks/GridItem-wwo-SHGR.cjs"),C=require("./chunks/MenuButton-BqsEHGiP.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-Ds819n7r.cjs");require("./chunks/Ripple-Dy4i91j1.cjs");require("./chunks/Stack-CTcHQ_9x.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 CHANGED Viewed

@@ -1,2 +1,2 @@
-import{T as f,c as x,u as n}from"./chunks/useTheme-BhIs8Txu.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-BrezSwQu.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--3XhFiqi.js";import{u as P}from"./chunks/useResize-BjM6tiAF.js";import{C as j}from"./chunks/Card-fHaoq-NO.js";import{C as q}from"./chunks/CardContent-CokBJbi1.js";import{D as A}from"./chunks/Drawer-CgE3gFqo.js";import{G as H,a as J}from"./chunks/GridItem-CaoPZmBu.js";import{M as N}from"./chunks/MenuButton-B1Ie5Sqy.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-DppVNf5x.js";import"./chunks/Ripple-Bq9bxg4k.js";import"./chunks/Stack-DyhbU7Me.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-BhIs8Txu.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-s6oyzklj.js";import{u as P}from"./chunks/useResize-BjM6tiAF.js";import{C as j}from"./chunks/Card-CKCzaI7j.js";import{C as q}from"./chunks/CardContent-ywggix6Q.js";import{D as A}from"./chunks/Drawer-CVnRBzFN.js";import{G as H,a as J}from"./chunks/GridItem-CaoPZmBu.js";import{M as N}from"./chunks/MenuButton-CDNaWpre.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-DhHk-x5v.js";import"./chunks/Ripple-Bq9bxg4k.js";import"./chunks/Stack-D2Y2T_wh.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/dist/lab/Form/index.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../chunks/useForm-UT6lrV2_.cjs");require("react");require("react/jsx-runtime");exports.Control=r.Control;exports.Form=r.Form;exports.useControl=r.useControl;exports.useForm=r.useForm;exports.useFormGroup=r.useFormGroup;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../chunks/useForm-C-tp2h3s.cjs");require("react");require("react/jsx-runtime");exports.Control=r.Control;exports.Form=r.Form;exports.useControl=r.useControl;exports.useForm=r.useForm;exports.useFormGroup=r.useFormGroup;
 //# sourceMappingURL=index.cjs.map

package/dist/lab/Form/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{C as m,F as t,u,a as e,b as p}from"../../chunks/useForm-BrezSwQu.js";import"react";import"react/jsx-runtime";export{m as Control,t as Form,u as useControl,e as useForm,p as useFormGroup};
+import{C as m,F as t,u,a as e,b as p}from"../../chunks/useForm-phDdjT1r.js";import"react";import"react/jsx-runtime";export{m as Control,t as Form,u as useControl,e as useForm,p as useFormGroup};
 //# sourceMappingURL=index.js.map

package/package.json CHANGED Viewed

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

package/dist/chunks/Typography-BKIC6AW2.cjs DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";const p=require("react/jsx-runtime"),t=require("./index-DYxwT4uW.cjs"),u=require("./joinClass-Jk3EszKD.cjs"),l=require("./convertPathToColor-BlQMLS4V.cjs"),m=require("./useTheme-BZ0xkY68.cjs"),T=require("./createComponent-6wUj8nAi.cjs"),g={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p"};function x({children:s,variant:o="body1",color:h="text.primary",weight:r,textAlign:n,...e}){const{theme:{palette:c}}=m.useTheme(),y=g[o],a=u.joinClass(`${t.prefix}-typography`,`${t.prefix}-typography--${o}`,r&&`${t.prefix}-typography--weight-${r}`,e.className),i=l.convertPathToColor(h,c);return p.jsx(y,{...e,className:a,style:{color:i,textAlign:n,...e.style},children:s})}const C=T.createComponent(x);exports.Typography=C;
2	- //# sourceMappingURL=Typography-BKIC6AW2.cjs.map

package/dist/chunks/Typography-BKIC6AW2.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Typography-BKIC6AW2.cjs","sources":["../../src/display/Typography/Typography.tsx"],"sourcesContent":["import type { PropsWithChildren, HTMLAttributes, CSSProperties } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { MappedColors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport { convertPathToColor } from '@iziui/core/utils/convertPathToColor';\n\nimport { useTheme } from '@/theme';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Typography.scss';\n\nexport const variants = [\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'h5',\n 'h6',\n 'subtitle1',\n 'subtitle2',\n 'body1',\n 'body2',\n] as const;\n\nexport type Variant = typeof variants[number];\n\nconst MAP: { [x: string]: React.ElementType } = {\n h1: 'h1',\n h2: 'h2',\n h3: 'h3',\n h4: 'h4',\n h5: 'h5',\n h6: 'h6',\n subtitle1: 'h6',\n subtitle2: 'h6',\n body1: 'p',\n body2: 'p',\n};\n\ninterface TypographyProps extends PropsWithChildren<HTMLAttributes<HTMLParagraphElement>> {\n variant?: Variant;\n color?: MappedColors;\n textAlign?: CSSProperties['textAlign'];\n weight?: 'bold' | 'normal' | 'light';\n}\nfunction Typography({\n children,\n variant = 'body1',\n color = 'text.primary',\n weight,\n textAlign,\n ...props\n}: TypographyProps) {\n const { theme: { palette } } = useTheme();\n\n const CustomTag = MAP[variant];\n\n const cls = joinClass(\n `${prefix}-typography`,\n `${prefix}-typography--${variant}`,\n weight && `${prefix}-typography--weight-${weight}`,\n props.className\n );\n\n const c = convertPathToColor(color, palette);\n\n return (\n <CustomTag\n {...props}\n className={cls}\n style={{\n color: c,\n textAlign,\n ...props.style\n }}\n >\n {children}\n </CustomTag>\n );\n}\n\nexport default createComponent(Typography);"],"names":["MAP","Typography","children","variant","color","weight","textAlign","props","palette","useTheme","CustomTag","cls","joinClass","prefix","c","convertPathToColor","jsx","createComponent"],"mappings":"0PA4BMA,EAA0C,CAC9C,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,UAAW,KACX,UAAW,KACX,MAAO,IACP,MAAO,GACT,EAQA,SAASC,EAAW,CAClB,SAAAC,EACA,QAAAC,EAAU,QACV,MAAAC,EAAQ,eACR,OAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAoB,CAClB,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,SAAA,EAEzBC,EAAYV,EAAIG,CAAO,EAEvBQ,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,cACT,GAAGA,EAAAA,MAAM,gBAAgBV,CAAO,GAChCE,GAAU,GAAGQ,EAAAA,MAAM,uBAAuBR,CAAM,GAChDE,EAAM,SAAA,EAGFO,EAAIC,EAAAA,mBAAmBX,EAAOI,CAAO,EAE3C,OACEQ,EAAAA,IAACN,EAAA,CACE,GAAGH,EACJ,UAAWI,EACX,MAAO,CACL,MAAOG,EACP,UAAAR,EACA,GAAGC,EAAM,KAAA,EAGV,SAAAL,CAAA,CAAA,CAGP,CAEA,MAAAD,EAAegB,EAAAA,gBAAgBhB,CAAU"}

package/dist/chunks/Typography-C2ffsG3_.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{jsx as n}from"react/jsx-runtime";import{p as t}from"./index-CZ41y9Hn.js";import{j as i}from"./joinClass-anSpaauN.js";import{c as l}from"./convertPathToColor-D2SdAqGh.js";import{u as f}from"./useTheme-BhIs8Txu.js";import{c as u}from"./createComponent-DppVNf5x.js";const g={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p"};function T({children:h,variant:r="body1",color:e="text.primary",weight:s,textAlign:p,...o}){const{theme:{palette:a}}=f(),m=g[r],c=i(`${t}-typography`,`${t}-typography--${r}`,s&&`${t}-typography--weight-${s}`,o.className),y=l(e,a);return n(m,{...o,className:c,style:{color:y,textAlign:p,...o.style},children:h})}const N=u(T);export{N as T};
2	- //# sourceMappingURL=Typography-C2ffsG3_.js.map

package/dist/chunks/Typography-C2ffsG3_.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Typography-C2ffsG3_.js","sources":["../../src/display/Typography/Typography.tsx"],"sourcesContent":["import type { PropsWithChildren, HTMLAttributes, CSSProperties } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { MappedColors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport { convertPathToColor } from '@iziui/core/utils/convertPathToColor';\n\nimport { useTheme } from '@/theme';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Typography.scss';\n\nexport const variants = [\n 'h1',\n 'h2',\n 'h3',\n 'h4',\n 'h5',\n 'h6',\n 'subtitle1',\n 'subtitle2',\n 'body1',\n 'body2',\n] as const;\n\nexport type Variant = typeof variants[number];\n\nconst MAP: { [x: string]: React.ElementType } = {\n h1: 'h1',\n h2: 'h2',\n h3: 'h3',\n h4: 'h4',\n h5: 'h5',\n h6: 'h6',\n subtitle1: 'h6',\n subtitle2: 'h6',\n body1: 'p',\n body2: 'p',\n};\n\ninterface TypographyProps extends PropsWithChildren<HTMLAttributes<HTMLParagraphElement>> {\n variant?: Variant;\n color?: MappedColors;\n textAlign?: CSSProperties['textAlign'];\n weight?: 'bold' | 'normal' | 'light';\n}\nfunction Typography({\n children,\n variant = 'body1',\n color = 'text.primary',\n weight,\n textAlign,\n ...props\n}: TypographyProps) {\n const { theme: { palette } } = useTheme();\n\n const CustomTag = MAP[variant];\n\n const cls = joinClass(\n `${prefix}-typography`,\n `${prefix}-typography--${variant}`,\n weight && `${prefix}-typography--weight-${weight}`,\n props.className\n );\n\n const c = convertPathToColor(color, palette);\n\n return (\n <CustomTag\n {...props}\n className={cls}\n style={{\n color: c,\n textAlign,\n ...props.style\n }}\n >\n {children}\n </CustomTag>\n );\n}\n\nexport default createComponent(Typography);"],"names":["MAP","Typography","children","variant","color","weight","textAlign","props","palette","useTheme","CustomTag","cls","joinClass","prefix","c","convertPathToColor","jsx","Typography$1","createComponent"],"mappings":"8QA4BA,MAAMA,EAA0C,CAC9C,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,UAAW,KACX,UAAW,KACX,MAAO,IACP,MAAO,GACT,EAQA,SAASC,EAAW,CAClB,SAAAC,EACA,QAAAC,EAAU,QACV,MAAAC,EAAQ,eACR,OAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAoB,CAClB,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAA,EAEzBC,EAAYV,EAAIG,CAAO,EAEvBQ,EAAMC,EACV,GAAGC,CAAM,cACT,GAAGA,CAAM,gBAAgBV,CAAO,GAChCE,GAAU,GAAGQ,CAAM,uBAAuBR,CAAM,GAChDE,EAAM,SAAA,EAGFO,EAAIC,EAAmBX,EAAOI,CAAO,EAE3C,OACEQ,EAACN,EAAA,CACE,GAAGH,EACJ,UAAWI,EACX,MAAO,CACL,MAAOG,EACP,UAAAR,EACA,GAAGC,EAAM,KAAA,EAGV,SAAAL,CAAA,CAAA,CAGP,CAEA,MAAAe,EAAeC,EAAgBjB,CAAU"}

package/dist/chunks/useForm-BrezSwQu.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{createContext as p,useContext as f,cloneElement as v,useState as m}from"react";import{jsxs as y,jsx as h}from"react/jsx-runtime";const d=p(null);function V({formGroup:o,debug:t=!1,children:r,...e}){return y(d,{value:o,children:[h("form",{...e,onSubmit:o.submit,noValidate:!0,children:r}),t&&h("pre",{style:{maxHeight:350,padding:15,borderRadius:4,overflow:"auto",color:"#333",background:"#e5e5e5",boxShadow:"0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)"},children:JSON.stringify(o.controls,null,2)})]})}function g(){const o=f(d);if(!o)throw new Error("useFormGroup must be used inside <FormProvider> (or <Form />).");return o}function b(o){const t=g();return{control:t.controls[o],update:n=>{t.setValues(a=>(a[o]=n,a))}}}function w({controlName:o,field:t,action:r="input"}){const{control:e,update:n}=b(o);return(i=>{const u=s=>["radio","checkbox"].includes(s.type)?s.target.checked:s.target.value;return v(i,{onBlur:s=>{r==="blur"&&n(u(s)),i.props.onBlur&&i.props.onBlur(s)},onInput:s=>{r==="input"&&n(u(s)),i.props.onInput&&i.props.onInput(s)},onChange:s=>{r==="change"&&n(u(s)),i.props.onChange&&i.props.onChange(s)}})})(t(e))}class c{constructor(t,r,e){this.controls=t,this.handle=r,this.validator=e}controls;handle;validator;_valid=!1;_hydrate;get hydrate(){return this._hydrate}set hydrate(t){this._hydrate=t}get isValid(){return this._valid}set isValid(t){this._valid=t}get errors(){return Object.values(this.controls).filter(t=>t.error)}get values(){const t={};return this.eachControl((r,e)=>({[e]:r.value})).forEach(r=>{for(const e in r)t[e]=r[e]}),t}setValues(t){const r=typeof t=="function"?t(this.values):t;for(const e of Object.keys(r))this.controls[e].value=r[e];this.validate(),this.hydrate(this),this.handle.change&&this.handle.change(this)}eachControl(t){return Object.keys(this.controls).map(r=>t(this.controls[r],r))}submit(){this.handle.submit&&(this.eachControl(t=>t.dirty=!0),this.handle.submit(this))}reset(){this.eachControl(t=>t.reset()),this.hydrate(this)}validate(){this.validator&&(Object.entries(this.validator).map(([t,r])=>{const e=this.controls[t].validate(),n=r(this);this.controls[t].error=e\|\|n\|\|""}),this.isValid=!this.errors.length)}}class C{_value;defaultValue;validators=[];type;error="";dirty=!1;constructor({defaultValue:t,type:r="text",validators:e}){this.type=r,this._value=t,this.defaultValue=t,e&&(this.validators=e)}get value(){return this._value}set value(t){this.dirty=!0,this._value=t,this.validate()}get isInvalid(){return!!(this.dirty&&this.error)}reset(){this.value=this.defaultValue,this.dirty=!1}validate(){const t=this.validators.map(r=>r(this)).filter(Boolean);return this.error=t[0]\|\|"",this.error}}function x(o){return Object.entries(o).reduce((t,r)=>{const e=r[0],n=r[1];return t[e]=new C(n),t},{})}function j({form:o,handle:t,validator:r}){const[e,n]=m(new c(x(o),t,r)),a=i=>{n(u=>{const s=i.controls,l=new c(s,t,r);return l.hydrate=u.hydrate,l})};return e.hydrate=a,e}export{w as C,V as F,j as a,g as b,b as u};
2	- //# sourceMappingURL=useForm-BrezSwQu.js.map

package/dist/chunks/useForm-BrezSwQu.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"useForm-BrezSwQu.js","sources":["../../src/lab/Form/Form.tsx","../../src/lab/Form/useFormGroup.ts","../../src/lab/Form/useControl.ts","../../src/lab/Form/Control.tsx","../../src/lab/Form/FormGroup.ts","../../src/lab/Form/FormControl.ts","../../src/lab/Form/useForm.ts"],"sourcesContent":["import { createContext, HTMLAttributes } from 'react';\n\nimport type FormGroup from './FormGroup';\n\nexport const FormContext = createContext<FormGroup<any> | null>(null);\n\ninterface FormProps<T extends Record<string, unknown>> extends HTMLAttributes<HTMLFormElement> {\n formGroup: FormGroup<T>;\n debug?: boolean;\n}\n\nexport default function Form<T extends Record<string, unknown>>({\n formGroup,\n debug = false,\n children,\n ...props\n}: FormProps<T>) {\n return (\n <FormContext value={formGroup}>\n <form {...props} onSubmit={formGroup.submit} noValidate>\n {children}\n </form>\n {\n debug && (\n <pre style={{\n maxHeight: 350,\n padding: 15,\n borderRadius: 4,\n overflow: 'auto',\n color: '#333',\n background: '#e5e5e5',\n boxShadow: '0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)',\n }}>\n {JSON.stringify(formGroup.controls, null, 2)}\n </pre>\n )\n }\n </FormContext>\n );\n}","import { useContext } from 'react';\n\nimport type FormGroup from './FormGroup';\nimport { FormContext } from './Form';\n\nexport default function useFormGroup<T extends Record<string, unknown>>() {\n const context = useContext(FormContext);\n\n if (!context) throw new Error('useFormGroup must be used inside <FormProvider> (or <Form />).');\n\n return context as FormGroup<T>;\n}","import useFormGroup from './useFormGroup';\n\nexport default function useControl<\n T extends Record<string, unknown>,\n K extends keyof T = keyof T,\n>(controlName: K) {\n const formGroup = useFormGroup<T>();\n const control = formGroup.controls[controlName];\n\n const update = (value: T[K]) => {\n formGroup.setValues((data) => {\n data[controlName] = value;\n\n return data;\n });\n };\n\n return { control, update };\n}","import { ChangeEvent, cloneElement, InputEvent, InputHTMLAttributes, ReactElement } from 'react';\n\nimport useControl from './useControl';\nimport type { AbstractControl } from './AbstractControl';\n\ninterface ControlProps<\n T extends Record<string, any>,\n K extends keyof T,\n> {\n controlName: K;\n action?: 'change' | 'input' | 'blur';\n field: (control: AbstractControl<T>[K]) => React.JSX.Element;\n}\n\nexport default function Control<\n T extends Record<string, any>,\n K extends keyof T\n>({\n controlName,\n field,\n action = 'input'\n}: ControlProps<T, K>) {\n const { control, update } = useControl<T, K>(controlName);\n\n const renderChildren = (child: ReactElement<InputHTMLAttributes<HTMLInputElement>>) => {\n const getValue = (e: ChangeEvent<HTMLInputElement> | InputEvent<HTMLInputElement>) => {\n if (['radio', 'checkbox'].includes(e.type)) { return e.target['checked']; }\n\n return e.target['value'];\n };\n\n return cloneElement(child, {\n onBlur: (e) => {\n if (action === 'blur') { update(getValue(e)); };\n\n if (child.props.onBlur) { child.props.onBlur(e); }\n },\n onInput: (e) => {\n if (action === 'input') { update(getValue(e)); };\n\n if (child.props.onInput) { child.props.onInput(e); }\n },\n onChange: (e) => {\n if (action === 'change') { update(getValue(e)); };\n\n if (child.props.onChange) { child.props.onChange(e); }\n },\n });\n };\n\n return (\n renderChildren(field(control))\n );\n}","import type { AbstractControl } from './AbstractControl';\nimport type FormControl from './FormControl';\n\ntype Hydrate<T extends Record<string, unknown>> = (data: FormGroup<T>) => void;\ntype SetValues<F> = Partial<F> | ((values: F) => Partial<F>);\n\nexport type Validator<T extends Record<string, unknown>> = {\n [K in keyof T]: (data: FormGroup<T>) => string | void;\n}\n\nexport interface Handle<T extends Record<string, unknown>> {\n change?: (form: FormGroup<T>) => void;\n submit?: (form: FormGroup<T>) => void;\n}\n\nexport default class FormGroup<T extends Record<string, unknown>> {\n private _valid = false;\n private _hydrate!: Hydrate<T>;\n\n constructor(\n public controls: AbstractControl<T>,\n public handle: Handle<T>,\n public validator?: Validator<T>,\n ) { }\n\n /**\n * Atualiza o estado interno do componente.\n * @private\n * @description Este método é usado internamente pela biblioteca.\n * Para atualizar valores externamente, use {@link setValues}.\n*/\n get hydrate() { return this._hydrate; }\n set hydrate(fn: (values: FormGroup<T>) => any) { this._hydrate = fn; }\n\n get isValid(): boolean { return this._valid; }\n set isValid(validity: boolean) { this._valid = validity; }\n\n get errors() {\n return Object.values<FormControl<T[keyof T]>>(this.controls).filter(c => c.error);\n }\n\n get values(): T {\n const values: Record<string, any> = {};\n\n this.eachControl((control, key) => ({ [key as string]: control.value }))\n .forEach(control => { for (const prop in control) { values[prop] = control[prop]; } });\n\n return values as T;\n }\n\n public setValues(fn: SetValues<T>): void;\n public setValues(partialForm: Partial<T>): void;\n public setValues(arg: Partial<T> | SetValues<T>) {\n const partial =\n typeof arg === 'function'\n ? arg(this.values)\n : arg;\n\n for (const key of Object.keys(partial)) {\n this.controls[key].value = partial[key] as T[keyof T];\n }\n\n this.validate();\n\n this.hydrate(this);\n\n if (!this.handle.change) { return; }\n\n this.handle.change(this);\n }\n\n private eachControl(fn: <K extends keyof T>(control: FormControl<T[K]>, key?: K) => any) {\n return Object.keys(this.controls).map(k => fn(this.controls[k], k));\n }\n\n public submit() {\n if (!this.handle.submit) { return; }\n\n this.eachControl((control) => control.dirty = true);\n\n this.handle.submit(this);\n }\n\n public reset() {\n this.eachControl((control) => control.reset());\n this.hydrate(this);\n }\n\n public validate() {\n if (!this.validator) { return; }\n\n Object.entries(this.validator).map(([key, fn]) => {\n const controlError = this.controls[key].validate();\n const validatorError = fn(this);\n\n this.controls[key].error = controlError || validatorError || '';\n });\n\n this.isValid = !this.errors.length;\n }\n}","type Type = 'text' | 'email';\ntype Validator<C> = (control: FormControl<C>) => string | false | void;\n\ntype Data<T> = {\n defaultValue: T;\n type?: Type;\n validators?: Validator<T>[];\n}\n\nexport type Constructor<V> = ConstructorParameters<typeof FormControl<V>>[number];\n\nexport default class FormControl<V> implements Pick<Data<V>, 'type'> {\n private _value!: V;\n private defaultValue: V;\n private validators: Validator<V>[] = [];\n\n public type: Type;\n public error = '';\n public dirty = false;\n\n constructor({\n defaultValue,\n type = 'text',\n validators,\n }: Data<V>) {\n this.type = type;\n this._value = defaultValue;\n this.defaultValue = defaultValue;\n\n if (validators) { this.validators = validators; }\n }\n\n get value(): V { return this._value; }\n set value(value: V) {\n this.dirty = true;\n this._value = value;\n this.validate();\n }\n\n get isInvalid() { return Boolean(this.dirty && this.error); }\n\n public reset() {\n this.value = this.defaultValue;\n this.dirty = false;\n }\n\n public validate() {\n const errors = this.validators\n .map(v => v(this))\n .filter(Boolean);\n\n this.error = errors[0] || '';\n\n return this.error;\n }\n}\n","import { useState } from 'react';\n\nimport FormGroup from './FormGroup';\nimport FormControl from './FormControl';\nimport type { Constructor } from './FormControl';\nimport type { Handle, Validator } from './FormGroup';\nimport type { AbstractControl } from './AbstractControl';\n\ntype UseForm<T extends Record<string, unknown>> = {\n form: { [K in keyof T]: Constructor<T[K]> };\n handle: Handle<T>;\n validator?: Validator<T>;\n}\n\nfunction makingControls<T extends Record<string, unknown>>(form: { [K in keyof T]: Constructor<T[K]> }) {\n return Object.entries(form)\n .reduce((acc, data) => {\n const key = data[0] as keyof T;\n const value = data[1] as Constructor<T[keyof T]>;\n\n acc[key] = new FormControl(value);\n\n return acc;\n }, {} as AbstractControl<T>);\n}\n\nexport default function useForm<T extends Record<string, unknown>>({\n form,\n handle,\n validator\n}: UseForm<T>) {\n const [formGroup, setFormGroup] = useState<FormGroup<T>>(\n new FormGroup(\n makingControls(form),\n handle,\n validator\n )\n );\n\n const hydrate = (form: FormGroup<T>) => {\n setFormGroup(prev => {\n const controls = form.controls;\n\n const newFormGroup = new FormGroup(controls, handle, validator);\n newFormGroup.hydrate = prev.hydrate;\n\n return newFormGroup;\n });\n };\n\n formGroup.hydrate = hydrate;\n\n return formGroup;\n}"],"names":["FormContext","createContext","Form","formGroup","debug","children","props","jsxs","jsx","useFormGroup","context","useContext","useControl","controlName","value","data","Control","field","action","control","update","child","getValue","e","cloneElement","FormGroup","controls","handle","validator","fn","validity","c","values","key","prop","arg","partial","k","controlError","validatorError","FormControl","defaultValue","type","validators","errors","v","makingControls","form","acc","useForm","setFormGroup","useState","hydrate","prev","newFormGroup"],"mappings":"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"}

package/dist/chunks/useForm-UT6lrV2_.cjs DELETED Viewed

	@@ -1,2 +0,0 @@
1	- "use strict";const l=require("react"),h=require("react/jsx-runtime"),p=l.createContext(null);function m({formGroup:o,debug:t=!1,children:r,...e}){return h.jsxs(p,{value:o,children:[h.jsx("form",{...e,onSubmit:o.submit,noValidate:!0,children:r}),t&&h.jsx("pre",{style:{maxHeight:350,padding:15,borderRadius:4,overflow:"auto",color:"#333",background:"#e5e5e5",boxShadow:"0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)"},children:JSON.stringify(o.controls,null,2)})]})}function f(){const o=l.useContext(p);if(!o)throw new Error("useFormGroup must be used inside <FormProvider> (or <Form />).");return o}function v(o){const t=f();return{control:t.controls[o],update:n=>{t.setValues(u=>(u[o]=n,u))}}}function y({controlName:o,field:t,action:r="input"}){const{control:e,update:n}=v(o);return(i=>{const a=s=>["radio","checkbox"].includes(s.type)?s.target.checked:s.target.value;return l.cloneElement(i,{onBlur:s=>{r==="blur"&&n(a(s)),i.props.onBlur&&i.props.onBlur(s)},onInput:s=>{r==="input"&&n(a(s)),i.props.onInput&&i.props.onInput(s)},onChange:s=>{r==="change"&&n(a(s)),i.props.onChange&&i.props.onChange(s)}})})(t(e))}class d{constructor(t,r,e){this.controls=t,this.handle=r,this.validator=e}controls;handle;validator;_valid=!1;_hydrate;get hydrate(){return this._hydrate}set hydrate(t){this._hydrate=t}get isValid(){return this._valid}set isValid(t){this._valid=t}get errors(){return Object.values(this.controls).filter(t=>t.error)}get values(){const t={};return this.eachControl((r,e)=>({[e]:r.value})).forEach(r=>{for(const e in r)t[e]=r[e]}),t}setValues(t){const r=typeof t=="function"?t(this.values):t;for(const e of Object.keys(r))this.controls[e].value=r[e];this.validate(),this.hydrate(this),this.handle.change&&this.handle.change(this)}eachControl(t){return Object.keys(this.controls).map(r=>t(this.controls[r],r))}submit(){this.handle.submit&&(this.eachControl(t=>t.dirty=!0),this.handle.submit(this))}reset(){this.eachControl(t=>t.reset()),this.hydrate(this)}validate(){this.validator&&(Object.entries(this.validator).map(([t,r])=>{const e=this.controls[t].validate(),n=r(this);this.controls[t].error=e\|\|n\|\|""}),this.isValid=!this.errors.length)}}class g{_value;defaultValue;validators=[];type;error="";dirty=!1;constructor({defaultValue:t,type:r="text",validators:e}){this.type=r,this._value=t,this.defaultValue=t,e&&(this.validators=e)}get value(){return this._value}set value(t){this.dirty=!0,this._value=t,this.validate()}get isInvalid(){return!!(this.dirty&&this.error)}reset(){this.value=this.defaultValue,this.dirty=!1}validate(){const t=this.validators.map(r=>r(this)).filter(Boolean);return this.error=t[0]\|\|"",this.error}}function b(o){return Object.entries(o).reduce((t,r)=>{const e=r[0],n=r[1];return t[e]=new g(n),t},{})}function C({form:o,handle:t,validator:r}){const[e,n]=l.useState(new d(b(o),t,r)),u=i=>{n(a=>{const s=i.controls,c=new d(s,t,r);return c.hydrate=a.hydrate,c})};return e.hydrate=u,e}exports.Control=y;exports.Form=m;exports.useControl=v;exports.useForm=C;exports.useFormGroup=f;
2	- //# sourceMappingURL=useForm-UT6lrV2_.cjs.map

package/dist/chunks/useForm-UT6lrV2_.cjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"useForm-UT6lrV2_.cjs","sources":["../../src/lab/Form/Form.tsx","../../src/lab/Form/useFormGroup.ts","../../src/lab/Form/useControl.ts","../../src/lab/Form/Control.tsx","../../src/lab/Form/FormGroup.ts","../../src/lab/Form/FormControl.ts","../../src/lab/Form/useForm.ts"],"sourcesContent":["import { createContext, HTMLAttributes } from 'react';\n\nimport type FormGroup from './FormGroup';\n\nexport const FormContext = createContext<FormGroup<any> | null>(null);\n\ninterface FormProps<T extends Record<string, unknown>> extends HTMLAttributes<HTMLFormElement> {\n formGroup: FormGroup<T>;\n debug?: boolean;\n}\n\nexport default function Form<T extends Record<string, unknown>>({\n formGroup,\n debug = false,\n children,\n ...props\n}: FormProps<T>) {\n return (\n <FormContext value={formGroup}>\n <form {...props} onSubmit={formGroup.submit} noValidate>\n {children}\n </form>\n {\n debug && (\n <pre style={{\n maxHeight: 350,\n padding: 15,\n borderRadius: 4,\n overflow: 'auto',\n color: '#333',\n background: '#e5e5e5',\n boxShadow: '0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)',\n }}>\n {JSON.stringify(formGroup.controls, null, 2)}\n </pre>\n )\n }\n </FormContext>\n );\n}","import { useContext } from 'react';\n\nimport type FormGroup from './FormGroup';\nimport { FormContext } from './Form';\n\nexport default function useFormGroup<T extends Record<string, unknown>>() {\n const context = useContext(FormContext);\n\n if (!context) throw new Error('useFormGroup must be used inside <FormProvider> (or <Form />).');\n\n return context as FormGroup<T>;\n}","import useFormGroup from './useFormGroup';\n\nexport default function useControl<\n T extends Record<string, unknown>,\n K extends keyof T = keyof T,\n>(controlName: K) {\n const formGroup = useFormGroup<T>();\n const control = formGroup.controls[controlName];\n\n const update = (value: T[K]) => {\n formGroup.setValues((data) => {\n data[controlName] = value;\n\n return data;\n });\n };\n\n return { control, update };\n}","import { ChangeEvent, cloneElement, InputEvent, InputHTMLAttributes, ReactElement } from 'react';\n\nimport useControl from './useControl';\nimport type { AbstractControl } from './AbstractControl';\n\ninterface ControlProps<\n T extends Record<string, any>,\n K extends keyof T,\n> {\n controlName: K;\n action?: 'change' | 'input' | 'blur';\n field: (control: AbstractControl<T>[K]) => React.JSX.Element;\n}\n\nexport default function Control<\n T extends Record<string, any>,\n K extends keyof T\n>({\n controlName,\n field,\n action = 'input'\n}: ControlProps<T, K>) {\n const { control, update } = useControl<T, K>(controlName);\n\n const renderChildren = (child: ReactElement<InputHTMLAttributes<HTMLInputElement>>) => {\n const getValue = (e: ChangeEvent<HTMLInputElement> | InputEvent<HTMLInputElement>) => {\n if (['radio', 'checkbox'].includes(e.type)) { return e.target['checked']; }\n\n return e.target['value'];\n };\n\n return cloneElement(child, {\n onBlur: (e) => {\n if (action === 'blur') { update(getValue(e)); };\n\n if (child.props.onBlur) { child.props.onBlur(e); }\n },\n onInput: (e) => {\n if (action === 'input') { update(getValue(e)); };\n\n if (child.props.onInput) { child.props.onInput(e); }\n },\n onChange: (e) => {\n if (action === 'change') { update(getValue(e)); };\n\n if (child.props.onChange) { child.props.onChange(e); }\n },\n });\n };\n\n return (\n renderChildren(field(control))\n );\n}","import type { AbstractControl } from './AbstractControl';\nimport type FormControl from './FormControl';\n\ntype Hydrate<T extends Record<string, unknown>> = (data: FormGroup<T>) => void;\ntype SetValues<F> = Partial<F> | ((values: F) => Partial<F>);\n\nexport type Validator<T extends Record<string, unknown>> = {\n [K in keyof T]: (data: FormGroup<T>) => string | void;\n}\n\nexport interface Handle<T extends Record<string, unknown>> {\n change?: (form: FormGroup<T>) => void;\n submit?: (form: FormGroup<T>) => void;\n}\n\nexport default class FormGroup<T extends Record<string, unknown>> {\n private _valid = false;\n private _hydrate!: Hydrate<T>;\n\n constructor(\n public controls: AbstractControl<T>,\n public handle: Handle<T>,\n public validator?: Validator<T>,\n ) { }\n\n /**\n * Atualiza o estado interno do componente.\n * @private\n * @description Este método é usado internamente pela biblioteca.\n * Para atualizar valores externamente, use {@link setValues}.\n*/\n get hydrate() { return this._hydrate; }\n set hydrate(fn: (values: FormGroup<T>) => any) { this._hydrate = fn; }\n\n get isValid(): boolean { return this._valid; }\n set isValid(validity: boolean) { this._valid = validity; }\n\n get errors() {\n return Object.values<FormControl<T[keyof T]>>(this.controls).filter(c => c.error);\n }\n\n get values(): T {\n const values: Record<string, any> = {};\n\n this.eachControl((control, key) => ({ [key as string]: control.value }))\n .forEach(control => { for (const prop in control) { values[prop] = control[prop]; } });\n\n return values as T;\n }\n\n public setValues(fn: SetValues<T>): void;\n public setValues(partialForm: Partial<T>): void;\n public setValues(arg: Partial<T> | SetValues<T>) {\n const partial =\n typeof arg === 'function'\n ? arg(this.values)\n : arg;\n\n for (const key of Object.keys(partial)) {\n this.controls[key].value = partial[key] as T[keyof T];\n }\n\n this.validate();\n\n this.hydrate(this);\n\n if (!this.handle.change) { return; }\n\n this.handle.change(this);\n }\n\n private eachControl(fn: <K extends keyof T>(control: FormControl<T[K]>, key?: K) => any) {\n return Object.keys(this.controls).map(k => fn(this.controls[k], k));\n }\n\n public submit() {\n if (!this.handle.submit) { return; }\n\n this.eachControl((control) => control.dirty = true);\n\n this.handle.submit(this);\n }\n\n public reset() {\n this.eachControl((control) => control.reset());\n this.hydrate(this);\n }\n\n public validate() {\n if (!this.validator) { return; }\n\n Object.entries(this.validator).map(([key, fn]) => {\n const controlError = this.controls[key].validate();\n const validatorError = fn(this);\n\n this.controls[key].error = controlError || validatorError || '';\n });\n\n this.isValid = !this.errors.length;\n }\n}","type Type = 'text' | 'email';\ntype Validator<C> = (control: FormControl<C>) => string | false | void;\n\ntype Data<T> = {\n defaultValue: T;\n type?: Type;\n validators?: Validator<T>[];\n}\n\nexport type Constructor<V> = ConstructorParameters<typeof FormControl<V>>[number];\n\nexport default class FormControl<V> implements Pick<Data<V>, 'type'> {\n private _value!: V;\n private defaultValue: V;\n private validators: Validator<V>[] = [];\n\n public type: Type;\n public error = '';\n public dirty = false;\n\n constructor({\n defaultValue,\n type = 'text',\n validators,\n }: Data<V>) {\n this.type = type;\n this._value = defaultValue;\n this.defaultValue = defaultValue;\n\n if (validators) { this.validators = validators; }\n }\n\n get value(): V { return this._value; }\n set value(value: V) {\n this.dirty = true;\n this._value = value;\n this.validate();\n }\n\n get isInvalid() { return Boolean(this.dirty && this.error); }\n\n public reset() {\n this.value = this.defaultValue;\n this.dirty = false;\n }\n\n public validate() {\n const errors = this.validators\n .map(v => v(this))\n .filter(Boolean);\n\n this.error = errors[0] || '';\n\n return this.error;\n }\n}\n","import { useState } from 'react';\n\nimport FormGroup from './FormGroup';\nimport FormControl from './FormControl';\nimport type { Constructor } from './FormControl';\nimport type { Handle, Validator } from './FormGroup';\nimport type { AbstractControl } from './AbstractControl';\n\ntype UseForm<T extends Record<string, unknown>> = {\n form: { [K in keyof T]: Constructor<T[K]> };\n handle: Handle<T>;\n validator?: Validator<T>;\n}\n\nfunction makingControls<T extends Record<string, unknown>>(form: { [K in keyof T]: Constructor<T[K]> }) {\n return Object.entries(form)\n .reduce((acc, data) => {\n const key = data[0] as keyof T;\n const value = data[1] as Constructor<T[keyof T]>;\n\n acc[key] = new FormControl(value);\n\n return acc;\n }, {} as AbstractControl<T>);\n}\n\nexport default function useForm<T extends Record<string, unknown>>({\n form,\n handle,\n validator\n}: UseForm<T>) {\n const [formGroup, setFormGroup] = useState<FormGroup<T>>(\n new FormGroup(\n makingControls(form),\n handle,\n validator\n )\n );\n\n const hydrate = (form: FormGroup<T>) => {\n setFormGroup(prev => {\n const controls = form.controls;\n\n const newFormGroup = new FormGroup(controls, handle, validator);\n newFormGroup.hydrate = prev.hydrate;\n\n return newFormGroup;\n });\n };\n\n formGroup.hydrate = hydrate;\n\n return formGroup;\n}"],"names":["FormContext","createContext","Form","formGroup","debug","children","props","jsxs","jsx","useFormGroup","context","useContext","useControl","controlName","value","data","Control","field","action","control","update","child","getValue","e","cloneElement","FormGroup","controls","handle","validator","fn","validity","c","values","key","prop","arg","partial","k","controlError","validatorError","FormControl","defaultValue","type","validators","errors","v","makingControls","form","acc","useForm","setFormGroup","useState","hydrate","prev","newFormGroup"],"mappings":"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"}