@iziui/react 0.0.69-rc → 0.0.71-rc

package/dist/.types/actions/ButtonIcon/ButtonIcon.d.ts

@@ -6,6 +6,6 @@ export interface ButtonIconProps extends PropsWithChildren<ButtonHTMLAttributes<
     size?: number;
     children: ReactElement<IconProps>;
 }
-declare const _default: import('react').FC<import('../../_internal/core/system').Sx<ButtonIconProps>>;
+declare const _default: import('react').FC<import('../../theme').Sx<ButtonIconProps>>;
 export default _default;
 //# sourceMappingURL=ButtonIcon.d.ts.map

package/dist/.types/display/Tooltip/Tooltip.d.ts

@@ -6,6 +6,6 @@ export interface TooltipProps extends HTMLAttributes<HTMLElement> {
     children: React.JSX.Element;
     label: string | React.JSX.Element;
 }
-declare const _default: import('react').FC<import('../../_internal/core/system').Sx<TooltipProps>>;
+declare const _default: import('react').FC<import('../../theme').Sx<TooltipProps>>;
 export default _default;
 //# sourceMappingURL=Tooltip.d.ts.map

package/dist/.types/display/Typography/Typography.d.ts

@@ -8,6 +8,6 @@ export interface TypographyProps extends PropsWithChildren<HTMLAttributes<HTMLPa
     textAlign?: CSSProperties['textAlign'];
     weight?: 'bold' | 'normal' | 'light';
 }
-declare const _default: import('react').FC<import('../../_internal/core/system').Sx<TypographyProps>>;
+declare const _default: import('react').FC<import('../../theme').Sx<TypographyProps>>;
 export default _default;
 //# sourceMappingURL=Typography.d.ts.map

package/dist/.types/display/index.d.ts

@@ -1,5 +1,7 @@
+export * from './Avatar';
 export * from './Card';
 export * from './Chip';
+export * from './Divider';
 export * from './Icon';
 export * from './Table';
 export * from './Tooltip';

package/dist/.types/display/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/display/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/display/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC"}

package/dist/.types/feedback/Toast/Toast.d.ts

@@ -12,6 +12,6 @@ export interface ToastProps extends HTMLAttributes<HTMLDivElement> {
     visible?: boolean;
     onRemove: (id: string) => void;
 }
-declare const _default: import('react').FC<import('../../_internal/core/system').Sx<ToastProps>>;
+declare const _default: import('react').FC<import('../../theme').Sx<ToastProps>>;
 export default _default;
 //# sourceMappingURL=Toast.d.ts.map

package/dist/.types/fields/ColorPicker/ColorPicker.d.ts

@@ -7,6 +7,6 @@ export interface ColorPickerProps extends Omit<InputHTMLAttributes<HTMLInputElem
     fitContent?: boolean;
     autoClose?: boolean;
 }
-declare const _default: import('react').FC<import('../../_internal/core/system').Sx<ColorPickerProps>>;
+declare const _default: import('react').FC<import('../../theme').Sx<ColorPickerProps>>;
 export default _default;
 //# sourceMappingURL=ColorPicker.d.ts.map

package/dist/.types/navigation/Drawer/index.d.ts

@@ -1,2 +1,10 @@
-export { default, type DrawerProps } from './Drawer';
+export { default as useDrawer } from './useDrawer';
+export { default as Drawer } from './Drawer';
+export { default as DrawerFooter } from './DrawerFooter';
+export { default as DrawerHeader } from './DrawerHeader';
+export { default as DrawerContent } from './DrawerContent';
+export * from './Drawer';
+export * from './DrawerFooter';
+export * from './DrawerHeader';
+export * from './DrawerContent';
 //# sourceMappingURL=index.d.ts.map

package/dist/.types/navigation/Drawer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/navigation/Drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/navigation/Drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE3D,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}

package/dist/.types/navigation/index.d.ts

@@ -1,3 +1,3 @@
-export { default as Drawer, type DrawerProps } from './Drawer';
 export * from './Menu';
+export * from './Drawer';
 //# sourceMappingURL=index.d.ts.map

package/dist/.types/navigation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/D,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC"}

package/dist/.types/theme/index.d.ts

@@ -1,5 +1,7 @@
 export { default as useTheme } from './useTheme';
 export { default as ThemeProvider } from './ThemeProvider';
-export * from './Theme';
 export * from './createTheme';
+export * from './options';
+export * from './system';
+export * from './Theme';
 //# sourceMappingURL=index.d.ts.map

package/dist/.types/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/dist/chunks/DrawerContent-B0yuNjrh.js

@@ -0,0 +1,2 @@
+import{useState as w,useEffect as _}from"react";import{jsxs as f,jsx as s}from"react/jsx-runtime";import{p as n}from"./index-CZ41y9Hn.js";import{j as o}from"./joinClass-anSpaauN.js";import{S as v}from"./Stack-DK5pfu2w.js";import{c as m}from"./createComponent-WNQRXK89.js";import{B as p}from"./ButtonIcon-CsX4oYeI.js";import{I}from"./Icon-CCIgEwA9.js";function M(t=!1){const[e,r]=w(!1);return _(()=>{r(t)},[t]),[e,()=>{r(i=>!i)}]}function g({open:t,header:e,body:r,footer:c,direction:i="right",onClose:D,...u}){const[d,l]=w({visible:!1,animation:"hide"}),h=300,N=o(`${n}-drawer`,u.className),$=o(`${n}-drawer__content`,`${n}-drawer__content--${i}`,`${n}-drawer__content--${i}--${d.animation}`),b=o(`${n}-drawer__overlay`,`${n}-drawer__overlay--${d.animation}`);_(()=>{let a;if(t){a=y();return}return a=C(),()=>{clearTimeout(a)}},[t]);const y=()=>(l(a=>({...a,visible:!0})),setTimeout(()=>{l(a=>({...a,animation:"show"})),document.body.style.overflow="hidden"},100)),C=()=>(l(a=>({...a,animation:"hide"})),setTimeout(()=>{l(a=>({...a,visible:!1})),document.body.style.overflow=""},h));return d.visible&&f("div",{...u,className:N,children:[f(v,{className:$,children:[e,r,c]}),s("div",{"data-testid":"drawer-overlay",className:b,onClick:D})]})}const R=m(g);function j({children:t,...e}){const r=o(`${n}-drawer__footer`,e.className);return s("div",{...e,className:r,children:t})}const U=m(j);function x({children:t,onClose:e,...r}){const c=o(`${n}-drawer__header`,r.className);return f(v,{flexDirection:"row",alignItems:"center",justifyContent:"space-between",...r,className:c,children:[t,e&&s(p,{onClick:e,color:"primary","aria-label":"Fechar","data-testid":"drawer-close-button",children:s(I,{name:"times"})})]})}const q=m(x);function T({children:t,...e}){const r=o(`${n}-drawer__content__container`,e.className);return s("div",{...e,className:r,children:t})}const z=m(T);export{R as D,z as a,U as b,q as c,M as u};
+//# sourceMappingURL=DrawerContent-B0yuNjrh.js.map

package/dist/chunks/DrawerContent-B0yuNjrh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent-B0yuNjrh.js","sources":["../../src/navigation/Drawer/useDrawer.ts","../../src/navigation/Drawer/Drawer.tsx","../../src/navigation/Drawer/DrawerFooter.tsx","../../src/navigation/Drawer/DrawerHeader.tsx","../../src/navigation/Drawer/DrawerContent.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ntype UseDrawer = [boolean, () => void]\n\nexport default function useDrawer(open = false): UseDrawer {\n  const [_open, setOpen] = useState(false);\n\n  useEffect(() => { setOpen(open); }, [open]);\n\n  const toogleDrawer = () => { setOpen(prev => !prev); };\n\n  return [_open, toogleDrawer];\n}","import { useEffect, useState, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Drawer.scss';\n\ntype Direction = 'right' | 'left' | 'bottom';\ntype AnimationClass = 'show' | 'hide';\ntype Config = { animation: AnimationClass; visible: boolean };\n\nexport interface DrawerProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  direction?: Direction;\n  body: React.JSX.Element;\n  header?: React.JSX.Element;\n  footer?: React.JSX.Element;\n  onClose: () => void;\n};\n\nfunction Drawer({\n  open,\n  header,\n  body,\n  footer,\n  direction = 'right',\n  onClose,\n  ...props\n}: DrawerProps) {\n  const [config, setConfig] = useState<Config>({ visible: false, animation: 'hide' });\n\n  const ANIMATION_DURATION = 300;\n\n  const cls = joinClass(\n    `${prefix}-drawer`,\n    props.className\n  );\n\n  const contentCls = joinClass(\n    `${prefix}-drawer__content`,\n    `${prefix}-drawer__content--${direction}`,\n    `${prefix}-drawer__content--${direction}--${config.animation}`,\n  );\n\n  const overlayCls = joinClass(\n    `${prefix}-drawer__overlay`,\n    `${prefix}-drawer__overlay--${config.animation}`,\n  );\n\n  useEffect(() => {\n    let timer: NodeJS.Timeout;\n\n    if (open) {\n      timer = handleOpen();\n      return;\n    }\n\n    timer = handleClose();\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [open]);\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, visible: true }));\n\n    return setTimeout(() => {\n      setConfig(prev => ({ ...prev, animation: 'show' }));\n      document.body.style.overflow = 'hidden';\n    }, 100);\n  };\n\n  const handleClose = () => {\n    setConfig(prev => ({ ...prev, animation: 'hide' }));\n\n    return setTimeout(() => {\n      setConfig(prev => ({ ...prev, visible: false }));\n      document.body.style.overflow = '';\n    }, ANIMATION_DURATION);\n  };\n\n  return (\n    config.visible && (\n      <div {...props} className={cls}>\n        <Stack className={contentCls}>\n          {header}\n          {body}\n          {footer}\n        </Stack>\n        <div\n          data-testid=\"drawer-overlay\"\n          className={overlayCls}\n          onClick={onClose}\n        />\n      </div>\n    )\n  );\n}\n\nexport default createComponent(Drawer);\n","import { HtmlHTMLAttributes, PropsWithChildren } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '../../core/createComponent';\n\ntype DrawerFooterProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>\n\nfunction DrawerFooter({ children, ...props }: DrawerFooterProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__footer`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(DrawerFooter);\n","import { HtmlHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Stack from '@/layout/Stack';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport Icon from '@/display/Icon';\n\nimport createComponent from '../../core/createComponent';\n\ninterface DrawerHeaderProps extends HtmlHTMLAttributes<HTMLDivElement> {\n  onClose: () => void;\n}\n\nfunction DrawerHeader({ children, onClose, ...props }: DrawerHeaderProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__header`,\n    props.className\n  );\n\n  return (\n    <Stack\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      {...props}\n      className={cls}\n    >\n      {children}\n      {\n        onClose && (\n          <ButtonIcon\n            onClick={onClose}\n            color=\"primary\"\n            aria-label=\"Fechar\"\n            data-testid=\"drawer-close-button\"\n          >\n            <Icon name=\"times\" />\n          </ButtonIcon>\n        )\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(DrawerHeader);","import { HtmlHTMLAttributes, PropsWithChildren } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '../../core/createComponent';\n\ntype DrawerContentProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>\n\nfunction DrawerContent({ children, ...props }: DrawerContentProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__content__container`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(DrawerContent);"],"names":["useDrawer","open","_open","setOpen","useState","useEffect","prev","Drawer","header","body","footer","direction","onClose","props","config","setConfig","ANIMATION_DURATION","cls","joinClass","prefix","contentCls","overlayCls","timer","handleOpen","handleClose","jsxs","Stack","jsx","Drawer_default","createComponent","DrawerFooter","children","DrawerFooter_default","DrawerHeader","ButtonIcon","Icon","DrawerHeader_default","DrawerContent","DrawerContent_default"],"mappings":"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"}

package/dist/chunks/DrawerContent-XhAQ7dg_.cjs

@@ -0,0 +1,2 @@
+"use strict";const u=require("react"),s=require("react/jsx-runtime"),a=require("./index-DYxwT4uW.cjs"),o=require("./joinClass-Jk3EszKD.cjs"),m=require("./Stack-beBM7a60.cjs"),d=require("./createComponent-CTufIEiN.cjs"),N=require("./ButtonIcon-Cz8zJH-E.cjs"),$=require("./Icon-COl2Nhp9.cjs");function y(t=!1){const[e,r]=u.useState(!1);return u.useEffect(()=>{r(t)},[t]),[e,()=>{r(i=>!i)}]}function b({open:t,header:e,body:r,footer:c,direction:i="right",onClose:_,...w}){const[f,l]=u.useState({visible:!1,animation:"hide"}),C=300,x=o.joinClass(`${a.prefix}-drawer`,w.className),D=o.joinClass(`${a.prefix}-drawer__content`,`${a.prefix}-drawer__content--${i}`,`${a.prefix}-drawer__content--${i}--${f.animation}`),j=o.joinClass(`${a.prefix}-drawer__overlay`,`${a.prefix}-drawer__overlay--${f.animation}`);u.useEffect(()=>{let n;if(t){n=v();return}return n=h(),()=>{clearTimeout(n)}},[t]);const v=()=>(l(n=>({...n,visible:!0})),setTimeout(()=>{l(n=>({...n,animation:"show"})),document.body.style.overflow="hidden"},100)),h=()=>(l(n=>({...n,animation:"hide"})),setTimeout(()=>{l(n=>({...n,visible:!1})),document.body.style.overflow=""},C));return f.visible&&s.jsxs("div",{...w,className:x,children:[s.jsxs(m.Stack,{className:D,children:[e,r,c]}),s.jsx("div",{"data-testid":"drawer-overlay",className:j,onClick:_})]})}const p=d.createComponent(b);function q({children:t,...e}){const r=o.joinClass(`${a.prefix}-drawer__footer`,e.className);return s.jsx("div",{...e,className:r,children:t})}const I=d.createComponent(q);function g({children:t,onClose:e,...r}){const c=o.joinClass(`${a.prefix}-drawer__header`,r.className);return s.jsxs(m.Stack,{flexDirection:"row",alignItems:"center",justifyContent:"space-between",...r,className:c,children:[t,e&&s.jsx(N.ButtonIcon,{onClick:e,color:"primary","aria-label":"Fechar","data-testid":"drawer-close-button",children:s.jsx($.Icon,{name:"times"})})]})}const k=d.createComponent(g);function S({children:t,...e}){const r=o.joinClass(`${a.prefix}-drawer__content__container`,e.className);return s.jsx("div",{...e,className:r,children:t})}const T=d.createComponent(S);exports.DrawerContent_default=T;exports.DrawerFooter_default=I;exports.DrawerHeader_default=k;exports.Drawer_default=p;exports.useDrawer=y;
+//# sourceMappingURL=DrawerContent-XhAQ7dg_.cjs.map

package/dist/chunks/DrawerContent-XhAQ7dg_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerContent-XhAQ7dg_.cjs","sources":["../../src/navigation/Drawer/useDrawer.ts","../../src/navigation/Drawer/Drawer.tsx","../../src/navigation/Drawer/DrawerFooter.tsx","../../src/navigation/Drawer/DrawerHeader.tsx","../../src/navigation/Drawer/DrawerContent.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ntype UseDrawer = [boolean, () => void]\n\nexport default function useDrawer(open = false): UseDrawer {\n  const [_open, setOpen] = useState(false);\n\n  useEffect(() => { setOpen(open); }, [open]);\n\n  const toogleDrawer = () => { setOpen(prev => !prev); };\n\n  return [_open, toogleDrawer];\n}","import { useEffect, useState, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Drawer.scss';\n\ntype Direction = 'right' | 'left' | 'bottom';\ntype AnimationClass = 'show' | 'hide';\ntype Config = { animation: AnimationClass; visible: boolean };\n\nexport interface DrawerProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  direction?: Direction;\n  body: React.JSX.Element;\n  header?: React.JSX.Element;\n  footer?: React.JSX.Element;\n  onClose: () => void;\n};\n\nfunction Drawer({\n  open,\n  header,\n  body,\n  footer,\n  direction = 'right',\n  onClose,\n  ...props\n}: DrawerProps) {\n  const [config, setConfig] = useState<Config>({ visible: false, animation: 'hide' });\n\n  const ANIMATION_DURATION = 300;\n\n  const cls = joinClass(\n    `${prefix}-drawer`,\n    props.className\n  );\n\n  const contentCls = joinClass(\n    `${prefix}-drawer__content`,\n    `${prefix}-drawer__content--${direction}`,\n    `${prefix}-drawer__content--${direction}--${config.animation}`,\n  );\n\n  const overlayCls = joinClass(\n    `${prefix}-drawer__overlay`,\n    `${prefix}-drawer__overlay--${config.animation}`,\n  );\n\n  useEffect(() => {\n    let timer: NodeJS.Timeout;\n\n    if (open) {\n      timer = handleOpen();\n      return;\n    }\n\n    timer = handleClose();\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [open]);\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, visible: true }));\n\n    return setTimeout(() => {\n      setConfig(prev => ({ ...prev, animation: 'show' }));\n      document.body.style.overflow = 'hidden';\n    }, 100);\n  };\n\n  const handleClose = () => {\n    setConfig(prev => ({ ...prev, animation: 'hide' }));\n\n    return setTimeout(() => {\n      setConfig(prev => ({ ...prev, visible: false }));\n      document.body.style.overflow = '';\n    }, ANIMATION_DURATION);\n  };\n\n  return (\n    config.visible && (\n      <div {...props} className={cls}>\n        <Stack className={contentCls}>\n          {header}\n          {body}\n          {footer}\n        </Stack>\n        <div\n          data-testid=\"drawer-overlay\"\n          className={overlayCls}\n          onClick={onClose}\n        />\n      </div>\n    )\n  );\n}\n\nexport default createComponent(Drawer);\n","import { HtmlHTMLAttributes, PropsWithChildren } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '../../core/createComponent';\n\ntype DrawerFooterProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>\n\nfunction DrawerFooter({ children, ...props }: DrawerFooterProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__footer`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(DrawerFooter);\n","import { HtmlHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Stack from '@/layout/Stack';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport Icon from '@/display/Icon';\n\nimport createComponent from '../../core/createComponent';\n\ninterface DrawerHeaderProps extends HtmlHTMLAttributes<HTMLDivElement> {\n  onClose: () => void;\n}\n\nfunction DrawerHeader({ children, onClose, ...props }: DrawerHeaderProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__header`,\n    props.className\n  );\n\n  return (\n    <Stack\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      {...props}\n      className={cls}\n    >\n      {children}\n      {\n        onClose && (\n          <ButtonIcon\n            onClick={onClose}\n            color=\"primary\"\n            aria-label=\"Fechar\"\n            data-testid=\"drawer-close-button\"\n          >\n            <Icon name=\"times\" />\n          </ButtonIcon>\n        )\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(DrawerHeader);","import { HtmlHTMLAttributes, PropsWithChildren } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '../../core/createComponent';\n\ntype DrawerContentProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>\n\nfunction DrawerContent({ children, ...props }: DrawerContentProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__content__container`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(DrawerContent);"],"names":["useDrawer","open","_open","setOpen","useState","useEffect","prev","Drawer","header","body","footer","direction","onClose","props","config","setConfig","ANIMATION_DURATION","cls","joinClass","prefix","contentCls","overlayCls","timer","handleOpen","handleClose","jsxs","Stack","jsx","Drawer_default","createComponent","DrawerFooter","children","DrawerFooter_default","DrawerHeader","ButtonIcon","Icon","DrawerHeader_default","DrawerContent","DrawerContent_default"],"mappings":"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"}

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-0wOdungj.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/Stack-beBM7a60.cjs");require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");exports.default=e.Drawer_default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/DrawerContent-XhAQ7dg_.cjs");require("react");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/Stack-beBM7a60.cjs");require("../../chunks/createComponent-CTufIEiN.cjs");require("../../chunks/useTheme-DoESyi5h.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/ButtonIcon-Cz8zJH-E.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/Icon-COl2Nhp9.cjs");exports.Drawer=e.Drawer_default;exports.DrawerContent=e.DrawerContent_default;exports.DrawerFooter=e.DrawerFooter_default;exports.DrawerHeader=e.DrawerHeader_default;exports.useDrawer=e.useDrawer;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Drawer/index.js

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

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const r=require("./chunks/useTheme-DoESyi5h.cjs"),i=require("./chunks/Bounce-ByNbJjX0.cjs"),e=require("./chunks/useForm-TyKbw7O8.cjs"),t=require("./chunks/Fade-CM-5xRVt.cjs"),s=require("./chunks/Slide-D4aLHjYS.cjs"),n=require("./chunks/Zoom-BOnqwiDY.cjs"),d=require("./chunks/useListenerResized-AwpsZLcP.cjs"),u=require("./chunks/useMenu-C0u9aTiR.cjs"),q=require("./chunks/useResize-B-oebgDR.cjs"),a=require("./chunks/Card-B8XSgLaD.cjs"),c=require("./chunks/CardContent-BivcVoIc.cjs"),m=require("./chunks/Drawer-0wOdungj.cjs"),o=require("./chunks/GridItem-wwo-SHGR.cjs"),C=require("./chunks/MenuButton-AyzSxRY0.cjs"),l=require("./chunks/Typography-CAQXUFSQ.cjs");require("react");require("./chunks/generateSupportColors-CTMoGhDf.cjs");require("./chunks/index-DYxwT4uW.cjs");require("./chunks/joinClass-Jk3EszKD.cjs");require("./chunks/uuid-omnJ9TjZ.cjs");require("./chunks/createComponent-CTufIEiN.cjs");require("./chunks/Ripple-Dy4i91j1.cjs");require("./chunks/Stack-beBM7a60.cjs");require("./chunks/convertPathToColor-BlQMLS4V.cjs");exports.ThemeProvider=r.ThemeProvider;exports.createTheme=r.createTheme;exports.useTheme=r.useTheme;exports.Bounce=i.Bounce;exports.Control=e.Control;exports.Form=e.Form;exports.useControl=e.useControl;exports.useForm=e.useForm;exports.useFormGroup=e.useFormGroup;exports.Fade=t.Fade;exports.Slide=s.Slide;exports.Zoom=n.Zoom;exports.useListenerResized=d.useListenerResized;exports.Menu=u.Menu;exports.useMenu=u.useMenu;exports.useResize=q.useResize;exports.Card=a.Card;exports.CardContent=c.CardContent;exports.Drawer=m.Drawer_default;exports.Grid=o.Grid;exports.GridItem=o.GridItem;exports.MenuButton=C.MenuButton_default;exports.variants=l.variants;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./chunks/useTheme-DoESyi5h.cjs"),n=require("./chunks/Bounce-ByNbJjX0.cjs"),e=require("./chunks/useForm-TyKbw7O8.cjs"),i=require("./chunks/Fade-CM-5xRVt.cjs"),s=require("./chunks/Slide-D4aLHjYS.cjs"),a=require("./chunks/Zoom-BOnqwiDY.cjs"),r=require("./chunks/DrawerContent-XhAQ7dg_.cjs"),d=require("./chunks/useListenerResized-AwpsZLcP.cjs"),o=require("./chunks/useMenu-C0u9aTiR.cjs"),q=require("./chunks/useResize-B-oebgDR.cjs"),c=require("./chunks/Card-B8XSgLaD.cjs"),m=require("./chunks/CardContent-BivcVoIc.cjs"),t=require("./chunks/GridItem-wwo-SHGR.cjs"),C=require("./chunks/MenuButton-AyzSxRY0.cjs"),l=require("./chunks/Typography-CAQXUFSQ.cjs");require("react");require("react/jsx-runtime");require("./chunks/generateSupportColors-CTMoGhDf.cjs");require("./chunks/index-DYxwT4uW.cjs");require("./chunks/joinClass-Jk3EszKD.cjs");require("./chunks/Stack-beBM7a60.cjs");require("./chunks/createComponent-CTufIEiN.cjs");require("./chunks/ButtonIcon-Cz8zJH-E.cjs");require("./chunks/convertPathToColor-BlQMLS4V.cjs");require("./chunks/Ripple-Dy4i91j1.cjs");require("./chunks/Icon-COl2Nhp9.cjs");require("./chunks/uuid-omnJ9TjZ.cjs");exports.ThemeProvider=u.ThemeProvider;exports.createTheme=u.createTheme;exports.useTheme=u.useTheme;exports.Bounce=n.Bounce;exports.Control=e.Control;exports.Form=e.Form;exports.useControl=e.useControl;exports.useForm=e.useForm;exports.useFormGroup=e.useFormGroup;exports.Fade=i.Fade;exports.Slide=s.Slide;exports.Zoom=a.Zoom;exports.Drawer=r.Drawer_default;exports.DrawerContent=r.DrawerContent_default;exports.DrawerFooter=r.DrawerFooter_default;exports.DrawerHeader=r.DrawerHeader_default;exports.useDrawer=r.useDrawer;exports.useListenerResized=d.useListenerResized;exports.Menu=o.Menu;exports.useMenu=o.useMenu;exports.useResize=q.useResize;exports.Card=c.Card;exports.CardContent=m.CardContent;exports.Grid=t.Grid;exports.GridItem=t.GridItem;exports.MenuButton=C.MenuButton_default;exports.variants=l.variants;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,2 +1,2 @@
-import"react/jsx-runtime";import{T as n,c as d,u as C}from"./chunks/useTheme-njpgklWP.js";import{B as M}from"./chunks/Bounce-DP0PU3kr.js";import{C as T,F as c,u as h,a as l,b as v}from"./chunks/useForm-3oClzOJC.js";import{F as z}from"./chunks/Fade-spxq-W-Q.js";import{S as R}from"./chunks/Slide-BxEwoZ70.js";import{Z}from"./chunks/Zoom-DqgU4Wfv.js";import{u as w}from"./chunks/useListenerResized-Bnqxrt7k.js";import{M as L,u as P}from"./chunks/useMenu-BNL22pOQ.js";import{u as j}from"./chunks/useResize-BjM6tiAF.js";import{C as q}from"./chunks/Card-DOsl4_nu.js";import{C as A}from"./chunks/CardContent-C8ypE7yH.js";import{D as H}from"./chunks/Drawer-D1lAWrdi.js";import{G as K,a as N}from"./chunks/GridItem-CaoPZmBu.js";import{M as Q}from"./chunks/MenuButton-DLf22r80.js";import{v as V}from"./chunks/Typography-BIZP_DtQ.js";import"react";import"./chunks/generateSupportColors-BN5t8dA-.js";import"./chunks/index-CZ41y9Hn.js";import"./chunks/joinClass-anSpaauN.js";import"./chunks/uuid-dGvr9vBZ.js";import"./chunks/createComponent-WNQRXK89.js";import"./chunks/Ripple-Bq9bxg4k.js";import"./chunks/Stack-DK5pfu2w.js";import"./chunks/convertPathToColor-D2SdAqGh.js";export{M as Bounce,q as Card,A as CardContent,T as Control,H as Drawer,z as Fade,c as Form,K as Grid,N as GridItem,L as Menu,Q as MenuButton,R as Slide,n as ThemeProvider,Z as Zoom,d as createTheme,h as useControl,l as useForm,v as useFormGroup,w as useListenerResized,P as useMenu,j as useResize,C as useTheme,V as variants};
+import{T as C,c as F,u as D}from"./chunks/useTheme-njpgklWP.js";import{B as M}from"./chunks/Bounce-DP0PU3kr.js";import{C as G,F as T,u as h,a as l,b as v}from"./chunks/useForm-3oClzOJC.js";import{F as b}from"./chunks/Fade-spxq-W-Q.js";import{S as R}from"./chunks/Slide-BxEwoZ70.js";import{Z}from"./chunks/Zoom-DqgU4Wfv.js";import{D as I,a as L,b as P,c as g,u as j}from"./chunks/DrawerContent-B0yuNjrh.js";import{u as q}from"./chunks/useListenerResized-Bnqxrt7k.js";import{M as A,u as E}from"./chunks/useMenu-BNL22pOQ.js";import{u as K}from"./chunks/useResize-BjM6tiAF.js";import{C as O}from"./chunks/Card-DOsl4_nu.js";import{C as U}from"./chunks/CardContent-C8ypE7yH.js";import{G as W,a as X}from"./chunks/GridItem-CaoPZmBu.js";import{M as _}from"./chunks/MenuButton-DLf22r80.js";import{v as rr}from"./chunks/Typography-BIZP_DtQ.js";import"react";import"react/jsx-runtime";import"./chunks/generateSupportColors-BN5t8dA-.js";import"./chunks/index-CZ41y9Hn.js";import"./chunks/joinClass-anSpaauN.js";import"./chunks/Stack-DK5pfu2w.js";import"./chunks/createComponent-WNQRXK89.js";import"./chunks/ButtonIcon-CsX4oYeI.js";import"./chunks/convertPathToColor-D2SdAqGh.js";import"./chunks/Ripple-Bq9bxg4k.js";import"./chunks/Icon-CCIgEwA9.js";import"./chunks/uuid-dGvr9vBZ.js";export{M as Bounce,O as Card,U as CardContent,G as Control,I as Drawer,L as DrawerContent,P as DrawerFooter,g as DrawerHeader,b as Fade,T as Form,W as Grid,X as GridItem,A as Menu,_ as MenuButton,R as Slide,C as ThemeProvider,Z as Zoom,F as createTheme,h as useControl,j as useDrawer,l as useForm,v as useFormGroup,q as useListenerResized,E as useMenu,K as useResize,D as useTheme,rr as variants};
 //# sourceMappingURL=index.js.map

package/dist/style.css

@@ -29,9 +29,6 @@
 /* assets/Typography-DNgVH0In.css */
 .iziui-typography{transition:all .3s cubic-bezier(.4,0,.2,1);margin:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iziui-typography--weight-bold{font-weight:700!important}.iziui-typography--weight-light{font-weight:300!important}.iziui-typography--weight-normal{font-weight:500!important}.iziui-typography--h1{font-size:clamp(2rem,1.65rem + 1.6vw,3rem);line-height:1.12;letter-spacing:-.02em}.iziui-typography--h2{font-size:clamp(1.75rem,1.5rem + 1.2vw,2.5rem);line-height:1.16;letter-spacing:-.015em;font-weight:700}.iziui-typography--h3{font-size:clamp(1.5rem,1.35rem + .9vw,2rem);line-height:1.2;letter-spacing:-.01em}.iziui-typography--h4{font-size:clamp(1.25rem,1.15rem + .6vw,1.5rem);line-height:1.25;letter-spacing:-.005em}.iziui-typography--h5{font-size:clamp(1.125rem,1.05rem + .4vw,1.25rem);line-height:1.3;letter-spacing:0;font-weight:600}.iziui-typography--h6{font-size:clamp(1rem,.98rem + .25vw,1.125rem);line-height:1.35;letter-spacing:.01em}.iziui-typography--subtitle1{font-size:clamp(1.0625rem,1.02rem + .25vw,1.125rem);line-height:1.5;letter-spacing:.005em}.iziui-typography--subtitle2{font-size:clamp(.9375rem,.92rem + .2vw,1rem);line-height:1.45;letter-spacing:.01em}.iziui-typography--body1{font-size:clamp(1rem,.95rem + .2vw,1.0625rem);line-height:1.6;letter-spacing:0}.iziui-typography--body2{font-size:clamp(.875rem,.85rem + .2vw,.9375rem);line-height:1.55;letter-spacing:0}
 /*$vite$:1*/
-/* assets/ButtonIcon-YI9r-K74.css */
-.iziui-button-icon{position:relative;border-radius:50%;border:none;background-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;padding:5px;display:flex;justify-content:center;align-items:center}.iziui-button-icon:hover{background-color:var(--divider)}.iziui-button-icon:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button-icon:disabled:hover{background-color:var(--text-disabled)!important}.iziui-button-icon--primary{color:var(--primary)}.iziui-button-icon--primary:hover{background-color:var(--primary-opacity)}.iziui-button-icon--secondary{color:var(--secondary)}.iziui-button-icon--secondary:hover{background-color:var(--secondary-opacity)}.iziui-button-icon--info{color:var(--info)}.iziui-button-icon--info:hover{background-color:var(--info-opacity)}.iziui-button-icon--error{color:var(--error)}.iziui-button-icon--error:hover{background-color:var(--error-opacity)}.iziui-button-icon--warning{color:var(--warning)}.iziui-button-icon--warning:hover{background-color:var(--warning-opacity)}.iziui-button-icon--success{color:var(--success)}.iziui-button-icon--success:hover{background-color:var(--success-opacity)}
-/*$vite$:1*/
 /* assets/index-yaM2yh8o.css */
 .iziui-switch{position:relative}.iziui-switch__label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.iziui-switch__label--error{color:var(--error)}.iziui-switch__checkbox{height:0;width:0;visibility:hidden;position:absolute}.iziui-switch__checkbox:active+.iziui-switch__box .iziui-switch__button{width:36px}.iziui-switch__checkbox:checked+.iziui-switch__box .iziui-switch__button{left:100%;transform:translate(calc(-100% + 2px),-50%)}.iziui-switch__checkbox--primary:checked+.iziui-switch__box{background-color:var(--primary)}.iziui-switch__checkbox--secondary:checked+.iziui-switch__box{background-color:var(--secondary)}.iziui-switch__checkbox--info:checked+.iziui-switch__box{background-color:var(--info)}.iziui-switch__checkbox--error:checked+.iziui-switch__box{background-color:var(--error)}.iziui-switch__checkbox--warning:checked+.iziui-switch__box{background-color:var(--warning)}.iziui-switch__checkbox--success:checked+.iziui-switch__box{background-color:var(--success)}.iziui-switch__box{display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;cursor:pointer;width:58px;height:24px;background:var(--divider);border-radius:100px;position:relative;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.iziui-switch__button{content:"";position:absolute;top:50%;transform:translateY(-50%);left:-2px;width:28px;height:28px;border-radius:45px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.iziui-switch__helper-text{opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;transform:translateY(-10px)}.iziui-switch__helper-text--visible{opacity:1;transform:translateY(0)}.iziui-switch__helper-text--error{color:var(--error)}
 /*$vite$:1*/
@@ -43,9 +40,6 @@
 /* assets/index-BZMloLhA.css */
 .iziui-input-container{width:100%;position:relative}.iziui-input-label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.iziui-input-label--error{color:var(--error)}.iziui-input{cursor:text;border-radius:var(--radius);border:1px solid var(--divider);position:relative;background-color:var(--background-default);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;justify-content:space-between;align-items:center}.iziui-input:focus-within{outline:2px solid var(--primary)}.iziui-input--error{border-color:var(--error)}.iziui-input--disabled{cursor:not-allowed;background:var(--divider);color:var(--text-disabled)}.iziui-input input{background:transparent;height:100%;width:100%;border:none;outline:none;-webkit-user-select:none;user-select:none;padding:10.8px 14.4px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px}.iziui-input input:-internal-autofill-selected{-webkit-text-fill-color:var(--divider)}.iziui-input input::placeholder{color:var(--text-secondary);opacity:1}.iziui-input input:disabled{cursor:not-allowed}.iziui-input__helper-text{opacity:0;margin:6px 0 0;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;transform:translateY(-10px)}.iziui-input__helper-text--visible{opacity:1;transform:translateY(0)}.iziui-input__helper-text--error{color:var(--error)}.iziui-input__icon{color:var(--text-secondary)}.iziui-input__icon--margin-left{margin-right:8px;margin-left:-8px}.iziui-input__icon--margin-right{margin-right:-8px;margin-left:8px}.iziui-input__icon--padding-left{padding-right:8px;padding-left:-8px}.iziui-input__icon--padding-right{padding-right:-8px;padding-left:8px}
 /*$vite$:1*/
-/* assets/Icon-CUCHgWoe.css */
-.iziui-icon{transition:all .3s cubic-bezier(.4,0,.2,1);color:currentColor}
-/*$vite$:1*/
 /* assets/index--P_EoDIE.css */
 .iziui-checkbox-group .iziui-checkbox--primary--checked,.iziui-checkbox-group .iziui-checkbox--primary:hover{background-color:var(--primary-opacity)}.iziui-checkbox-group .iziui-checkbox--primary:active{background-color:var(--primary-light)}.iziui-checkbox-group .iziui-checkbox--secondary--checked,.iziui-checkbox-group .iziui-checkbox--secondary:hover{background-color:var(--secondary-opacity)}.iziui-checkbox-group .iziui-checkbox--secondary:active{background-color:var(--secondary-light)}.iziui-checkbox-group .iziui-checkbox--info--checked,.iziui-checkbox-group .iziui-checkbox--info:hover{background-color:var(--info-opacity)}.iziui-checkbox-group .iziui-checkbox--info:active{background-color:var(--info-light)}.iziui-checkbox-group .iziui-checkbox--error--checked,.iziui-checkbox-group .iziui-checkbox--error:hover{background-color:var(--error-opacity)}.iziui-checkbox-group .iziui-checkbox--error:active{background-color:var(--error-light)}.iziui-checkbox-group .iziui-checkbox--warning--checked,.iziui-checkbox-group .iziui-checkbox--warning:hover{background-color:var(--warning-opacity)}.iziui-checkbox-group .iziui-checkbox--warning:active{background-color:var(--warning-light)}.iziui-checkbox-group .iziui-checkbox--success--checked,.iziui-checkbox-group .iziui-checkbox--success:hover{background-color:var(--success-opacity)}.iziui-checkbox-group .iziui-checkbox--success:active{background-color:var(--success-light)}
 /*$vite$:1*/
@@ -55,15 +49,18 @@
 /* assets/Card-CsjbyRZq.css */
 .iziui-card{position:relative;border-radius:var(--radius);border:1px solid var(--divider);background-color:var(--background-default);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.iziui-card--clickable{cursor:pointer}.iziui-card--clickable:hover{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;border-color:var(--primary-light)}.iziui-card__content{padding:16px;border-radius:var(--radius)}
 /*$vite$:1*/
-/* assets/Ripple-D71SUpze.css */
-.iziui-ripple-container{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.iziui-ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple-animation .8s ease-out;pointer-events:none;background-color:#fff9}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}
+/* assets/ButtonIcon-YI9r-K74.css */
+.iziui-button-icon{position:relative;border-radius:50%;border:none;background-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;padding:5px;display:flex;justify-content:center;align-items:center}.iziui-button-icon:hover{background-color:var(--divider)}.iziui-button-icon:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button-icon:disabled:hover{background-color:var(--text-disabled)!important}.iziui-button-icon--primary{color:var(--primary)}.iziui-button-icon--primary:hover{background-color:var(--primary-opacity)}.iziui-button-icon--secondary{color:var(--secondary)}.iziui-button-icon--secondary:hover{background-color:var(--secondary-opacity)}.iziui-button-icon--info{color:var(--info)}.iziui-button-icon--info:hover{background-color:var(--info-opacity)}.iziui-button-icon--error{color:var(--error)}.iziui-button-icon--error:hover{background-color:var(--error-opacity)}.iziui-button-icon--warning{color:var(--warning)}.iziui-button-icon--warning:hover{background-color:var(--warning-opacity)}.iziui-button-icon--success{color:var(--success)}.iziui-button-icon--success:hover{background-color:var(--success-opacity)}
 /*$vite$:1*/
-/* assets/Drawer-CPC_3egd.css */
-.iziui-drawer{top:0;left:0;width:100%;height:100vh;position:fixed;overflow:hidden;transition:all ease-in-out .3s;z-index:50}.iziui-drawer__overlay{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;background-color:#000000a3;transition:all ease-in-out .3s;z-index:50}.iziui-drawer__overlay--show{opacity:1}.iziui-drawer__content{position:fixed;z-index:90;background-color:var(--background-default);transition:all ease-in-out .3s;width:570px;height:100vh}@media only screen and (max-width:899px){.iziui-drawer__content{width:100%}}.iziui-drawer__content__container{height:100%;padding:1rem;overflow-y:auto;overflow-x:hidden}.iziui-drawer__content__close-button{display:flex;padding:1rem}.iziui-drawer__content--right .iziui-drawer__content__close-button,.iziui-drawer__content--bottom .iziui-drawer__content__close-button{justify-content:flex-end}.iziui-drawer__content--left .iziui-drawer__content__close-button{justify-content:flex-start}.iziui-drawer__content--left{top:0;height:100%;transform:translate(-100%)}.iziui-drawer__content--left--show{transform:translate(0)}.iziui-drawer__content--right{top:0;right:0;height:100%;transform:translate(100%)}.iziui-drawer__content--right--show{transform:translate(0)}.iziui-drawer__content--bottom{bottom:0;width:100%;border-radius:var(--radius) var(--radius) 0 0;transform:translateY(100%);height:auto}.iziui-drawer__content--bottom--show{transform:translateY(0)}.iziui-drawer__header{width:100%;padding:1rem;box-sizing:border-box;border-bottom:1px solid var(--divider)}.iziui-drawer__footer{width:100%;padding:1rem;box-sizing:border-box;border-top:1px solid var(--divider)}
+/* assets/Icon-CUCHgWoe.css */
+.iziui-icon{transition:all .3s cubic-bezier(.4,0,.2,1);color:currentColor}
 /*$vite$:1*/
 /* assets/Stack-CaqHhBiY.css */
 .iziui-stack{width:100%;display:flex}
 /*$vite$:1*/
+/* assets/Ripple-D71SUpze.css */
+.iziui-ripple-container{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.iziui-ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple-animation .8s ease-out;pointer-events:none;background-color:#fff9}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}
+/*$vite$:1*/
 /* assets/index-Di07gTyh.css */
 .iziui-avatar{display:flex;position:relative;align-items:center;justify-content:center;flex-shrink:0;font-size:1.25rem;line-height:1;overflow:hidden;-webkit-user-select:none;user-select:none;border:1px solid var(--divider);transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-avatar--rounded{border-radius:var(--radius)}.iziui-avatar--circular{border-radius:50%}.iziui-avatar--clickable{cursor:pointer}.iziui-avatar--primary{color:var(--primary-contrast);background-color:var(--primary)}.iziui-avatar--secondary{color:var(--secondary-contrast);background-color:var(--secondary)}.iziui-avatar--info{color:var(--info-contrast);background-color:var(--info)}.iziui-avatar--error{color:var(--error-contrast);background-color:var(--error)}.iziui-avatar--warning{color:var(--warning-contrast);background-color:var(--warning)}.iziui-avatar--success{color:var(--success-contrast);background-color:var(--success)}.iziui-avatar__icon{color:currentColor!important}
 /*$vite$:1*/
@@ -79,6 +76,9 @@
 /* assets/useMenu-Bmun71gn.css */
 .iziui-menu{position:absolute;word-break:break-all;white-space:pre-wrap;display:flex;flex-direction:column;z-index:4}.iziui-menu__overlay{position:fixed;height:100vh;width:100%;top:0;left:0;z-index:3;cursor:auto}.iziui-menu__card{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.iziui-menu__card__content{overflow:auto;padding:8px 0}.iziui-menu--open{opacity:1;transform:translateY(0)}.iziui-menu--close{transform:translateY(-10px);opacity:0}.iziui-menu__item{border:none;padding:8px 16px;position:relative;white-space:nowrap;background-color:transparent;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:flex-start}.iziui-menu__item:hover{background-color:var(--divider)}.iziui-menu__item--primary{color:var(--primary)}.iziui-menu__item--primary:hover{background-color:var(--primary-opacity)}.iziui-menu__item--secondary{color:var(--secondary)}.iziui-menu__item--secondary:hover{background-color:var(--secondary-opacity)}.iziui-menu__item--info{color:var(--info)}.iziui-menu__item--info:hover{background-color:var(--info-opacity)}.iziui-menu__item--error{color:var(--error)}.iziui-menu__item--error:hover{background-color:var(--error-opacity)}.iziui-menu__item--warning{color:var(--warning)}.iziui-menu__item--warning:hover{background-color:var(--warning-opacity)}.iziui-menu__item--success{color:var(--success)}.iziui-menu__item--success:hover{background-color:var(--success-opacity)}
 /*$vite$:1*/
+/* assets/DrawerContent-CPC_3egd.css */
+.iziui-drawer{top:0;left:0;width:100%;height:100vh;position:fixed;overflow:hidden;transition:all ease-in-out .3s;z-index:50}.iziui-drawer__overlay{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;background-color:#000000a3;transition:all ease-in-out .3s;z-index:50}.iziui-drawer__overlay--show{opacity:1}.iziui-drawer__content{position:fixed;z-index:90;background-color:var(--background-default);transition:all ease-in-out .3s;width:570px;height:100vh}@media only screen and (max-width:899px){.iziui-drawer__content{width:100%}}.iziui-drawer__content__container{height:100%;padding:1rem;overflow-y:auto;overflow-x:hidden}.iziui-drawer__content__close-button{display:flex;padding:1rem}.iziui-drawer__content--right .iziui-drawer__content__close-button,.iziui-drawer__content--bottom .iziui-drawer__content__close-button{justify-content:flex-end}.iziui-drawer__content--left .iziui-drawer__content__close-button{justify-content:flex-start}.iziui-drawer__content--left{top:0;height:100%;transform:translate(-100%)}.iziui-drawer__content--left--show{transform:translate(0)}.iziui-drawer__content--right{top:0;right:0;height:100%;transform:translate(100%)}.iziui-drawer__content--right--show{transform:translate(0)}.iziui-drawer__content--bottom{bottom:0;width:100%;border-radius:var(--radius) var(--radius) 0 0;transform:translateY(100%);height:auto}.iziui-drawer__content--bottom--show{transform:translateY(0)}.iziui-drawer__header{width:100%;padding:1rem;box-sizing:border-box;border-bottom:1px solid var(--divider)}.iziui-drawer__footer{width:100%;padding:1rem;box-sizing:border-box;border-top:1px solid var(--divider)}
+/*$vite$:1*/
 /* assets/useTheme-d4AkXEDG.css */
 *{box-sizing:border-box}html,body{margin:0;height:auto;transition:all .3s cubic-bezier(.4,0,.2,1)}h1,h2,h3,h4,h5,h6,p,a,button,label,span,th,tr,td,dl,dt,ul,li,ol{font-family:var(--typography)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray}::-webkit-scrollbar-thumb{background:#a2a2a2;border-radius:10px}::selection{background:var(--primary);color:var(--primary-contrast)}
 /*$vite$:1*/

package/dist/theme/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("../chunks/useTheme-DoESyi5h.cjs");require("react");require("../chunks/generateSupportColors-CTMoGhDf.cjs");exports.ThemeProvider=e.ThemeProvider;exports.createTheme=e.createTheme;exports.useTheme=e.useTheme;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../chunks/useTheme-DoESyi5h.cjs");require("react");require("react/jsx-runtime");require("../chunks/generateSupportColors-CTMoGhDf.cjs");exports.ThemeProvider=e.ThemeProvider;exports.createTheme=e.createTheme;exports.useTheme=e.useTheme;
 //# sourceMappingURL=index.cjs.map

package/dist/theme/index.js

@@ -1,2 +1,2 @@
-import"react/jsx-runtime";import{T as a,c as i,u as p}from"../chunks/useTheme-njpgklWP.js";import"react";import"../chunks/generateSupportColors-BN5t8dA-.js";export{a as ThemeProvider,i as createTheme,p as useTheme};
+import{T as a,c as i,u as p}from"../chunks/useTheme-njpgklWP.js";import"react";import"react/jsx-runtime";import"../chunks/generateSupportColors-BN5t8dA-.js";export{a as ThemeProvider,i as createTheme,p as useTheme};
 //# sourceMappingURL=index.js.map

package/package.json

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

package/dist/chunks/Drawer-0wOdungj.cjs

@@ -1,2 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),l=require("react"),t=require("./index-DYxwT4uW.cjs"),i=require("./joinClass-Jk3EszKD.cjs"),h=require("./Stack-beBM7a60.cjs"),j=require("./createComponent-CTufIEiN.cjs");function y({open:a,header:d,body:u,footer:f,direction:o="right",onClose:m,...c}){const[n,r]=l.useState({visible:!1,animation:"hide"}),w=300,_=i.joinClass(`${t.prefix}-drawer`,c.className),v=i.joinClass(`${t.prefix}-drawer__content`,`${t.prefix}-drawer__content--${o}`,`${t.prefix}-drawer__content--${o}--${n.animation}`),x=i.joinClass(`${t.prefix}-drawer__overlay`,`${t.prefix}-drawer__overlay--${n.animation}`);l.useEffect(()=>{let e;if(a){e=C();return}return e=$(),()=>{clearTimeout(e)}},[a]);const C=()=>(r(e=>({...e,visible:!0})),setTimeout(()=>{r(e=>({...e,animation:"show"})),document.body.style.overflow="hidden"},100)),$=()=>(r(e=>({...e,animation:"hide"})),setTimeout(()=>{r(e=>({...e,visible:!1})),document.body.style.overflow=""},w));return n.visible&&s.jsxs("div",{...c,className:_,children:[s.jsxs(h.Stack,{className:v,children:[d,u,f]}),s.jsx("div",{"data-testid":"drawer-overlay",className:x,onClick:m})]})}const N=j.createComponent(y);exports.Drawer_default=N;
-//# sourceMappingURL=Drawer-0wOdungj.cjs.map

package/dist/chunks/Drawer-0wOdungj.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer-0wOdungj.cjs","sources":["../../src/navigation/Drawer/Drawer.tsx"],"sourcesContent":["import { useEffect, useState, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Drawer.scss';\n\ntype Direction = 'right' | 'left' | 'bottom';\ntype AnimationClass = 'show' | 'hide';\ntype Config = { animation: AnimationClass; visible: boolean };\n\nexport interface DrawerProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  direction?: Direction;\n  body: React.JSX.Element;\n  header?: React.JSX.Element;\n  footer?: React.JSX.Element;\n  onClose: () => void;\n};\n\nfunction Drawer({\n  open,\n  header,\n  body,\n  footer,\n  direction = 'right',\n  onClose,\n  ...props\n}: DrawerProps) {\n  const [config, setConfig] = useState<Config>({ visible: false, animation: 'hide' });\n\n  const ANIMATION_DURATION = 300;\n\n  const cls = joinClass(\n    `${prefix}-drawer`,\n    props.className\n  );\n\n  const contentCls = joinClass(\n    `${prefix}-drawer__content`,\n    `${prefix}-drawer__content--${direction}`,\n    `${prefix}-drawer__content--${direction}--${config.animation}`,\n  );\n\n  const overlayCls = joinClass(\n    `${prefix}-drawer__overlay`,\n    `${prefix}-drawer__overlay--${config.animation}`,\n  );\n\n  useEffect(() => {\n    let timer: NodeJS.Timeout;\n\n    if (open) {\n      timer = handleOpen();\n      return;\n    }\n\n    timer = handleClose();\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [open]);\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, visible: true }));\n\n    return setTimeout(() => {\n      setConfig(prev => ({ ...prev, animation: 'show' }));\n      document.body.style.overflow = 'hidden';\n    }, 100);\n  };\n\n  const handleClose = () => {\n    setConfig(prev => ({ ...prev, animation: 'hide' }));\n\n    return setTimeout(() => {\n      setConfig(prev => ({ ...prev, visible: false }));\n      document.body.style.overflow = '';\n    }, ANIMATION_DURATION);\n  };\n\n  return (\n    config.visible && (\n      <div {...props} className={cls}>\n        <Stack className={contentCls}>\n          {header}\n          {body}\n          {footer}\n        </Stack>\n        <div\n          data-testid=\"drawer-overlay\"\n          className={overlayCls}\n          onClick={onClose}\n        />\n      </div>\n    )\n  );\n}\n\nexport default createComponent(Drawer);\n"],"names":["Drawer","open","header","body","footer","direction","onClose","props","config","setConfig","useState","ANIMATION_DURATION","cls","joinClass","prefix","contentCls","overlayCls","useEffect","timer","handleOpen","handleClose","prev","jsxs","Stack","jsx","Drawer_default","createComponent"],"mappings":"2NAyBA,SAASA,EAAO,CACd,KAAAC,EACA,OAAAC,EACA,KAAAC,EACA,OAAAC,EACA,UAAAC,EAAY,QACZ,QAAAC,EACA,GAAGC,CACL,EAAgB,CACd,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAiB,CAAE,QAAS,GAAO,UAAW,OAAQ,EAE5EC,EAAqB,IAErBC,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,UACTP,EAAM,SAAA,EAGFQ,EAAaF,EAAAA,UACjB,GAAGC,EAAAA,MAAM,mBACT,GAAGA,EAAAA,MAAM,qBAAqBT,CAAS,GACvC,GAAGS,EAAAA,MAAM,qBAAqBT,CAAS,KAAKG,EAAO,SAAS,EAAA,EAGxDQ,EAAaH,EAAAA,UACjB,GAAGC,EAAAA,MAAM,mBACT,GAAGA,EAAAA,MAAM,qBAAqBN,EAAO,SAAS,EAAA,EAGhDS,EAAAA,UAAU,IAAM,CACd,IAAIC,EAEJ,GAAIjB,EAAM,CACRiB,EAAQC,EAAA,EACR,MACF,CAEA,OAAAD,EAAQE,EAAA,EAED,IAAM,CACX,aAAaF,CAAK,CACpB,CACF,EAAG,CAACjB,CAAI,CAAC,EAET,MAAMkB,EAAa,KACjBV,MAAmB,CAAE,GAAGY,EAAM,QAAS,IAAO,EAEvC,WAAW,IAAM,CACtBZ,MAAmB,CAAE,GAAGY,EAAM,UAAW,QAAS,EAClD,SAAS,KAAK,MAAM,SAAW,QACjC,EAAG,GAAG,GAGFD,EAAc,KAClBX,MAAmB,CAAE,GAAGY,EAAM,UAAW,QAAS,EAE3C,WAAW,IAAM,CACtBZ,MAAmB,CAAE,GAAGY,EAAM,QAAS,IAAQ,EAC/C,SAAS,KAAK,MAAM,SAAW,EACjC,EAAGV,CAAkB,GAGvB,OACEH,EAAO,SACLc,EAAAA,KAAC,OAAK,GAAGf,EAAO,UAAWK,EACzB,SAAA,CAAAU,EAAAA,KAACC,EAAAA,MAAA,CAAM,UAAWR,EACf,SAAA,CAAAb,EACAC,EACAC,CAAA,EACH,EACAoB,EAAAA,IAAC,MAAA,CACC,cAAY,iBACZ,UAAWR,EACX,QAASV,CAAA,CAAA,CACX,EACF,CAGN,CAEA,MAAAmB,EAAeC,EAAAA,gBAAgB1B,CAAM"}

package/dist/chunks/Drawer-D1lAWrdi.js

@@ -1,2 +0,0 @@
-import{jsxs as l,jsx as p}from"react/jsx-runtime";import{useState as y,useEffect as C}from"react";import{p as t}from"./index-CZ41y9Hn.js";import{j as a}from"./joinClass-anSpaauN.js";import{S as N}from"./Stack-DK5pfu2w.js";import{c as b}from"./createComponent-WNQRXK89.js";function T({open:n,header:c,body:m,footer:d,direction:s="right",onClose:f,...i}){const[o,r]=y({visible:!1,animation:"hide"}),u=300,v=a(`${t}-drawer`,i.className),w=a(`${t}-drawer__content`,`${t}-drawer__content--${s}`,`${t}-drawer__content--${s}--${o.animation}`),_=a(`${t}-drawer__overlay`,`${t}-drawer__overlay--${o.animation}`);C(()=>{let e;if(n){e=$();return}return e=h(),()=>{clearTimeout(e)}},[n]);const $=()=>(r(e=>({...e,visible:!0})),setTimeout(()=>{r(e=>({...e,animation:"show"})),document.body.style.overflow="hidden"},100)),h=()=>(r(e=>({...e,animation:"hide"})),setTimeout(()=>{r(e=>({...e,visible:!1})),document.body.style.overflow=""},u));return o.visible&&l("div",{...i,className:v,children:[l(N,{className:w,children:[c,m,d]}),p("div",{"data-testid":"drawer-overlay",className:_,onClick:f})]})}const O=b(T);export{O as D};
-//# sourceMappingURL=Drawer-D1lAWrdi.js.map

package/dist/chunks/Drawer-D1lAWrdi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer-D1lAWrdi.js","sources":["../../src/navigation/Drawer/Drawer.tsx"],"sourcesContent":["import { useEffect, useState, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Drawer.scss';\n\ntype Direction = 'right' | 'left' | 'bottom';\ntype AnimationClass = 'show' | 'hide';\ntype Config = { animation: AnimationClass; visible: boolean };\n\nexport interface DrawerProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  direction?: Direction;\n  body: React.JSX.Element;\n  header?: React.JSX.Element;\n  footer?: React.JSX.Element;\n  onClose: () => void;\n};\n\nfunction Drawer({\n  open,\n  header,\n  body,\n  footer,\n  direction = 'right',\n  onClose,\n  ...props\n}: DrawerProps) {\n  const [config, setConfig] = useState<Config>({ visible: false, animation: 'hide' });\n\n  const ANIMATION_DURATION = 300;\n\n  const cls = joinClass(\n    `${prefix}-drawer`,\n    props.className\n  );\n\n  const contentCls = joinClass(\n    `${prefix}-drawer__content`,\n    `${prefix}-drawer__content--${direction}`,\n    `${prefix}-drawer__content--${direction}--${config.animation}`,\n  );\n\n  const overlayCls = joinClass(\n    `${prefix}-drawer__overlay`,\n    `${prefix}-drawer__overlay--${config.animation}`,\n  );\n\n  useEffect(() => {\n    let timer: NodeJS.Timeout;\n\n    if (open) {\n      timer = handleOpen();\n      return;\n    }\n\n    timer = handleClose();\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [open]);\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, visible: true }));\n\n    return setTimeout(() => {\n      setConfig(prev => ({ ...prev, animation: 'show' }));\n      document.body.style.overflow = 'hidden';\n    }, 100);\n  };\n\n  const handleClose = () => {\n    setConfig(prev => ({ ...prev, animation: 'hide' }));\n\n    return setTimeout(() => {\n      setConfig(prev => ({ ...prev, visible: false }));\n      document.body.style.overflow = '';\n    }, ANIMATION_DURATION);\n  };\n\n  return (\n    config.visible && (\n      <div {...props} className={cls}>\n        <Stack className={contentCls}>\n          {header}\n          {body}\n          {footer}\n        </Stack>\n        <div\n          data-testid=\"drawer-overlay\"\n          className={overlayCls}\n          onClick={onClose}\n        />\n      </div>\n    )\n  );\n}\n\nexport default createComponent(Drawer);\n"],"names":["Drawer","open","header","body","footer","direction","onClose","props","config","setConfig","useState","ANIMATION_DURATION","cls","joinClass","prefix","contentCls","overlayCls","useEffect","timer","handleOpen","handleClose","prev","jsxs","Stack","jsx","Drawer_default","createComponent"],"mappings":"gRAyBA,SAASA,EAAO,CACd,KAAAC,EACA,OAAAC,EACA,KAAAC,EACA,OAAAC,EACA,UAAAC,EAAY,QACZ,QAAAC,EACA,GAAGC,CACL,EAAgB,CACd,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAiB,CAAE,QAAS,GAAO,UAAW,OAAQ,EAE5EC,EAAqB,IAErBC,EAAMC,EACV,GAAGC,CAAM,UACTP,EAAM,SAAA,EAGFQ,EAAaF,EACjB,GAAGC,CAAM,mBACT,GAAGA,CAAM,qBAAqBT,CAAS,GACvC,GAAGS,CAAM,qBAAqBT,CAAS,KAAKG,EAAO,SAAS,EAAA,EAGxDQ,EAAaH,EACjB,GAAGC,CAAM,mBACT,GAAGA,CAAM,qBAAqBN,EAAO,SAAS,EAAA,EAGhDS,EAAU,IAAM,CACd,IAAIC,EAEJ,GAAIjB,EAAM,CACRiB,EAAQC,EAAA,EACR,MACF,CAEA,OAAAD,EAAQE,EAAA,EAED,IAAM,CACX,aAAaF,CAAK,CACpB,CACF,EAAG,CAACjB,CAAI,CAAC,EAET,MAAMkB,EAAa,KACjBV,MAAmB,CAAE,GAAGY,EAAM,QAAS,IAAO,EAEvC,WAAW,IAAM,CACtBZ,MAAmB,CAAE,GAAGY,EAAM,UAAW,QAAS,EAClD,SAAS,KAAK,MAAM,SAAW,QACjC,EAAG,GAAG,GAGFD,EAAc,KAClBX,MAAmB,CAAE,GAAGY,EAAM,UAAW,QAAS,EAE3C,WAAW,IAAM,CACtBZ,MAAmB,CAAE,GAAGY,EAAM,QAAS,IAAQ,EAC/C,SAAS,KAAK,MAAM,SAAW,EACjC,EAAGV,CAAkB,GAGvB,OACEH,EAAO,SACLc,EAAC,OAAK,GAAGf,EAAO,UAAWK,EACzB,SAAA,CAAAU,EAACC,EAAA,CAAM,UAAWR,EACf,SAAA,CAAAb,EACAC,EACAC,CAAA,EACH,EACAoB,EAAC,MAAA,CACC,cAAY,iBACZ,UAAWR,EACX,QAASV,CAAA,CAAA,CACX,EACF,CAGN,CAEA,MAAAmB,EAAeC,EAAgB1B,CAAM"}