@iziui/react 0.0.56-rc → 0.0.58-rc

package/dist/chunks/{createComponent-Dk7XYIBw.cjs → createComponent-DiHTpo26.cjs}

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

package/dist/chunks/{createComponent-Dk7XYIBw.cjs.map → createComponent-DiHTpo26.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"createComponent-Dk7XYIBw.cjs","sources":["../../../../core/src/options/createOptions/createOptions.ts","../../../../core/src/plugin/color/defineColor/defineColor.ts","../../../../core/src/plugin/color/defineBackground/defineBackground.ts","../../../../core/src/plugin/color/defineBorderColor/defineBorderColor.ts","../../../../core/src/plugin/color/defineBackgroundColor/defineBackgroundColor.ts","../../../../core/src/plugin/shape/defineBorderRadius/defineBorderRadius.ts","../../../../core/src/plugin/spacing/defineMargin/defineMargin.ts","../../../../core/src/plugin/spacing/definePadding/definePadding.ts","../../../../core/src/plugin/behavior/defineBoxShadow/defineBoxShadow.ts","../../src/core/createComponent.tsx"],"sourcesContent":["import type { Properties } from 'csstype';\n\nimport type { Plugin } from '../../plugin';\nimport type { ThemeBuilded } from '../../theme';\nimport type { CustomOptions } from '../CustomOptions';\n\ntype Data = {\n  sx: CustomOptions;\n  theme: ThemeBuilded;\n}\n\nexport default function createOptions({ sx, theme }: Data, ...plugins: Plugin[]): Properties {\n  return plugins.reduce<Properties>((acc, plugin) => {\n    acc = { ...acc, ...plugin(theme, sx) };\n\n    return acc;\n  }, {});\n}","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { color }) => {\n  const { palette } = theme;\n\n  if (!color) { return {}; }\n\n  return {\n    color: color(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { background }) => {\n  const { palette } = theme;\n\n  if (!background) { return {}; }\n\n  return {\n    background: background(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderColor }) => {\n  const { palette } = theme;\n\n  if (!borderColor) { return {}; }\n\n  return {\n    borderColor: borderColor(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { backgroundColor }) => {\n  const { palette } = theme;\n\n  if (!backgroundColor) { return {}; }\n\n  return {\n    backgroundColor: backgroundColor(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderRadius }) => {\n  const { shape } = theme;\n\n  if (!borderRadius) { return {}; }\n\n  return {\n    borderRadius: `${shape.radius * borderRadius}px`\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { m, mb, ml, mr, mt, mx, my }) => {\n  const { spacing } = theme;\n\n  const calculateMargin = (mg?: number) => {\n    return !!mg || mg === 0 ? `${String(mg * spacing)}px` : '';\n  };\n\n  const hasM = calculateMargin(m);\n\n  const hasMt = calculateMargin(mt);\n  const hasMb = calculateMargin(mb);\n\n  const hasMy = calculateMargin(my);\n  const hasMx = calculateMargin(mx);\n\n  const hasMl = calculateMargin(ml);\n  const hasMr = calculateMargin(mr);\n\n  return {\n    margin: hasM,\n    marginTop: hasMt || hasMy || hasM,\n    marginBottom: hasMb || hasMy || hasM,\n    marginLeft: hasMl || hasMx || hasM,\n    marginRight: hasMr || hasMx || hasM,\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { p, pb, pl, pr, pt, px, py }) => {\n  const { spacing } = theme;\n\n  const calculatePadding = (pd?: number) => {\n    return !!pd || pd === 0 ? `${String(pd * spacing)}px` : '';\n  };\n\n  const hasP = calculatePadding(p);\n\n  const hasPt = calculatePadding(pt);\n  const hasPb = calculatePadding(pb);\n\n  const hasPy = calculatePadding(py);\n  const hasPx = calculatePadding(px);\n\n  const hasPl = calculatePadding(pl);\n  const hasPr = calculatePadding(pr);\n\n  return {\n    padding: hasP,\n    paddingTop: hasPt || hasPy || hasP,\n    paddingBottom: hasPb || hasPy || hasP,\n    paddingLeft: hasPl || hasPx || hasP,\n    paddingRight: hasPr || hasPx || hasP,\n  };\n});","import { boxShadowSmall, boxShadowRegular, boxShadowLarge } from '@iziui/tokens/web/js';\n\nimport definePlugin from '../../definePlugin';\nimport type { CustomOptions } from '../../../options/CustomOptions';\n\ntype ExtractSize = NonNullable<CustomOptions['boxShadow']>;\n\nexport default definePlugin((_, { boxShadow }) => {\n\n  if (!boxShadow) { return {}; }\n\n  const sizes: { [s in ExtractSize]: string } = {\n    sm: boxShadowSmall,\n    md: boxShadowRegular,\n    lg: boxShadowLarge,\n  };\n\n  return {\n    boxShadow: sizes[boxShadow]\n  };\n});","import type { ComponentType, FC } from 'react';\n\nimport type { Sx } from '@iziui/core/options';\nimport type { Plugin } from '@iziui/core/plugin';\nimport createOptions from '@iziui/core/options';\nimport * as plugins from '@iziui/core/plugin';\n\nimport { useTheme } from '@/theme';\n\nfunction extract(module: { [key: string]: Plugin }) {\n  return Object.values(module).map((fn) => fn);\n}\n\nexport default function createComponent<P>(WrappedComponent: ComponentType<P>) {\n  WrappedComponent.displayName = WrappedComponent.name;\n\n  const EnhancedComponent: FC<Sx<P>> = ({ sx, fullWidth, ...props }) => {\n    const { theme } = useTheme();\n\n    const options = sx && createOptions({ theme, sx },\n      ...extract(plugins),\n    );\n\n    console.log('>>> fullWidth', fullWidth);\n\n    return (\n      <WrappedComponent\n        {...(props as P)}\n        style={{\n          ...props['style'],\n          ...options,\n          ...(fullWidth ? { width: '100%' } : {}),\n        }}\n      />\n    );\n  };\n\n  return EnhancedComponent;\n}"],"names":["createOptions","sx","theme","plugins","acc","plugin","defineColor","color","palette","defineBackground","background","defineBorderColor","borderColor","defineBackgroundColor","backgroundColor","defineBorderRadius","borderRadius","shape","defineMargin","m","mb","ml","mr","mt","mx","my","spacing","calculateMargin","mg","hasM","hasMt","hasMb","hasMy","hasMx","hasMl","hasMr","definePadding","p","pb","pl","pr","pt","px","py","calculatePadding","pd","hasP","hasPt","hasPb","hasPy","hasPx","hasPl","hasPr","defineBoxShadow","_","boxShadow","boxShadowSmall","boxShadowRegular","boxShadowLarge","extract","module","fn","createComponent","WrappedComponent","fullWidth","props","useTheme","options","jsx"],"mappings":"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"}
+{"version":3,"file":"createComponent-DiHTpo26.cjs","sources":["../../../../core/src/options/createOptions/createOptions.ts","../../../../core/src/plugin/color/defineColor/defineColor.ts","../../../../core/src/plugin/color/defineBackground/defineBackground.ts","../../../../core/src/plugin/color/defineBorderColor/defineBorderColor.ts","../../../../core/src/plugin/color/defineBackgroundColor/defineBackgroundColor.ts","../../../../core/src/plugin/shape/defineBorderRadius/defineBorderRadius.ts","../../../../core/src/plugin/spacing/defineMargin/defineMargin.ts","../../../../core/src/plugin/spacing/definePadding/definePadding.ts","../../../../core/src/plugin/behavior/defineBoxShadow/defineBoxShadow.ts","../../src/core/createComponent.tsx"],"sourcesContent":["import type { Properties } from 'csstype';\n\nimport type { Plugin } from '../../plugin';\nimport type { ThemeBuilded } from '../../theme';\nimport type { CustomOptions } from '../CustomOptions';\n\ntype Data = {\n  sx: CustomOptions;\n  theme: ThemeBuilded;\n}\n\nexport default function createOptions({ sx, theme }: Data, ...plugins: Plugin[]): Properties {\n  return plugins.reduce<Properties>((acc, plugin) => {\n    acc = { ...acc, ...plugin(theme, sx) };\n\n    return acc;\n  }, {});\n}","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { color }) => {\n  const { palette } = theme;\n\n  if (!color) { return {}; }\n\n  return {\n    color: color(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { background }) => {\n  const { palette } = theme;\n\n  if (!background) { return {}; }\n\n  return {\n    background: background(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderColor }) => {\n  const { palette } = theme;\n\n  if (!borderColor) { return {}; }\n\n  return {\n    borderColor: borderColor(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { backgroundColor }) => {\n  const { palette } = theme;\n\n  if (!backgroundColor) { return {}; }\n\n  return {\n    backgroundColor: backgroundColor(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderRadius }) => {\n  const { shape } = theme;\n\n  if (!borderRadius) { return {}; }\n\n  return {\n    borderRadius: `${shape.radius * borderRadius}px`\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { m, mb, ml, mr, mt, mx, my }) => {\n  const { spacing } = theme;\n\n  const calculateMargin = (mg?: number) => {\n    return !!mg || mg === 0 ? `${String(mg * spacing)}px` : '';\n  };\n\n  const hasM = calculateMargin(m);\n\n  const hasMt = calculateMargin(mt);\n  const hasMb = calculateMargin(mb);\n\n  const hasMy = calculateMargin(my);\n  const hasMx = calculateMargin(mx);\n\n  const hasMl = calculateMargin(ml);\n  const hasMr = calculateMargin(mr);\n\n  return {\n    margin: hasM,\n    marginTop: hasMt || hasMy || hasM,\n    marginBottom: hasMb || hasMy || hasM,\n    marginLeft: hasMl || hasMx || hasM,\n    marginRight: hasMr || hasMx || hasM,\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { p, pb, pl, pr, pt, px, py }) => {\n  const { spacing } = theme;\n\n  const calculatePadding = (pd?: number) => {\n    return !!pd || pd === 0 ? `${String(pd * spacing)}px` : '';\n  };\n\n  const hasP = calculatePadding(p);\n\n  const hasPt = calculatePadding(pt);\n  const hasPb = calculatePadding(pb);\n\n  const hasPy = calculatePadding(py);\n  const hasPx = calculatePadding(px);\n\n  const hasPl = calculatePadding(pl);\n  const hasPr = calculatePadding(pr);\n\n  return {\n    padding: hasP,\n    paddingTop: hasPt || hasPy || hasP,\n    paddingBottom: hasPb || hasPy || hasP,\n    paddingLeft: hasPl || hasPx || hasP,\n    paddingRight: hasPr || hasPx || hasP,\n  };\n});","import { boxShadowSmall, boxShadowRegular, boxShadowLarge } from '@iziui/tokens/web/js';\n\nimport definePlugin from '../../definePlugin';\nimport type { CustomOptions } from '../../../options/CustomOptions';\n\ntype ExtractSize = NonNullable<CustomOptions['boxShadow']>;\n\nexport default definePlugin((_, { boxShadow }) => {\n\n  if (!boxShadow) { return {}; }\n\n  const sizes: { [s in ExtractSize]: string } = {\n    sm: boxShadowSmall,\n    md: boxShadowRegular,\n    lg: boxShadowLarge,\n  };\n\n  return {\n    boxShadow: sizes[boxShadow]\n  };\n});","import type { ComponentType, FC } from 'react';\n\nimport type { Sx } from '@iziui/core/options';\nimport type { Plugin } from '@iziui/core/plugin';\nimport createOptions from '@iziui/core/options';\nimport * as plugins from '@iziui/core/plugin';\n\nimport { useTheme } from '@/theme';\n\nfunction extract(module: { [key: string]: Plugin }) {\n  return Object.values(module).map((fn) => fn);\n}\n\nexport default function createComponent<P>(WrappedComponent: ComponentType<P>) {\n  WrappedComponent.displayName = WrappedComponent.name;\n\n  const EnhancedComponent: FC<Sx<P>> = ({ sx, fullWidth, ...props }) => {\n    const { theme } = useTheme();\n\n    const options = sx && createOptions({ theme, sx },\n      ...extract(plugins),\n    );\n\n    console.log('>>> fullWidth', fullWidth);\n\n    return (\n      <WrappedComponent\n        {...(props as P)}\n        style={{\n          boxSizing: 'border-box',\n          ...props['style'],\n          ...options,\n          ...(fullWidth ? { width: '100%' } : {}),\n        }}\n      />\n    );\n  };\n\n  return EnhancedComponent;\n}"],"names":["createOptions","sx","theme","plugins","acc","plugin","defineColor","color","palette","defineBackground","background","defineBorderColor","borderColor","defineBackgroundColor","backgroundColor","defineBorderRadius","borderRadius","shape","defineMargin","m","mb","ml","mr","mt","mx","my","spacing","calculateMargin","mg","hasM","hasMt","hasMb","hasMy","hasMx","hasMl","hasMr","definePadding","p","pb","pl","pr","pt","px","py","calculatePadding","pd","hasP","hasPt","hasPb","hasPy","hasPx","hasPl","hasPr","defineBoxShadow","_","boxShadow","boxShadowSmall","boxShadowRegular","boxShadowLarge","extract","module","fn","createComponent","WrappedComponent","fullWidth","props","useTheme","options","jsx"],"mappings":"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"}

package/dist/chunks/{useMenu-CwgTamGj.cjs → useMenu-DYli8hgM.cjs}

@@ -1,2 +1,2 @@
-"use strict";const c=require("react/jsx-runtime"),n=require("react"),l=require("./index-DYxwT4uW.cjs"),z=require("./joinClass-Jk3EszKD.cjs"),D=require("./uuid-omnJ9TjZ.cjs"),E=require("./useListenerResized-AwpsZLcP.cjs"),L=require("./Card-I0APaJxr.cjs"),S=require("./CardContent-D0UkIs4G.cjs"),B=require("./createComponent-Dk7XYIBw.cjs");class P{delay(t,s=500){if(!s){t();return}clearTimeout(this.timeout),this.timeout=setTimeout(()=>{t()},s)}}const W=new P,F=n.forwardRef(function({open:t,width:s,children:f,anchorEl:o,direction:d="left",maxHeight:i,autoClose:_,onClose:$,...m},j){const[g,M]=n.useState(),[h,a]=n.useState({state:"invisible",animation:"close",width:"auto"}),N=16,y=150,k=n.Children.toArray(f),T=n.useMemo(()=>D.uuid(),[]),v=z.joinClass(`${l.prefix}-menu`,`${l.prefix}-menu--${h?.animation}`,m.className);E.useListenerResized(()=>b(),[o]),n.useEffect(()=>{b()},[o]),n.useEffect(()=>{t?w():C()},[t]);const b=()=>{o&&setTimeout(()=>{let e={};const{offsetWidth:r,offsetHeight:p,offsetLeft:q,offsetTop:I}=o;a(O=>({...O,width:r}));const x=I+p+N/2,R=document.getElementById(T);d==="center"&&(e={top:x,right:r}),d==="left"&&(e={top:x,left:q}),d==="right"&&(e={top:x,left:q-(R.offsetWidth-r)}),M(e)},0)},w=()=>{a(e=>({...e,state:"visible"})),setTimeout(()=>{a(e=>({...e,animation:"open"}))},10)},C=()=>{a(e=>({...e,animation:"close"})),setTimeout(()=>{a(e=>({...e,state:"invisible"})),$()},y)},A=()=>k.map((e,r)=>n.cloneElement(e,{tabIndex:r+1,key:`button-${r}`,onClick:p=>{W.delay(()=>{_&&C(),e.props.onClick&&e.props.onClick(p)},0)}}));return c.jsxs(c.Fragment,{children:[c.jsx("div",{id:T,ref:j,...m,style:{width:s||h.width,top:g?.top,left:g?.left,display:h?.state==="visible"?"block":"none",transition:`all ${y}ms ease-in`,zIndex:50,...m.style},className:v,children:t&&c.jsx(L.Card,{className:`${l.prefix}-menu__card`,children:c.jsx(S.CardContent,{className:`${l.prefix}-menu__card__content`,sx:{py:1},style:{display:"flex",flexDirection:"column",maxHeight:i},children:A()})})}),t&&c.jsx("div",{className:`${l.prefix}-menu__overlay`,onClick:C})]})}),G=B.createComponent(F);function H(){const[u,t]=n.useState(null),s=!!u,f=i=>{t(i?i.currentTarget:null)},o=()=>{t(null)};return[s,u,i=>{if(s){o();return}f(i)}]}exports.Menu=G;exports.useMenu=H;
-//# sourceMappingURL=useMenu-CwgTamGj.cjs.map
+"use strict";const c=require("react/jsx-runtime"),n=require("react"),l=require("./index-DYxwT4uW.cjs"),z=require("./joinClass-Jk3EszKD.cjs"),D=require("./uuid-omnJ9TjZ.cjs"),E=require("./useListenerResized-AwpsZLcP.cjs"),L=require("./Card-BrwjTDq_.cjs"),S=require("./CardContent-Ca4nAvUL.cjs"),B=require("./createComponent-DiHTpo26.cjs");class P{delay(t,s=500){if(!s){t();return}clearTimeout(this.timeout),this.timeout=setTimeout(()=>{t()},s)}}const W=new P,F=n.forwardRef(function({open:t,width:s,children:f,anchorEl:o,direction:d="left",maxHeight:i,autoClose:_,onClose:$,...m},j){const[g,M]=n.useState(),[h,a]=n.useState({state:"invisible",animation:"close",width:"auto"}),N=16,y=150,k=n.Children.toArray(f),T=n.useMemo(()=>D.uuid(),[]),v=z.joinClass(`${l.prefix}-menu`,`${l.prefix}-menu--${h?.animation}`,m.className);E.useListenerResized(()=>b(),[o]),n.useEffect(()=>{b()},[o]),n.useEffect(()=>{t?w():C()},[t]);const b=()=>{o&&setTimeout(()=>{let e={};const{offsetWidth:r,offsetHeight:p,offsetLeft:q,offsetTop:I}=o;a(O=>({...O,width:r}));const x=I+p+N/2,R=document.getElementById(T);d==="center"&&(e={top:x,right:r}),d==="left"&&(e={top:x,left:q}),d==="right"&&(e={top:x,left:q-(R.offsetWidth-r)}),M(e)},0)},w=()=>{a(e=>({...e,state:"visible"})),setTimeout(()=>{a(e=>({...e,animation:"open"}))},10)},C=()=>{a(e=>({...e,animation:"close"})),setTimeout(()=>{a(e=>({...e,state:"invisible"})),$()},y)},A=()=>k.map((e,r)=>n.cloneElement(e,{tabIndex:r+1,key:`button-${r}`,onClick:p=>{W.delay(()=>{_&&C(),e.props.onClick&&e.props.onClick(p)},0)}}));return c.jsxs(c.Fragment,{children:[c.jsx("div",{id:T,ref:j,...m,style:{width:s||h.width,top:g?.top,left:g?.left,display:h?.state==="visible"?"block":"none",transition:`all ${y}ms ease-in`,zIndex:50,...m.style},className:v,children:t&&c.jsx(L.Card,{className:`${l.prefix}-menu__card`,children:c.jsx(S.CardContent,{className:`${l.prefix}-menu__card__content`,sx:{py:1},style:{display:"flex",flexDirection:"column",maxHeight:i},children:A()})})}),t&&c.jsx("div",{className:`${l.prefix}-menu__overlay`,onClick:C})]})}),G=B.createComponent(F);function H(){const[u,t]=n.useState(null),s=!!u,f=i=>{t(i?i.currentTarget:null)},o=()=>{t(null)};return[s,u,i=>{if(s){o();return}f(i)}]}exports.Menu=G;exports.useMenu=H;
+//# sourceMappingURL=useMenu-DYli8hgM.cjs.map

package/dist/chunks/{useMenu-CwgTamGj.cjs.map → useMenu-DYli8hgM.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useMenu-CwgTamGj.cjs","sources":["../../../../toolkit/src/debounce/debounce.ts","../../src/navigation/Menu/Menu.tsx","../../src/navigation/Menu/useMenu.ts"],"sourcesContent":["class Debounce {\n  private timeout: NodeJS.Timeout | undefined;\n  public delay(func: (a?: any) => void, milliseconds = 500) {\n    if (!milliseconds) {\n      func();\n      return;\n    }\n\n    clearTimeout(this.timeout);\n    this.timeout = setTimeout(() => { func(); }, milliseconds);\n  }\n}\n\nexport const debounce = new Debounce();\n","import {\n  useMemo,\n  useState,\n  useEffect,\n  Children,\n  forwardRef,\n  type ReactElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  cloneElement\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport { uuid } from '@iziui/toolkit/uuid';\nimport { debounce } from '@iziui/toolkit/debounce';\n\nimport useListenerResized from '@/hooks/useListenerResized';\nimport { Card, CardContent } from '@/display/Card';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Menu.scss';\n\ntype Direction = 'left' | 'right' | 'center';\ntype AnimationClass = 'open' | 'close';\ntype State = 'visible' | 'invisible';\ntype Coordinates = { top?: number; right?: number; bottom?: number; left?: number; };\ntype Config = { animation: AnimationClass, state: State; width: CSSProperties['width'] };\n\nexport interface MenuProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  autoClose?: boolean;\n  maxHeight?: CSSProperties['maxHeight'];\n  direction?: Direction;\n  anchorEl: HTMLElement | null;\n  width?: CSSProperties['width'];\n  children: React.JSX.Element | React.JSX.Element[];\n  onClose: (e?: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst Menu = forwardRef<HTMLDivElement, MenuProps>(function Menu({\n  open,\n  width,\n  children,\n  anchorEl,\n  direction = 'left',\n  maxHeight,\n  autoClose,\n  onClose,\n  ...props\n}: MenuProps, ref) {\n  const [coordinate, setCoordinate] = useState<Coordinates>();\n  const [config, setConfig] = useState<Config>({ state: 'invisible', animation: 'close', width: 'auto' });\n\n  const GAP = 16;\n  const ANIMATION_DURATION = 150;\n\n  const arrayChildren = Children.toArray(children) as ReactElement<any>[];\n\n  const id = useMemo(() => uuid(), []);\n\n  const classes = joinClass(\n    `${prefix}-menu`,\n    `${prefix}-menu--${config?.animation}`,\n    props.className\n  );\n\n  useListenerResized(() => changePosition(), [anchorEl]);\n\n  useEffect(() => { changePosition(); }, [anchorEl]);\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n  useEffect(() => { open ? handleOpen() : handleClose(); }, [open]);\n\n  const changePosition = () => {\n    if (!anchorEl) { return; }\n\n    setTimeout(() => {\n      let coordinates: Coordinates = {};\n\n      const { offsetWidth, offsetHeight, offsetLeft, offsetTop } = anchorEl;\n\n      setConfig(prev => ({ ...prev, width: offsetWidth }));\n\n      const top = offsetTop + offsetHeight + (GAP / 2);\n\n      const el = document.getElementById(id) as HTMLElement;\n\n      if (direction === 'center') { coordinates = { top, right: offsetWidth }; }\n\n      if (direction === 'left') { coordinates = { top, left: offsetLeft }; }\n\n      if (direction === 'right') { coordinates = { top, left: offsetLeft - (el.offsetWidth - offsetWidth) }; }\n\n      setCoordinate(coordinates);\n    }, 0);\n  };\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, state: 'visible' }));\n\n    setTimeout(() => { setConfig(prev => ({ ...prev, animation: 'open' })); }, 10);\n  };\n\n  const handleClose = () => {\n    setConfig(prev => ({ ...prev, animation: 'close' }));\n\n    setTimeout(() => {\n      setConfig(prev => ({ ...prev, state: 'invisible' }));\n      onClose();\n    }, ANIMATION_DURATION);\n  };\n\n  const renderChildren = () => {\n    return arrayChildren.map((child, index) => {\n      return cloneElement(child, {\n        'tabIndex': index + 1,\n        key: `button-${index}`,\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n          debounce.delay(() => {\n\n            if (autoClose) { handleClose(); }\n\n            if (child.props.onClick) { child.props.onClick(e); }\n          }, 0);\n        },\n      });\n    });\n  };\n\n  return (\n    <>\n      <div\n        id={id}\n        ref={ref}\n        {...props}\n        style={{\n          width: width || config.width,\n          top: coordinate?.top,\n          left: coordinate?.left,\n          display: config?.state === 'visible' ? 'block' : 'none',\n          transition: `all ${ANIMATION_DURATION}ms ease-in`,\n          zIndex: 50,\n          ...props.style\n        }}\n        className={classes}\n      >\n        {\n          open && (\n            <Card className={`${prefix}-menu__card`}>\n              <CardContent\n                className={`${prefix}-menu__card__content`}\n                sx={{ py: 1 }}\n                style={{ display: 'flex', flexDirection: 'column', maxHeight }}\n              >\n                {renderChildren()}\n              </CardContent>\n            </Card>\n          )\n        }\n      </div>\n      {open && <div className={`${prefix}-menu__overlay`} onClick={handleClose} />}\n    </>\n  );\n});\n\nexport default createComponent(Menu);\n","import { useState } from 'react';\n\ntype UseMenu = [\n  boolean,\n  HTMLElement | null,\n  (event?: React.MouseEvent<HTMLButtonElement>) => void,\n];\n\nexport default function useMenu(): UseMenu {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const open = Boolean(anchorEl);\n\n  const handleOpen = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    setAnchorEl(event ? event.currentTarget : null);\n  };\n\n  const handleClose = () => { setAnchorEl(null); };\n\n  const handleToggle = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    if (open) {\n      handleClose();\n      return;\n    }\n\n    handleOpen(event);\n  };\n\n  return [open, anchorEl, handleToggle];\n}\n"],"names":["Debounce","func","milliseconds","debounce","Menu","forwardRef","open","width","children","anchorEl","direction","maxHeight","autoClose","onClose","props","ref","coordinate","setCoordinate","useState","config","setConfig","GAP","ANIMATION_DURATION","arrayChildren","Children","id","useMemo","uuid","classes","joinClass","prefix","useListenerResized","changePosition","useEffect","handleOpen","handleClose","coordinates","offsetWidth","offsetHeight","offsetLeft","offsetTop","prev","top","el","renderChildren","child","index","cloneElement","e","jsxs","Fragment","jsx","Card","CardContent","createComponent","useMenu","setAnchorEl","event"],"mappings":"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"}
+{"version":3,"file":"useMenu-DYli8hgM.cjs","sources":["../../../../toolkit/src/debounce/debounce.ts","../../src/navigation/Menu/Menu.tsx","../../src/navigation/Menu/useMenu.ts"],"sourcesContent":["class Debounce {\n  private timeout: NodeJS.Timeout | undefined;\n  public delay(func: (a?: any) => void, milliseconds = 500) {\n    if (!milliseconds) {\n      func();\n      return;\n    }\n\n    clearTimeout(this.timeout);\n    this.timeout = setTimeout(() => { func(); }, milliseconds);\n  }\n}\n\nexport const debounce = new Debounce();\n","import {\n  useMemo,\n  useState,\n  useEffect,\n  Children,\n  forwardRef,\n  type ReactElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  cloneElement\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport { uuid } from '@iziui/toolkit/uuid';\nimport { debounce } from '@iziui/toolkit/debounce';\n\nimport useListenerResized from '@/hooks/useListenerResized';\nimport { Card, CardContent } from '@/display/Card';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Menu.scss';\n\ntype Direction = 'left' | 'right' | 'center';\ntype AnimationClass = 'open' | 'close';\ntype State = 'visible' | 'invisible';\ntype Coordinates = { top?: number; right?: number; bottom?: number; left?: number; };\ntype Config = { animation: AnimationClass, state: State; width: CSSProperties['width'] };\n\nexport interface MenuProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  autoClose?: boolean;\n  maxHeight?: CSSProperties['maxHeight'];\n  direction?: Direction;\n  anchorEl: HTMLElement | null;\n  width?: CSSProperties['width'];\n  children: React.JSX.Element | React.JSX.Element[];\n  onClose: (e?: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst Menu = forwardRef<HTMLDivElement, MenuProps>(function Menu({\n  open,\n  width,\n  children,\n  anchorEl,\n  direction = 'left',\n  maxHeight,\n  autoClose,\n  onClose,\n  ...props\n}: MenuProps, ref) {\n  const [coordinate, setCoordinate] = useState<Coordinates>();\n  const [config, setConfig] = useState<Config>({ state: 'invisible', animation: 'close', width: 'auto' });\n\n  const GAP = 16;\n  const ANIMATION_DURATION = 150;\n\n  const arrayChildren = Children.toArray(children) as ReactElement<any>[];\n\n  const id = useMemo(() => uuid(), []);\n\n  const classes = joinClass(\n    `${prefix}-menu`,\n    `${prefix}-menu--${config?.animation}`,\n    props.className\n  );\n\n  useListenerResized(() => changePosition(), [anchorEl]);\n\n  useEffect(() => { changePosition(); }, [anchorEl]);\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n  useEffect(() => { open ? handleOpen() : handleClose(); }, [open]);\n\n  const changePosition = () => {\n    if (!anchorEl) { return; }\n\n    setTimeout(() => {\n      let coordinates: Coordinates = {};\n\n      const { offsetWidth, offsetHeight, offsetLeft, offsetTop } = anchorEl;\n\n      setConfig(prev => ({ ...prev, width: offsetWidth }));\n\n      const top = offsetTop + offsetHeight + (GAP / 2);\n\n      const el = document.getElementById(id) as HTMLElement;\n\n      if (direction === 'center') { coordinates = { top, right: offsetWidth }; }\n\n      if (direction === 'left') { coordinates = { top, left: offsetLeft }; }\n\n      if (direction === 'right') { coordinates = { top, left: offsetLeft - (el.offsetWidth - offsetWidth) }; }\n\n      setCoordinate(coordinates);\n    }, 0);\n  };\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, state: 'visible' }));\n\n    setTimeout(() => { setConfig(prev => ({ ...prev, animation: 'open' })); }, 10);\n  };\n\n  const handleClose = () => {\n    setConfig(prev => ({ ...prev, animation: 'close' }));\n\n    setTimeout(() => {\n      setConfig(prev => ({ ...prev, state: 'invisible' }));\n      onClose();\n    }, ANIMATION_DURATION);\n  };\n\n  const renderChildren = () => {\n    return arrayChildren.map((child, index) => {\n      return cloneElement(child, {\n        'tabIndex': index + 1,\n        key: `button-${index}`,\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n          debounce.delay(() => {\n\n            if (autoClose) { handleClose(); }\n\n            if (child.props.onClick) { child.props.onClick(e); }\n          }, 0);\n        },\n      });\n    });\n  };\n\n  return (\n    <>\n      <div\n        id={id}\n        ref={ref}\n        {...props}\n        style={{\n          width: width || config.width,\n          top: coordinate?.top,\n          left: coordinate?.left,\n          display: config?.state === 'visible' ? 'block' : 'none',\n          transition: `all ${ANIMATION_DURATION}ms ease-in`,\n          zIndex: 50,\n          ...props.style\n        }}\n        className={classes}\n      >\n        {\n          open && (\n            <Card className={`${prefix}-menu__card`}>\n              <CardContent\n                className={`${prefix}-menu__card__content`}\n                sx={{ py: 1 }}\n                style={{ display: 'flex', flexDirection: 'column', maxHeight }}\n              >\n                {renderChildren()}\n              </CardContent>\n            </Card>\n          )\n        }\n      </div>\n      {open && <div className={`${prefix}-menu__overlay`} onClick={handleClose} />}\n    </>\n  );\n});\n\nexport default createComponent(Menu);\n","import { useState } from 'react';\n\ntype UseMenu = [\n  boolean,\n  HTMLElement | null,\n  (event?: React.MouseEvent<HTMLButtonElement>) => void,\n];\n\nexport default function useMenu(): UseMenu {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const open = Boolean(anchorEl);\n\n  const handleOpen = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    setAnchorEl(event ? event.currentTarget : null);\n  };\n\n  const handleClose = () => { setAnchorEl(null); };\n\n  const handleToggle = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    if (open) {\n      handleClose();\n      return;\n    }\n\n    handleOpen(event);\n  };\n\n  return [open, anchorEl, handleToggle];\n}\n"],"names":["Debounce","func","milliseconds","debounce","Menu","forwardRef","open","width","children","anchorEl","direction","maxHeight","autoClose","onClose","props","ref","coordinate","setCoordinate","useState","config","setConfig","GAP","ANIMATION_DURATION","arrayChildren","Children","id","useMemo","uuid","classes","joinClass","prefix","useListenerResized","changePosition","useEffect","handleOpen","handleClose","coordinates","offsetWidth","offsetHeight","offsetLeft","offsetTop","prev","top","el","renderChildren","child","index","cloneElement","e","jsxs","Fragment","jsx","Card","CardContent","createComponent","useMenu","setAnchorEl","event"],"mappings":"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"}

package/dist/chunks/{useMenu-CzhqRm1Q.js → useMenu-hVrXgfnU.js}

@@ -1,2 +1,2 @@
-import{jsxs as B,Fragment as E,jsx as m}from"react/jsx-runtime";import{forwardRef as L,useState as g,Children as P,useMemo as W,useEffect as x,cloneElement as F}from"react";import{p as r}from"./index-CZ41y9Hn.js";import{j as G}from"./joinClass-anSpaauN.js";import{u as H}from"./uuid-dGvr9vBZ.js";import{u as S}from"./useListenerResized-Bnqxrt7k.js";import{C as U}from"./Card-9HLyAUcP.js";import{C as q}from"./CardContent-Vo_b-uhI.js";import{c as J}from"./createComponent-CNxBIpVe.js";class K{delay(t,n=500){if(!n){t();return}clearTimeout(this.timeout),this.timeout=setTimeout(()=>{t()},n)}}const Q=new K,V=L(function({open:t,width:n,children:f,anchorEl:o,direction:c="left",maxHeight:s,autoClose:N,onClose:M,...u},k){const[y,v]=g(),[d,a]=g({state:"invisible",animation:"close",width:"auto"}),w=16,T=150,A=P.toArray(f),b=W(()=>H(),[]),I=G(`${r}-menu`,`${r}-menu--${d?.animation}`,u.className);S(()=>_(),[o]),x(()=>{_()},[o]),x(()=>{t?j():h()},[t]);const _=()=>{o&&setTimeout(()=>{let e={};const{offsetWidth:i,offsetHeight:p,offsetLeft:$,offsetTop:D}=o;a(z=>({...z,width:i}));const C=D+p+w/2,R=document.getElementById(b);c==="center"&&(e={top:C,right:i}),c==="left"&&(e={top:C,left:$}),c==="right"&&(e={top:C,left:$-(R.offsetWidth-i)}),v(e)},0)},j=()=>{a(e=>({...e,state:"visible"})),setTimeout(()=>{a(e=>({...e,animation:"open"}))},10)},h=()=>{a(e=>({...e,animation:"close"})),setTimeout(()=>{a(e=>({...e,state:"invisible"})),M()},T)},O=()=>A.map((e,i)=>F(e,{tabIndex:i+1,key:`button-${i}`,onClick:p=>{Q.delay(()=>{N&&h(),e.props.onClick&&e.props.onClick(p)},0)}}));return B(E,{children:[m("div",{id:b,ref:k,...u,style:{width:n||d.width,top:y?.top,left:y?.left,display:d?.state==="visible"?"block":"none",transition:`all ${T}ms ease-in`,zIndex:50,...u.style},className:I,children:t&&m(U,{className:`${r}-menu__card`,children:m(q,{className:`${r}-menu__card__content`,sx:{py:1},style:{display:"flex",flexDirection:"column",maxHeight:s},children:O()})})}),t&&m("div",{className:`${r}-menu__overlay`,onClick:h})]})}),ae=J(V);function re(){const[l,t]=g(null),n=!!l,f=s=>{t(s?s.currentTarget:null)},o=()=>{t(null)};return[n,l,s=>{if(n){o();return}f(s)}]}export{ae as M,re as u};
-//# sourceMappingURL=useMenu-CzhqRm1Q.js.map
+import{jsxs as B,Fragment as E,jsx as m}from"react/jsx-runtime";import{forwardRef as L,useState as g,Children as P,useMemo as W,useEffect as x,cloneElement as F}from"react";import{p as r}from"./index-CZ41y9Hn.js";import{j as G}from"./joinClass-anSpaauN.js";import{u as H}from"./uuid-dGvr9vBZ.js";import{u as S}from"./useListenerResized-Bnqxrt7k.js";import{C as U}from"./Card-B2D3ppN8.js";import{C as q}from"./CardContent-BuXq8Ek9.js";import{c as J}from"./createComponent-Bhl48GId.js";class K{delay(t,n=500){if(!n){t();return}clearTimeout(this.timeout),this.timeout=setTimeout(()=>{t()},n)}}const Q=new K,V=L(function({open:t,width:n,children:f,anchorEl:o,direction:c="left",maxHeight:s,autoClose:N,onClose:M,...u},k){const[y,v]=g(),[d,a]=g({state:"invisible",animation:"close",width:"auto"}),w=16,T=150,A=P.toArray(f),b=W(()=>H(),[]),I=G(`${r}-menu`,`${r}-menu--${d?.animation}`,u.className);S(()=>_(),[o]),x(()=>{_()},[o]),x(()=>{t?j():h()},[t]);const _=()=>{o&&setTimeout(()=>{let e={};const{offsetWidth:i,offsetHeight:p,offsetLeft:$,offsetTop:D}=o;a(z=>({...z,width:i}));const C=D+p+w/2,R=document.getElementById(b);c==="center"&&(e={top:C,right:i}),c==="left"&&(e={top:C,left:$}),c==="right"&&(e={top:C,left:$-(R.offsetWidth-i)}),v(e)},0)},j=()=>{a(e=>({...e,state:"visible"})),setTimeout(()=>{a(e=>({...e,animation:"open"}))},10)},h=()=>{a(e=>({...e,animation:"close"})),setTimeout(()=>{a(e=>({...e,state:"invisible"})),M()},T)},O=()=>A.map((e,i)=>F(e,{tabIndex:i+1,key:`button-${i}`,onClick:p=>{Q.delay(()=>{N&&h(),e.props.onClick&&e.props.onClick(p)},0)}}));return B(E,{children:[m("div",{id:b,ref:k,...u,style:{width:n||d.width,top:y?.top,left:y?.left,display:d?.state==="visible"?"block":"none",transition:`all ${T}ms ease-in`,zIndex:50,...u.style},className:I,children:t&&m(U,{className:`${r}-menu__card`,children:m(q,{className:`${r}-menu__card__content`,sx:{py:1},style:{display:"flex",flexDirection:"column",maxHeight:s},children:O()})})}),t&&m("div",{className:`${r}-menu__overlay`,onClick:h})]})}),ae=J(V);function re(){const[l,t]=g(null),n=!!l,f=s=>{t(s?s.currentTarget:null)},o=()=>{t(null)};return[n,l,s=>{if(n){o();return}f(s)}]}export{ae as M,re as u};
+//# sourceMappingURL=useMenu-hVrXgfnU.js.map

package/dist/chunks/{useMenu-CzhqRm1Q.js.map → useMenu-hVrXgfnU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useMenu-CzhqRm1Q.js","sources":["../../../../toolkit/src/debounce/debounce.ts","../../src/navigation/Menu/Menu.tsx","../../src/navigation/Menu/useMenu.ts"],"sourcesContent":["class Debounce {\n  private timeout: NodeJS.Timeout | undefined;\n  public delay(func: (a?: any) => void, milliseconds = 500) {\n    if (!milliseconds) {\n      func();\n      return;\n    }\n\n    clearTimeout(this.timeout);\n    this.timeout = setTimeout(() => { func(); }, milliseconds);\n  }\n}\n\nexport const debounce = new Debounce();\n","import {\n  useMemo,\n  useState,\n  useEffect,\n  Children,\n  forwardRef,\n  type ReactElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  cloneElement\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport { uuid } from '@iziui/toolkit/uuid';\nimport { debounce } from '@iziui/toolkit/debounce';\n\nimport useListenerResized from '@/hooks/useListenerResized';\nimport { Card, CardContent } from '@/display/Card';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Menu.scss';\n\ntype Direction = 'left' | 'right' | 'center';\ntype AnimationClass = 'open' | 'close';\ntype State = 'visible' | 'invisible';\ntype Coordinates = { top?: number; right?: number; bottom?: number; left?: number; };\ntype Config = { animation: AnimationClass, state: State; width: CSSProperties['width'] };\n\nexport interface MenuProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  autoClose?: boolean;\n  maxHeight?: CSSProperties['maxHeight'];\n  direction?: Direction;\n  anchorEl: HTMLElement | null;\n  width?: CSSProperties['width'];\n  children: React.JSX.Element | React.JSX.Element[];\n  onClose: (e?: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst Menu = forwardRef<HTMLDivElement, MenuProps>(function Menu({\n  open,\n  width,\n  children,\n  anchorEl,\n  direction = 'left',\n  maxHeight,\n  autoClose,\n  onClose,\n  ...props\n}: MenuProps, ref) {\n  const [coordinate, setCoordinate] = useState<Coordinates>();\n  const [config, setConfig] = useState<Config>({ state: 'invisible', animation: 'close', width: 'auto' });\n\n  const GAP = 16;\n  const ANIMATION_DURATION = 150;\n\n  const arrayChildren = Children.toArray(children) as ReactElement<any>[];\n\n  const id = useMemo(() => uuid(), []);\n\n  const classes = joinClass(\n    `${prefix}-menu`,\n    `${prefix}-menu--${config?.animation}`,\n    props.className\n  );\n\n  useListenerResized(() => changePosition(), [anchorEl]);\n\n  useEffect(() => { changePosition(); }, [anchorEl]);\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n  useEffect(() => { open ? handleOpen() : handleClose(); }, [open]);\n\n  const changePosition = () => {\n    if (!anchorEl) { return; }\n\n    setTimeout(() => {\n      let coordinates: Coordinates = {};\n\n      const { offsetWidth, offsetHeight, offsetLeft, offsetTop } = anchorEl;\n\n      setConfig(prev => ({ ...prev, width: offsetWidth }));\n\n      const top = offsetTop + offsetHeight + (GAP / 2);\n\n      const el = document.getElementById(id) as HTMLElement;\n\n      if (direction === 'center') { coordinates = { top, right: offsetWidth }; }\n\n      if (direction === 'left') { coordinates = { top, left: offsetLeft }; }\n\n      if (direction === 'right') { coordinates = { top, left: offsetLeft - (el.offsetWidth - offsetWidth) }; }\n\n      setCoordinate(coordinates);\n    }, 0);\n  };\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, state: 'visible' }));\n\n    setTimeout(() => { setConfig(prev => ({ ...prev, animation: 'open' })); }, 10);\n  };\n\n  const handleClose = () => {\n    setConfig(prev => ({ ...prev, animation: 'close' }));\n\n    setTimeout(() => {\n      setConfig(prev => ({ ...prev, state: 'invisible' }));\n      onClose();\n    }, ANIMATION_DURATION);\n  };\n\n  const renderChildren = () => {\n    return arrayChildren.map((child, index) => {\n      return cloneElement(child, {\n        'tabIndex': index + 1,\n        key: `button-${index}`,\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n          debounce.delay(() => {\n\n            if (autoClose) { handleClose(); }\n\n            if (child.props.onClick) { child.props.onClick(e); }\n          }, 0);\n        },\n      });\n    });\n  };\n\n  return (\n    <>\n      <div\n        id={id}\n        ref={ref}\n        {...props}\n        style={{\n          width: width || config.width,\n          top: coordinate?.top,\n          left: coordinate?.left,\n          display: config?.state === 'visible' ? 'block' : 'none',\n          transition: `all ${ANIMATION_DURATION}ms ease-in`,\n          zIndex: 50,\n          ...props.style\n        }}\n        className={classes}\n      >\n        {\n          open && (\n            <Card className={`${prefix}-menu__card`}>\n              <CardContent\n                className={`${prefix}-menu__card__content`}\n                sx={{ py: 1 }}\n                style={{ display: 'flex', flexDirection: 'column', maxHeight }}\n              >\n                {renderChildren()}\n              </CardContent>\n            </Card>\n          )\n        }\n      </div>\n      {open && <div className={`${prefix}-menu__overlay`} onClick={handleClose} />}\n    </>\n  );\n});\n\nexport default createComponent(Menu);\n","import { useState } from 'react';\n\ntype UseMenu = [\n  boolean,\n  HTMLElement | null,\n  (event?: React.MouseEvent<HTMLButtonElement>) => void,\n];\n\nexport default function useMenu(): UseMenu {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const open = Boolean(anchorEl);\n\n  const handleOpen = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    setAnchorEl(event ? event.currentTarget : null);\n  };\n\n  const handleClose = () => { setAnchorEl(null); };\n\n  const handleToggle = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    if (open) {\n      handleClose();\n      return;\n    }\n\n    handleOpen(event);\n  };\n\n  return [open, anchorEl, handleToggle];\n}\n"],"names":["Debounce","func","milliseconds","debounce","Menu","forwardRef","open","width","children","anchorEl","direction","maxHeight","autoClose","onClose","props","ref","coordinate","setCoordinate","useState","config","setConfig","GAP","ANIMATION_DURATION","arrayChildren","Children","id","useMemo","uuid","classes","joinClass","prefix","useListenerResized","changePosition","useEffect","handleOpen","handleClose","coordinates","offsetWidth","offsetHeight","offsetLeft","offsetTop","prev","top","el","renderChildren","child","index","cloneElement","e","jsxs","Fragment","jsx","Card","CardContent","Menu$1","createComponent","useMenu","setAnchorEl","event"],"mappings":"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"}
+{"version":3,"file":"useMenu-hVrXgfnU.js","sources":["../../../../toolkit/src/debounce/debounce.ts","../../src/navigation/Menu/Menu.tsx","../../src/navigation/Menu/useMenu.ts"],"sourcesContent":["class Debounce {\n  private timeout: NodeJS.Timeout | undefined;\n  public delay(func: (a?: any) => void, milliseconds = 500) {\n    if (!milliseconds) {\n      func();\n      return;\n    }\n\n    clearTimeout(this.timeout);\n    this.timeout = setTimeout(() => { func(); }, milliseconds);\n  }\n}\n\nexport const debounce = new Debounce();\n","import {\n  useMemo,\n  useState,\n  useEffect,\n  Children,\n  forwardRef,\n  type ReactElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  cloneElement\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport { uuid } from '@iziui/toolkit/uuid';\nimport { debounce } from '@iziui/toolkit/debounce';\n\nimport useListenerResized from '@/hooks/useListenerResized';\nimport { Card, CardContent } from '@/display/Card';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Menu.scss';\n\ntype Direction = 'left' | 'right' | 'center';\ntype AnimationClass = 'open' | 'close';\ntype State = 'visible' | 'invisible';\ntype Coordinates = { top?: number; right?: number; bottom?: number; left?: number; };\ntype Config = { animation: AnimationClass, state: State; width: CSSProperties['width'] };\n\nexport interface MenuProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  autoClose?: boolean;\n  maxHeight?: CSSProperties['maxHeight'];\n  direction?: Direction;\n  anchorEl: HTMLElement | null;\n  width?: CSSProperties['width'];\n  children: React.JSX.Element | React.JSX.Element[];\n  onClose: (e?: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst Menu = forwardRef<HTMLDivElement, MenuProps>(function Menu({\n  open,\n  width,\n  children,\n  anchorEl,\n  direction = 'left',\n  maxHeight,\n  autoClose,\n  onClose,\n  ...props\n}: MenuProps, ref) {\n  const [coordinate, setCoordinate] = useState<Coordinates>();\n  const [config, setConfig] = useState<Config>({ state: 'invisible', animation: 'close', width: 'auto' });\n\n  const GAP = 16;\n  const ANIMATION_DURATION = 150;\n\n  const arrayChildren = Children.toArray(children) as ReactElement<any>[];\n\n  const id = useMemo(() => uuid(), []);\n\n  const classes = joinClass(\n    `${prefix}-menu`,\n    `${prefix}-menu--${config?.animation}`,\n    props.className\n  );\n\n  useListenerResized(() => changePosition(), [anchorEl]);\n\n  useEffect(() => { changePosition(); }, [anchorEl]);\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n  useEffect(() => { open ? handleOpen() : handleClose(); }, [open]);\n\n  const changePosition = () => {\n    if (!anchorEl) { return; }\n\n    setTimeout(() => {\n      let coordinates: Coordinates = {};\n\n      const { offsetWidth, offsetHeight, offsetLeft, offsetTop } = anchorEl;\n\n      setConfig(prev => ({ ...prev, width: offsetWidth }));\n\n      const top = offsetTop + offsetHeight + (GAP / 2);\n\n      const el = document.getElementById(id) as HTMLElement;\n\n      if (direction === 'center') { coordinates = { top, right: offsetWidth }; }\n\n      if (direction === 'left') { coordinates = { top, left: offsetLeft }; }\n\n      if (direction === 'right') { coordinates = { top, left: offsetLeft - (el.offsetWidth - offsetWidth) }; }\n\n      setCoordinate(coordinates);\n    }, 0);\n  };\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, state: 'visible' }));\n\n    setTimeout(() => { setConfig(prev => ({ ...prev, animation: 'open' })); }, 10);\n  };\n\n  const handleClose = () => {\n    setConfig(prev => ({ ...prev, animation: 'close' }));\n\n    setTimeout(() => {\n      setConfig(prev => ({ ...prev, state: 'invisible' }));\n      onClose();\n    }, ANIMATION_DURATION);\n  };\n\n  const renderChildren = () => {\n    return arrayChildren.map((child, index) => {\n      return cloneElement(child, {\n        'tabIndex': index + 1,\n        key: `button-${index}`,\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n          debounce.delay(() => {\n\n            if (autoClose) { handleClose(); }\n\n            if (child.props.onClick) { child.props.onClick(e); }\n          }, 0);\n        },\n      });\n    });\n  };\n\n  return (\n    <>\n      <div\n        id={id}\n        ref={ref}\n        {...props}\n        style={{\n          width: width || config.width,\n          top: coordinate?.top,\n          left: coordinate?.left,\n          display: config?.state === 'visible' ? 'block' : 'none',\n          transition: `all ${ANIMATION_DURATION}ms ease-in`,\n          zIndex: 50,\n          ...props.style\n        }}\n        className={classes}\n      >\n        {\n          open && (\n            <Card className={`${prefix}-menu__card`}>\n              <CardContent\n                className={`${prefix}-menu__card__content`}\n                sx={{ py: 1 }}\n                style={{ display: 'flex', flexDirection: 'column', maxHeight }}\n              >\n                {renderChildren()}\n              </CardContent>\n            </Card>\n          )\n        }\n      </div>\n      {open && <div className={`${prefix}-menu__overlay`} onClick={handleClose} />}\n    </>\n  );\n});\n\nexport default createComponent(Menu);\n","import { useState } from 'react';\n\ntype UseMenu = [\n  boolean,\n  HTMLElement | null,\n  (event?: React.MouseEvent<HTMLButtonElement>) => void,\n];\n\nexport default function useMenu(): UseMenu {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const open = Boolean(anchorEl);\n\n  const handleOpen = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    setAnchorEl(event ? event.currentTarget : null);\n  };\n\n  const handleClose = () => { setAnchorEl(null); };\n\n  const handleToggle = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    if (open) {\n      handleClose();\n      return;\n    }\n\n    handleOpen(event);\n  };\n\n  return [open, anchorEl, handleToggle];\n}\n"],"names":["Debounce","func","milliseconds","debounce","Menu","forwardRef","open","width","children","anchorEl","direction","maxHeight","autoClose","onClose","props","ref","coordinate","setCoordinate","useState","config","setConfig","GAP","ANIMATION_DURATION","arrayChildren","Children","id","useMemo","uuid","classes","joinClass","prefix","useListenerResized","changePosition","useEffect","handleOpen","handleClose","coordinates","offsetWidth","offsetHeight","offsetLeft","offsetTop","prev","top","el","renderChildren","child","index","cloneElement","e","jsxs","Fragment","jsx","Card","CardContent","Menu$1","createComponent","useMenu","setAnchorEl","event"],"mappings":"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"}

package/dist/components/Alert/index.cjs

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

package/dist/components/Alert/index.js

@@ -1,2 +1,2 @@
-import{A}from"../../chunks/Alert-B4WtVQjs.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Stack-CJUShSaY.js";import"../../chunks/createComponent-CNxBIpVe.js";import"../../chunks/useTheme-BkUhhydo.js";import"../../chunks/Typography-CLOmn49Z.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/ButtonIcon-CX9wj1rg.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-CvSrDjml.js";export{A as default};
+import{A}from"../../chunks/Alert-De27NFno.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Stack-DAlczuE0.js";import"../../chunks/createComponent-Bhl48GId.js";import"../../chunks/useTheme-BkUhhydo.js";import"../../chunks/Typography-BxZqGk3g.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/ButtonIcon-BmUZZwS7.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-DMVu40wB.js";export{A as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Avatar/index.cjs

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

package/dist/components/Avatar/index.js

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

package/dist/components/Box/index.cjs

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

package/dist/components/Box/index.js

@@ -1,2 +1,2 @@
-import{B as e}from"../../chunks/Box-JICj_E-d.js";import"react/jsx-runtime";import"react";import"../../chunks/createComponent-CNxBIpVe.js";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/useTheme-BkUhhydo.js";export{e as default};
+import{B as e}from"../../chunks/Box-tIj8kfQ-.js";import"react/jsx-runtime";import"react";import"../../chunks/createComponent-Bhl48GId.js";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/useTheme-BkUhhydo.js";export{e as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Button/index.cjs

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

package/dist/components/Button/index.js

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

package/dist/components/ButtonIcon/index.cjs

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

package/dist/components/ButtonIcon/index.js

@@ -1,2 +1,2 @@
-import{B as l}from"../../chunks/ButtonIcon-CX9wj1rg.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/useTheme-BkUhhydo.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/createComponent-CNxBIpVe.js";export{l as default};
+import{B as l}from"../../chunks/ButtonIcon-BmUZZwS7.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/useTheme-BkUhhydo.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/createComponent-Bhl48GId.js";export{l as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Card/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/Card-I0APaJxr.cjs"),r=require("../../chunks/CardContent-D0UkIs4G.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("react");require("../../chunks/createComponent-Dk7XYIBw.cjs");require("../../chunks/useTheme-DwBpyW-5.cjs");exports.Card=e.Card;exports.CardContent=r.CardContent;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/Card-BrwjTDq_.cjs"),r=require("../../chunks/CardContent-Ca4nAvUL.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("react");require("../../chunks/createComponent-DiHTpo26.cjs");require("../../chunks/useTheme-DwBpyW-5.cjs");exports.Card=e.Card;exports.CardContent=r.CardContent;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Card/index.js

@@ -1,2 +1,2 @@
-import{C as d}from"../../chunks/Card-9HLyAUcP.js";import{C as n}from"../../chunks/CardContent-Vo_b-uhI.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"react";import"../../chunks/createComponent-CNxBIpVe.js";import"../../chunks/useTheme-BkUhhydo.js";export{d as Card,n as CardContent};
+import{C as d}from"../../chunks/Card-B2D3ppN8.js";import{C as n}from"../../chunks/CardContent-BuXq8Ek9.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"react";import"../../chunks/createComponent-Bhl48GId.js";import"../../chunks/useTheme-BkUhhydo.js";export{d as Card,n as CardContent};
 //# sourceMappingURL=index.js.map

package/dist/components/Checkbox/index.cjs

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

package/dist/components/Checkbox/index.js

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

package/dist/components/CheckboxGroup/index.cjs

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

package/dist/components/CheckboxGroup/index.js

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

package/dist/components/Chip/index.cjs

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

package/dist/components/Chip/index.js

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

package/dist/components/ColorPicker/index.cjs

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

package/dist/components/ColorPicker/index.js

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

package/dist/components/Container/index.cjs

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

package/dist/components/Container/index.js

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

package/dist/components/Divider/index.cjs

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

package/dist/components/Divider/index.js

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

package/dist/components/Drawer/index.cjs

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

package/dist/components/Drawer/index.js

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

package/dist/components/Icon/index.cjs

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

package/dist/components/Icon/index.js

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

package/dist/components/Input/index.cjs

@@ -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-Dk7XYIBw.cjs");require("../../chunks/useTheme-DwBpyW-5.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-DiHTpo26.cjs");require("../../chunks/useTheme-DwBpyW-5.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

@@ -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-CNxBIpVe.js";import"../../chunks/useTheme-BkUhhydo.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-Bhl48GId.js";import"../../chunks/useTheme-BkUhhydo.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

@@ -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-Dk7XYIBw.cjs");require("../../chunks/useTheme-DwBpyW-5.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-DiHTpo26.cjs");require("../../chunks/useTheme-DwBpyW-5.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

@@ -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-CNxBIpVe.js";import"../../chunks/useTheme-BkUhhydo.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-Bhl48GId.js";import"../../chunks/useTheme-BkUhhydo.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

@@ -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-Dk7XYIBw.cjs"),d=require("../../chunks/useTheme-DwBpyW-5.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-DiHTpo26.cjs"),d=require("../../chunks/useTheme-DwBpyW-5.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

@@ -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-CNxBIpVe.js";import{u as d}from"../../chunks/useTheme-BkUhhydo.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-Bhl48GId.js";import{u as d}from"../../chunks/useTheme-BkUhhydo.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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/useMenu-CwgTamGj.cjs"),u=require("../../chunks/MenuButton-DsXIKOMv.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-I0APaJxr.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/createComponent-Dk7XYIBw.cjs");require("../../chunks/useTheme-DwBpyW-5.cjs");require("../../chunks/CardContent-D0UkIs4G.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-DYli8hgM.cjs"),u=require("../../chunks/MenuButton-BvncFvEh.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-BrwjTDq_.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/createComponent-DiHTpo26.cjs");require("../../chunks/useTheme-DwBpyW-5.cjs");require("../../chunks/CardContent-Ca4nAvUL.cjs");exports.Menu=e.Menu;exports.useMenu=e.useMenu;exports.MenuButton=u.MenuButton_default;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Menu/index.js

@@ -1,2 +1,2 @@
-import{M as x,u as B}from"../../chunks/useMenu-CzhqRm1Q.js";import{M as c}from"../../chunks/MenuButton-Br-AJ3PB.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-9HLyAUcP.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/createComponent-CNxBIpVe.js";import"../../chunks/useTheme-BkUhhydo.js";import"../../chunks/CardContent-Vo_b-uhI.js";export{x as Menu,c as MenuButton,B as useMenu};
+import{M as x,u as B}from"../../chunks/useMenu-hVrXgfnU.js";import{M as c}from"../../chunks/MenuButton-DMaUwnI-.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-B2D3ppN8.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/createComponent-Bhl48GId.js";import"../../chunks/useTheme-BkUhhydo.js";import"../../chunks/CardContent-BuXq8Ek9.js";export{x as Menu,c as MenuButton,B as useMenu};
 //# sourceMappingURL=index.js.map