@iziui/react 0.0.5-rc → 0.0.7-rc

package/dist/chunks/{ButtonIcon-CJPT8zy-.cjs.map → ButtonIcon-Cz8zJH-E.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon-CJPT8zy-.cjs","sources":["../../src/actions/ButtonIcon/ButtonIcon.tsx"],"sourcesContent":["import { cloneElement, type ButtonHTMLAttributes, type PropsWithChildren, type ReactElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport { convertPathToColor } from '@iziui/core/utils/convertPathToColor';\n\nimport type { IconProps } from '@/display/Icon';\nimport { useTheme } from '@/theme';\nimport Ripple from '@/actions/Ripple';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/ButtonIcon.scss';\n\nexport interface ButtonIconProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {\n  color?: Colors;\n  size?: number;\n  children: ReactElement<IconProps>;\n};\nfunction ButtonIcon({ children, size = 40, color = 'primary', ...props }: ButtonIconProps) {\n  const { theme: { palette } } = useTheme();\n\n  const [width, height] = [size, size];\n\n  const classess = joinClass(\n    `${prefix}-button-icon`,\n    color && `${prefix}-button-icon--${color}`,\n    props.className\n  );\n\n  const c = convertPathToColor(color, palette);\n\n  const renderIcon = (icon: ReactElement<IconProps>) => {\n    return cloneElement(icon, {\n      size: width / 1.5,\n      ...icon.props,\n      style: { color: 'currentColor' }\n    });\n  };\n\n  return (\n    <button\n      {...props}\n      className={classess}\n      style={{ color: c, ...props.style, width, height }}\n    >\n      {renderIcon(children)}\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(ButtonIcon);"],"names":["ButtonIcon","children","size","color","props","palette","useTheme","width","height","classess","joinClass","prefix","c","convertPathToColor","renderIcon","icon","cloneElement","jsxs","Ripple","createComponent"],"mappings":"gTAoBA,SAASA,EAAW,CAAE,SAAAC,EAAU,KAAAC,EAAO,GAAI,MAAAC,EAAQ,UAAW,GAAGC,GAA0B,CACzF,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,SAAA,EAEzB,CAACC,EAAOC,CAAM,EAAI,CAACN,EAAMA,CAAI,EAE7BO,EAAWC,EAAAA,UACf,GAAGC,EAAAA,MAAM,eACTR,GAAS,GAAGQ,EAAAA,MAAM,iBAAiBR,CAAK,GACxCC,EAAM,SAAA,EAGFQ,EAAIC,EAAAA,mBAAmBV,EAAOE,CAAO,EAErCS,EAAcC,GACXC,EAAAA,aAAaD,EAAM,CACxB,KAAMR,EAAQ,IACd,GAAGQ,EAAK,MACR,MAAO,CAAE,MAAO,cAAA,CAAe,CAChC,EAGH,OACEE,EAAAA,KAAC,SAAA,CACE,GAAGb,EACJ,UAAWK,EACX,MAAO,CAAE,MAAOG,EAAG,GAAGR,EAAM,MAAO,MAAAG,EAAO,OAAAC,CAAA,EAEzC,SAAA,CAAAM,EAAWb,CAAQ,QACnBiB,EAAAA,OAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAlB,EAAemB,EAAAA,gBAAgBnB,CAAU"}
+{"version":3,"file":"ButtonIcon-Cz8zJH-E.cjs","sources":["../../src/actions/ButtonIcon/ButtonIcon.tsx"],"sourcesContent":["import { cloneElement, type ButtonHTMLAttributes, type PropsWithChildren, type ReactElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport { convertPathToColor } from '@iziui/core/utils/convertPathToColor';\n\nimport type { IconProps } from '@/display/Icon';\nimport { useTheme } from '@/theme';\nimport Ripple from '@/actions/Ripple';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/ButtonIcon.scss';\n\nexport interface ButtonIconProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {\n  color?: Colors;\n  size?: number;\n  children: ReactElement<IconProps>;\n};\nfunction ButtonIcon({ children, size = 40, color = 'primary', ...props }: ButtonIconProps) {\n  const { theme: { palette } } = useTheme();\n\n  const [width, height] = [size, size];\n\n  const classess = joinClass(\n    `${prefix}-button-icon`,\n    color && `${prefix}-button-icon--${color}`,\n    props.className\n  );\n\n  const c = convertPathToColor(color, palette);\n\n  const renderIcon = (icon: ReactElement<IconProps>) => {\n    return cloneElement(icon, {\n      size: width / 1.5,\n      ...icon.props,\n      style: { color: 'currentColor' }\n    });\n  };\n\n  return (\n    <button\n      {...props}\n      className={classess}\n      style={{ color: c, ...props.style, width, height }}\n    >\n      {renderIcon(children)}\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(ButtonIcon);"],"names":["ButtonIcon","children","size","color","props","palette","useTheme","width","height","classess","joinClass","prefix","c","convertPathToColor","renderIcon","icon","cloneElement","jsxs","Ripple","createComponent"],"mappings":"gTAoBA,SAASA,EAAW,CAAE,SAAAC,EAAU,KAAAC,EAAO,GAAI,MAAAC,EAAQ,UAAW,GAAGC,GAA0B,CACzF,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,SAAA,EAEzB,CAACC,EAAOC,CAAM,EAAI,CAACN,EAAMA,CAAI,EAE7BO,EAAWC,EAAAA,UACf,GAAGC,EAAAA,MAAM,eACTR,GAAS,GAAGQ,EAAAA,MAAM,iBAAiBR,CAAK,GACxCC,EAAM,SAAA,EAGFQ,EAAIC,EAAAA,mBAAmBV,EAAOE,CAAO,EAErCS,EAAcC,GACXC,EAAAA,aAAaD,EAAM,CACxB,KAAMR,EAAQ,IACd,GAAGQ,EAAK,MACR,MAAO,CAAE,MAAO,cAAA,CAAe,CAChC,EAGH,OACEE,EAAAA,KAAC,SAAA,CACE,GAAGb,EACJ,UAAWK,EACX,MAAO,CAAE,MAAOG,EAAG,GAAGR,EAAM,MAAO,MAAAG,EAAO,OAAAC,CAAA,EAEzC,SAAA,CAAAM,EAAWb,CAAQ,QACnBiB,EAAAA,OAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAlB,EAAemB,EAAAA,gBAAgBnB,CAAU"}

package/dist/chunks/{Card-DwQwp0Z1.cjs → Card-B8XSgLaD.cjs}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),n=require("./index-BaaRDmgo.cjs"),t=require("./joinClass-Jk3EszKD.cjs"),a=require("./Ripple-BqrSCCqr.cjs"),o=require("./createComponent-D7BY-VlJ.cjs");function u({children:c,onClick:e,...r}){const i=t.joinClass(`${n.prefix}-card`,e&&`${n.prefix}-card--clickable`,r.className);return s.jsxs("div",{...r,className:i,onMouseUp:e,children:[c,e&&s.jsx(a.Ripple,{})]})}const d=o.createComponent(u);exports.Card=d;
-//# sourceMappingURL=Card-DwQwp0Z1.cjs.map
+"use strict";const s=require("react/jsx-runtime"),n=require("./index-DYxwT4uW.cjs"),t=require("./joinClass-Jk3EszKD.cjs"),a=require("./Ripple-Dy4i91j1.cjs"),o=require("./createComponent-CTufIEiN.cjs");function u({children:c,onClick:e,...r}){const i=t.joinClass(`${n.prefix}-card`,e&&`${n.prefix}-card--clickable`,r.className);return s.jsxs("div",{...r,className:i,onMouseUp:e,children:[c,e&&s.jsx(a.Ripple,{})]})}const d=o.createComponent(u);exports.Card=d;
+//# sourceMappingURL=Card-B8XSgLaD.cjs.map

package/dist/chunks/{Card-DwQwp0Z1.cjs.map → Card-B8XSgLaD.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Card-DwQwp0Z1.cjs","sources":["../../src/display/Card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Ripple from '../../actions/Ripple';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Card.scss';\n\ninterface CardProps extends HTMLAttributes<HTMLDivElement> { onClick?: (e?: any) => void; }\n\nfunction Card({ children, onClick, ...props }: CardProps) {\n  const cls = joinClass(`${prefix}-card`, onClick && `${prefix}-card--clickable`, props.className);\n\n  return (\n    <div {...props} className={cls} onMouseUp={onClick}>\n      {children}\n      {onClick && <Ripple />}\n    </div>\n  );\n}\n\nexport default createComponent(Card);"],"names":["Card","children","onClick","props","cls","joinClass","prefix","Ripple","createComponent"],"mappings":"yMAaA,SAASA,EAAK,CAAE,SAAAC,EAAU,QAAAC,EAAS,GAAGC,GAAoB,CACxD,MAAMC,EAAMC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,QAASJ,GAAW,GAAGI,EAAAA,MAAM,mBAAoBH,EAAM,SAAS,EAE/F,cACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EAAK,UAAWF,EACxC,SAAA,CAAAD,EACAC,SAAYK,EAAAA,OAAA,CAAA,CAAO,CAAA,EACtB,CAEJ,CAEA,MAAAP,EAAeQ,EAAAA,gBAAgBR,CAAI"}
+{"version":3,"file":"Card-B8XSgLaD.cjs","sources":["../../src/display/Card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Ripple from '../../actions/Ripple';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Card.scss';\n\ninterface CardProps extends HTMLAttributes<HTMLDivElement> { onClick?: (e?: any) => void; }\n\nfunction Card({ children, onClick, ...props }: CardProps) {\n  const cls = joinClass(`${prefix}-card`, onClick && `${prefix}-card--clickable`, props.className);\n\n  return (\n    <div {...props} className={cls} onMouseUp={onClick}>\n      {children}\n      {onClick && <Ripple />}\n    </div>\n  );\n}\n\nexport default createComponent(Card);"],"names":["Card","children","onClick","props","cls","joinClass","prefix","Ripple","createComponent"],"mappings":"yMAaA,SAASA,EAAK,CAAE,SAAAC,EAAU,QAAAC,EAAS,GAAGC,GAAoB,CACxD,MAAMC,EAAMC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,QAASJ,GAAW,GAAGI,EAAAA,MAAM,mBAAoBH,EAAM,SAAS,EAE/F,cACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EAAK,UAAWF,EACxC,SAAA,CAAAD,EACAC,SAAYK,EAAAA,OAAA,CAAA,CAAO,CAAA,EACtB,CAEJ,CAEA,MAAAP,EAAeQ,EAAAA,gBAAgBR,CAAI"}

package/dist/chunks/{Card-BcsU9Bwu.js → Card-DOsl4_nu.js}

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{p as a}from"./index-Bmr5u5lp.js";import{j as c}from"./joinClass-anSpaauN.js";import{R as i}from"./Ripple-DUBh1UW5.js";import{c as p}from"./createComponent-CyZoFjRB.js";function n({children:o,onClick:r,...s}){const m=c(`${a}-card`,r&&`${a}-card--clickable`,s.className);return e("div",{...s,className:m,onMouseUp:r,children:[o,r&&t(i,{})]})}const u=p(n);export{u as C};
-//# sourceMappingURL=Card-BcsU9Bwu.js.map
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{p as a}from"./index-CZ41y9Hn.js";import{j as c}from"./joinClass-anSpaauN.js";import{R as i}from"./Ripple-Bq9bxg4k.js";import{c as p}from"./createComponent-WNQRXK89.js";function n({children:o,onClick:r,...s}){const m=c(`${a}-card`,r&&`${a}-card--clickable`,s.className);return e("div",{...s,className:m,onMouseUp:r,children:[o,r&&t(i,{})]})}const u=p(n);export{u as C};
+//# sourceMappingURL=Card-DOsl4_nu.js.map

package/dist/chunks/{Card-BcsU9Bwu.js.map → Card-DOsl4_nu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Card-BcsU9Bwu.js","sources":["../../src/display/Card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Ripple from '../../actions/Ripple';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Card.scss';\n\ninterface CardProps extends HTMLAttributes<HTMLDivElement> { onClick?: (e?: any) => void; }\n\nfunction Card({ children, onClick, ...props }: CardProps) {\n  const cls = joinClass(`${prefix}-card`, onClick && `${prefix}-card--clickable`, props.className);\n\n  return (\n    <div {...props} className={cls} onMouseUp={onClick}>\n      {children}\n      {onClick && <Ripple />}\n    </div>\n  );\n}\n\nexport default createComponent(Card);"],"names":["Card","children","onClick","props","cls","joinClass","prefix","Ripple","Card$1","createComponent"],"mappings":"iOAaA,SAASA,EAAK,CAAE,SAAAC,EAAU,QAAAC,EAAS,GAAGC,GAAoB,CACxD,MAAMC,EAAMC,EAAU,GAAGC,CAAM,QAASJ,GAAW,GAAGI,CAAM,mBAAoBH,EAAM,SAAS,EAE/F,SACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EAAK,UAAWF,EACxC,SAAA,CAAAD,EACAC,KAAYK,EAAA,CAAA,CAAO,CAAA,EACtB,CAEJ,CAEA,MAAAC,EAAeC,EAAgBT,CAAI"}
+{"version":3,"file":"Card-DOsl4_nu.js","sources":["../../src/display/Card/Card.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Ripple from '../../actions/Ripple';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Card.scss';\n\ninterface CardProps extends HTMLAttributes<HTMLDivElement> { onClick?: (e?: any) => void; }\n\nfunction Card({ children, onClick, ...props }: CardProps) {\n  const cls = joinClass(`${prefix}-card`, onClick && `${prefix}-card--clickable`, props.className);\n\n  return (\n    <div {...props} className={cls} onMouseUp={onClick}>\n      {children}\n      {onClick && <Ripple />}\n    </div>\n  );\n}\n\nexport default createComponent(Card);"],"names":["Card","children","onClick","props","cls","joinClass","prefix","Ripple","Card$1","createComponent"],"mappings":"iOAaA,SAASA,EAAK,CAAE,SAAAC,EAAU,QAAAC,EAAS,GAAGC,GAAoB,CACxD,MAAMC,EAAMC,EAAU,GAAGC,CAAM,QAASJ,GAAW,GAAGI,CAAM,mBAAoBH,EAAM,SAAS,EAE/F,SACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EAAK,UAAWF,EACxC,SAAA,CAAAD,EACAC,KAAYK,EAAA,CAAA,CAAO,CAAA,EACtB,CAEJ,CAEA,MAAAC,EAAeC,EAAgBT,CAAI"}

package/dist/chunks/{CardContent-BfNpVYNI.cjs → CardContent-BivcVoIc.cjs}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),r=require("./index-BaaRDmgo.cjs"),o=require("./joinClass-Jk3EszKD.cjs"),c=require("./createComponent-D7BY-VlJ.cjs");function a({children:n,...e}){const t=o.joinClass(`${r.prefix}-card__content`,e.className);return s.jsx("div",{...e,className:t,children:n})}const i=c.createComponent(a);exports.CardContent=i;
-//# sourceMappingURL=CardContent-BfNpVYNI.cjs.map
+"use strict";const s=require("react/jsx-runtime"),r=require("./index-DYxwT4uW.cjs"),o=require("./joinClass-Jk3EszKD.cjs"),c=require("./createComponent-CTufIEiN.cjs");function a({children:n,...e}){const t=o.joinClass(`${r.prefix}-card__content`,e.className);return s.jsx("div",{...e,className:t,children:n})}const i=c.createComponent(a);exports.CardContent=i;
+//# sourceMappingURL=CardContent-BivcVoIc.cjs.map

package/dist/chunks/{CardContent-BfNpVYNI.cjs.map → CardContent-BivcVoIc.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"CardContent-BfNpVYNI.cjs","sources":["../../src/display/Card/CardContent.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '../../core/createComponent';\n\ntype CardContentProps = HTMLAttributes<HTMLDivElement>;\nfunction CardContent({ children, ...props }: CardContentProps) {\n\n  const cls = joinClass(`${prefix}-card__content`, props.className);\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(CardContent);"],"names":["CardContent","children","props","cls","joinClass","prefix","createComponent"],"mappings":"sKASA,SAASA,EAAY,CAAE,SAAAC,EAAU,GAAGC,GAA2B,CAE7D,MAAMC,EAAMC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,iBAAkBH,EAAM,SAAS,EAEhE,aACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EACxB,SAAAF,EACH,CAEJ,CAEA,MAAAD,EAAeM,EAAAA,gBAAgBN,CAAW"}
+{"version":3,"file":"CardContent-BivcVoIc.cjs","sources":["../../src/display/Card/CardContent.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '../../core/createComponent';\n\ntype CardContentProps = HTMLAttributes<HTMLDivElement>;\nfunction CardContent({ children, ...props }: CardContentProps) {\n\n  const cls = joinClass(`${prefix}-card__content`, props.className);\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(CardContent);"],"names":["CardContent","children","props","cls","joinClass","prefix","createComponent"],"mappings":"sKASA,SAASA,EAAY,CAAE,SAAAC,EAAU,GAAGC,GAA2B,CAE7D,MAAMC,EAAMC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,iBAAkBH,EAAM,SAAS,EAEhE,aACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EACxB,SAAAF,EACH,CAEJ,CAEA,MAAAD,EAAeM,EAAAA,gBAAgBN,CAAW"}

package/dist/chunks/{CardContent-BvRmc1hs.js → CardContent-C8ypE7yH.js}

@@ -1,2 +1,2 @@
-import{jsx as n}from"react/jsx-runtime";import{p as a}from"./index-Bmr5u5lp.js";import{j as s}from"./joinClass-anSpaauN.js";import{c as e}from"./createComponent-CyZoFjRB.js";function m({children:t,...o}){const r=s(`${a}-card__content`,o.className);return n("div",{...o,className:r,children:t})}const p=e(m);export{p as C};
-//# sourceMappingURL=CardContent-BvRmc1hs.js.map
+import{jsx as n}from"react/jsx-runtime";import{p as a}from"./index-CZ41y9Hn.js";import{j as s}from"./joinClass-anSpaauN.js";import{c as e}from"./createComponent-WNQRXK89.js";function m({children:t,...o}){const r=s(`${a}-card__content`,o.className);return n("div",{...o,className:r,children:t})}const p=e(m);export{p as C};
+//# sourceMappingURL=CardContent-C8ypE7yH.js.map

package/dist/chunks/{CardContent-BvRmc1hs.js.map → CardContent-C8ypE7yH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CardContent-BvRmc1hs.js","sources":["../../src/display/Card/CardContent.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '../../core/createComponent';\n\ntype CardContentProps = HTMLAttributes<HTMLDivElement>;\nfunction CardContent({ children, ...props }: CardContentProps) {\n\n  const cls = joinClass(`${prefix}-card__content`, props.className);\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(CardContent);"],"names":["CardContent","children","props","cls","joinClass","prefix","CardContent$1","createComponent"],"mappings":"8KASA,SAASA,EAAY,CAAE,SAAAC,EAAU,GAAGC,GAA2B,CAE7D,MAAMC,EAAMC,EAAU,GAAGC,CAAM,iBAAkBH,EAAM,SAAS,EAEhE,SACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EACxB,SAAAF,EACH,CAEJ,CAEA,MAAAK,EAAeC,EAAgBP,CAAW"}
+{"version":3,"file":"CardContent-C8ypE7yH.js","sources":["../../src/display/Card/CardContent.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '../../core/createComponent';\n\ntype CardContentProps = HTMLAttributes<HTMLDivElement>;\nfunction CardContent({ children, ...props }: CardContentProps) {\n\n  const cls = joinClass(`${prefix}-card__content`, props.className);\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(CardContent);"],"names":["CardContent","children","props","cls","joinClass","prefix","CardContent$1","createComponent"],"mappings":"8KASA,SAASA,EAAY,CAAE,SAAAC,EAAU,GAAGC,GAA2B,CAE7D,MAAMC,EAAMC,EAAU,GAAGC,CAAM,iBAAkBH,EAAM,SAAS,EAEhE,SACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EACxB,SAAAF,EACH,CAEJ,CAEA,MAAAK,EAAeC,EAAgBP,CAAW"}

package/dist/chunks/{Drawer-C0bFfY0L.cjs → Drawer-0wOdungj.cjs}

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),l=require("react"),t=require("./index-BaaRDmgo.cjs"),i=require("./joinClass-Jk3EszKD.cjs"),h=require("./Stack-dVH2e42b.cjs"),j=require("./createComponent-D7BY-VlJ.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-C0bFfY0L.cjs.map
+"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-C0bFfY0L.cjs.map → Drawer-0wOdungj.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Drawer-C0bFfY0L.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"}
+{"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-BvpQwgSH.js → Drawer-D1lAWrdi.js}

@@ -1,2 +1,2 @@
-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-Bmr5u5lp.js";import{j as a}from"./joinClass-anSpaauN.js";import{S as N}from"./Stack-Cde2gkUJ.js";import{c as b}from"./createComponent-CyZoFjRB.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-BvpQwgSH.js.map
+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-BvpQwgSH.js.map → Drawer-D1lAWrdi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Drawer-BvpQwgSH.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"}
+{"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"}

package/dist/chunks/Fade-CM-5xRVt.cjs

@@ -0,0 +1,2 @@
+"use strict";const w=require("react/jsx-runtime"),i=require("react");function o(s,t){return new Promise(e=>{setTimeout(()=>{e(s())},t)})}function b({children:s,enter:t,delay:e=10,timeout:c=.5,...n}){const[r,a]=i.useState(!1),[l,u]=i.useState({opacity:0});i.useEffect(()=>{setTimeout(()=>{if(t){f();return}y()},e)},[t]);const f=()=>{a(!0),o(()=>{u({opacity:1})},e)},y=async()=>{u({opacity:0}),await o(()=>{a(!1)},c*1e3)};return r&&w.jsx("div",{...n,style:{...l,width:"100%",transition:`all ${c}s cubic-bezier(0.25, 0.1, 0.25, 1)`,...n.style},children:s})}exports.Fade=b;
+//# sourceMappingURL=Fade-CM-5xRVt.cjs.map

package/dist/chunks/Fade-CM-5xRVt.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fade-CM-5xRVt.cjs","sources":["../../../../toolkit/src/promise/wait.ts","../../src/animations/Fade/Fade.tsx"],"sourcesContent":["export function wait<T>(callback: () => T, ms: number) {\n  return new Promise<T>(resolve => {\n    setTimeout(() => { resolve(callback()); }, ms);\n  });\n}\n","import { useEffect, useState } from 'react';\n\nimport { wait } from '@iziui/toolkit/promise';\n\ntype Style = React.HTMLAttributes<HTMLDivElement>['style'];\n\nexport interface FadeProps extends React.HTMLAttributes<HTMLDivElement> {\n  enter: boolean;\n  delay?: number;\n  timeout?: number;\n}\n\nexport default function Fade({ children, enter, delay = 10, timeout = .5, ...props }: Readonly<FadeProps>) {\n  const [isVisible, setIsVisible] = useState(false);\n  const [style, setStyle] = useState<Style>({ opacity: 0 });\n\n  useEffect(() => {\n    setTimeout(() => {\n      if (enter) {\n        show();\n        return;\n      }\n\n      hide();\n    }, delay);\n  }, [enter]);\n\n  const show = () => {\n    setIsVisible(true);\n\n    wait(() => {\n      setStyle({ opacity: 1, });\n    }, delay);\n  };\n\n  const hide = async () => {\n    setStyle({ opacity: 0 });\n\n    await wait(() => {\n      setIsVisible(false);\n    }, timeout * 1000);\n  };\n\n  return (\n    isVisible && (\n      <div\n        {...props}\n        style={{\n          ...style,\n          width: '100%',\n          transition: `all ${timeout}s cubic-bezier(0.25, 0.1, 0.25, 1)`,\n          ...props.style\n        }}\n      >\n        {children}\n      </div>\n    )\n  );\n}\n"],"names":["wait","callback","ms","resolve","Fade","children","enter","delay","timeout","props","isVisible","setIsVisible","useState","style","setStyle","useEffect","show","hide","jsx"],"mappings":"qEAAO,SAASA,EAAQC,EAAmBC,EAAY,CACrD,OAAO,IAAI,QAAWC,GAAW,CAC/B,WAAW,IAAM,CAAEA,EAAQF,GAAU,CAAG,EAAGC,CAAE,CAC/C,CAAC,CACH,CCQA,SAAwBE,EAAK,CAAE,SAAAC,EAAU,MAAAC,EAAO,MAAAC,EAAQ,GAAI,QAAAC,EAAU,GAAI,GAAGC,GAA8B,CACzG,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAC1C,CAACC,EAAOC,CAAQ,EAAIF,EAAAA,SAAgB,CAAE,QAAS,EAAG,EAExDG,EAAAA,UAAU,IAAM,CACd,WAAW,IAAM,CACf,GAAIT,EAAO,CACTU,EAAA,EACA,MACF,CAEAC,EAAA,CACF,EAAGV,CAAK,CACV,EAAG,CAACD,CAAK,CAAC,EAEV,MAAMU,EAAO,IAAM,CACjBL,EAAa,EAAI,EAEjBX,EAAK,IAAM,CACTc,EAAS,CAAE,QAAS,EAAI,CAC1B,EAAGP,CAAK,CACV,EAEMU,EAAO,SAAY,CACvBH,EAAS,CAAE,QAAS,EAAG,EAEvB,MAAMd,EAAK,IAAM,CACfW,EAAa,EAAK,CACpB,EAAGH,EAAU,GAAI,CACnB,EAEA,OACEE,GACEQ,EAAAA,IAAC,MAAA,CACE,GAAGT,EACJ,MAAO,CACL,GAAGI,EACH,MAAO,OACP,WAAY,OAAOL,CAAO,qCAC1B,GAAGC,EAAM,KAAA,EAGV,SAAAJ,CAAA,CAAA,CAIT"}

package/dist/chunks/Fade-spxq-W-Q.js

@@ -0,0 +1,2 @@
+import{jsx as m}from"react/jsx-runtime";import{useState as c,useEffect as w}from"react";function r(s,t){return new Promise(e=>{setTimeout(()=>{e(s())},t)})}function d({children:s,enter:t,delay:e=10,timeout:i=.5,...o}){const[u,n]=c(!1),[f,a]=c({opacity:0});w(()=>{setTimeout(()=>{if(t){l();return}y()},e)},[t]);const l=()=>{n(!0),r(()=>{a({opacity:1})},e)},y=async()=>{a({opacity:0}),await r(()=>{n(!1)},i*1e3)};return u&&m("div",{...o,style:{...f,width:"100%",transition:`all ${i}s cubic-bezier(0.25, 0.1, 0.25, 1)`,...o.style},children:s})}export{d as F};
+//# sourceMappingURL=Fade-spxq-W-Q.js.map

package/dist/chunks/Fade-spxq-W-Q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fade-spxq-W-Q.js","sources":["../../../../toolkit/src/promise/wait.ts","../../src/animations/Fade/Fade.tsx"],"sourcesContent":["export function wait<T>(callback: () => T, ms: number) {\n  return new Promise<T>(resolve => {\n    setTimeout(() => { resolve(callback()); }, ms);\n  });\n}\n","import { useEffect, useState } from 'react';\n\nimport { wait } from '@iziui/toolkit/promise';\n\ntype Style = React.HTMLAttributes<HTMLDivElement>['style'];\n\nexport interface FadeProps extends React.HTMLAttributes<HTMLDivElement> {\n  enter: boolean;\n  delay?: number;\n  timeout?: number;\n}\n\nexport default function Fade({ children, enter, delay = 10, timeout = .5, ...props }: Readonly<FadeProps>) {\n  const [isVisible, setIsVisible] = useState(false);\n  const [style, setStyle] = useState<Style>({ opacity: 0 });\n\n  useEffect(() => {\n    setTimeout(() => {\n      if (enter) {\n        show();\n        return;\n      }\n\n      hide();\n    }, delay);\n  }, [enter]);\n\n  const show = () => {\n    setIsVisible(true);\n\n    wait(() => {\n      setStyle({ opacity: 1, });\n    }, delay);\n  };\n\n  const hide = async () => {\n    setStyle({ opacity: 0 });\n\n    await wait(() => {\n      setIsVisible(false);\n    }, timeout * 1000);\n  };\n\n  return (\n    isVisible && (\n      <div\n        {...props}\n        style={{\n          ...style,\n          width: '100%',\n          transition: `all ${timeout}s cubic-bezier(0.25, 0.1, 0.25, 1)`,\n          ...props.style\n        }}\n      >\n        {children}\n      </div>\n    )\n  );\n}\n"],"names":["wait","callback","ms","resolve","Fade","children","enter","delay","timeout","props","isVisible","setIsVisible","useState","style","setStyle","useEffect","show","hide","jsx"],"mappings":"wFAAO,SAASA,EAAQC,EAAmBC,EAAY,CACrD,OAAO,IAAI,QAAWC,GAAW,CAC/B,WAAW,IAAM,CAAEA,EAAQF,GAAU,CAAG,EAAGC,CAAE,CAC/C,CAAC,CACH,CCQA,SAAwBE,EAAK,CAAE,SAAAC,EAAU,MAAAC,EAAO,MAAAC,EAAQ,GAAI,QAAAC,EAAU,GAAI,GAAGC,GAA8B,CACzG,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAS,EAAK,EAC1C,CAACC,EAAOC,CAAQ,EAAIF,EAAgB,CAAE,QAAS,EAAG,EAExDG,EAAU,IAAM,CACd,WAAW,IAAM,CACf,GAAIT,EAAO,CACTU,EAAA,EACA,MACF,CAEAC,EAAA,CACF,EAAGV,CAAK,CACV,EAAG,CAACD,CAAK,CAAC,EAEV,MAAMU,EAAO,IAAM,CACjBL,EAAa,EAAI,EAEjBX,EAAK,IAAM,CACTc,EAAS,CAAE,QAAS,EAAI,CAC1B,EAAGP,CAAK,CACV,EAEMU,EAAO,SAAY,CACvBH,EAAS,CAAE,QAAS,EAAG,EAEvB,MAAMd,EAAK,IAAM,CACfW,EAAa,EAAK,CACpB,EAAGH,EAAU,GAAI,CACnB,EAEA,OACEE,GACEQ,EAAC,MAAA,CACE,GAAGT,EACJ,MAAO,CACL,GAAGI,EACH,MAAO,OACP,WAAY,OAAOL,CAAO,qCAC1B,GAAGC,EAAM,KAAA,EAGV,SAAAJ,CAAA,CAAA,CAIT"}

package/dist/chunks/{GridItem-B1AVF8KI.js → GridItem-CaoPZmBu.js}

@@ -1,2 +1,2 @@
-import{jsx as u}from"react/jsx-runtime";import{Children as N,cloneElement as S}from"react";import{p as y}from"./index-Bmr5u5lp.js";import{j}from"./joinClass-anSpaauN.js";function E({children:a,sm:o,md:m,lg:c,xl:r,xs:e,gap:t=15,...s}){const d=N.toArray(a),n=j(`${y}-grid`,s.className),l=()=>d.map(i=>S(i,{...{sm:o,md:m,lg:c,xl:r,xs:e},...i.props}));return u("div",{...s,className:n,style:{gap:t,...s.style},children:l()})}function G({children:a,gridColumnStart:o,gridRowStart:m,alignSelf:c,xl:r=1,lg:e,md:t,sm:s,xs:d,...n}){const i=j("cds-grid__item",Object.entries({xl:r,lg:e||r,md:t||e||r,sm:s||t||e||r,xs:d||s||t||e||r}).map(([f,C])=>`${y}-grid__item--${f}-${C}`).join(" "),n.className);return u("div",{...n,className:i,style:{gridColumnStart:o,gridRowStart:m,alignSelf:c,...n.style},children:a})}export{E as G,G as a};
-//# sourceMappingURL=GridItem-B1AVF8KI.js.map
+import{jsx as u}from"react/jsx-runtime";import{Children as N,cloneElement as S}from"react";import{p as y}from"./index-CZ41y9Hn.js";import{j}from"./joinClass-anSpaauN.js";function E({children:a,sm:o,md:m,lg:c,xl:r,xs:e,gap:t=15,...s}){const d=N.toArray(a),n=j(`${y}-grid`,s.className),l=()=>d.map(i=>S(i,{...{sm:o,md:m,lg:c,xl:r,xs:e},...i.props}));return u("div",{...s,className:n,style:{gap:t,...s.style},children:l()})}function G({children:a,gridColumnStart:o,gridRowStart:m,alignSelf:c,xl:r=1,lg:e,md:t,sm:s,xs:d,...n}){const i=j("cds-grid__item",Object.entries({xl:r,lg:e||r,md:t||e||r,sm:s||t||e||r,xs:d||s||t||e||r}).map(([f,C])=>`${y}-grid__item--${f}-${C}`).join(" "),n.className);return u("div",{...n,className:i,style:{gridColumnStart:o,gridRowStart:m,alignSelf:c,...n.style},children:a})}export{E as G,G as a};
+//# sourceMappingURL=GridItem-CaoPZmBu.js.map

package/dist/chunks/{GridItem-B1AVF8KI.js.map → GridItem-CaoPZmBu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GridItem-B1AVF8KI.js","sources":["../../src/layout/Grid/Grid.tsx","../../src/layout/Grid/GridItem.tsx"],"sourcesContent":["import { Children, cloneElement, ReactElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport type { GridItemProps } from './GridItem';\nimport type { GridBaseProps } from './interface';\n\nimport '@iziui/styles/components/Grid.scss';\n\nexport interface GridProps extends GridBaseProps {\n  children: React.ReactNode;\n  gap?: number;\n}\n\nexport function Grid({\n  children,\n  sm,\n  md,\n  lg,\n  xl,\n  xs,\n  gap = 15,\n  ...props\n}: Readonly<GridProps>) {\n  const arrayChildren = Children.toArray(children) as ReactElement<GridItemProps>[];\n\n  const className = joinClass(`${prefix}-grid`, props.className);\n\n  const renderChildren = () => {\n    return arrayChildren.map((child) => {\n      const sizes = { sm, md, lg, xl, xs };\n\n      return cloneElement(child, { ...sizes, ...child.props });\n    });\n  };\n\n  return (\n    <div {...props} className={className} style={{ gap, ...props.style }}>\n      {renderChildren()}\n    </div>\n  );\n}\n","\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport type { GridItemBaseProps } from './interface';\n\nimport '@iziui/styles/components/Grid.scss';\n\nexport interface GridItemProps extends GridItemBaseProps {\n  children: React.ReactNode;\n}\n\nexport function GridItem({\n  children,\n  gridColumnStart,\n  gridRowStart,\n  alignSelf,\n  xl = 1,\n  lg,\n  md,\n  sm,\n  xs,\n  ...props\n}: Readonly<GridItemProps>) {\n  const SIZES = {\n    xl,\n    lg: lg || xl,\n    md: md || lg || xl,\n    sm: sm || md || lg || xl,\n    xs: xs || sm || md || lg || xl\n  };\n\n  const className = joinClass(\n    'cds-grid__item',\n    Object.entries(SIZES)\n      .map(([size, value]) => {\n        return `${prefix}-grid__item--${size}-${value}`;\n      })\n      .join(' '),\n    props.className\n  );\n\n  return (\n    <div\n      {...props}\n      className={className}\n      style={{\n        gridColumnStart,\n        gridRowStart,\n        alignSelf,\n        ...props.style\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["Grid","children","sm","md","lg","xl","xs","gap","props","arrayChildren","Children","className","joinClass","prefix","renderChildren","child","cloneElement","jsx","GridItem","gridColumnStart","gridRowStart","alignSelf","size","value"],"mappings":"0KAgBO,SAASA,EAAK,CACnB,SAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,IAAAC,EAAM,GACN,GAAGC,CACL,EAAwB,CACtB,MAAMC,EAAgBC,EAAS,QAAQT,CAAQ,EAEzCU,EAAYC,EAAU,GAAGC,CAAM,QAASL,EAAM,SAAS,EAEvDM,EAAiB,IACdL,EAAc,IAAKM,GAGjBC,EAAaD,EAAO,CAAE,GAFf,CAAE,GAAAb,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,CAAA,EAEO,GAAGS,EAAM,MAAO,CACxD,EAGH,OACEE,EAAC,MAAA,CAAK,GAAGT,EAAO,UAAAG,EAAsB,MAAO,CAAE,IAAAJ,EAAK,GAAGC,EAAM,KAAA,EAC1D,YAAe,CAClB,CAEJ,CC9BO,SAASU,EAAS,CACvB,SAAAjB,EACA,gBAAAkB,EACA,aAAAC,EACA,UAAAC,EACA,GAAAhB,EAAK,EACL,GAAAD,EACA,GAAAD,EACA,GAAAD,EACA,GAAAI,EACA,GAAGE,CACL,EAA4B,CAS1B,MAAMG,EAAYC,EAChB,iBACA,OAAO,QAVK,CACZ,GAAAP,EACA,GAAID,GAAMC,EACV,GAAIF,GAAMC,GAAMC,EAChB,GAAIH,GAAMC,GAAMC,GAAMC,EACtB,GAAIC,GAAMJ,GAAMC,GAAMC,GAAMC,CAAA,CAKR,EACjB,IAAI,CAAC,CAACiB,EAAMC,CAAK,IACT,GAAGV,CAAM,gBAAgBS,CAAI,IAAIC,CAAK,EAC9C,EACA,KAAK,GAAG,EACXf,EAAM,SAAA,EAGR,OACES,EAAC,MAAA,CACE,GAAGT,EACJ,UAAAG,EACA,MAAO,CACL,gBAAAQ,EACA,aAAAC,EACA,UAAAC,EACA,GAAGb,EAAM,KAAA,EAGV,SAAAP,CAAA,CAAA,CAGP"}
+{"version":3,"file":"GridItem-CaoPZmBu.js","sources":["../../src/layout/Grid/Grid.tsx","../../src/layout/Grid/GridItem.tsx"],"sourcesContent":["import { Children, cloneElement, ReactElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport type { GridItemProps } from './GridItem';\nimport type { GridBaseProps } from './interface';\n\nimport '@iziui/styles/components/Grid.scss';\n\nexport interface GridProps extends GridBaseProps {\n  children: React.ReactNode;\n  gap?: number;\n}\n\nexport function Grid({\n  children,\n  sm,\n  md,\n  lg,\n  xl,\n  xs,\n  gap = 15,\n  ...props\n}: Readonly<GridProps>) {\n  const arrayChildren = Children.toArray(children) as ReactElement<GridItemProps>[];\n\n  const className = joinClass(`${prefix}-grid`, props.className);\n\n  const renderChildren = () => {\n    return arrayChildren.map((child) => {\n      const sizes = { sm, md, lg, xl, xs };\n\n      return cloneElement(child, { ...sizes, ...child.props });\n    });\n  };\n\n  return (\n    <div {...props} className={className} style={{ gap, ...props.style }}>\n      {renderChildren()}\n    </div>\n  );\n}\n","\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport type { GridItemBaseProps } from './interface';\n\nimport '@iziui/styles/components/Grid.scss';\n\nexport interface GridItemProps extends GridItemBaseProps {\n  children: React.ReactNode;\n}\n\nexport function GridItem({\n  children,\n  gridColumnStart,\n  gridRowStart,\n  alignSelf,\n  xl = 1,\n  lg,\n  md,\n  sm,\n  xs,\n  ...props\n}: Readonly<GridItemProps>) {\n  const SIZES = {\n    xl,\n    lg: lg || xl,\n    md: md || lg || xl,\n    sm: sm || md || lg || xl,\n    xs: xs || sm || md || lg || xl\n  };\n\n  const className = joinClass(\n    'cds-grid__item',\n    Object.entries(SIZES)\n      .map(([size, value]) => {\n        return `${prefix}-grid__item--${size}-${value}`;\n      })\n      .join(' '),\n    props.className\n  );\n\n  return (\n    <div\n      {...props}\n      className={className}\n      style={{\n        gridColumnStart,\n        gridRowStart,\n        alignSelf,\n        ...props.style\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["Grid","children","sm","md","lg","xl","xs","gap","props","arrayChildren","Children","className","joinClass","prefix","renderChildren","child","cloneElement","jsx","GridItem","gridColumnStart","gridRowStart","alignSelf","size","value"],"mappings":"0KAgBO,SAASA,EAAK,CACnB,SAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,IAAAC,EAAM,GACN,GAAGC,CACL,EAAwB,CACtB,MAAMC,EAAgBC,EAAS,QAAQT,CAAQ,EAEzCU,EAAYC,EAAU,GAAGC,CAAM,QAASL,EAAM,SAAS,EAEvDM,EAAiB,IACdL,EAAc,IAAKM,GAGjBC,EAAaD,EAAO,CAAE,GAFf,CAAE,GAAAb,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,CAAA,EAEO,GAAGS,EAAM,MAAO,CACxD,EAGH,OACEE,EAAC,MAAA,CAAK,GAAGT,EAAO,UAAAG,EAAsB,MAAO,CAAE,IAAAJ,EAAK,GAAGC,EAAM,KAAA,EAC1D,YAAe,CAClB,CAEJ,CC9BO,SAASU,EAAS,CACvB,SAAAjB,EACA,gBAAAkB,EACA,aAAAC,EACA,UAAAC,EACA,GAAAhB,EAAK,EACL,GAAAD,EACA,GAAAD,EACA,GAAAD,EACA,GAAAI,EACA,GAAGE,CACL,EAA4B,CAS1B,MAAMG,EAAYC,EAChB,iBACA,OAAO,QAVK,CACZ,GAAAP,EACA,GAAID,GAAMC,EACV,GAAIF,GAAMC,GAAMC,EAChB,GAAIH,GAAMC,GAAMC,GAAMC,EACtB,GAAIC,GAAMJ,GAAMC,GAAMC,GAAMC,CAAA,CAKR,EACjB,IAAI,CAAC,CAACiB,EAAMC,CAAK,IACT,GAAGV,CAAM,gBAAgBS,CAAI,IAAIC,CAAK,EAC9C,EACA,KAAK,GAAG,EACXf,EAAM,SAAA,EAGR,OACES,EAAC,MAAA,CACE,GAAGT,EACJ,UAAAG,EACA,MAAO,CACL,gBAAAQ,EACA,aAAAC,EACA,UAAAC,EACA,GAAGb,EAAM,KAAA,EAGV,SAAAP,CAAA,CAAA,CAGP"}

package/dist/chunks/{GridItem-CWqF8c-3.cjs → GridItem-wwo-SHGR.cjs}

@@ -1,2 +1,2 @@
-"use strict";const y=require("react/jsx-runtime"),j=require("react"),C=require("./index-BaaRDmgo.cjs"),f=require("./joinClass-Jk3EszKD.cjs");function G({children:c,sm:a,md:o,lg:d,xl:e,xs:r,gap:n=15,...s}){const u=j.Children.toArray(c),t=f.joinClass(`${C.prefix}-grid`,s.className),m=()=>u.map(i=>{const l={sm:a,md:o,lg:d,xl:e,xs:r};return j.cloneElement(i,{...l,...i.props})});return y.jsx("div",{...s,className:t,style:{gap:n,...s.style},children:m()})}function N({children:c,gridColumnStart:a,gridRowStart:o,alignSelf:d,xl:e=1,lg:r,md:n,sm:s,xs:u,...t}){const m={xl:e,lg:r||e,md:n||r||e,sm:s||n||r||e,xs:u||s||n||r||e},i=f.joinClass("cds-grid__item",Object.entries(m).map(([l,q])=>`${C.prefix}-grid__item--${l}-${q}`).join(" "),t.className);return y.jsx("div",{...t,className:i,style:{gridColumnStart:a,gridRowStart:o,alignSelf:d,...t.style},children:c})}exports.Grid=G;exports.GridItem=N;
-//# sourceMappingURL=GridItem-CWqF8c-3.cjs.map
+"use strict";const y=require("react/jsx-runtime"),j=require("react"),C=require("./index-DYxwT4uW.cjs"),f=require("./joinClass-Jk3EszKD.cjs");function G({children:c,sm:a,md:o,lg:d,xl:e,xs:r,gap:n=15,...s}){const u=j.Children.toArray(c),t=f.joinClass(`${C.prefix}-grid`,s.className),m=()=>u.map(i=>{const l={sm:a,md:o,lg:d,xl:e,xs:r};return j.cloneElement(i,{...l,...i.props})});return y.jsx("div",{...s,className:t,style:{gap:n,...s.style},children:m()})}function N({children:c,gridColumnStart:a,gridRowStart:o,alignSelf:d,xl:e=1,lg:r,md:n,sm:s,xs:u,...t}){const m={xl:e,lg:r||e,md:n||r||e,sm:s||n||r||e,xs:u||s||n||r||e},i=f.joinClass("cds-grid__item",Object.entries(m).map(([l,q])=>`${C.prefix}-grid__item--${l}-${q}`).join(" "),t.className);return y.jsx("div",{...t,className:i,style:{gridColumnStart:a,gridRowStart:o,alignSelf:d,...t.style},children:c})}exports.Grid=G;exports.GridItem=N;
+//# sourceMappingURL=GridItem-wwo-SHGR.cjs.map

package/dist/chunks/{GridItem-CWqF8c-3.cjs.map → GridItem-wwo-SHGR.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"GridItem-CWqF8c-3.cjs","sources":["../../src/layout/Grid/Grid.tsx","../../src/layout/Grid/GridItem.tsx"],"sourcesContent":["import { Children, cloneElement, ReactElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport type { GridItemProps } from './GridItem';\nimport type { GridBaseProps } from './interface';\n\nimport '@iziui/styles/components/Grid.scss';\n\nexport interface GridProps extends GridBaseProps {\n  children: React.ReactNode;\n  gap?: number;\n}\n\nexport function Grid({\n  children,\n  sm,\n  md,\n  lg,\n  xl,\n  xs,\n  gap = 15,\n  ...props\n}: Readonly<GridProps>) {\n  const arrayChildren = Children.toArray(children) as ReactElement<GridItemProps>[];\n\n  const className = joinClass(`${prefix}-grid`, props.className);\n\n  const renderChildren = () => {\n    return arrayChildren.map((child) => {\n      const sizes = { sm, md, lg, xl, xs };\n\n      return cloneElement(child, { ...sizes, ...child.props });\n    });\n  };\n\n  return (\n    <div {...props} className={className} style={{ gap, ...props.style }}>\n      {renderChildren()}\n    </div>\n  );\n}\n","\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport type { GridItemBaseProps } from './interface';\n\nimport '@iziui/styles/components/Grid.scss';\n\nexport interface GridItemProps extends GridItemBaseProps {\n  children: React.ReactNode;\n}\n\nexport function GridItem({\n  children,\n  gridColumnStart,\n  gridRowStart,\n  alignSelf,\n  xl = 1,\n  lg,\n  md,\n  sm,\n  xs,\n  ...props\n}: Readonly<GridItemProps>) {\n  const SIZES = {\n    xl,\n    lg: lg || xl,\n    md: md || lg || xl,\n    sm: sm || md || lg || xl,\n    xs: xs || sm || md || lg || xl\n  };\n\n  const className = joinClass(\n    'cds-grid__item',\n    Object.entries(SIZES)\n      .map(([size, value]) => {\n        return `${prefix}-grid__item--${size}-${value}`;\n      })\n      .join(' '),\n    props.className\n  );\n\n  return (\n    <div\n      {...props}\n      className={className}\n      style={{\n        gridColumnStart,\n        gridRowStart,\n        alignSelf,\n        ...props.style\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["Grid","children","sm","md","lg","xl","xs","gap","props","arrayChildren","Children","className","joinClass","prefix","renderChildren","child","sizes","cloneElement","jsx","GridItem","gridColumnStart","gridRowStart","alignSelf","SIZES","size","value"],"mappings":"6IAgBO,SAASA,EAAK,CACnB,SAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,IAAAC,EAAM,GACN,GAAGC,CACL,EAAwB,CACtB,MAAMC,EAAgBC,EAAAA,SAAS,QAAQT,CAAQ,EAEzCU,EAAYC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,QAASL,EAAM,SAAS,EAEvDM,EAAiB,IACdL,EAAc,IAAKM,GAAU,CAClC,MAAMC,EAAQ,CAAE,GAAAd,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,CAAA,EAEhC,OAAOW,EAAAA,aAAaF,EAAO,CAAE,GAAGC,EAAO,GAAGD,EAAM,MAAO,CACzD,CAAC,EAGH,OACEG,EAAAA,IAAC,MAAA,CAAK,GAAGV,EAAO,UAAAG,EAAsB,MAAO,CAAE,IAAAJ,EAAK,GAAGC,EAAM,KAAA,EAC1D,YAAe,CAClB,CAEJ,CC9BO,SAASW,EAAS,CACvB,SAAAlB,EACA,gBAAAmB,EACA,aAAAC,EACA,UAAAC,EACA,GAAAjB,EAAK,EACL,GAAAD,EACA,GAAAD,EACA,GAAAD,EACA,GAAAI,EACA,GAAGE,CACL,EAA4B,CAC1B,MAAMe,EAAQ,CACZ,GAAAlB,EACA,GAAID,GAAMC,EACV,GAAIF,GAAMC,GAAMC,EAChB,GAAIH,GAAMC,GAAMC,GAAMC,EACtB,GAAIC,GAAMJ,GAAMC,GAAMC,GAAMC,CAAA,EAGxBM,EAAYC,EAAAA,UAChB,iBACA,OAAO,QAAQW,CAAK,EACjB,IAAI,CAAC,CAACC,EAAMC,CAAK,IACT,GAAGZ,EAAAA,MAAM,gBAAgBW,CAAI,IAAIC,CAAK,EAC9C,EACA,KAAK,GAAG,EACXjB,EAAM,SAAA,EAGR,OACEU,EAAAA,IAAC,MAAA,CACE,GAAGV,EACJ,UAAAG,EACA,MAAO,CACL,gBAAAS,EACA,aAAAC,EACA,UAAAC,EACA,GAAGd,EAAM,KAAA,EAGV,SAAAP,CAAA,CAAA,CAGP"}
+{"version":3,"file":"GridItem-wwo-SHGR.cjs","sources":["../../src/layout/Grid/Grid.tsx","../../src/layout/Grid/GridItem.tsx"],"sourcesContent":["import { Children, cloneElement, ReactElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport type { GridItemProps } from './GridItem';\nimport type { GridBaseProps } from './interface';\n\nimport '@iziui/styles/components/Grid.scss';\n\nexport interface GridProps extends GridBaseProps {\n  children: React.ReactNode;\n  gap?: number;\n}\n\nexport function Grid({\n  children,\n  sm,\n  md,\n  lg,\n  xl,\n  xs,\n  gap = 15,\n  ...props\n}: Readonly<GridProps>) {\n  const arrayChildren = Children.toArray(children) as ReactElement<GridItemProps>[];\n\n  const className = joinClass(`${prefix}-grid`, props.className);\n\n  const renderChildren = () => {\n    return arrayChildren.map((child) => {\n      const sizes = { sm, md, lg, xl, xs };\n\n      return cloneElement(child, { ...sizes, ...child.props });\n    });\n  };\n\n  return (\n    <div {...props} className={className} style={{ gap, ...props.style }}>\n      {renderChildren()}\n    </div>\n  );\n}\n","\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport type { GridItemBaseProps } from './interface';\n\nimport '@iziui/styles/components/Grid.scss';\n\nexport interface GridItemProps extends GridItemBaseProps {\n  children: React.ReactNode;\n}\n\nexport function GridItem({\n  children,\n  gridColumnStart,\n  gridRowStart,\n  alignSelf,\n  xl = 1,\n  lg,\n  md,\n  sm,\n  xs,\n  ...props\n}: Readonly<GridItemProps>) {\n  const SIZES = {\n    xl,\n    lg: lg || xl,\n    md: md || lg || xl,\n    sm: sm || md || lg || xl,\n    xs: xs || sm || md || lg || xl\n  };\n\n  const className = joinClass(\n    'cds-grid__item',\n    Object.entries(SIZES)\n      .map(([size, value]) => {\n        return `${prefix}-grid__item--${size}-${value}`;\n      })\n      .join(' '),\n    props.className\n  );\n\n  return (\n    <div\n      {...props}\n      className={className}\n      style={{\n        gridColumnStart,\n        gridRowStart,\n        alignSelf,\n        ...props.style\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["Grid","children","sm","md","lg","xl","xs","gap","props","arrayChildren","Children","className","joinClass","prefix","renderChildren","child","sizes","cloneElement","jsx","GridItem","gridColumnStart","gridRowStart","alignSelf","SIZES","size","value"],"mappings":"6IAgBO,SAASA,EAAK,CACnB,SAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,IAAAC,EAAM,GACN,GAAGC,CACL,EAAwB,CACtB,MAAMC,EAAgBC,EAAAA,SAAS,QAAQT,CAAQ,EAEzCU,EAAYC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,QAASL,EAAM,SAAS,EAEvDM,EAAiB,IACdL,EAAc,IAAKM,GAAU,CAClC,MAAMC,EAAQ,CAAE,GAAAd,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,CAAA,EAEhC,OAAOW,EAAAA,aAAaF,EAAO,CAAE,GAAGC,EAAO,GAAGD,EAAM,MAAO,CACzD,CAAC,EAGH,OACEG,EAAAA,IAAC,MAAA,CAAK,GAAGV,EAAO,UAAAG,EAAsB,MAAO,CAAE,IAAAJ,EAAK,GAAGC,EAAM,KAAA,EAC1D,YAAe,CAClB,CAEJ,CC9BO,SAASW,EAAS,CACvB,SAAAlB,EACA,gBAAAmB,EACA,aAAAC,EACA,UAAAC,EACA,GAAAjB,EAAK,EACL,GAAAD,EACA,GAAAD,EACA,GAAAD,EACA,GAAAI,EACA,GAAGE,CACL,EAA4B,CAC1B,MAAMe,EAAQ,CACZ,GAAAlB,EACA,GAAID,GAAMC,EACV,GAAIF,GAAMC,GAAMC,EAChB,GAAIH,GAAMC,GAAMC,GAAMC,EACtB,GAAIC,GAAMJ,GAAMC,GAAMC,GAAMC,CAAA,EAGxBM,EAAYC,EAAAA,UAChB,iBACA,OAAO,QAAQW,CAAK,EACjB,IAAI,CAAC,CAACC,EAAMC,CAAK,IACT,GAAGZ,EAAAA,MAAM,gBAAgBW,CAAI,IAAIC,CAAK,EAC9C,EACA,KAAK,GAAG,EACXjB,EAAM,SAAA,EAGR,OACEU,EAAAA,IAAC,MAAA,CACE,GAAGV,EACJ,UAAAG,EACA,MAAO,CACL,gBAAAS,EACA,aAAAC,EACA,UAAAC,EACA,GAAGd,EAAM,KAAA,EAGV,SAAAP,CAAA,CAAA,CAGP"}

package/dist/chunks/{Icon-Dr2s-fYK.js → Icon-CCIgEwA9.js}

@@ -1,2 +1,2 @@
-import{jsx as n}from"react/jsx-runtime";import{p as c}from"./index-Bmr5u5lp.js";import{j as e}from"./joinClass-anSpaauN.js";import{c as m}from"./createComponent-CyZoFjRB.js";function r({name:s,size:t=24,...o}){const i=e(`${c}-icon`,"uil",`uil-${s}`,o.className);return n("i",{...o,className:i,style:{fontSize:t,...o.style}})}const u=m(r);export{u as I};
-//# sourceMappingURL=Icon-Dr2s-fYK.js.map
+import{jsx as n}from"react/jsx-runtime";import{p as c}from"./index-CZ41y9Hn.js";import{j as e}from"./joinClass-anSpaauN.js";import{c as m}from"./createComponent-WNQRXK89.js";function r({name:s,size:t=24,...o}){const i=e(`${c}-icon`,"uil",`uil-${s}`,o.className);return n("i",{...o,className:i,style:{fontSize:t,...o.style}})}const u=m(r);export{u as I};
+//# sourceMappingURL=Icon-CCIgEwA9.js.map

package/dist/chunks/{Icon-Dr2s-fYK.js.map → Icon-CCIgEwA9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Icon-Dr2s-fYK.js","sources":["../../src/display/Icon/Icon.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Icon.scss';\n\nexport interface IconProps extends HTMLAttributes<HTMLElement> {\n  name: string;\n  size?: number;\n}\n\nfunction Icon({ name, size = 24, ...props }: IconProps) {\n  const clss = joinClass(\n    `${prefix}-icon`,\n    'uil',\n    `uil-${name}`,\n    props.className\n  );\n\n  return (\n    <i {...props} className={clss} style={{ fontSize: size, ...props.style }}></i>\n  );\n}\n\nexport default createComponent(Icon);"],"names":["Icon","name","size","props","clss","joinClass","prefix","jsx","Icon$1","createComponent"],"mappings":"8KAeA,SAASA,EAAK,CAAE,KAAAC,EAAM,KAAAC,EAAO,GAAI,GAAGC,GAAoB,CACtD,MAAMC,EAAOC,EACX,GAAGC,CAAM,QACT,MACA,OAAOL,CAAI,GACXE,EAAM,SAAA,EAGR,OACEI,EAAC,IAAA,CAAG,GAAGJ,EAAO,UAAWC,EAAM,MAAO,CAAE,SAAUF,EAAM,GAAGC,EAAM,MAAM,CAAG,CAE9E,CAEA,MAAAK,EAAeC,EAAgBT,CAAI"}
+{"version":3,"file":"Icon-CCIgEwA9.js","sources":["../../src/display/Icon/Icon.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Icon.scss';\n\nexport interface IconProps extends HTMLAttributes<HTMLElement> {\n  name: string;\n  size?: number;\n}\n\nfunction Icon({ name, size = 24, ...props }: IconProps) {\n  const clss = joinClass(\n    `${prefix}-icon`,\n    'uil',\n    `uil-${name}`,\n    props.className\n  );\n\n  return (\n    <i {...props} className={clss} style={{ fontSize: size, ...props.style }}></i>\n  );\n}\n\nexport default createComponent(Icon);"],"names":["Icon","name","size","props","clss","joinClass","prefix","jsx","Icon$1","createComponent"],"mappings":"8KAeA,SAASA,EAAK,CAAE,KAAAC,EAAM,KAAAC,EAAO,GAAI,GAAGC,GAAoB,CACtD,MAAMC,EAAOC,EACX,GAAGC,CAAM,QACT,MACA,OAAOL,CAAI,GACXE,EAAM,SAAA,EAGR,OACEI,EAAC,IAAA,CAAG,GAAGJ,EAAO,UAAWC,EAAM,MAAO,CAAE,SAAUF,EAAM,GAAGC,EAAM,MAAM,CAAG,CAE9E,CAEA,MAAAK,EAAeC,EAAgBT,CAAI"}

package/dist/chunks/{Icon-DkPC2mKK.cjs → Icon-COl2Nhp9.cjs}

@@ -1,2 +1,2 @@
-"use strict";const c=require("react/jsx-runtime"),i=require("./index-BaaRDmgo.cjs"),o=require("./joinClass-Jk3EszKD.cjs"),r=require("./createComponent-D7BY-VlJ.cjs");function u({name:n,size:s=24,...e}){const t=o.joinClass(`${i.prefix}-icon`,"uil",`uil-${n}`,e.className);return c.jsx("i",{...e,className:t,style:{fontSize:s,...e.style}})}const l=r.createComponent(u);exports.Icon=l;
-//# sourceMappingURL=Icon-DkPC2mKK.cjs.map
+"use strict";const c=require("react/jsx-runtime"),i=require("./index-DYxwT4uW.cjs"),o=require("./joinClass-Jk3EszKD.cjs"),r=require("./createComponent-CTufIEiN.cjs");function u({name:n,size:s=24,...e}){const t=o.joinClass(`${i.prefix}-icon`,"uil",`uil-${n}`,e.className);return c.jsx("i",{...e,className:t,style:{fontSize:s,...e.style}})}const l=r.createComponent(u);exports.Icon=l;
+//# sourceMappingURL=Icon-COl2Nhp9.cjs.map

package/dist/chunks/{Icon-DkPC2mKK.cjs.map → Icon-COl2Nhp9.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Icon-DkPC2mKK.cjs","sources":["../../src/display/Icon/Icon.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Icon.scss';\n\nexport interface IconProps extends HTMLAttributes<HTMLElement> {\n  name: string;\n  size?: number;\n}\n\nfunction Icon({ name, size = 24, ...props }: IconProps) {\n  const clss = joinClass(\n    `${prefix}-icon`,\n    'uil',\n    `uil-${name}`,\n    props.className\n  );\n\n  return (\n    <i {...props} className={clss} style={{ fontSize: size, ...props.style }}></i>\n  );\n}\n\nexport default createComponent(Icon);"],"names":["Icon","name","size","props","clss","joinClass","prefix","jsx","createComponent"],"mappings":"sKAeA,SAASA,EAAK,CAAE,KAAAC,EAAM,KAAAC,EAAO,GAAI,GAAGC,GAAoB,CACtD,MAAMC,EAAOC,EAAAA,UACX,GAAGC,EAAAA,MAAM,QACT,MACA,OAAOL,CAAI,GACXE,EAAM,SAAA,EAGR,OACEI,EAAAA,IAAC,IAAA,CAAG,GAAGJ,EAAO,UAAWC,EAAM,MAAO,CAAE,SAAUF,EAAM,GAAGC,EAAM,MAAM,CAAG,CAE9E,CAEA,MAAAH,EAAeQ,EAAAA,gBAAgBR,CAAI"}
+{"version":3,"file":"Icon-COl2Nhp9.cjs","sources":["../../src/display/Icon/Icon.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Icon.scss';\n\nexport interface IconProps extends HTMLAttributes<HTMLElement> {\n  name: string;\n  size?: number;\n}\n\nfunction Icon({ name, size = 24, ...props }: IconProps) {\n  const clss = joinClass(\n    `${prefix}-icon`,\n    'uil',\n    `uil-${name}`,\n    props.className\n  );\n\n  return (\n    <i {...props} className={clss} style={{ fontSize: size, ...props.style }}></i>\n  );\n}\n\nexport default createComponent(Icon);"],"names":["Icon","name","size","props","clss","joinClass","prefix","jsx","createComponent"],"mappings":"sKAeA,SAASA,EAAK,CAAE,KAAAC,EAAM,KAAAC,EAAO,GAAI,GAAGC,GAAoB,CACtD,MAAMC,EAAOC,EAAAA,UACX,GAAGC,EAAAA,MAAM,QACT,MACA,OAAOL,CAAI,GACXE,EAAM,SAAA,EAGR,OACEI,EAAAA,IAAC,IAAA,CAAG,GAAGJ,EAAO,UAAWC,EAAM,MAAO,CAAE,SAAUF,EAAM,GAAGC,EAAM,MAAM,CAAG,CAE9E,CAEA,MAAAH,EAAeQ,EAAAA,gBAAgBR,CAAI"}

package/dist/chunks/{MenuButton-Dr8liABR.cjs → MenuButton-AyzSxRY0.cjs}

@@ -1,2 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),c=require("react"),s=require("./index-BaaRDmgo.cjs"),a=require("./joinClass-Jk3EszKD.cjs"),l=require("./Ripple-BqrSCCqr.cjs"),m=require("./createComponent-D7BY-VlJ.cjs");function p({label:u,icon:e,color:n,...t}){const i=a.joinClass(`${s.prefix}-menu__item`,n&&`${s.prefix}-menu__item--${n}`,t.className),o=()=>e&&c.cloneElement(e,{style:{marginRight:8}});return r.jsxs("button",{...t,className:i,children:[o(),u,r.jsx(l.Ripple,{})]})}const q=m.createComponent(p);exports.MenuButton_default=q;
-//# sourceMappingURL=MenuButton-Dr8liABR.cjs.map
+"use strict";const r=require("react/jsx-runtime"),c=require("react"),s=require("./index-DYxwT4uW.cjs"),a=require("./joinClass-Jk3EszKD.cjs"),l=require("./Ripple-Dy4i91j1.cjs"),m=require("./createComponent-CTufIEiN.cjs");function p({label:u,icon:e,color:n,...t}){const i=a.joinClass(`${s.prefix}-menu__item`,n&&`${s.prefix}-menu__item--${n}`,t.className),o=()=>e&&c.cloneElement(e,{style:{marginRight:8}});return r.jsxs("button",{...t,className:i,children:[o(),u,r.jsx(l.Ripple,{})]})}const q=m.createComponent(p);exports.MenuButton_default=q;
+//# sourceMappingURL=MenuButton-AyzSxRY0.cjs.map

package/dist/chunks/{MenuButton-Dr8liABR.cjs.map → MenuButton-AyzSxRY0.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MenuButton-Dr8liABR.cjs","sources":["../../src/navigation/Menu/MenuButton.tsx"],"sourcesContent":["import { type ButtonHTMLAttributes, cloneElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport type { Colors } from '@iziui/core/theme';\n\nimport type { IconProps } from '@/display/Icon';\nimport Ripple from '@/actions/Ripple';\n\nimport createComponent from '../../core/createComponent';\n\nexport interface MenuButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  label: string;\n  color?: Colors;\n  icon?: React.JSX.Element;\n}\n\nfunction MenuButton({ label, icon, color, ...props }: MenuButtonProps) {\n  const className = joinClass(\n    `${prefix}-menu__item`,\n    color && `${prefix}-menu__item--${color}`,\n    props.className\n  );\n\n  const renderIcon = () => {\n    return icon && cloneElement<IconProps>(icon, {\n      style: { marginRight: 8 }\n    });\n  };\n\n  return (\n    <button {...props} className={className}>\n      {renderIcon()}\n      {label}\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(MenuButton);"],"names":["MenuButton","label","icon","color","props","className","joinClass","prefix","renderIcon","cloneElement","jsxs","Ripple","MenuButton_default","createComponent"],"mappings":"4NAkBA,SAASA,EAAW,CAAE,MAAAC,EAAO,KAAAC,EAAM,MAAAC,EAAO,GAAGC,GAA0B,CACrE,MAAMC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,cACTJ,GAAS,GAAGI,EAAAA,MAAM,gBAAgBJ,CAAK,GACvCC,EAAM,SAAA,EAGFI,EAAa,IACVN,GAAQO,EAAAA,aAAwBP,EAAM,CAC3C,MAAO,CAAE,YAAa,CAAA,CAAE,CACzB,EAGH,OACEQ,EAAAA,KAAC,SAAA,CAAQ,GAAGN,EAAO,UAAAC,EAChB,SAAA,CAAAG,EAAA,EACAP,QACAU,EAAAA,OAAA,CAAA,CAAO,CAAA,EACV,CAEJ,CAEA,MAAAC,EAAeC,EAAAA,gBAAgBb,CAAU"}
+{"version":3,"file":"MenuButton-AyzSxRY0.cjs","sources":["../../src/navigation/Menu/MenuButton.tsx"],"sourcesContent":["import { type ButtonHTMLAttributes, cloneElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport type { Colors } from '@iziui/core/theme';\n\nimport type { IconProps } from '@/display/Icon';\nimport Ripple from '@/actions/Ripple';\n\nimport createComponent from '../../core/createComponent';\n\nexport interface MenuButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  label: string;\n  color?: Colors;\n  icon?: React.JSX.Element;\n}\n\nfunction MenuButton({ label, icon, color, ...props }: MenuButtonProps) {\n  const className = joinClass(\n    `${prefix}-menu__item`,\n    color && `${prefix}-menu__item--${color}`,\n    props.className\n  );\n\n  const renderIcon = () => {\n    return icon && cloneElement<IconProps>(icon, {\n      style: { marginRight: 8 }\n    });\n  };\n\n  return (\n    <button {...props} className={className}>\n      {renderIcon()}\n      {label}\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(MenuButton);"],"names":["MenuButton","label","icon","color","props","className","joinClass","prefix","renderIcon","cloneElement","jsxs","Ripple","MenuButton_default","createComponent"],"mappings":"4NAkBA,SAASA,EAAW,CAAE,MAAAC,EAAO,KAAAC,EAAM,MAAAC,EAAO,GAAGC,GAA0B,CACrE,MAAMC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,cACTJ,GAAS,GAAGI,EAAAA,MAAM,gBAAgBJ,CAAK,GACvCC,EAAM,SAAA,EAGFI,EAAa,IACVN,GAAQO,EAAAA,aAAwBP,EAAM,CAC3C,MAAO,CAAE,YAAa,CAAA,CAAE,CACzB,EAGH,OACEQ,EAAAA,KAAC,SAAA,CAAQ,GAAGN,EAAO,UAAAC,EAChB,SAAA,CAAAG,EAAA,EACAP,QACAU,EAAAA,OAAA,CAAA,CAAO,CAAA,EACV,CAEJ,CAEA,MAAAC,EAAeC,EAAAA,gBAAgBb,CAAU"}

package/dist/chunks/{MenuButton-Cz3vFc6y.js → MenuButton-DLf22r80.js}

@@ -1,2 +1,2 @@
-import{jsxs as s,jsx as i}from"react/jsx-runtime";import{cloneElement as a}from"react";import{p as r}from"./index-Bmr5u5lp.js";import{j as u}from"./joinClass-anSpaauN.js";import{R as c}from"./Ripple-DUBh1UW5.js";import{c as p}from"./createComponent-CyZoFjRB.js";function f({label:o,icon:t,color:e,...n}){const m=u(`${r}-menu__item`,e&&`${r}-menu__item--${e}`,n.className);return s("button",{...n,className:m,children:[t&&a(t,{style:{marginRight:8}}),o,i(c,{})]})}const $=p(f);export{$ as M};
-//# sourceMappingURL=MenuButton-Cz3vFc6y.js.map
+import{jsxs as s,jsx as i}from"react/jsx-runtime";import{cloneElement as a}from"react";import{p as r}from"./index-CZ41y9Hn.js";import{j as u}from"./joinClass-anSpaauN.js";import{R as c}from"./Ripple-Bq9bxg4k.js";import{c as p}from"./createComponent-WNQRXK89.js";function f({label:o,icon:t,color:e,...n}){const m=u(`${r}-menu__item`,e&&`${r}-menu__item--${e}`,n.className);return s("button",{...n,className:m,children:[t&&a(t,{style:{marginRight:8}}),o,i(c,{})]})}const $=p(f);export{$ as M};
+//# sourceMappingURL=MenuButton-DLf22r80.js.map

package/dist/chunks/{MenuButton-Cz3vFc6y.js.map → MenuButton-DLf22r80.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MenuButton-Cz3vFc6y.js","sources":["../../src/navigation/Menu/MenuButton.tsx"],"sourcesContent":["import { type ButtonHTMLAttributes, cloneElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport type { Colors } from '@iziui/core/theme';\n\nimport type { IconProps } from '@/display/Icon';\nimport Ripple from '@/actions/Ripple';\n\nimport createComponent from '../../core/createComponent';\n\nexport interface MenuButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  label: string;\n  color?: Colors;\n  icon?: React.JSX.Element;\n}\n\nfunction MenuButton({ label, icon, color, ...props }: MenuButtonProps) {\n  const className = joinClass(\n    `${prefix}-menu__item`,\n    color && `${prefix}-menu__item--${color}`,\n    props.className\n  );\n\n  const renderIcon = () => {\n    return icon && cloneElement<IconProps>(icon, {\n      style: { marginRight: 8 }\n    });\n  };\n\n  return (\n    <button {...props} className={className}>\n      {renderIcon()}\n      {label}\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(MenuButton);"],"names":["MenuButton","label","icon","color","props","className","joinClass","prefix","jsxs","cloneElement","Ripple","MenuButton_default","createComponent"],"mappings":"sQAkBA,SAASA,EAAW,CAAE,MAAAC,EAAO,KAAAC,EAAM,MAAAC,EAAO,GAAGC,GAA0B,CACrE,MAAMC,EAAYC,EAChB,GAAGC,CAAM,cACTJ,GAAS,GAAGI,CAAM,gBAAgBJ,CAAK,GACvCC,EAAM,SAAA,EASR,OACEI,EAAC,SAAA,CAAQ,GAAGJ,EAAO,UAAAC,EAChB,SAAA,CAPIH,GAAQO,EAAwBP,EAAM,CAC3C,MAAO,CAAE,YAAa,CAAA,CAAE,CACzB,EAMED,IACAS,EAAA,CAAA,CAAO,CAAA,EACV,CAEJ,CAEA,MAAAC,EAAeC,EAAgBZ,CAAU"}
+{"version":3,"file":"MenuButton-DLf22r80.js","sources":["../../src/navigation/Menu/MenuButton.tsx"],"sourcesContent":["import { type ButtonHTMLAttributes, cloneElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport type { Colors } from '@iziui/core/theme';\n\nimport type { IconProps } from '@/display/Icon';\nimport Ripple from '@/actions/Ripple';\n\nimport createComponent from '../../core/createComponent';\n\nexport interface MenuButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  label: string;\n  color?: Colors;\n  icon?: React.JSX.Element;\n}\n\nfunction MenuButton({ label, icon, color, ...props }: MenuButtonProps) {\n  const className = joinClass(\n    `${prefix}-menu__item`,\n    color && `${prefix}-menu__item--${color}`,\n    props.className\n  );\n\n  const renderIcon = () => {\n    return icon && cloneElement<IconProps>(icon, {\n      style: { marginRight: 8 }\n    });\n  };\n\n  return (\n    <button {...props} className={className}>\n      {renderIcon()}\n      {label}\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(MenuButton);"],"names":["MenuButton","label","icon","color","props","className","joinClass","prefix","jsxs","cloneElement","Ripple","MenuButton_default","createComponent"],"mappings":"sQAkBA,SAASA,EAAW,CAAE,MAAAC,EAAO,KAAAC,EAAM,MAAAC,EAAO,GAAGC,GAA0B,CACrE,MAAMC,EAAYC,EAChB,GAAGC,CAAM,cACTJ,GAAS,GAAGI,CAAM,gBAAgBJ,CAAK,GACvCC,EAAM,SAAA,EASR,OACEI,EAAC,SAAA,CAAQ,GAAGJ,EAAO,UAAAC,EAChB,SAAA,CAPIH,GAAQO,EAAwBP,EAAM,CAC3C,MAAO,CAAE,YAAa,CAAA,CAAE,CACzB,EAMED,IACAS,EAAA,CAAA,CAAO,CAAA,EACV,CAEJ,CAEA,MAAAC,EAAeC,EAAgBZ,CAAU"}

package/dist/chunks/{Ripple-DUBh1UW5.js → Ripple-Bq9bxg4k.js}

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import{useState as f,useRef as m,useEffect as u}from"react";import{p as c}from"./index-Bmr5u5lp.js";function x(){const[i,n]=f([]),o=m(null),p=e=>{const t=o.current.getBoundingClientRect(),s=Math.max(t.width,t.height),l=e.clientX-t.left-s/2,a=e.clientY-t.top-s/2;n([...i,{x:l,y:a,size:s}])};return u(()=>{if(i.length>0){const e=setTimeout(()=>n([]),700);return()=>clearTimeout(e)}},[i]),r("div",{className:`${c}-ripple-container`,ref:o,onMouseUp:p,children:i.map((e,t)=>r("span",{className:`${c}-ripple`,style:{top:e.y,left:e.x,width:e.size,height:e.size}},t))})}export{x as R};
-//# sourceMappingURL=Ripple-DUBh1UW5.js.map
+import{jsx as r}from"react/jsx-runtime";import{useState as f,useRef as m,useEffect as u}from"react";import{p as c}from"./index-CZ41y9Hn.js";function x(){const[i,n]=f([]),o=m(null),p=e=>{const t=o.current.getBoundingClientRect(),s=Math.max(t.width,t.height),l=e.clientX-t.left-s/2,a=e.clientY-t.top-s/2;n([...i,{x:l,y:a,size:s}])};return u(()=>{if(i.length>0){const e=setTimeout(()=>n([]),700);return()=>clearTimeout(e)}},[i]),r("div",{className:`${c}-ripple-container`,ref:o,onMouseUp:p,children:i.map((e,t)=>r("span",{className:`${c}-ripple`,style:{top:e.y,left:e.x,width:e.size,height:e.size}},t))})}export{x as R};
+//# sourceMappingURL=Ripple-Bq9bxg4k.js.map

package/dist/chunks/{Ripple-DUBh1UW5.js.map → Ripple-Bq9bxg4k.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Ripple-DUBh1UW5.js","sources":["../../src/actions/Ripple/Ripple.tsx"],"sourcesContent":["import { useRef, useEffect, useState, type MouseEvent } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport '@iziui/styles/components/Ripple.scss';\n\nexport default function Ripple() {\n  const [ripples, setRipples] = useState<Array<{ x: number, y: number, size: number }>>([]);\n  const rippleContainerRef = useRef<HTMLDivElement>(null);\n\n  const addRipple = (event: MouseEvent<HTMLDivElement, globalThis.MouseEvent>) => {\n    const rect = rippleContainerRef.current!.getBoundingClientRect();\n    const size = Math.max(rect.width, rect.height);\n    const x = event.clientX - rect.left - size / 2;\n    const y = event.clientY - rect.top - size / 2;\n\n    setRipples([...ripples, { x, y, size }]);\n  };\n\n  useEffect(() => {\n    if (ripples.length > 0) {\n      const timer = setTimeout(() => setRipples([]), 700);\n      return () => clearTimeout(timer);\n    }\n  }, [ripples]);\n\n  return (\n    <div className={`${prefix}-ripple-container`} ref={rippleContainerRef} onMouseUp={addRipple}>\n      {\n        ripples.map((ripple, index) => (\n          <span\n            key={index}\n            className={`${prefix}-ripple`}\n            style={{\n              top: ripple.y,\n              left: ripple.x,\n              width: ripple.size,\n              height: ripple.size,\n            }}\n          />\n        ))\n      }\n    </div>\n  );\n}"],"names":["Ripple","ripples","setRipples","useState","rippleContainerRef","useRef","addRipple","event","rect","size","x","y","useEffect","timer","jsx","prefix","ripple","index"],"mappings":"4IAMA,SAAwBA,GAAS,CAC/B,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAwD,CAAA,CAAE,EAClFC,EAAqBC,EAAuB,IAAI,EAEhDC,EAAaC,GAA6D,CAC9E,MAAMC,EAAOJ,EAAmB,QAAS,sBAAA,EACnCK,EAAO,KAAK,IAAID,EAAK,MAAOA,EAAK,MAAM,EACvCE,EAAIH,EAAM,QAAUC,EAAK,KAAOC,EAAO,EACvCE,EAAIJ,EAAM,QAAUC,EAAK,IAAMC,EAAO,EAE5CP,EAAW,CAAC,GAAGD,EAAS,CAAE,EAAAS,EAAG,EAAAC,EAAG,KAAAF,CAAA,CAAM,CAAC,CACzC,EAEA,OAAAG,EAAU,IAAM,CACd,GAAIX,EAAQ,OAAS,EAAG,CACtB,MAAMY,EAAQ,WAAW,IAAMX,EAAW,CAAA,CAAE,EAAG,GAAG,EAClD,MAAO,IAAM,aAAaW,CAAK,CACjC,CACF,EAAG,CAACZ,CAAO,CAAC,EAGVa,EAAC,MAAA,CAAI,UAAW,GAAGC,CAAM,oBAAqB,IAAKX,EAAoB,UAAWE,EAE9E,SAAAL,EAAQ,IAAI,CAACe,EAAQC,IACnBH,EAAC,OAAA,CAEC,UAAW,GAAGC,CAAM,UACpB,MAAO,CACL,IAAKC,EAAO,EACZ,KAAMA,EAAO,EACb,MAAOA,EAAO,KACd,OAAQA,EAAO,IAAA,CACjB,EAPKC,CAAA,CASR,EAEL,CAEJ"}
+{"version":3,"file":"Ripple-Bq9bxg4k.js","sources":["../../src/actions/Ripple/Ripple.tsx"],"sourcesContent":["import { useRef, useEffect, useState, type MouseEvent } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport '@iziui/styles/components/Ripple.scss';\n\nexport default function Ripple() {\n  const [ripples, setRipples] = useState<Array<{ x: number, y: number, size: number }>>([]);\n  const rippleContainerRef = useRef<HTMLDivElement>(null);\n\n  const addRipple = (event: MouseEvent<HTMLDivElement, globalThis.MouseEvent>) => {\n    const rect = rippleContainerRef.current!.getBoundingClientRect();\n    const size = Math.max(rect.width, rect.height);\n    const x = event.clientX - rect.left - size / 2;\n    const y = event.clientY - rect.top - size / 2;\n\n    setRipples([...ripples, { x, y, size }]);\n  };\n\n  useEffect(() => {\n    if (ripples.length > 0) {\n      const timer = setTimeout(() => setRipples([]), 700);\n      return () => clearTimeout(timer);\n    }\n  }, [ripples]);\n\n  return (\n    <div className={`${prefix}-ripple-container`} ref={rippleContainerRef} onMouseUp={addRipple}>\n      {\n        ripples.map((ripple, index) => (\n          <span\n            key={index}\n            className={`${prefix}-ripple`}\n            style={{\n              top: ripple.y,\n              left: ripple.x,\n              width: ripple.size,\n              height: ripple.size,\n            }}\n          />\n        ))\n      }\n    </div>\n  );\n}"],"names":["Ripple","ripples","setRipples","useState","rippleContainerRef","useRef","addRipple","event","rect","size","x","y","useEffect","timer","jsx","prefix","ripple","index"],"mappings":"4IAMA,SAAwBA,GAAS,CAC/B,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAwD,CAAA,CAAE,EAClFC,EAAqBC,EAAuB,IAAI,EAEhDC,EAAaC,GAA6D,CAC9E,MAAMC,EAAOJ,EAAmB,QAAS,sBAAA,EACnCK,EAAO,KAAK,IAAID,EAAK,MAAOA,EAAK,MAAM,EACvCE,EAAIH,EAAM,QAAUC,EAAK,KAAOC,EAAO,EACvCE,EAAIJ,EAAM,QAAUC,EAAK,IAAMC,EAAO,EAE5CP,EAAW,CAAC,GAAGD,EAAS,CAAE,EAAAS,EAAG,EAAAC,EAAG,KAAAF,CAAA,CAAM,CAAC,CACzC,EAEA,OAAAG,EAAU,IAAM,CACd,GAAIX,EAAQ,OAAS,EAAG,CACtB,MAAMY,EAAQ,WAAW,IAAMX,EAAW,CAAA,CAAE,EAAG,GAAG,EAClD,MAAO,IAAM,aAAaW,CAAK,CACjC,CACF,EAAG,CAACZ,CAAO,CAAC,EAGVa,EAAC,MAAA,CAAI,UAAW,GAAGC,CAAM,oBAAqB,IAAKX,EAAoB,UAAWE,EAE9E,SAAAL,EAAQ,IAAI,CAACe,EAAQC,IACnBH,EAAC,OAAA,CAEC,UAAW,GAAGC,CAAM,UACpB,MAAO,CACL,IAAKC,EAAO,EACZ,KAAMA,EAAO,EACb,MAAOA,EAAO,KACd,OAAQA,EAAO,IAAA,CACjB,EAPKC,CAAA,CASR,EAEL,CAEJ"}

package/dist/chunks/{Ripple-BqrSCCqr.cjs → Ripple-Dy4i91j1.cjs}

@@ -1,2 +1,2 @@
-"use strict";const o=require("react/jsx-runtime"),n=require("react"),l=require("./index-BaaRDmgo.cjs");function f(){const[i,c]=n.useState([]),r=n.useRef(null),p=e=>{const t=r.current.getBoundingClientRect(),s=Math.max(t.width,t.height),u=e.clientX-t.left-s/2,a=e.clientY-t.top-s/2;c([...i,{x:u,y:a,size:s}])};return n.useEffect(()=>{if(i.length>0){const e=setTimeout(()=>c([]),700);return()=>clearTimeout(e)}},[i]),o.jsx("div",{className:`${l.prefix}-ripple-container`,ref:r,onMouseUp:p,children:i.map((e,t)=>o.jsx("span",{className:`${l.prefix}-ripple`,style:{top:e.y,left:e.x,width:e.size,height:e.size}},t))})}exports.Ripple=f;
-//# sourceMappingURL=Ripple-BqrSCCqr.cjs.map
+"use strict";const o=require("react/jsx-runtime"),n=require("react"),l=require("./index-DYxwT4uW.cjs");function f(){const[i,c]=n.useState([]),r=n.useRef(null),p=e=>{const t=r.current.getBoundingClientRect(),s=Math.max(t.width,t.height),u=e.clientX-t.left-s/2,a=e.clientY-t.top-s/2;c([...i,{x:u,y:a,size:s}])};return n.useEffect(()=>{if(i.length>0){const e=setTimeout(()=>c([]),700);return()=>clearTimeout(e)}},[i]),o.jsx("div",{className:`${l.prefix}-ripple-container`,ref:r,onMouseUp:p,children:i.map((e,t)=>o.jsx("span",{className:`${l.prefix}-ripple`,style:{top:e.y,left:e.x,width:e.size,height:e.size}},t))})}exports.Ripple=f;
+//# sourceMappingURL=Ripple-Dy4i91j1.cjs.map

package/dist/chunks/{Ripple-BqrSCCqr.cjs.map → Ripple-Dy4i91j1.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Ripple-BqrSCCqr.cjs","sources":["../../src/actions/Ripple/Ripple.tsx"],"sourcesContent":["import { useRef, useEffect, useState, type MouseEvent } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport '@iziui/styles/components/Ripple.scss';\n\nexport default function Ripple() {\n  const [ripples, setRipples] = useState<Array<{ x: number, y: number, size: number }>>([]);\n  const rippleContainerRef = useRef<HTMLDivElement>(null);\n\n  const addRipple = (event: MouseEvent<HTMLDivElement, globalThis.MouseEvent>) => {\n    const rect = rippleContainerRef.current!.getBoundingClientRect();\n    const size = Math.max(rect.width, rect.height);\n    const x = event.clientX - rect.left - size / 2;\n    const y = event.clientY - rect.top - size / 2;\n\n    setRipples([...ripples, { x, y, size }]);\n  };\n\n  useEffect(() => {\n    if (ripples.length > 0) {\n      const timer = setTimeout(() => setRipples([]), 700);\n      return () => clearTimeout(timer);\n    }\n  }, [ripples]);\n\n  return (\n    <div className={`${prefix}-ripple-container`} ref={rippleContainerRef} onMouseUp={addRipple}>\n      {\n        ripples.map((ripple, index) => (\n          <span\n            key={index}\n            className={`${prefix}-ripple`}\n            style={{\n              top: ripple.y,\n              left: ripple.x,\n              width: ripple.size,\n              height: ripple.size,\n            }}\n          />\n        ))\n      }\n    </div>\n  );\n}"],"names":["Ripple","ripples","setRipples","useState","rippleContainerRef","useRef","addRipple","event","rect","size","x","y","useEffect","timer","jsx","prefix","ripple","index"],"mappings":"uGAMA,SAAwBA,GAAS,CAC/B,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAwD,CAAA,CAAE,EAClFC,EAAqBC,EAAAA,OAAuB,IAAI,EAEhDC,EAAaC,GAA6D,CAC9E,MAAMC,EAAOJ,EAAmB,QAAS,sBAAA,EACnCK,EAAO,KAAK,IAAID,EAAK,MAAOA,EAAK,MAAM,EACvCE,EAAIH,EAAM,QAAUC,EAAK,KAAOC,EAAO,EACvCE,EAAIJ,EAAM,QAAUC,EAAK,IAAMC,EAAO,EAE5CP,EAAW,CAAC,GAAGD,EAAS,CAAE,EAAAS,EAAG,EAAAC,EAAG,KAAAF,CAAA,CAAM,CAAC,CACzC,EAEAG,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIX,EAAQ,OAAS,EAAG,CACtB,MAAMY,EAAQ,WAAW,IAAMX,EAAW,CAAA,CAAE,EAAG,GAAG,EAClD,MAAO,IAAM,aAAaW,CAAK,CACjC,CACF,EAAG,CAACZ,CAAO,CAAC,EAGVa,EAAAA,IAAC,MAAA,CAAI,UAAW,GAAGC,EAAAA,MAAM,oBAAqB,IAAKX,EAAoB,UAAWE,EAE9E,SAAAL,EAAQ,IAAI,CAACe,EAAQC,IACnBH,EAAAA,IAAC,OAAA,CAEC,UAAW,GAAGC,EAAAA,MAAM,UACpB,MAAO,CACL,IAAKC,EAAO,EACZ,KAAMA,EAAO,EACb,MAAOA,EAAO,KACd,OAAQA,EAAO,IAAA,CACjB,EAPKC,CAAA,CASR,EAEL,CAEJ"}
+{"version":3,"file":"Ripple-Dy4i91j1.cjs","sources":["../../src/actions/Ripple/Ripple.tsx"],"sourcesContent":["import { useRef, useEffect, useState, type MouseEvent } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport '@iziui/styles/components/Ripple.scss';\n\nexport default function Ripple() {\n  const [ripples, setRipples] = useState<Array<{ x: number, y: number, size: number }>>([]);\n  const rippleContainerRef = useRef<HTMLDivElement>(null);\n\n  const addRipple = (event: MouseEvent<HTMLDivElement, globalThis.MouseEvent>) => {\n    const rect = rippleContainerRef.current!.getBoundingClientRect();\n    const size = Math.max(rect.width, rect.height);\n    const x = event.clientX - rect.left - size / 2;\n    const y = event.clientY - rect.top - size / 2;\n\n    setRipples([...ripples, { x, y, size }]);\n  };\n\n  useEffect(() => {\n    if (ripples.length > 0) {\n      const timer = setTimeout(() => setRipples([]), 700);\n      return () => clearTimeout(timer);\n    }\n  }, [ripples]);\n\n  return (\n    <div className={`${prefix}-ripple-container`} ref={rippleContainerRef} onMouseUp={addRipple}>\n      {\n        ripples.map((ripple, index) => (\n          <span\n            key={index}\n            className={`${prefix}-ripple`}\n            style={{\n              top: ripple.y,\n              left: ripple.x,\n              width: ripple.size,\n              height: ripple.size,\n            }}\n          />\n        ))\n      }\n    </div>\n  );\n}"],"names":["Ripple","ripples","setRipples","useState","rippleContainerRef","useRef","addRipple","event","rect","size","x","y","useEffect","timer","jsx","prefix","ripple","index"],"mappings":"uGAMA,SAAwBA,GAAS,CAC/B,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAwD,CAAA,CAAE,EAClFC,EAAqBC,EAAAA,OAAuB,IAAI,EAEhDC,EAAaC,GAA6D,CAC9E,MAAMC,EAAOJ,EAAmB,QAAS,sBAAA,EACnCK,EAAO,KAAK,IAAID,EAAK,MAAOA,EAAK,MAAM,EACvCE,EAAIH,EAAM,QAAUC,EAAK,KAAOC,EAAO,EACvCE,EAAIJ,EAAM,QAAUC,EAAK,IAAMC,EAAO,EAE5CP,EAAW,CAAC,GAAGD,EAAS,CAAE,EAAAS,EAAG,EAAAC,EAAG,KAAAF,CAAA,CAAM,CAAC,CACzC,EAEAG,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIX,EAAQ,OAAS,EAAG,CACtB,MAAMY,EAAQ,WAAW,IAAMX,EAAW,CAAA,CAAE,EAAG,GAAG,EAClD,MAAO,IAAM,aAAaW,CAAK,CACjC,CACF,EAAG,CAACZ,CAAO,CAAC,EAGVa,EAAAA,IAAC,MAAA,CAAI,UAAW,GAAGC,EAAAA,MAAM,oBAAqB,IAAKX,EAAoB,UAAWE,EAE9E,SAAAL,EAAQ,IAAI,CAACe,EAAQC,IACnBH,EAAAA,IAAC,OAAA,CAEC,UAAW,GAAGC,EAAAA,MAAM,UACpB,MAAO,CACL,IAAKC,EAAO,EACZ,KAAMA,EAAO,EACb,MAAOA,EAAO,KACd,OAAQA,EAAO,IAAA,CACjB,EAPKC,CAAA,CASR,EAEL,CAEJ"}

package/dist/chunks/Slide-BxEwoZ70.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slide-BxEwoZ70.js","sources":["../../src/animations/Slide/Slide.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport type Direction = 'left' | 'right' | 'top' | 'bottom';\n\nexport type Style = React.HTMLAttributes<HTMLDivElement>['style'];\n\nconst styledShow = (timeout: number): Style => ({\n  opacity: 1,\n  transform: '',\n  transition: `all ${timeout}s ease-in-out`,\n});\n\nconst styledHide = (timeout: number, direction: Direction): Style => {\n  const translate = {\n    top: 'translateY(-10px)',\n    left: 'translateX(-10px)',\n    right: 'translateX(10px)',\n    bottom: 'translateY(10px)',\n  };\n\n  return {\n    opacity: 0,\n    transform: translate[direction],\n    transition: `all ${timeout}s ease-in-out`\n  };\n};\n\nexport interface SlideProps extends React.HTMLAttributes<HTMLDivElement> {\n  enter: boolean,\n  delay?: number;\n  timeout?: number;\n  direction?: Direction;\n  children: React.ReactNode;\n  tag?: React.ElementType;\n}\n\nexport default function Slide({\n  enter,\n  children,\n  tag = 'div',\n  delay = 50,\n  timeout = .2,\n  direction = 'right',\n  ...props\n}: SlideProps) {\n  const CustomTag = tag;\n\n  const [style, setStyle] = useState<Style>(styledHide(timeout, direction));\n\n  useEffect(() => {\n    setTimeout(() => {\n      setStyle(enter ? styledShow(timeout) : styledHide(timeout, direction));\n    }, delay);\n  }, [enter, delay, timeout, direction]);\n\n  return (\n    <CustomTag {...props} style={{ ...style, width: '100%', ...props.style }}>\n      {children}\n    </CustomTag>\n  );\n}\n"],"names":["styledShow","timeout","styledHide","direction","Slide","enter","children","tag","delay","props","CustomTag","style","setStyle","useState","useEffect","jsx"],"mappings":"wFAMA,MAAMA,EAAcC,IAA4B,CAC9C,QAAS,EACT,UAAW,GACX,WAAY,OAAOA,CAAO,eAC5B,GAEMC,EAAa,CAACD,EAAiBE,KAQ5B,CACL,QAAS,EACT,UATgB,CAChB,IAAK,oBACL,KAAM,oBACN,MAAO,mBACP,OAAQ,kBAAA,EAKaA,CAAS,EAC9B,WAAY,OAAOF,CAAO,eAAA,GAa9B,SAAwBG,EAAM,CAC5B,MAAAC,EACA,SAAAC,EACA,IAAAC,EAAM,MACN,MAAAC,EAAQ,GACR,QAAAP,EAAU,GACV,UAAAE,EAAY,QACZ,GAAGM,CACL,EAAe,CACb,MAAMC,EAAYH,EAEZ,CAACI,EAAOC,CAAQ,EAAIC,EAAgBX,EAAWD,EAASE,CAAS,CAAC,EAExE,OAAAW,EAAU,IAAM,CACd,WAAW,IAAM,CACfF,EAASP,EAAQL,EAAWC,CAAO,EAAIC,EAAWD,EAASE,CAAS,CAAC,CACvE,EAAGK,CAAK,CACV,EAAG,CAACH,EAAOG,EAAOP,EAASE,CAAS,CAAC,EAGnCY,EAACL,EAAA,CAAW,GAAGD,EAAO,MAAO,CAAE,GAAGE,EAAO,MAAO,OAAQ,GAAGF,EAAM,KAAA,EAC9D,SAAAH,CAAA,CACH,CAEJ"}
+{"version":3,"file":"Slide-BxEwoZ70.js","sources":["../../src/animations/Slide/Slide.tsx"],"sourcesContent":["import {\n  useState,\n  useEffect,\n  type ElementType,\n  type HTMLAttributes,\n} from 'react';\n\nimport type { Direction } from '../types';\n\ntype Style = HTMLAttributes<HTMLDivElement>['style'];\n\nconst styledShow = (timeout: number): Style => ({\n  opacity: 1,\n  transform: '',\n  transition: `all ${timeout}s ease-in-out`,\n});\n\nconst styledHide = (timeout: number, direction: Direction): Style => {\n  const translate = {\n    top: 'translateY(-10px)',\n    left: 'translateX(-10px)',\n    right: 'translateX(10px)',\n    bottom: 'translateY(10px)',\n  };\n\n  return {\n    opacity: 0,\n    transform: translate[direction],\n    transition: `all ${timeout}s ease-in-out`\n  };\n};\n\nexport interface SlideProps extends HTMLAttributes<HTMLDivElement> {\n  enter: boolean,\n  delay?: number;\n  timeout?: number;\n  direction?: Direction;\n  tag?: ElementType;\n}\n\nexport default function Slide({\n  enter,\n  children,\n  tag = 'div',\n  delay = 50,\n  timeout = .2,\n  direction = 'right',\n  ...props\n}: SlideProps) {\n  const CustomTag = tag;\n\n  const [style, setStyle] = useState<Style>(styledHide(timeout, direction));\n\n  useEffect(() => {\n    setTimeout(() => {\n      setStyle(enter ? styledShow(timeout) : styledHide(timeout, direction));\n    }, delay);\n  }, [enter, delay, timeout, direction]);\n\n  return (\n    <CustomTag {...props} style={{ ...style, width: '100%', ...props.style }}>\n      {children}\n    </CustomTag>\n  );\n}\n"],"names":["styledShow","timeout","styledHide","direction","Slide","enter","children","tag","delay","props","CustomTag","style","setStyle","useState","useEffect","jsx"],"mappings":"wFAWA,MAAMA,EAAcC,IAA4B,CAC9C,QAAS,EACT,UAAW,GACX,WAAY,OAAOA,CAAO,eAC5B,GAEMC,EAAa,CAACD,EAAiBE,KAQ5B,CACL,QAAS,EACT,UATgB,CAChB,IAAK,oBACL,KAAM,oBACN,MAAO,mBACP,OAAQ,kBAAA,EAKaA,CAAS,EAC9B,WAAY,OAAOF,CAAO,eAAA,GAY9B,SAAwBG,EAAM,CAC5B,MAAAC,EACA,SAAAC,EACA,IAAAC,EAAM,MACN,MAAAC,EAAQ,GACR,QAAAP,EAAU,GACV,UAAAE,EAAY,QACZ,GAAGM,CACL,EAAe,CACb,MAAMC,EAAYH,EAEZ,CAACI,EAAOC,CAAQ,EAAIC,EAAgBX,EAAWD,EAASE,CAAS,CAAC,EAExE,OAAAW,EAAU,IAAM,CACd,WAAW,IAAM,CACfF,EAASP,EAAQL,EAAWC,CAAO,EAAIC,EAAWD,EAASE,CAAS,CAAC,CACvE,EAAGK,CAAK,CACV,EAAG,CAACH,EAAOG,EAAOP,EAASE,CAAS,CAAC,EAGnCY,EAACL,EAAA,CAAW,GAAGD,EAAO,MAAO,CAAE,GAAGE,EAAO,MAAO,OAAQ,GAAGF,EAAM,KAAA,EAC9D,SAAAH,CAAA,CACH,CAEJ"}

package/dist/chunks/Slide-D4aLHjYS.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slide-D4aLHjYS.cjs","sources":["../../src/animations/Slide/Slide.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport type Direction = 'left' | 'right' | 'top' | 'bottom';\n\nexport type Style = React.HTMLAttributes<HTMLDivElement>['style'];\n\nconst styledShow = (timeout: number): Style => ({\n  opacity: 1,\n  transform: '',\n  transition: `all ${timeout}s ease-in-out`,\n});\n\nconst styledHide = (timeout: number, direction: Direction): Style => {\n  const translate = {\n    top: 'translateY(-10px)',\n    left: 'translateX(-10px)',\n    right: 'translateX(10px)',\n    bottom: 'translateY(10px)',\n  };\n\n  return {\n    opacity: 0,\n    transform: translate[direction],\n    transition: `all ${timeout}s ease-in-out`\n  };\n};\n\nexport interface SlideProps extends React.HTMLAttributes<HTMLDivElement> {\n  enter: boolean,\n  delay?: number;\n  timeout?: number;\n  direction?: Direction;\n  children: React.ReactNode;\n  tag?: React.ElementType;\n}\n\nexport default function Slide({\n  enter,\n  children,\n  tag = 'div',\n  delay = 50,\n  timeout = .2,\n  direction = 'right',\n  ...props\n}: SlideProps) {\n  const CustomTag = tag;\n\n  const [style, setStyle] = useState<Style>(styledHide(timeout, direction));\n\n  useEffect(() => {\n    setTimeout(() => {\n      setStyle(enter ? styledShow(timeout) : styledHide(timeout, direction));\n    }, delay);\n  }, [enter, delay, timeout, direction]);\n\n  return (\n    <CustomTag {...props} style={{ ...style, width: '100%', ...props.style }}>\n      {children}\n    </CustomTag>\n  );\n}\n"],"names":["styledShow","timeout","styledHide","direction","Slide","enter","children","tag","delay","props","CustomTag","style","setStyle","useState","useEffect","jsx"],"mappings":"qEAMMA,EAAcC,IAA4B,CAC9C,QAAS,EACT,UAAW,GACX,WAAY,OAAOA,CAAO,eAC5B,GAEMC,EAAa,CAACD,EAAiBE,KAQ5B,CACL,QAAS,EACT,UATgB,CAChB,IAAK,oBACL,KAAM,oBACN,MAAO,mBACP,OAAQ,kBAAA,EAKaA,CAAS,EAC9B,WAAY,OAAOF,CAAO,eAAA,GAa9B,SAAwBG,EAAM,CAC5B,MAAAC,EACA,SAAAC,EACA,IAAAC,EAAM,MACN,MAAAC,EAAQ,GACR,QAAAP,EAAU,GACV,UAAAE,EAAY,QACZ,GAAGM,CACL,EAAe,CACb,MAAMC,EAAYH,EAEZ,CAACI,EAAOC,CAAQ,EAAIC,EAAAA,SAAgBX,EAAWD,EAASE,CAAS,CAAC,EAExEW,OAAAA,EAAAA,UAAU,IAAM,CACd,WAAW,IAAM,CACfF,EAASP,EAAQL,EAAWC,CAAO,EAAIC,EAAWD,EAASE,CAAS,CAAC,CACvE,EAAGK,CAAK,CACV,EAAG,CAACH,EAAOG,EAAOP,EAASE,CAAS,CAAC,EAGnCY,EAAAA,IAACL,EAAA,CAAW,GAAGD,EAAO,MAAO,CAAE,GAAGE,EAAO,MAAO,OAAQ,GAAGF,EAAM,KAAA,EAC9D,SAAAH,CAAA,CACH,CAEJ"}
+{"version":3,"file":"Slide-D4aLHjYS.cjs","sources":["../../src/animations/Slide/Slide.tsx"],"sourcesContent":["import {\n  useState,\n  useEffect,\n  type ElementType,\n  type HTMLAttributes,\n} from 'react';\n\nimport type { Direction } from '../types';\n\ntype Style = HTMLAttributes<HTMLDivElement>['style'];\n\nconst styledShow = (timeout: number): Style => ({\n  opacity: 1,\n  transform: '',\n  transition: `all ${timeout}s ease-in-out`,\n});\n\nconst styledHide = (timeout: number, direction: Direction): Style => {\n  const translate = {\n    top: 'translateY(-10px)',\n    left: 'translateX(-10px)',\n    right: 'translateX(10px)',\n    bottom: 'translateY(10px)',\n  };\n\n  return {\n    opacity: 0,\n    transform: translate[direction],\n    transition: `all ${timeout}s ease-in-out`\n  };\n};\n\nexport interface SlideProps extends HTMLAttributes<HTMLDivElement> {\n  enter: boolean,\n  delay?: number;\n  timeout?: number;\n  direction?: Direction;\n  tag?: ElementType;\n}\n\nexport default function Slide({\n  enter,\n  children,\n  tag = 'div',\n  delay = 50,\n  timeout = .2,\n  direction = 'right',\n  ...props\n}: SlideProps) {\n  const CustomTag = tag;\n\n  const [style, setStyle] = useState<Style>(styledHide(timeout, direction));\n\n  useEffect(() => {\n    setTimeout(() => {\n      setStyle(enter ? styledShow(timeout) : styledHide(timeout, direction));\n    }, delay);\n  }, [enter, delay, timeout, direction]);\n\n  return (\n    <CustomTag {...props} style={{ ...style, width: '100%', ...props.style }}>\n      {children}\n    </CustomTag>\n  );\n}\n"],"names":["styledShow","timeout","styledHide","direction","Slide","enter","children","tag","delay","props","CustomTag","style","setStyle","useState","useEffect","jsx"],"mappings":"qEAWMA,EAAcC,IAA4B,CAC9C,QAAS,EACT,UAAW,GACX,WAAY,OAAOA,CAAO,eAC5B,GAEMC,EAAa,CAACD,EAAiBE,KAQ5B,CACL,QAAS,EACT,UATgB,CAChB,IAAK,oBACL,KAAM,oBACN,MAAO,mBACP,OAAQ,kBAAA,EAKaA,CAAS,EAC9B,WAAY,OAAOF,CAAO,eAAA,GAY9B,SAAwBG,EAAM,CAC5B,MAAAC,EACA,SAAAC,EACA,IAAAC,EAAM,MACN,MAAAC,EAAQ,GACR,QAAAP,EAAU,GACV,UAAAE,EAAY,QACZ,GAAGM,CACL,EAAe,CACb,MAAMC,EAAYH,EAEZ,CAACI,EAAOC,CAAQ,EAAIC,EAAAA,SAAgBX,EAAWD,EAASE,CAAS,CAAC,EAExEW,OAAAA,EAAAA,UAAU,IAAM,CACd,WAAW,IAAM,CACfF,EAASP,EAAQL,EAAWC,CAAO,EAAIC,EAAWD,EAASE,CAAS,CAAC,CACvE,EAAGK,CAAK,CACV,EAAG,CAACH,EAAOG,EAAOP,EAASE,CAAS,CAAC,EAGnCY,EAAAA,IAACL,EAAA,CAAW,GAAGD,EAAO,MAAO,CAAE,GAAGE,EAAO,MAAO,OAAQ,GAAGF,EAAM,KAAA,EAC9D,SAAAH,CAAA,CACH,CAEJ"}

package/dist/chunks/{Stack-Cde2gkUJ.js → Stack-DK5pfu2w.js}

@@ -1,2 +1,2 @@
-import{jsx as l}from"react/jsx-runtime";import{forwardRef as p}from"react";import{p as k}from"./index-Bmr5u5lp.js";import{j as u}from"./joinClass-anSpaauN.js";import{c as x}from"./createComponent-CyZoFjRB.js";const C=p(function({children:s,tag:a="div",gap:o=16,alignSelf:r,flexWrap:m="nowrap",alignItems:c="flex-start",flexDirection:e="column",justifyContent:n="flex-start",...t},f){const i=u(`${k}-stack`,t.className);return l(a,{...t,ref:f,className:i,style:{gap:o,flexWrap:m,alignItems:c,alignSelf:r,flexDirection:e,justifyContent:n,...t.style},children:s})}),T=x(C);export{T as S};
-//# sourceMappingURL=Stack-Cde2gkUJ.js.map
+import{jsx as l}from"react/jsx-runtime";import{forwardRef as p}from"react";import{p as k}from"./index-CZ41y9Hn.js";import{j as u}from"./joinClass-anSpaauN.js";import{c as x}from"./createComponent-WNQRXK89.js";const C=p(function({children:s,tag:a="div",gap:o=16,alignSelf:r,flexWrap:m="nowrap",alignItems:c="flex-start",flexDirection:e="column",justifyContent:n="flex-start",...t},f){const i=u(`${k}-stack`,t.className);return l(a,{...t,ref:f,className:i,style:{gap:o,flexWrap:m,alignItems:c,alignSelf:r,flexDirection:e,justifyContent:n,...t.style},children:s})}),T=x(C);export{T as S};
+//# sourceMappingURL=Stack-DK5pfu2w.js.map

package/dist/chunks/{Stack-Cde2gkUJ.js.map → Stack-DK5pfu2w.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Stack-Cde2gkUJ.js","sources":["../../src/layout/Stack/Stack.tsx"],"sourcesContent":["import type { HTMLAttributes, CSSProperties } from 'react';\nimport { forwardRef } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Stack.scss';\n\nexport interface StackProps extends HTMLAttributes<HTMLElement> {\n  tag?: React.ElementType;\n  gap?: number;\n  flexDirection?: CSSProperties['flexDirection'];\n  justifyContent?: CSSProperties['justifyContent'];\n  alignItems?: CSSProperties['alignItems'];\n  alignSelf?: CSSProperties['alignSelf'];\n  flexWrap?: CSSProperties['flexWrap'];\n}\n\nconst Stack = forwardRef<HTMLElement, StackProps>(\n  function Stack(\n    {\n      children,\n      tag = 'div',\n      gap = 16,\n      alignSelf,\n      flexWrap = 'nowrap',\n      alignItems = 'flex-start',\n      flexDirection = 'column',\n      justifyContent = 'flex-start',\n      ...props\n    },\n    ref\n  ) {\n    const stackClasses = joinClass(\n      `${prefix}-stack`,\n      props.className\n    );\n\n    const CustomTag = tag;\n\n    return (\n      <CustomTag\n        {...props}\n        ref={ref}\n        className={stackClasses}\n        style={{\n          gap,\n          flexWrap,\n          alignItems,\n          alignSelf,\n          flexDirection,\n          justifyContent,\n          ...props.style,\n        }}\n      >\n        {children}\n      </CustomTag>\n    );\n  }\n);\n\nexport default createComponent(Stack);\n"],"names":["Stack","forwardRef","children","tag","gap","alignSelf","flexWrap","alignItems","flexDirection","justifyContent","props","ref","stackClasses","joinClass","prefix","jsx","Stack$1","createComponent"],"mappings":"iNAqBA,MAAMA,EAAQC,EACZ,SACE,CACE,SAAAC,EACA,IAAAC,EAAM,MACN,IAAAC,EAAM,GACN,UAAAC,EACA,SAAAC,EAAW,SACX,WAAAC,EAAa,aACb,cAAAC,EAAgB,SAChB,eAAAC,EAAiB,aACjB,GAAGC,CAAA,EAELC,EACA,CACA,MAAMC,EAAeC,EACnB,GAAGC,CAAM,SACTJ,EAAM,SAAA,EAKR,OACEK,EAHgBZ,EAGf,CACE,GAAGO,EACJ,IAAAC,EACA,UAAWC,EACX,MAAO,CACL,IAAAR,EACA,SAAAE,EACA,WAAAC,EACA,UAAAF,EACA,cAAAG,EACA,eAAAC,EACA,GAAGC,EAAM,KAAA,EAGV,SAAAR,CAAA,CAAA,CAGP,CACF,EAEAc,EAAeC,EAAgBjB,CAAK"}
+{"version":3,"file":"Stack-DK5pfu2w.js","sources":["../../src/layout/Stack/Stack.tsx"],"sourcesContent":["import type { HTMLAttributes, CSSProperties } from 'react';\nimport { forwardRef } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Stack.scss';\n\nexport interface StackProps extends HTMLAttributes<HTMLElement> {\n  tag?: React.ElementType;\n  gap?: number;\n  flexDirection?: CSSProperties['flexDirection'];\n  justifyContent?: CSSProperties['justifyContent'];\n  alignItems?: CSSProperties['alignItems'];\n  alignSelf?: CSSProperties['alignSelf'];\n  flexWrap?: CSSProperties['flexWrap'];\n}\n\nconst Stack = forwardRef<HTMLElement, StackProps>(\n  function Stack(\n    {\n      children,\n      tag = 'div',\n      gap = 16,\n      alignSelf,\n      flexWrap = 'nowrap',\n      alignItems = 'flex-start',\n      flexDirection = 'column',\n      justifyContent = 'flex-start',\n      ...props\n    },\n    ref\n  ) {\n    const stackClasses = joinClass(\n      `${prefix}-stack`,\n      props.className\n    );\n\n    const CustomTag = tag;\n\n    return (\n      <CustomTag\n        {...props}\n        ref={ref}\n        className={stackClasses}\n        style={{\n          gap,\n          flexWrap,\n          alignItems,\n          alignSelf,\n          flexDirection,\n          justifyContent,\n          ...props.style,\n        }}\n      >\n        {children}\n      </CustomTag>\n    );\n  }\n);\n\nexport default createComponent(Stack);\n"],"names":["Stack","forwardRef","children","tag","gap","alignSelf","flexWrap","alignItems","flexDirection","justifyContent","props","ref","stackClasses","joinClass","prefix","jsx","Stack$1","createComponent"],"mappings":"iNAqBA,MAAMA,EAAQC,EACZ,SACE,CACE,SAAAC,EACA,IAAAC,EAAM,MACN,IAAAC,EAAM,GACN,UAAAC,EACA,SAAAC,EAAW,SACX,WAAAC,EAAa,aACb,cAAAC,EAAgB,SAChB,eAAAC,EAAiB,aACjB,GAAGC,CAAA,EAELC,EACA,CACA,MAAMC,EAAeC,EACnB,GAAGC,CAAM,SACTJ,EAAM,SAAA,EAKR,OACEK,EAHgBZ,EAGf,CACE,GAAGO,EACJ,IAAAC,EACA,UAAWC,EACX,MAAO,CACL,IAAAR,EACA,SAAAE,EACA,WAAAC,EACA,UAAAF,EACA,cAAAG,EACA,eAAAC,EACA,GAAGC,EAAM,KAAA,EAGV,SAAAR,CAAA,CAAA,CAGP,CACF,EAEAc,EAAeC,EAAgBjB,CAAK"}

package/dist/chunks/{Stack-dVH2e42b.cjs → Stack-beBM7a60.cjs}

@@ -1,2 +1,2 @@
-"use strict";const f=require("react/jsx-runtime"),k=require("react"),x=require("./index-BaaRDmgo.cjs"),C=require("./joinClass-Jk3EszKD.cjs"),q=require("./createComponent-D7BY-VlJ.cjs"),j=k.forwardRef(function({children:e,tag:s="div",gap:c=16,alignSelf:n,flexWrap:a="nowrap",alignItems:r="flex-start",flexDirection:o="column",justifyContent:i="flex-start",...t},u){const l=C.joinClass(`${x.prefix}-stack`,t.className),m=s;return f.jsx(m,{...t,ref:u,className:l,style:{gap:c,flexWrap:a,alignItems:r,alignSelf:n,flexDirection:o,justifyContent:i,...t.style},children:e})}),S=q.createComponent(j);exports.Stack=S;
-//# sourceMappingURL=Stack-dVH2e42b.cjs.map
+"use strict";const f=require("react/jsx-runtime"),k=require("react"),x=require("./index-DYxwT4uW.cjs"),C=require("./joinClass-Jk3EszKD.cjs"),q=require("./createComponent-CTufIEiN.cjs"),j=k.forwardRef(function({children:e,tag:s="div",gap:c=16,alignSelf:n,flexWrap:a="nowrap",alignItems:r="flex-start",flexDirection:o="column",justifyContent:i="flex-start",...t},u){const l=C.joinClass(`${x.prefix}-stack`,t.className),m=s;return f.jsx(m,{...t,ref:u,className:l,style:{gap:c,flexWrap:a,alignItems:r,alignSelf:n,flexDirection:o,justifyContent:i,...t.style},children:e})}),S=q.createComponent(j);exports.Stack=S;
+//# sourceMappingURL=Stack-beBM7a60.cjs.map

package/dist/chunks/{Stack-dVH2e42b.cjs.map → Stack-beBM7a60.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Stack-dVH2e42b.cjs","sources":["../../src/layout/Stack/Stack.tsx"],"sourcesContent":["import type { HTMLAttributes, CSSProperties } from 'react';\nimport { forwardRef } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Stack.scss';\n\nexport interface StackProps extends HTMLAttributes<HTMLElement> {\n  tag?: React.ElementType;\n  gap?: number;\n  flexDirection?: CSSProperties['flexDirection'];\n  justifyContent?: CSSProperties['justifyContent'];\n  alignItems?: CSSProperties['alignItems'];\n  alignSelf?: CSSProperties['alignSelf'];\n  flexWrap?: CSSProperties['flexWrap'];\n}\n\nconst Stack = forwardRef<HTMLElement, StackProps>(\n  function Stack(\n    {\n      children,\n      tag = 'div',\n      gap = 16,\n      alignSelf,\n      flexWrap = 'nowrap',\n      alignItems = 'flex-start',\n      flexDirection = 'column',\n      justifyContent = 'flex-start',\n      ...props\n    },\n    ref\n  ) {\n    const stackClasses = joinClass(\n      `${prefix}-stack`,\n      props.className\n    );\n\n    const CustomTag = tag;\n\n    return (\n      <CustomTag\n        {...props}\n        ref={ref}\n        className={stackClasses}\n        style={{\n          gap,\n          flexWrap,\n          alignItems,\n          alignSelf,\n          flexDirection,\n          justifyContent,\n          ...props.style,\n        }}\n      >\n        {children}\n      </CustomTag>\n    );\n  }\n);\n\nexport default createComponent(Stack);\n"],"names":["Stack","forwardRef","children","tag","gap","alignSelf","flexWrap","alignItems","flexDirection","justifyContent","props","ref","stackClasses","joinClass","prefix","CustomTag","jsx","createComponent"],"mappings":"yLAqBMA,EAAQC,EAAAA,WACZ,SACE,CACE,SAAAC,EACA,IAAAC,EAAM,MACN,IAAAC,EAAM,GACN,UAAAC,EACA,SAAAC,EAAW,SACX,WAAAC,EAAa,aACb,cAAAC,EAAgB,SAChB,eAAAC,EAAiB,aACjB,GAAGC,CAAA,EAELC,EACA,CACA,MAAMC,EAAeC,EAAAA,UACnB,GAAGC,EAAAA,MAAM,SACTJ,EAAM,SAAA,EAGFK,EAAYZ,EAElB,OACEa,EAAAA,IAACD,EAAA,CACE,GAAGL,EACJ,IAAAC,EACA,UAAWC,EACX,MAAO,CACL,IAAAR,EACA,SAAAE,EACA,WAAAC,EACA,UAAAF,EACA,cAAAG,EACA,eAAAC,EACA,GAAGC,EAAM,KAAA,EAGV,SAAAR,CAAA,CAAA,CAGP,CACF,EAEAF,EAAeiB,EAAAA,gBAAgBjB,CAAK"}
+{"version":3,"file":"Stack-beBM7a60.cjs","sources":["../../src/layout/Stack/Stack.tsx"],"sourcesContent":["import type { HTMLAttributes, CSSProperties } from 'react';\nimport { forwardRef } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Stack.scss';\n\nexport interface StackProps extends HTMLAttributes<HTMLElement> {\n  tag?: React.ElementType;\n  gap?: number;\n  flexDirection?: CSSProperties['flexDirection'];\n  justifyContent?: CSSProperties['justifyContent'];\n  alignItems?: CSSProperties['alignItems'];\n  alignSelf?: CSSProperties['alignSelf'];\n  flexWrap?: CSSProperties['flexWrap'];\n}\n\nconst Stack = forwardRef<HTMLElement, StackProps>(\n  function Stack(\n    {\n      children,\n      tag = 'div',\n      gap = 16,\n      alignSelf,\n      flexWrap = 'nowrap',\n      alignItems = 'flex-start',\n      flexDirection = 'column',\n      justifyContent = 'flex-start',\n      ...props\n    },\n    ref\n  ) {\n    const stackClasses = joinClass(\n      `${prefix}-stack`,\n      props.className\n    );\n\n    const CustomTag = tag;\n\n    return (\n      <CustomTag\n        {...props}\n        ref={ref}\n        className={stackClasses}\n        style={{\n          gap,\n          flexWrap,\n          alignItems,\n          alignSelf,\n          flexDirection,\n          justifyContent,\n          ...props.style,\n        }}\n      >\n        {children}\n      </CustomTag>\n    );\n  }\n);\n\nexport default createComponent(Stack);\n"],"names":["Stack","forwardRef","children","tag","gap","alignSelf","flexWrap","alignItems","flexDirection","justifyContent","props","ref","stackClasses","joinClass","prefix","CustomTag","jsx","createComponent"],"mappings":"yLAqBMA,EAAQC,EAAAA,WACZ,SACE,CACE,SAAAC,EACA,IAAAC,EAAM,MACN,IAAAC,EAAM,GACN,UAAAC,EACA,SAAAC,EAAW,SACX,WAAAC,EAAa,aACb,cAAAC,EAAgB,SAChB,eAAAC,EAAiB,aACjB,GAAGC,CAAA,EAELC,EACA,CACA,MAAMC,EAAeC,EAAAA,UACnB,GAAGC,EAAAA,MAAM,SACTJ,EAAM,SAAA,EAGFK,EAAYZ,EAElB,OACEa,EAAAA,IAACD,EAAA,CACE,GAAGL,EACJ,IAAAC,EACA,UAAWC,EACX,MAAO,CACL,IAAAR,EACA,SAAAE,EACA,WAAAC,EACA,UAAAF,EACA,cAAAG,EACA,eAAAC,EACA,GAAGC,EAAM,KAAA,EAGV,SAAAR,CAAA,CAAA,CAGP,CACF,EAEAF,EAAeiB,EAAAA,gBAAgBjB,CAAK"}

package/dist/chunks/Typography-BIZP_DtQ.js

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

package/dist/chunks/Typography-BIZP_DtQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography-BIZP_DtQ.js","sources":["../../src/display/Typography/Typography.tsx"],"sourcesContent":["import { type PropsWithChildren, type HTMLAttributes, type CSSProperties, useMemo } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { MappedColors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport { convertPathToColor } from '@iziui/core/utils/convertPathToColor';\n\nimport { useTheme } from '@/theme';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Typography.scss';\n\nexport const variants = [\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'subtitle1',\n  'subtitle2',\n  'body1',\n  'body2',\n] as const;\n\nexport type Variant = typeof variants[number];\n\nconst MAP: { [x: string]: React.ElementType } = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  h6: 'h6',\n  subtitle1: 'h6',\n  subtitle2: 'h6',\n  body1: 'p',\n  body2: 'p',\n};\n\nexport interface TypographyProps extends PropsWithChildren<HTMLAttributes<HTMLParagraphElement>> {\n  variant?: Variant;\n  color?: MappedColors;\n  textAlign?: CSSProperties['textAlign'];\n  weight?: 'bold' | 'normal' | 'light';\n}\n\nfunction Typography({\n  children,\n  variant = 'body1',\n  color: _color,\n  weight,\n  textAlign,\n  ...props\n}: TypographyProps) {\n  const { theme: { palette } } = useTheme();\n\n  const CustomTag = MAP[variant];\n\n  const cls = joinClass(\n    `${prefix}-typography`,\n    `${prefix}-typography--${variant}`,\n    weight && `${prefix}-typography--weight-${weight}`,\n    props.className\n  );\n\n  const color = useMemo(() => {\n    if (!_color) { return 'currentColor'; }\n    return convertPathToColor(_color, palette);\n  }, [_color]);\n\n  return (\n    <CustomTag\n      {...props}\n      className={cls}\n      style={{\n        color,\n        textAlign,\n        ...props.style\n      }}\n    >\n      {children}\n    </CustomTag>\n  );\n}\n\nexport default createComponent(Typography);"],"names":["variants","MAP","Typography","children","variant","_color","weight","textAlign","props","palette","useTheme","CustomTag","cls","joinClass","prefix","color","useMemo","convertPathToColor","jsx","Typography$1","createComponent"],"mappings":"8SAaO,MAAMA,EAAW,CACtB,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,OACF,EAIMC,EAA0C,CAC9C,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,UAAW,KACX,UAAW,KACX,MAAO,IACP,MAAO,GACT,EASA,SAASC,EAAW,CAClB,SAAAC,EACA,QAAAC,EAAU,QACV,MAAOC,EACP,OAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAoB,CAClB,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAA,EAEzBC,EAAYV,EAAIG,CAAO,EAEvBQ,EAAMC,EACV,GAAGC,CAAM,cACT,GAAGA,CAAM,gBAAgBV,CAAO,GAChCE,GAAU,GAAGQ,CAAM,uBAAuBR,CAAM,GAChDE,EAAM,SAAA,EAGFO,EAAQC,EAAQ,IACfX,EACEY,EAAmBZ,EAAQI,CAAO,EADnB,eAErB,CAACJ,CAAM,CAAC,EAEX,OACEa,EAACP,EAAA,CACE,GAAGH,EACJ,UAAWI,EACX,MAAO,CACL,MAAAG,EACA,UAAAR,EACA,GAAGC,EAAM,KAAA,EAGV,SAAAL,CAAA,CAAA,CAGP,CAEA,MAAAgB,EAAeC,EAAgBlB,CAAU"}

package/dist/chunks/Typography-CAQXUFSQ.cjs

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

package/dist/chunks/Typography-CAQXUFSQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography-CAQXUFSQ.cjs","sources":["../../src/display/Typography/Typography.tsx"],"sourcesContent":["import { type PropsWithChildren, type HTMLAttributes, type CSSProperties, useMemo } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { MappedColors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport { convertPathToColor } from '@iziui/core/utils/convertPathToColor';\n\nimport { useTheme } from '@/theme';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Typography.scss';\n\nexport const variants = [\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'subtitle1',\n  'subtitle2',\n  'body1',\n  'body2',\n] as const;\n\nexport type Variant = typeof variants[number];\n\nconst MAP: { [x: string]: React.ElementType } = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  h6: 'h6',\n  subtitle1: 'h6',\n  subtitle2: 'h6',\n  body1: 'p',\n  body2: 'p',\n};\n\nexport interface TypographyProps extends PropsWithChildren<HTMLAttributes<HTMLParagraphElement>> {\n  variant?: Variant;\n  color?: MappedColors;\n  textAlign?: CSSProperties['textAlign'];\n  weight?: 'bold' | 'normal' | 'light';\n}\n\nfunction Typography({\n  children,\n  variant = 'body1',\n  color: _color,\n  weight,\n  textAlign,\n  ...props\n}: TypographyProps) {\n  const { theme: { palette } } = useTheme();\n\n  const CustomTag = MAP[variant];\n\n  const cls = joinClass(\n    `${prefix}-typography`,\n    `${prefix}-typography--${variant}`,\n    weight && `${prefix}-typography--weight-${weight}`,\n    props.className\n  );\n\n  const color = useMemo(() => {\n    if (!_color) { return 'currentColor'; }\n    return convertPathToColor(_color, palette);\n  }, [_color]);\n\n  return (\n    <CustomTag\n      {...props}\n      className={cls}\n      style={{\n        color,\n        textAlign,\n        ...props.style\n      }}\n    >\n      {children}\n    </CustomTag>\n  );\n}\n\nexport default createComponent(Typography);"],"names":["variants","MAP","Typography","children","variant","_color","weight","textAlign","props","palette","useTheme","CustomTag","cls","joinClass","prefix","color","useMemo","convertPathToColor","jsx","createComponent"],"mappings":"6QAaaA,EAAW,CACtB,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,OACF,EAIMC,EAA0C,CAC9C,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,UAAW,KACX,UAAW,KACX,MAAO,IACP,MAAO,GACT,EASA,SAASC,EAAW,CAClB,SAAAC,EACA,QAAAC,EAAU,QACV,MAAOC,EACP,OAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAoB,CAClB,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,SAAA,EAEzBC,EAAYV,EAAIG,CAAO,EAEvBQ,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,cACT,GAAGA,EAAAA,MAAM,gBAAgBV,CAAO,GAChCE,GAAU,GAAGQ,EAAAA,MAAM,uBAAuBR,CAAM,GAChDE,EAAM,SAAA,EAGFO,EAAQC,EAAAA,QAAQ,IACfX,EACEY,EAAAA,mBAAmBZ,EAAQI,CAAO,EADnB,eAErB,CAACJ,CAAM,CAAC,EAEX,OACEa,EAAAA,IAACP,EAAA,CACE,GAAGH,EACJ,UAAWI,EACX,MAAO,CACL,MAAAG,EACA,UAAAR,EACA,GAAGC,EAAM,KAAA,EAGV,SAAAL,CAAA,CAAA,CAGP,CAEA,MAAAD,EAAeiB,EAAAA,gBAAgBjB,CAAU"}

package/dist/chunks/Zoom-BOnqwiDY.cjs

@@ -0,0 +1,2 @@
+"use strict";const f=require("react/jsx-runtime"),n=require("react"),i="cubic-bezier(0.34, 1.56, 0.64, 1)",m=s=>({opacity:1,transform:"scale(1)",transition:`all ${s}s ${i}`}),o=s=>({opacity:0,transform:"scale(0.85)",transition:`all ${s}s ${i}`});function $({enter:s,children:a,tag:r="div",delay:e=50,timeout:t=.35,...c}){const l=r,[u,y]=n.useState(o(t));return n.useEffect(()=>{setTimeout(()=>{y(s?m(t):o(t))},e)},[s,e,t]),f.jsx(l,{...c,style:{...u,...c.style},children:a})}exports.Zoom=$;
+//# sourceMappingURL=Zoom-BOnqwiDY.cjs.map

package/dist/chunks/Zoom-BOnqwiDY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Zoom-BOnqwiDY.cjs","sources":["../../src/animations/Zoom/Zoom.tsx"],"sourcesContent":["import {\n  useState,\n  useEffect,\n  type ElementType,\n  type HTMLAttributes,\n} from 'react';\n\ntype Style = HTMLAttributes<HTMLDivElement>['style'];\n\nconst easing = 'cubic-bezier(0.34, 1.56, 0.64, 1)';\n\nconst styledShow = (timeout: number): Style => ({\n  opacity: 1,\n  transform: 'scale(1)',\n  transition: `all ${timeout}s ${easing}`,\n});\n\nconst styledHide = (timeout: number): Style => ({\n  opacity: 0,\n  transform: 'scale(0.85)',\n  transition: `all ${timeout}s ${easing}`,\n});\n\nexport interface ZoomProps extends HTMLAttributes<HTMLDivElement> {\n  enter: boolean;\n  delay?: number;\n  timeout?: number;\n  tag?: ElementType;\n}\n\nexport default function Zoom({\n  enter,\n  children,\n  tag = 'div',\n  delay = 50,\n  timeout = .35,\n  ...props\n}: ZoomProps) {\n  const CustomTag = tag;\n\n  const [style, setStyle] = useState<Style>(styledHide(timeout));\n\n  useEffect(() => {\n    setTimeout(() => {\n      setStyle(enter ? styledShow(timeout) : styledHide(timeout));\n    }, delay);\n  }, [enter, delay, timeout]);\n\n  return (\n    <CustomTag {...props} style={{ ...style, ...props.style }}>\n      {children}\n    </CustomTag>\n  );\n}\n"],"names":["easing","styledShow","timeout","styledHide","Zoom","enter","children","tag","delay","props","CustomTag","style","setStyle","useState","useEffect","jsx"],"mappings":"qEASMA,EAAS,oCAETC,EAAcC,IAA4B,CAC9C,QAAS,EACT,UAAW,WACX,WAAY,OAAOA,CAAO,KAAKF,CAAM,EACvC,GAEMG,EAAcD,IAA4B,CAC9C,QAAS,EACT,UAAW,cACX,WAAY,OAAOA,CAAO,KAAKF,CAAM,EACvC,GASA,SAAwBI,EAAK,CAC3B,MAAAC,EACA,SAAAC,EACA,IAAAC,EAAM,MACN,MAAAC,EAAQ,GACR,QAAAN,EAAU,IACV,GAAGO,CACL,EAAc,CACZ,MAAMC,EAAYH,EAEZ,CAACI,EAAOC,CAAQ,EAAIC,EAAAA,SAAgBV,EAAWD,CAAO,CAAC,EAE7DY,OAAAA,EAAAA,UAAU,IAAM,CACd,WAAW,IAAM,CACfF,EAASP,EAAQJ,EAAWC,CAAO,EAAIC,EAAWD,CAAO,CAAC,CAC5D,EAAGM,CAAK,CACV,EAAG,CAACH,EAAOG,EAAON,CAAO,CAAC,EAGxBa,MAACL,EAAA,CAAW,GAAGD,EAAO,MAAO,CAAE,GAAGE,EAAO,GAAGF,EAAM,KAAA,EAC/C,SAAAH,CAAA,CACH,CAEJ"}

package/dist/chunks/Zoom-DqgU4Wfv.js

@@ -0,0 +1,2 @@
+import{jsx as y}from"react/jsx-runtime";import{useState as m,useEffect as u}from"react";const a="cubic-bezier(0.34, 1.56, 0.64, 1)",$=s=>({opacity:1,transform:"scale(1)",transition:`all ${s}s ${a}`}),n=s=>({opacity:0,transform:"scale(0.85)",transition:`all ${s}s ${a}`});function S({enter:s,children:c,tag:i="div",delay:o=50,timeout:t=.35,...e}){const r=i,[l,f]=m(n(t));return u(()=>{setTimeout(()=>{f(s?$(t):n(t))},o)},[s,o,t]),y(r,{...e,style:{...l,...e.style},children:c})}export{S as Z};
+//# sourceMappingURL=Zoom-DqgU4Wfv.js.map

package/dist/chunks/Zoom-DqgU4Wfv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Zoom-DqgU4Wfv.js","sources":["../../src/animations/Zoom/Zoom.tsx"],"sourcesContent":["import {\n  useState,\n  useEffect,\n  type ElementType,\n  type HTMLAttributes,\n} from 'react';\n\ntype Style = HTMLAttributes<HTMLDivElement>['style'];\n\nconst easing = 'cubic-bezier(0.34, 1.56, 0.64, 1)';\n\nconst styledShow = (timeout: number): Style => ({\n  opacity: 1,\n  transform: 'scale(1)',\n  transition: `all ${timeout}s ${easing}`,\n});\n\nconst styledHide = (timeout: number): Style => ({\n  opacity: 0,\n  transform: 'scale(0.85)',\n  transition: `all ${timeout}s ${easing}`,\n});\n\nexport interface ZoomProps extends HTMLAttributes<HTMLDivElement> {\n  enter: boolean;\n  delay?: number;\n  timeout?: number;\n  tag?: ElementType;\n}\n\nexport default function Zoom({\n  enter,\n  children,\n  tag = 'div',\n  delay = 50,\n  timeout = .35,\n  ...props\n}: ZoomProps) {\n  const CustomTag = tag;\n\n  const [style, setStyle] = useState<Style>(styledHide(timeout));\n\n  useEffect(() => {\n    setTimeout(() => {\n      setStyle(enter ? styledShow(timeout) : styledHide(timeout));\n    }, delay);\n  }, [enter, delay, timeout]);\n\n  return (\n    <CustomTag {...props} style={{ ...style, ...props.style }}>\n      {children}\n    </CustomTag>\n  );\n}\n"],"names":["easing","styledShow","timeout","styledHide","Zoom","enter","children","tag","delay","props","CustomTag","style","setStyle","useState","useEffect","jsx"],"mappings":"wFASA,MAAMA,EAAS,oCAETC,EAAcC,IAA4B,CAC9C,QAAS,EACT,UAAW,WACX,WAAY,OAAOA,CAAO,KAAKF,CAAM,EACvC,GAEMG,EAAcD,IAA4B,CAC9C,QAAS,EACT,UAAW,cACX,WAAY,OAAOA,CAAO,KAAKF,CAAM,EACvC,GASA,SAAwBI,EAAK,CAC3B,MAAAC,EACA,SAAAC,EACA,IAAAC,EAAM,MACN,MAAAC,EAAQ,GACR,QAAAN,EAAU,IACV,GAAGO,CACL,EAAc,CACZ,MAAMC,EAAYH,EAEZ,CAACI,EAAOC,CAAQ,EAAIC,EAAgBV,EAAWD,CAAO,CAAC,EAE7D,OAAAY,EAAU,IAAM,CACd,WAAW,IAAM,CACfF,EAASP,EAAQJ,EAAWC,CAAO,EAAIC,EAAWD,CAAO,CAAC,CAC5D,EAAGM,CAAK,CACV,EAAG,CAACH,EAAOG,EAAON,CAAO,CAAC,EAGxBa,EAACL,EAAA,CAAW,GAAGD,EAAO,MAAO,CAAE,GAAGE,EAAO,GAAGF,EAAM,KAAA,EAC/C,SAAAH,CAAA,CACH,CAEJ"}

package/dist/chunks/createComponent-CTufIEiN.cjs

@@ -0,0 +1,2 @@
+"use strict";const P=require("react/jsx-runtime"),b=require("./index-DYxwT4uW.cjs"),M=require("./useTheme-DoESyi5h.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:c,mx:u,my:l})=>{const{spacing:h}=t,r=i=>i||i===0?`${String(i*h)}px`:"",o=r(n),f=r(c),m=r(e),d=r(l),g=r(u),p=r(s),x=r(a);return{margin:o,marginTop:f||d||o,marginBottom:m||d||o,marginLeft:p||g||o,marginRight:x||g||o}},T=(t,{p:n,pb:e,pl:s,pr:a,pt:c,px:u,py:l})=>{const{spacing:h}=t,r=i=>i||i===0?`${String(i*h)}px`:"",o=r(n),f=r(c),m=r(e),d=r(l),g=r(u),p=r(s),x=r(a);return{padding:o,paddingTop:f||d||o,paddingBottom:m||d||o,paddingLeft:p||g||o,paddingRight:x||g||o}},_=(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:c}=M.useTheme(),u=e&&S({theme:c,sx:e},...O(z));return P.jsx(t,{...a,style:{boxSizing:"border-box",...a.style,...u,...s?{width:"100%"}:{}}})}}exports.createComponent=q;
+//# sourceMappingURL=createComponent-CTufIEiN.cjs.map