@iziui/react 0.0.1 → 0.0.3-rc

package/dist/components/Button/Button.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../../_virtual/jsx-runtime.cjs"),x=require("react"),e=require("../../packages/tokens/dist/web/js/index.cjs"),i=require("../../packages/core/src/utils/joinClass/joinClass.cjs"),_=require("../Ripple/Ripple.cjs"),q=require("../../core/createComponent.cjs");;/* empty css                                                 */function C({size:u="medium",color:r="primary",variant:m="contained",fullWidth:f,startIcon:l,noHover:p=!1,endIcon:a,loading:s,children:$,...o}){const d=i.joinClass(`${e.prefix}-button`,`${e.prefix}-button--${u}`,`${e.prefix}-button--${r}`,`${e.prefix}-button--${r}--${m}`,p&&`${e.prefix}-button--noHover`,f&&`${e.prefix}-button--fullWidth`,o.className),c=(t,j)=>x.cloneElement(t,{color:`${r}.contrastText`,className:i.joinClass(t.props.className,`${e.prefix}-button__icon`,`${e.prefix}-button__icon--${j}`)}),b=t=>x.cloneElement(t,{className:i.joinClass(t.props.className,`${e.prefix}-button__loading`,`${e.prefix}-button__loading--${u}`),size:"1.1rem"});return n.jsxRuntimeExports.jsxs("button",{...o,className:d,onClick:t=>!s&&o.onClick?.(t),children:[s?b(s):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[l&&c(l,"left"),$,a&&c(a,"right")]}),n.jsxRuntimeExports.jsx(_.default,{})]})}const E=q.default(C);exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),f=require("react"),e=require("../../tokens/dist/web/js/index.cjs"),i=require("../../core/src/utils/joinClass/joinClass.cjs"),j=require("../Ripple/Ripple.cjs"),q=require("../../core/createComponent.cjs");;/* empty css                                        */function C({size:u="medium",color:r="primary",variant:$="contained",fullWidth:m,startIcon:l,noHover:x=!1,endIcon:a,loading:s,children:p,...o}){const d=i.joinClass(`${e.prefix}-button`,`${e.prefix}-button--${u}`,`${e.prefix}-button--${r}`,`${e.prefix}-button--${r}--${$}`,x&&`${e.prefix}-button--noHover`,m&&`${e.prefix}-button--fullWidth`,o.className),c=(t,_)=>f.cloneElement(t,{color:`${r}.contrastText`,className:i.joinClass(t.props.className,`${e.prefix}-button__icon`,`${e.prefix}-button__icon--${_}`)}),b=t=>f.cloneElement(t,{className:i.joinClass(t.props.className,`${e.prefix}-button__loading`,`${e.prefix}-button__loading--${u}`),size:"1.1rem"});return n.jsxs("button",{...o,className:d,onClick:t=>!s&&o.onClick?.(t),children:[s?b(s):n.jsxs(n.Fragment,{children:[l&&c(l,"left"),p,a&&c(a,"right")]}),n.jsx(j.default,{})]})}const N=q.default(C);exports.default=N;
 //# sourceMappingURL=Button.cjs.map

package/dist/components/Button/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { type PropsWithChildren, type ButtonHTMLAttributes, cloneElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors, Size } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils';\n\nimport type { IconProps } from '../Icon';\nimport type { LoadingProps } from '../Loading';\nimport Ripple from '../Ripple';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Button.scss';\n\nexport interface ButtonProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {\n  size?: Size;\n  color?: Colors;\n  noHover?: boolean;\n  fullWidth?: boolean;\n  endIcon?: React.JSX.Element;\n  startIcon?: React.JSX.Element;\n  loading?: React.JSX.Element | boolean;\n  variant?: 'contained' | 'outlined' | 'text';\n};\nfunction Button({\n  size = 'medium',\n  color = 'primary',\n  variant = 'contained',\n  fullWidth,\n  startIcon,\n  noHover = false,\n  endIcon,\n  loading,\n  children,\n  ...props\n}: ButtonProps) {\n  const cls = joinClass(\n    `${prefix}-button`,\n    `${prefix}-button--${size}`,\n    `${prefix}-button--${color}`,\n    `${prefix}-button--${color}--${variant}`,\n    noHover && `${prefix}-button--noHover`,\n    fullWidth && `${prefix}-button--fullWidth`,\n    props.className\n  );\n\n  const renderIcon = (icon: React.JSX.Element, direction: 'left' | 'right') => {\n    return cloneElement<IconProps>(icon, {\n      color: `${color}.contrastText`,\n      className: joinClass(icon.props.className, `${prefix}-button__icon`, `${prefix}-button__icon--${direction}`)\n    });\n  };\n\n  const renderLoading = (loading: React.JSX.Element) => {\n    return cloneElement<LoadingProps>(loading, {\n      className: joinClass(loading.props.className, `${prefix}-button__loading`, `${prefix}-button__loading--${size}`),\n      size: '1.1rem',\n    });\n  };\n\n  return (\n    <button\n      {...props}\n      className={cls}\n      onClick={(e) => !loading && props.onClick?.(e)}\n    >\n      {\n        loading ? renderLoading(loading as React.JSX.Element) : (\n          <>\n            {startIcon && renderIcon(startIcon, 'left')}\n            {children}\n            {endIcon && renderIcon(endIcon, 'right')}\n          </>\n        )\n      }\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(Button);"],"names":["Button","size","color","variant","fullWidth","startIcon","noHover","endIcon","loading","children","props","cls","joinClass","prefix","renderIcon","icon","direction","cloneElement","renderLoading","jsxs","e","Fragment","Ripple","Button_default","createComponent"],"mappings":"2bAwBA,SAASA,EAAO,CACd,KAAAC,EAAO,SACP,MAAAC,EAAQ,UACR,QAAAC,EAAU,YACV,UAAAC,EACA,UAAAC,EACA,QAAAC,EAAU,GACV,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,UACT,GAAGA,EAAAA,MAAM,YAAYZ,CAAI,GACzB,GAAGY,EAAAA,MAAM,YAAYX,CAAK,GAC1B,GAAGW,EAAAA,MAAM,YAAYX,CAAK,KAAKC,CAAO,GACtCG,GAAW,GAAGO,EAAAA,MAAM,mBACpBT,GAAa,GAAGS,EAAAA,MAAM,qBACtBH,EAAM,SAAA,EAGFI,EAAa,CAACC,EAAyBC,IACpCC,EAAAA,aAAwBF,EAAM,CACnC,MAAO,GAAGb,CAAK,gBACf,UAAWU,EAAAA,UAAUG,EAAK,MAAM,UAAW,GAAGF,QAAM,gBAAiB,GAAGA,EAAAA,MAAM,kBAAkBG,CAAS,EAAE,CAAA,CAC5G,EAGGE,EAAiBV,GACdS,EAAAA,aAA2BT,EAAS,CACzC,UAAWI,EAAAA,UAAUJ,EAAQ,MAAM,UAAW,GAAGK,EAAAA,MAAM,mBAAoB,GAAGA,EAAAA,MAAM,qBAAqBZ,CAAI,EAAE,EAC/G,KAAM,QAAA,CACP,EAGH,OACEkB,EAAAA,kBAAAA,KAAC,SAAA,CACE,GAAGT,EACJ,UAAWC,EACX,QAAUS,GAAM,CAACZ,GAAWE,EAAM,UAAUU,CAAC,EAG3C,SAAA,CAAAZ,EAAUU,EAAcV,CAA4B,EAClDW,EAAAA,kBAAAA,KAAAE,EAAAA,kBAAAA,SAAA,CACG,SAAA,CAAAhB,GAAaS,EAAWT,EAAW,MAAM,EACzCI,EACAF,GAAWO,EAAWP,EAAS,OAAO,CAAA,EACzC,0BAGHe,EAAAA,QAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAC,EAAeC,EAAAA,QAAgBxB,CAAM"}
+{"version":3,"file":"Button.cjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { type PropsWithChildren, type ButtonHTMLAttributes, cloneElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors, Size } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils';\n\nimport type { IconProps } from '../Icon';\nimport type { LoadingProps } from '../Loading';\nimport Ripple from '../Ripple';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Button.scss';\n\nexport interface ButtonProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {\n  size?: Size;\n  color?: Colors;\n  noHover?: boolean;\n  fullWidth?: boolean;\n  endIcon?: React.JSX.Element;\n  startIcon?: React.JSX.Element;\n  loading?: React.JSX.Element | boolean;\n  variant?: 'contained' | 'outlined' | 'text';\n};\nfunction Button({\n  size = 'medium',\n  color = 'primary',\n  variant = 'contained',\n  fullWidth,\n  startIcon,\n  noHover = false,\n  endIcon,\n  loading,\n  children,\n  ...props\n}: ButtonProps) {\n  const cls = joinClass(\n    `${prefix}-button`,\n    `${prefix}-button--${size}`,\n    `${prefix}-button--${color}`,\n    `${prefix}-button--${color}--${variant}`,\n    noHover && `${prefix}-button--noHover`,\n    fullWidth && `${prefix}-button--fullWidth`,\n    props.className\n  );\n\n  const renderIcon = (icon: React.JSX.Element, direction: 'left' | 'right') => {\n    return cloneElement<IconProps>(icon, {\n      color: `${color}.contrastText`,\n      className: joinClass(icon.props.className, `${prefix}-button__icon`, `${prefix}-button__icon--${direction}`)\n    });\n  };\n\n  const renderLoading = (loading: React.JSX.Element) => {\n    return cloneElement<LoadingProps>(loading, {\n      className: joinClass(loading.props.className, `${prefix}-button__loading`, `${prefix}-button__loading--${size}`),\n      size: '1.1rem',\n    });\n  };\n\n  return (\n    <button\n      {...props}\n      className={cls}\n      onClick={(e) => !loading && props.onClick?.(e)}\n    >\n      {\n        loading ? renderLoading(loading as React.JSX.Element) : (\n          <>\n            {startIcon && renderIcon(startIcon, 'left')}\n            {children}\n            {endIcon && renderIcon(endIcon, 'right')}\n          </>\n        )\n      }\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(Button);"],"names":["Button","size","color","variant","fullWidth","startIcon","noHover","endIcon","loading","children","props","cls","joinClass","prefix","renderIcon","icon","direction","cloneElement","renderLoading","jsxs","e","Fragment","Ripple","Button_default","createComponent"],"mappings":"mZAwBA,SAASA,EAAO,CACd,KAAAC,EAAO,SACP,MAAAC,EAAQ,UACR,QAAAC,EAAU,YACV,UAAAC,EACA,UAAAC,EACA,QAAAC,EAAU,GACV,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,UACT,GAAGA,EAAAA,MAAM,YAAYZ,CAAI,GACzB,GAAGY,EAAAA,MAAM,YAAYX,CAAK,GAC1B,GAAGW,EAAAA,MAAM,YAAYX,CAAK,KAAKC,CAAO,GACtCG,GAAW,GAAGO,EAAAA,MAAM,mBACpBT,GAAa,GAAGS,EAAAA,MAAM,qBACtBH,EAAM,SAAA,EAGFI,EAAa,CAACC,EAAyBC,IACpCC,EAAAA,aAAwBF,EAAM,CACnC,MAAO,GAAGb,CAAK,gBACf,UAAWU,EAAAA,UAAUG,EAAK,MAAM,UAAW,GAAGF,QAAM,gBAAiB,GAAGA,EAAAA,MAAM,kBAAkBG,CAAS,EAAE,CAAA,CAC5G,EAGGE,EAAiBV,GACdS,EAAAA,aAA2BT,EAAS,CACzC,UAAWI,EAAAA,UAAUJ,EAAQ,MAAM,UAAW,GAAGK,EAAAA,MAAM,mBAAoB,GAAGA,EAAAA,MAAM,qBAAqBZ,CAAI,EAAE,EAC/G,KAAM,QAAA,CACP,EAGH,OACEkB,EAAAA,KAAC,SAAA,CACE,GAAGT,EACJ,UAAWC,EACX,QAAUS,GAAM,CAACZ,GAAWE,EAAM,UAAUU,CAAC,EAG3C,SAAA,CAAAZ,EAAUU,EAAcV,CAA4B,EAClDW,EAAAA,KAAAE,EAAAA,SAAA,CACG,SAAA,CAAAhB,GAAaS,EAAWT,EAAW,MAAM,EACzCI,EACAF,GAAWO,EAAWP,EAAS,OAAO,CAAA,EACzC,QAGHe,EAAAA,QAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAC,EAAeC,EAAAA,QAAgBxB,CAAM"}

package/dist/components/Button/Button.js

@@ -1,2 +1,2 @@
-import{j as n}from"../../_virtual/jsx-runtime.js";import{cloneElement as l}from"react";import{prefix as t}from"../../packages/tokens/dist/web/js/index.js";import{joinClass as m}from"../../packages/core/src/utils/joinClass/joinClass.js";import j from"../Ripple/Ripple.js";import N from"../../core/createComponent.js";/* empty css                                              */function h({size:a="medium",color:e="primary",variant:$="contained",fullWidth:p,startIcon:i,noHover:f=!1,endIcon:u,loading:r,children:b,...s}){const _=m(`${t}-button`,`${t}-button--${a}`,`${t}-button--${e}`,`${t}-button--${e}--${$}`,f&&`${t}-button--noHover`,p&&`${t}-button--fullWidth`,s.className),c=(o,x)=>l(o,{color:`${e}.contrastText`,className:m(o.props.className,`${t}-button__icon`,`${t}-button__icon--${x}`)}),d=o=>l(o,{className:m(o.props.className,`${t}-button__loading`,`${t}-button__loading--${a}`),size:"1.1rem"});return n.jsxs("button",{...s,className:_,onClick:o=>!r&&s.onClick?.(o),children:[r?d(r):n.jsxs(n.Fragment,{children:[i&&c(i,"left"),b,u&&c(u,"right")]}),n.jsx(j,{})]})}const y=N(h);export{y as default};
+import{jsxs as c,Fragment as N,jsx as x}from"react/jsx-runtime";import{cloneElement as l}from"react";import{prefix as t}from"../../tokens/dist/web/js/index.js";import{joinClass as m}from"../../core/src/utils/joinClass/joinClass.js";import h from"../Ripple/Ripple.js";import C from"../../core/createComponent.js";/* empty css                                     */function g({size:s="medium",color:n="primary",variant:$="contained",fullWidth:f,startIcon:a,noHover:p=!1,endIcon:i,loading:e,children:b,...r}){const d=m(`${t}-button`,`${t}-button--${s}`,`${t}-button--${n}`,`${t}-button--${n}--${$}`,p&&`${t}-button--noHover`,f&&`${t}-button--fullWidth`,r.className),u=(o,_)=>l(o,{color:`${n}.contrastText`,className:m(o.props.className,`${t}-button__icon`,`${t}-button__icon--${_}`)});return c("button",{...r,className:d,onClick:o=>!e&&r.onClick?.(o),children:[e?(o=>l(o,{className:m(o.props.className,`${t}-button__loading`,`${t}-button__loading--${s}`),size:"1.1rem"}))(e):c(N,{children:[a&&u(a,"left"),b,i&&u(i,"right")]}),x(h,{})]})}const H=C(g);export{H as default};
 //# sourceMappingURL=Button.js.map

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { type PropsWithChildren, type ButtonHTMLAttributes, cloneElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors, Size } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils';\n\nimport type { IconProps } from '../Icon';\nimport type { LoadingProps } from '../Loading';\nimport Ripple from '../Ripple';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Button.scss';\n\nexport interface ButtonProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {\n  size?: Size;\n  color?: Colors;\n  noHover?: boolean;\n  fullWidth?: boolean;\n  endIcon?: React.JSX.Element;\n  startIcon?: React.JSX.Element;\n  loading?: React.JSX.Element | boolean;\n  variant?: 'contained' | 'outlined' | 'text';\n};\nfunction Button({\n  size = 'medium',\n  color = 'primary',\n  variant = 'contained',\n  fullWidth,\n  startIcon,\n  noHover = false,\n  endIcon,\n  loading,\n  children,\n  ...props\n}: ButtonProps) {\n  const cls = joinClass(\n    `${prefix}-button`,\n    `${prefix}-button--${size}`,\n    `${prefix}-button--${color}`,\n    `${prefix}-button--${color}--${variant}`,\n    noHover && `${prefix}-button--noHover`,\n    fullWidth && `${prefix}-button--fullWidth`,\n    props.className\n  );\n\n  const renderIcon = (icon: React.JSX.Element, direction: 'left' | 'right') => {\n    return cloneElement<IconProps>(icon, {\n      color: `${color}.contrastText`,\n      className: joinClass(icon.props.className, `${prefix}-button__icon`, `${prefix}-button__icon--${direction}`)\n    });\n  };\n\n  const renderLoading = (loading: React.JSX.Element) => {\n    return cloneElement<LoadingProps>(loading, {\n      className: joinClass(loading.props.className, `${prefix}-button__loading`, `${prefix}-button__loading--${size}`),\n      size: '1.1rem',\n    });\n  };\n\n  return (\n    <button\n      {...props}\n      className={cls}\n      onClick={(e) => !loading && props.onClick?.(e)}\n    >\n      {\n        loading ? renderLoading(loading as React.JSX.Element) : (\n          <>\n            {startIcon && renderIcon(startIcon, 'left')}\n            {children}\n            {endIcon && renderIcon(endIcon, 'right')}\n          </>\n        )\n      }\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(Button);"],"names":["Button","size","color","variant","fullWidth","startIcon","noHover","endIcon","loading","children","props","cls","joinClass","prefix","renderIcon","icon","direction","cloneElement","renderLoading","jsxs","e","Fragment","Ripple","Button_default","createComponent"],"mappings":"wXAwBA,SAASA,EAAO,CACd,KAAAC,EAAO,SACP,MAAAC,EAAQ,UACR,QAAAC,EAAU,YACV,UAAAC,EACA,UAAAC,EACA,QAAAC,EAAU,GACV,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAMC,EACV,GAAGC,CAAM,UACT,GAAGA,CAAM,YAAYZ,CAAI,GACzB,GAAGY,CAAM,YAAYX,CAAK,GAC1B,GAAGW,CAAM,YAAYX,CAAK,KAAKC,CAAO,GACtCG,GAAW,GAAGO,CAAM,mBACpBT,GAAa,GAAGS,CAAM,qBACtBH,EAAM,SAAA,EAGFI,EAAa,CAACC,EAAyBC,IACpCC,EAAwBF,EAAM,CACnC,MAAO,GAAGb,CAAK,gBACf,UAAWU,EAAUG,EAAK,MAAM,UAAW,GAAGF,CAAM,gBAAiB,GAAGA,CAAM,kBAAkBG,CAAS,EAAE,CAAA,CAC5G,EAGGE,EAAiBV,GACdS,EAA2BT,EAAS,CACzC,UAAWI,EAAUJ,EAAQ,MAAM,UAAW,GAAGK,CAAM,mBAAoB,GAAGA,CAAM,qBAAqBZ,CAAI,EAAE,EAC/G,KAAM,QAAA,CACP,EAGH,OACEkB,EAAAA,KAAC,SAAA,CACE,GAAGT,EACJ,UAAWC,EACX,QAAUS,GAAM,CAACZ,GAAWE,EAAM,UAAUU,CAAC,EAG3C,SAAA,CAAAZ,EAAUU,EAAcV,CAA4B,EAClDW,EAAAA,KAAAE,EAAAA,SAAA,CACG,SAAA,CAAAhB,GAAaS,EAAWT,EAAW,MAAM,EACzCI,EACAF,GAAWO,EAAWP,EAAS,OAAO,CAAA,EACzC,QAGHe,EAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAC,EAAeC,EAAgBxB,CAAM"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { type PropsWithChildren, type ButtonHTMLAttributes, cloneElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { Colors, Size } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils';\n\nimport type { IconProps } from '../Icon';\nimport type { LoadingProps } from '../Loading';\nimport Ripple from '../Ripple';\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Button.scss';\n\nexport interface ButtonProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {\n  size?: Size;\n  color?: Colors;\n  noHover?: boolean;\n  fullWidth?: boolean;\n  endIcon?: React.JSX.Element;\n  startIcon?: React.JSX.Element;\n  loading?: React.JSX.Element | boolean;\n  variant?: 'contained' | 'outlined' | 'text';\n};\nfunction Button({\n  size = 'medium',\n  color = 'primary',\n  variant = 'contained',\n  fullWidth,\n  startIcon,\n  noHover = false,\n  endIcon,\n  loading,\n  children,\n  ...props\n}: ButtonProps) {\n  const cls = joinClass(\n    `${prefix}-button`,\n    `${prefix}-button--${size}`,\n    `${prefix}-button--${color}`,\n    `${prefix}-button--${color}--${variant}`,\n    noHover && `${prefix}-button--noHover`,\n    fullWidth && `${prefix}-button--fullWidth`,\n    props.className\n  );\n\n  const renderIcon = (icon: React.JSX.Element, direction: 'left' | 'right') => {\n    return cloneElement<IconProps>(icon, {\n      color: `${color}.contrastText`,\n      className: joinClass(icon.props.className, `${prefix}-button__icon`, `${prefix}-button__icon--${direction}`)\n    });\n  };\n\n  const renderLoading = (loading: React.JSX.Element) => {\n    return cloneElement<LoadingProps>(loading, {\n      className: joinClass(loading.props.className, `${prefix}-button__loading`, `${prefix}-button__loading--${size}`),\n      size: '1.1rem',\n    });\n  };\n\n  return (\n    <button\n      {...props}\n      className={cls}\n      onClick={(e) => !loading && props.onClick?.(e)}\n    >\n      {\n        loading ? renderLoading(loading as React.JSX.Element) : (\n          <>\n            {startIcon && renderIcon(startIcon, 'left')}\n            {children}\n            {endIcon && renderIcon(endIcon, 'right')}\n          </>\n        )\n      }\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(Button);"],"names":["Button","size","color","variant","fullWidth","startIcon","noHover","endIcon","loading","children","props","cls","joinClass","prefix","renderIcon","icon","direction","cloneElement","jsxs","e","Fragment","Ripple","Button_default","createComponent"],"mappings":"2WAwBA,SAASA,EAAO,CACd,KAAAC,EAAO,SACP,MAAAC,EAAQ,UACR,QAAAC,EAAU,YACV,UAAAC,EACA,UAAAC,EACA,QAAAC,EAAU,GACV,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAMC,EACV,GAAGC,CAAM,UACT,GAAGA,CAAM,YAAYZ,CAAI,GACzB,GAAGY,CAAM,YAAYX,CAAK,GAC1B,GAAGW,CAAM,YAAYX,CAAK,KAAKC,CAAO,GACtCG,GAAW,GAAGO,CAAM,mBACpBT,GAAa,GAAGS,CAAM,qBACtBH,EAAM,SAAA,EAGFI,EAAa,CAACC,EAAyBC,IACpCC,EAAwBF,EAAM,CACnC,MAAO,GAAGb,CAAK,gBACf,UAAWU,EAAUG,EAAK,MAAM,UAAW,GAAGF,CAAM,gBAAiB,GAAGA,CAAM,kBAAkBG,CAAS,EAAE,CAAA,CAC5G,EAUH,OACEE,EAAC,SAAA,CACE,GAAGR,EACJ,UAAWC,EACX,QAAUQ,GAAM,CAACX,GAAWE,EAAM,UAAUS,CAAC,EAG3C,SAAA,CAAAX,GAdiBA,GACdS,EAA2BT,EAAS,CACzC,UAAWI,EAAUJ,EAAQ,MAAM,UAAW,GAAGK,CAAM,mBAAoB,GAAGA,CAAM,qBAAqBZ,CAAI,EAAE,EAC/G,KAAM,QAAA,CACP,GAU2BO,CAA4B,EAClDU,EAAAE,EAAA,CACG,SAAA,CAAAf,GAAaS,EAAWT,EAAW,MAAM,EACzCI,EACAF,GAAWO,EAAWP,EAAS,OAAO,CAAA,EACzC,IAGHc,EAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAC,EAAeC,EAAgBvB,CAAM"}

package/dist/components/Card/Card.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../_virtual/jsx-runtime.cjs"),t=require("../../packages/tokens/dist/web/js/index.cjs"),n=require("../../packages/core/src/utils/joinClass/joinClass.cjs"),a=require("../Ripple/Ripple.cjs"),o=require("../../core/createComponent.cjs");;/* empty css                                               */function c({children:u,onClick:e,...r}){const i=n.joinClass(`${t.prefix}-card`,e&&`${t.prefix}-card--clickable`,r.className);return s.jsxRuntimeExports.jsxs("div",{...r,className:i,onMouseDown:e,children:[u,e&&s.jsxRuntimeExports.jsx(a.default,{})]})}const l=o.default(c);exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),t=require("../../tokens/dist/web/js/index.cjs"),i=require("../../core/src/utils/joinClass/joinClass.cjs"),n=require("../Ripple/Ripple.cjs"),c=require("../../core/createComponent.cjs");;/* empty css                                      */function o({children:u,onClick:e,...r}){const a=i.joinClass(`${t.prefix}-card`,e&&`${t.prefix}-card--clickable`,r.className);return s.jsxs("div",{...r,className:a,onMouseDown:e,children:[u,e&&s.jsx(n.default,{})]})}const l=c.default(o);exports.default=l;
 //# sourceMappingURL=Card.cjs.map

package/dist/components/Card/Card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.cjs","sources":["../../../src/components/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 '../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} onMouseDown={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_default","createComponent"],"mappings":"saAaA,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,gCACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EAAK,YAAaF,EAC1C,SAAA,CAAAD,EACAC,2BAAYK,EAAAA,QAAA,CAAA,CAAO,CAAA,EACtB,CAEJ,CAEA,MAAAC,EAAeC,EAAAA,QAAgBT,CAAI"}
+{"version":3,"file":"Card.cjs","sources":["../../../src/components/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 '../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} onMouseDown={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_default","createComponent"],"mappings":"8XAaA,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,YAAaF,EAC1C,SAAA,CAAAD,EACAC,SAAYK,EAAAA,QAAA,CAAA,CAAO,CAAA,EACtB,CAEJ,CAEA,MAAAC,EAAeC,EAAAA,QAAgBT,CAAI"}

package/dist/components/Card/Card.js

@@ -1,2 +1,2 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{prefix as s}from"../../packages/tokens/dist/web/js/index.js";import{joinClass as m}from"../../packages/core/src/utils/joinClass/joinClass.js";import i from"../Ripple/Ripple.js";import c from"../../core/createComponent.js";/* empty css                                            */function n({children:a,onClick:r,...o}){const e=m(`${s}-card`,r&&`${s}-card--clickable`,o.className);return t.jsxs("div",{...o,className:e,onMouseDown:r,children:[a,r&&t.jsx(i,{})]})}const j=c(n);export{j as default};
+import{jsxs as m,jsx as s}from"react/jsx-runtime";import{prefix as t}from"../../tokens/dist/web/js/index.js";import{joinClass as i}from"../../core/src/utils/joinClass/joinClass.js";import c from"../Ripple/Ripple.js";import f from"../../core/createComponent.js";/* empty css                                   */function n({children:a,onClick:r,...o}){const e=i(`${t}-card`,r&&`${t}-card--clickable`,o.className);return m("div",{...o,className:e,onMouseDown:r,children:[a,r&&s(c,{})]})}const C=f(n);export{C as default};
 //# sourceMappingURL=Card.js.map

package/dist/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../src/components/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 '../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} onMouseDown={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_default","createComponent"],"mappings":"iVAaA,SAASA,EAAK,CAAE,SAAAC,EAAU,QAAAC,EAAS,GAAGC,GAAoB,CACxD,MAAMC,EAAMC,EAAU,GAAGC,CAAM,QAASJ,GAAW,GAAGI,CAAM,mBAAoBH,EAAM,SAAS,EAE/F,cACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EAAK,YAAaF,EAC1C,SAAA,CAAAD,EACAC,SAAYK,EAAA,CAAA,CAAO,CAAA,EACtB,CAEJ,CAEA,MAAAC,EAAeC,EAAgBT,CAAI"}
+{"version":3,"file":"Card.js","sources":["../../../src/components/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 '../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} onMouseDown={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_default","createComponent"],"mappings":"sTAaA,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,YAAaF,EAC1C,SAAA,CAAAD,EACAC,KAAYK,EAAA,CAAA,CAAO,CAAA,EACtB,CAEJ,CAEA,MAAAC,EAAeC,EAAgBT,CAAI"}

package/dist/components/Card/CardContent.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../../_virtual/jsx-runtime.cjs"),r=require("../../packages/tokens/dist/web/js/index.cjs"),o=require("../../packages/core/src/utils/joinClass/joinClass.cjs"),u=require("../../core/createComponent.cjs");function a({children:t,...e}){const n=o.joinClass(`${r.prefix}-card__content`,e.className);return s.jsxRuntimeExports.jsx("div",{...e,className:n,children:t})}const i=u.default(a);exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),r=require("../../tokens/dist/web/js/index.cjs"),o=require("../../core/src/utils/joinClass/joinClass.cjs"),a=require("../../core/createComponent.cjs");function u({children:t,...e}){const n=o.joinClass(`${r.prefix}-card__content`,e.className);return s.jsx("div",{...e,className:n,children:t})}const c=a.default(u);exports.default=c;
 //# sourceMappingURL=CardContent.cjs.map

package/dist/components/Card/CardContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CardContent.cjs","sources":["../../../src/components/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_default","createComponent"],"mappings":"sUASA,SAASA,EAAY,CAAE,SAAAC,EAAU,GAAGC,GAA2B,CAE7D,MAAMC,EAAMC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,iBAAkBH,EAAM,SAAS,EAEhE,+BACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EACxB,SAAAF,EACH,CAEJ,CAEA,MAAAK,EAAeC,EAAAA,QAAgBP,CAAW"}
+{"version":3,"file":"CardContent.cjs","sources":["../../../src/components/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_default","createComponent"],"mappings":"uSASA,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,MAAAK,EAAeC,EAAAA,QAAgBP,CAAW"}

package/dist/components/Card/CardContent.js

@@ -1,2 +1,2 @@
-import{j as n}from"../../_virtual/jsx-runtime.js";import{prefix as e}from"../../packages/tokens/dist/web/js/index.js";import{joinClass as a}from"../../packages/core/src/utils/joinClass/joinClass.js";import s from"../../core/createComponent.js";function m({children:o,...t}){const r=a(`${e}-card__content`,t.className);return n.jsx("div",{...t,className:r,children:o})}const l=s(m);export{l as default};
+import{jsx as n}from"react/jsx-runtime";import{prefix as e}from"../../tokens/dist/web/js/index.js";import{joinClass as a}from"../../core/src/utils/joinClass/joinClass.js";import m from"../../core/createComponent.js";function s({children:o,...t}){const r=a(`${e}-card__content`,t.className);return n("div",{...t,className:r,children:o})}const l=m(s);export{l as default};
 //# sourceMappingURL=CardContent.js.map

package/dist/components/Card/CardContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContent.js","sources":["../../../src/components/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_default","createComponent"],"mappings":"oPASA,SAASA,EAAY,CAAE,SAAAC,EAAU,GAAGC,GAA2B,CAE7D,MAAMC,EAAMC,EAAU,GAAGC,CAAM,iBAAkBH,EAAM,SAAS,EAEhE,aACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EACxB,SAAAF,EACH,CAEJ,CAEA,MAAAK,EAAeC,EAAgBP,CAAW"}
+{"version":3,"file":"CardContent.js","sources":["../../../src/components/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_default","createComponent"],"mappings":"wNASA,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/components/Icon/Icon.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("../../_virtual/jsx-runtime.cjs"),t=require("../../packages/tokens/dist/web/js/index.cjs"),l=require("../../packages/core/src/utils/convertPathToColor/convertPathToColor.cjs"),a=require("../../packages/core/src/utils/joinClass/joinClass.cjs"),m=require("../../core/createComponent.cjs"),d=require("../../theme/useTheme.cjs");require("../../theme/ThemeProvider.cjs");;/* empty css                                               */function f({name:o,size:r="medium",color:n="primary.main",...e}){const{theme:{palette:s}}=d.default(),i=a.joinClass(`${t.prefix}-icon`,`${t.prefix}-icon--${r}`,"uil",`uil-${o}`,e.className),u=l.convertPathToColor(n,s);return c.jsxRuntimeExports.jsx("i",{...e,className:i,style:{color:u,...e.style}})}const q=m.default(f);exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),t=require("../../tokens/dist/web/js/index.cjs"),l=require("../../core/src/utils/convertPathToColor/convertPathToColor.cjs"),a=require("../../core/src/utils/joinClass/joinClass.cjs"),m=require("../../core/createComponent.cjs"),d=require("../../theme/useTheme.cjs");require("../../theme/ThemeProvider.cjs");;/* empty css                                      */function f({name:o,size:r="medium",color:n="primary.main",...e}){const{theme:{palette:i}}=d.default(),s=a.joinClass(`${t.prefix}-icon`,`${t.prefix}-icon--${r}`,"uil",`uil-${o}`,e.className),c=l.convertPathToColor(n,i);return u.jsx("i",{...e,className:s,style:{color:c,...e.style}})}const q=m.default(f);exports.default=q;
 //# sourceMappingURL=Icon.cjs.map

package/dist/components/Icon/Icon.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.cjs","sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { MappedColors, Size } from '@iziui/core/theme';\nimport { convertPathToColor, joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\nimport { useTheme } from '../../theme';\n\nimport '@iziui/styles/components/Icon.scss';\n\nexport interface IconProps extends HTMLAttributes<HTMLElement> { name: string; size?: Size; color?: MappedColors; }\nfunction Icon({ name, size = 'medium', color = 'primary.main', ...props }: IconProps) {\n  const { theme: { palette } } = useTheme();\n\n  const clss = joinClass(\n    `${prefix}-icon`,\n    `${prefix}-icon--${size}`,\n    'uil',\n    `uil-${name}`,\n    props.className\n  );\n\n  const c = convertPathToColor(color, palette);\n\n  return (\n    <i {...props} className={clss} style={{ color: c, ...props.style }}></i>\n  );\n}\n\nexport default createComponent(Icon);"],"names":["Icon","name","size","color","props","palette","useTheme","clss","joinClass","prefix","c","convertPathToColor","jsx","Icon_default","createComponent"],"mappings":"wiBAaA,SAASA,EAAK,CAAE,KAAAC,EAAM,KAAAC,EAAO,SAAU,MAAAC,EAAQ,eAAgB,GAAGC,GAAoB,CACpF,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,QAAA,EAEzBC,EAAOC,EAAAA,UACX,GAAGC,EAAAA,MAAM,QACT,GAAGA,EAAAA,MAAM,UAAUP,CAAI,GACvB,MACA,OAAOD,CAAI,GACXG,EAAM,SAAA,EAGFM,EAAIC,EAAAA,mBAAmBR,EAAOE,CAAO,EAE3C,OACEO,EAAAA,kBAAAA,IAAC,IAAA,CAAG,GAAGR,EAAO,UAAWG,EAAM,MAAO,CAAE,MAAOG,EAAG,GAAGN,EAAM,MAAM,CAAG,CAExE,CAEA,MAAAS,EAAeC,EAAAA,QAAgBd,CAAI"}
+{"version":3,"file":"Icon.cjs","sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { MappedColors, Size } from '@iziui/core/theme';\nimport { convertPathToColor, joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\nimport { useTheme } from '../../theme';\n\nimport '@iziui/styles/components/Icon.scss';\n\nexport interface IconProps extends HTMLAttributes<HTMLElement> { name: string; size?: Size; color?: MappedColors; }\nfunction Icon({ name, size = 'medium', color = 'primary.main', ...props }: IconProps) {\n  const { theme: { palette } } = useTheme();\n\n  const clss = joinClass(\n    `${prefix}-icon`,\n    `${prefix}-icon--${size}`,\n    'uil',\n    `uil-${name}`,\n    props.className\n  );\n\n  const c = convertPathToColor(color, palette);\n\n  return (\n    <i {...props} className={clss} style={{ color: c, ...props.style }}></i>\n  );\n}\n\nexport default createComponent(Icon);"],"names":["Icon","name","size","color","props","palette","useTheme","clss","joinClass","prefix","convertPathToColor","jsx","Icon_default","createComponent"],"mappings":"ufAaA,SAASA,EAAK,CAAE,KAAAC,EAAM,KAAAC,EAAO,SAAU,MAAAC,EAAQ,eAAgB,GAAGC,GAAoB,CACpF,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,QAAA,EAEzBC,EAAOC,EAAAA,UACX,GAAGC,EAAAA,MAAM,QACT,GAAGA,EAAAA,MAAM,UAAUP,CAAI,GACvB,MACA,OAAOD,CAAI,GACXG,EAAM,SAAA,EAGF,EAAIM,EAAAA,mBAAmBP,EAAOE,CAAO,EAE3C,OACEM,EAAAA,IAAC,IAAA,CAAG,GAAGP,EAAO,UAAWG,EAAM,MAAO,CAAE,MAAO,EAAG,GAAGH,EAAM,MAAM,CAAG,CAExE,CAEA,MAAAQ,EAAeC,EAAAA,QAAgBb,CAAI"}

package/dist/components/Icon/Icon.js

@@ -1,2 +1,2 @@
-import{j as c}from"../../_virtual/jsx-runtime.js";import{prefix as t}from"../../packages/tokens/dist/web/js/index.js";import{convertPathToColor as a}from"../../packages/core/src/utils/convertPathToColor/convertPathToColor.js";import{joinClass as l}from"../../packages/core/src/utils/joinClass/joinClass.js";import f from"../../core/createComponent.js";import p from"../../theme/useTheme.js";import"../../theme/ThemeProvider.js";/* empty css                                            */function u({name:m,size:r="medium",color:e="primary.main",...o}){const{theme:{palette:i}}=p(),s=l(`${t}-icon`,`${t}-icon--${r}`,"uil",`uil-${m}`,o.className),n=a(e,i);return c.jsx("i",{...o,className:s,style:{color:n,...o.style}})}const N=f(u);export{N as default};
+import{jsx as s}from"react/jsx-runtime";import{prefix as t}from"../../tokens/dist/web/js/index.js";import{convertPathToColor as a}from"../../core/src/utils/convertPathToColor/convertPathToColor.js";import{joinClass as l}from"../../core/src/utils/joinClass/joinClass.js";import f from"../../core/createComponent.js";import p from"../../theme/useTheme.js";import"../../theme/ThemeProvider.js";/* empty css                                   */function u({name:m,size:r="medium",color:e="primary.main",...o}){const{theme:{palette:i}}=p(),c=l(`${t}-icon`,`${t}-icon--${r}`,"uil",`uil-${m}`,o.className),n=a(e,i);return s("i",{...o,className:c,style:{color:n,...o.style}})}const N=f(u);export{N as default};
 //# sourceMappingURL=Icon.js.map

package/dist/components/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { MappedColors, Size } from '@iziui/core/theme';\nimport { convertPathToColor, joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\nimport { useTheme } from '../../theme';\n\nimport '@iziui/styles/components/Icon.scss';\n\nexport interface IconProps extends HTMLAttributes<HTMLElement> { name: string; size?: Size; color?: MappedColors; }\nfunction Icon({ name, size = 'medium', color = 'primary.main', ...props }: IconProps) {\n  const { theme: { palette } } = useTheme();\n\n  const clss = joinClass(\n    `${prefix}-icon`,\n    `${prefix}-icon--${size}`,\n    'uil',\n    `uil-${name}`,\n    props.className\n  );\n\n  const c = convertPathToColor(color, palette);\n\n  return (\n    <i {...props} className={clss} style={{ color: c, ...props.style }}></i>\n  );\n}\n\nexport default createComponent(Icon);"],"names":["Icon","name","size","color","props","palette","useTheme","clss","joinClass","prefix","c","convertPathToColor","jsx","Icon_default","createComponent"],"mappings":"seAaA,SAASA,EAAK,CAAE,KAAAC,EAAM,KAAAC,EAAO,SAAU,MAAAC,EAAQ,eAAgB,GAAGC,GAAoB,CACpF,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAA,EAEzBC,EAAOC,EACX,GAAGC,CAAM,QACT,GAAGA,CAAM,UAAUP,CAAI,GACvB,MACA,OAAOD,CAAI,GACXG,EAAM,SAAA,EAGFM,EAAIC,EAAmBR,EAAOE,CAAO,EAE3C,OACEO,EAAAA,IAAC,IAAA,CAAG,GAAGR,EAAO,UAAWG,EAAM,MAAO,CAAE,MAAOG,EAAG,GAAGN,EAAM,MAAM,CAAG,CAExE,CAEA,MAAAS,EAAeC,EAAgBd,CAAI"}
+{"version":3,"file":"Icon.js","sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { MappedColors, Size } from '@iziui/core/theme';\nimport { convertPathToColor, joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\nimport { useTheme } from '../../theme';\n\nimport '@iziui/styles/components/Icon.scss';\n\nexport interface IconProps extends HTMLAttributes<HTMLElement> { name: string; size?: Size; color?: MappedColors; }\nfunction Icon({ name, size = 'medium', color = 'primary.main', ...props }: IconProps) {\n  const { theme: { palette } } = useTheme();\n\n  const clss = joinClass(\n    `${prefix}-icon`,\n    `${prefix}-icon--${size}`,\n    'uil',\n    `uil-${name}`,\n    props.className\n  );\n\n  const c = convertPathToColor(color, palette);\n\n  return (\n    <i {...props} className={clss} style={{ color: c, ...props.style }}></i>\n  );\n}\n\nexport default createComponent(Icon);"],"names":["Icon","name","size","color","props","palette","useTheme","clss","joinClass","prefix","c","convertPathToColor","jsx","Icon_default","createComponent"],"mappings":"wbAaA,SAASA,EAAK,CAAE,KAAAC,EAAM,KAAAC,EAAO,SAAU,MAAAC,EAAQ,eAAgB,GAAGC,GAAoB,CACpF,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAA,EAEzBC,EAAOC,EACX,GAAGC,CAAM,QACT,GAAGA,CAAM,UAAUP,CAAI,GACvB,MACA,OAAOD,CAAI,GACXG,EAAM,SAAA,EAGFM,EAAIC,EAAmBR,EAAOE,CAAO,EAE3C,OACEO,EAAC,IAAA,CAAG,GAAGR,EAAO,UAAWG,EAAM,MAAO,CAAE,MAAOG,EAAG,GAAGN,EAAM,MAAM,CAAG,CAExE,CAEA,MAAAS,EAAeC,EAAgBd,CAAI"}

package/dist/components/Loading/Loading.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../_virtual/jsx-runtime.cjs"),r=require("../../packages/tokens/dist/web/js/index.cjs"),a=require("../../packages/core/src/utils/convertPathToColor/convertPathToColor.cjs"),l=require("../../packages/core/src/utils/joinClass/joinClass.cjs"),u=require("../../core/createComponent.cjs"),d=require("../../theme/useTheme.cjs");require("../../theme/ThemeProvider.cjs");;/* empty css                                                  */function x({color:s="primary.main",size:o="1.5rem",...e}){const{theme:{palette:i}}=d.default(),n=a.convertPathToColor(s,i),c=l.joinClass(`${r.prefix}-loading`,e.className);return t.jsxRuntimeExports.jsx("span",{...e,className:c,style:{...e,color:n,width:o,height:o},children:t.jsxRuntimeExports.jsx("svg",{className:`${r.prefix}-loading__svg`,viewBox:"22 22 44 44",children:t.jsxRuntimeExports.jsx("circle",{className:`${r.prefix}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const m=u.default(x);exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),t=require("../../tokens/dist/web/js/index.cjs"),a=require("../../core/src/utils/convertPathToColor/convertPathToColor.cjs"),l=require("../../core/src/utils/joinClass/joinClass.cjs"),u=require("../../core/createComponent.cjs"),d=require("../../theme/useTheme.cjs");require("../../theme/ThemeProvider.cjs");;/* empty css                                         */function m({color:i="primary.main",size:o="1.5rem",...e}){const{theme:{palette:n}}=d.default(),s=a.convertPathToColor(i,n),c=l.joinClass(`${t.prefix}-loading`,e.className);return r.jsx("span",{...e,className:c,style:{...e,color:s,width:o,height:o},children:r.jsx("svg",{className:`${t.prefix}-loading__svg`,viewBox:"22 22 44 44",children:r.jsx("circle",{className:`${t.prefix}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const f=u.default(m);exports.default=f;
 //# sourceMappingURL=Loading.cjs.map

package/dist/components/Loading/Loading.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.cjs","sources":["../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { MappedColors } from '@iziui/core/theme';\nimport { convertPathToColor, joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\nimport { useTheme } from '../../theme';\n\nimport '@iziui/styles/components/Loading.scss';\n\nexport interface LoadingProps extends HTMLAttributes<HTMLSpanElement> {\n  color?: MappedColors;\n  size?: number | string;\n}\nfunction Loading({ color = 'primary.main', size = '1.5rem', ...props }: LoadingProps) {\n  const { theme: { palette } } = useTheme();\n\n  const c = convertPathToColor(color, palette);\n\n  const className = joinClass(`${prefix}-loading`, props.className);\n\n  return (\n    <span {...props} className={className} style={{ ...props, color: c, width: size, height: size }}>\n      <svg className={`${prefix}-loading__svg`} viewBox=\"22 22 44 44\">\n        <circle className={`${prefix}-loading__circle`} cx=\"44\" cy=\"44\" r=\"20.2\" fill=\"none\" strokeWidth=\"3.6\" />\n      </svg>\n    </span>\n  );\n}\n\nexport default createComponent(Loading);"],"names":["Loading","color","size","props","palette","useTheme","c","convertPathToColor","className","joinClass","prefix","jsx","Loading_default","createComponent"],"mappings":"2iBAgBA,SAASA,EAAQ,CAAE,MAAAC,EAAQ,eAAgB,KAAAC,EAAO,SAAU,GAAGC,GAAuB,CACpF,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,QAAA,EAEzBC,EAAIC,EAAAA,mBAAmBN,EAAOG,CAAO,EAErCI,EAAYC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,WAAYP,EAAM,SAAS,EAEhE,+BACG,OAAA,CAAM,GAAGA,EAAO,UAAAK,EAAsB,MAAO,CAAE,GAAGL,EAAO,MAAOG,EAAG,MAAOJ,EAAM,OAAQA,GACvF,SAAAS,EAAAA,kBAAAA,IAAC,OAAI,UAAW,GAAGD,EAAAA,MAAM,gBAAiB,QAAQ,cAChD,SAAAC,EAAAA,kBAAAA,IAAC,UAAO,UAAW,GAAGD,EAAAA,MAAM,mBAAoB,GAAG,KAAK,GAAG,KAAK,EAAE,OAAO,KAAK,OAAO,YAAY,KAAA,CAAM,EACzG,EACF,CAEJ,CAEA,MAAAE,EAAeC,EAAAA,QAAgBb,CAAO"}
+{"version":3,"file":"Loading.cjs","sources":["../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { MappedColors } from '@iziui/core/theme';\nimport { convertPathToColor, joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\nimport { useTheme } from '../../theme';\n\nimport '@iziui/styles/components/Loading.scss';\n\nexport interface LoadingProps extends HTMLAttributes<HTMLSpanElement> {\n  color?: MappedColors;\n  size?: number | string;\n}\nfunction Loading({ color = 'primary.main', size = '1.5rem', ...props }: LoadingProps) {\n  const { theme: { palette } } = useTheme();\n\n  const c = convertPathToColor(color, palette);\n\n  const className = joinClass(`${prefix}-loading`, props.className);\n\n  return (\n    <span {...props} className={className} style={{ ...props, color: c, width: size, height: size }}>\n      <svg className={`${prefix}-loading__svg`} viewBox=\"22 22 44 44\">\n        <circle className={`${prefix}-loading__circle`} cx=\"44\" cy=\"44\" r=\"20.2\" fill=\"none\" strokeWidth=\"3.6\" />\n      </svg>\n    </span>\n  );\n}\n\nexport default createComponent(Loading);"],"names":["Loading","color","size","props","palette","useTheme","c","convertPathToColor","className","joinClass","prefix","jsx","Loading_default","createComponent"],"mappings":"0fAgBA,SAASA,EAAQ,CAAE,MAAAC,EAAQ,eAAgB,KAAAC,EAAO,SAAU,GAAGC,GAAuB,CACpF,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,QAAA,EAEzBC,EAAIC,EAAAA,mBAAmBN,EAAOG,CAAO,EAErCI,EAAYC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,WAAYP,EAAM,SAAS,EAEhE,aACG,OAAA,CAAM,GAAGA,EAAO,UAAAK,EAAsB,MAAO,CAAE,GAAGL,EAAO,MAAOG,EAAG,MAAOJ,EAAM,OAAQA,GACvF,SAAAS,EAAAA,IAAC,OAAI,UAAW,GAAGD,EAAAA,MAAM,gBAAiB,QAAQ,cAChD,SAAAC,EAAAA,IAAC,UAAO,UAAW,GAAGD,EAAAA,MAAM,mBAAoB,GAAG,KAAK,GAAG,KAAK,EAAE,OAAO,KAAK,OAAO,YAAY,KAAA,CAAM,EACzG,EACF,CAEJ,CAEA,MAAAE,EAAeC,EAAAA,QAAgBb,CAAO"}

package/dist/components/Loading/Loading.js

@@ -1,2 +1,2 @@
-import{j as t}from"../../_virtual/jsx-runtime.js";import{prefix as e}from"../../packages/tokens/dist/web/js/index.js";import{convertPathToColor as n}from"../../packages/core/src/utils/convertPathToColor/convertPathToColor.js";import{joinClass as c}from"../../packages/core/src/utils/joinClass/joinClass.js";import l from"../../core/createComponent.js";import d from"../../theme/useTheme.js";import"../../theme/ThemeProvider.js";/* empty css                                               */function f({color:i="primary.main",size:r="1.5rem",...o}){const{theme:{palette:m}}=d(),a=n(i,m),s=c(`${e}-loading`,o.className);return t.jsx("span",{...o,className:s,style:{...o,color:a,width:r,height:r},children:t.jsx("svg",{className:`${e}-loading__svg`,viewBox:"22 22 44 44",children:t.jsx("circle",{className:`${e}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const N=l(f);export{N as default};
+import{jsx as e}from"react/jsx-runtime";import{prefix as r}from"../../tokens/dist/web/js/index.js";import{convertPathToColor as c}from"../../core/src/utils/convertPathToColor/convertPathToColor.js";import{joinClass as l}from"../../core/src/utils/joinClass/joinClass.js";import s from"../../core/createComponent.js";import d from"../../theme/useTheme.js";import"../../theme/ThemeProvider.js";/* empty css                                      */function f({color:i="primary.main",size:t="1.5rem",...o}){const{theme:{palette:m}}=d(),a=c(i,m),n=l(`${r}-loading`,o.className);return e("span",{...o,className:n,style:{...o,color:a,width:t,height:t},children:e("svg",{className:`${r}-loading__svg`,viewBox:"22 22 44 44",children:e("circle",{className:`${r}-loading__circle`,cx:"44",cy:"44",r:"20.2",fill:"none",strokeWidth:"3.6"})})})}const y=s(f);export{y as default};
 //# sourceMappingURL=Loading.js.map

package/dist/components/Loading/Loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","sources":["../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { MappedColors } from '@iziui/core/theme';\nimport { convertPathToColor, joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\nimport { useTheme } from '../../theme';\n\nimport '@iziui/styles/components/Loading.scss';\n\nexport interface LoadingProps extends HTMLAttributes<HTMLSpanElement> {\n  color?: MappedColors;\n  size?: number | string;\n}\nfunction Loading({ color = 'primary.main', size = '1.5rem', ...props }: LoadingProps) {\n  const { theme: { palette } } = useTheme();\n\n  const c = convertPathToColor(color, palette);\n\n  const className = joinClass(`${prefix}-loading`, props.className);\n\n  return (\n    <span {...props} className={className} style={{ ...props, color: c, width: size, height: size }}>\n      <svg className={`${prefix}-loading__svg`} viewBox=\"22 22 44 44\">\n        <circle className={`${prefix}-loading__circle`} cx=\"44\" cy=\"44\" r=\"20.2\" fill=\"none\" strokeWidth=\"3.6\" />\n      </svg>\n    </span>\n  );\n}\n\nexport default createComponent(Loading);"],"names":["Loading","color","size","props","palette","useTheme","c","convertPathToColor","className","joinClass","prefix","jsx","Loading_default","createComponent"],"mappings":"yeAgBA,SAASA,EAAQ,CAAE,MAAAC,EAAQ,eAAgB,KAAAC,EAAO,SAAU,GAAGC,GAAuB,CACpF,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAA,EAEzBC,EAAIC,EAAmBN,EAAOG,CAAO,EAErCI,EAAYC,EAAU,GAAGC,CAAM,WAAYP,EAAM,SAAS,EAEhE,aACG,OAAA,CAAM,GAAGA,EAAO,UAAAK,EAAsB,MAAO,CAAE,GAAGL,EAAO,MAAOG,EAAG,MAAOJ,EAAM,OAAQA,GACvF,SAAAS,EAAAA,IAAC,OAAI,UAAW,GAAGD,CAAM,gBAAiB,QAAQ,cAChD,SAAAC,EAAAA,IAAC,UAAO,UAAW,GAAGD,CAAM,mBAAoB,GAAG,KAAK,GAAG,KAAK,EAAE,OAAO,KAAK,OAAO,YAAY,KAAA,CAAM,EACzG,EACF,CAEJ,CAEA,MAAAE,EAAeC,EAAgBb,CAAO"}
+{"version":3,"file":"Loading.js","sources":["../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { MappedColors } from '@iziui/core/theme';\nimport { convertPathToColor, joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\nimport { useTheme } from '../../theme';\n\nimport '@iziui/styles/components/Loading.scss';\n\nexport interface LoadingProps extends HTMLAttributes<HTMLSpanElement> {\n  color?: MappedColors;\n  size?: number | string;\n}\nfunction Loading({ color = 'primary.main', size = '1.5rem', ...props }: LoadingProps) {\n  const { theme: { palette } } = useTheme();\n\n  const c = convertPathToColor(color, palette);\n\n  const className = joinClass(`${prefix}-loading`, props.className);\n\n  return (\n    <span {...props} className={className} style={{ ...props, color: c, width: size, height: size }}>\n      <svg className={`${prefix}-loading__svg`} viewBox=\"22 22 44 44\">\n        <circle className={`${prefix}-loading__circle`} cx=\"44\" cy=\"44\" r=\"20.2\" fill=\"none\" strokeWidth=\"3.6\" />\n      </svg>\n    </span>\n  );\n}\n\nexport default createComponent(Loading);"],"names":["Loading","color","size","props","palette","useTheme","c","convertPathToColor","className","joinClass","prefix","jsx","Loading_default","createComponent"],"mappings":"2bAgBA,SAASA,EAAQ,CAAE,MAAAC,EAAQ,eAAgB,KAAAC,EAAO,SAAU,GAAGC,GAAuB,CACpF,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAA,EAEzBC,EAAIC,EAAmBN,EAAOG,CAAO,EAErCI,EAAYC,EAAU,GAAGC,CAAM,WAAYP,EAAM,SAAS,EAEhE,SACG,OAAA,CAAM,GAAGA,EAAO,UAAAK,EAAsB,MAAO,CAAE,GAAGL,EAAO,MAAOG,EAAG,MAAOJ,EAAM,OAAQA,GACvF,SAAAS,EAAC,OAAI,UAAW,GAAGD,CAAM,gBAAiB,QAAQ,cAChD,SAAAC,EAAC,UAAO,UAAW,GAAGD,CAAM,mBAAoB,GAAG,KAAK,GAAG,KAAK,EAAE,OAAO,KAAK,OAAO,YAAY,KAAA,CAAM,EACzG,EACF,CAEJ,CAEA,MAAAE,EAAeC,EAAgBb,CAAO"}

package/dist/components/Ripple/Ripple.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("../../_virtual/jsx-runtime.cjs"),n=require("react"),u=require("../../packages/tokens/dist/web/js/index.cjs");;/* empty css                                                 */function f(){const[s,r]=n.useState([]),o=n.useRef(null),l=e=>{const t=o.current.getBoundingClientRect(),i=Math.max(t.width,t.height),a=e.clientX-t.left-i/2,p=e.clientY-t.top-i/2;r([...s,{x:a,y:p,size:i}])};return n.useEffect(()=>{if(s.length>0){const e=setTimeout(()=>r([]),700);return()=>clearTimeout(e)}},[s]),c.jsxRuntimeExports.jsx("div",{className:`${u.prefix}-ripple-container`,ref:o,onMouseUp:l,children:s.map((e,t)=>c.jsxRuntimeExports.jsx("span",{className:`${u.prefix}-ripple`,style:{top:e.y,left:e.x,width:e.size,height:e.size}},t))})}exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),n=require("react"),u=require("../../tokens/dist/web/js/index.cjs");;/* empty css                                        */function f(){const[i,r]=n.useState([]),c=n.useRef(null),l=e=>{const t=c.current.getBoundingClientRect(),s=Math.max(t.width,t.height),a=e.clientX-t.left-s/2,p=e.clientY-t.top-s/2;r([...i,{x:a,y:p,size:s}])};return n.useEffect(()=>{if(i.length>0){const e=setTimeout(()=>r([]),700);return()=>clearTimeout(e)}},[i]),o.jsx("div",{className:`${u.prefix}-ripple-container`,ref:c,onMouseUp:l,children:i.map((e,t)=>o.jsx("span",{className:`${u.prefix}-ripple`,style:{top:e.y,left:e.x,width:e.size,height:e.size}},t))})}exports.default=f;
 //# sourceMappingURL=Ripple.cjs.map

package/dist/components/Ripple/Ripple.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Ripple.cjs","sources":["../../../src/components/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":"0SAMA,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,kBAAAA,IAAC,MAAA,CAAI,UAAW,GAAGC,EAAAA,MAAM,oBAAqB,IAAKX,EAAoB,UAAWE,EAE9E,SAAAL,EAAQ,IAAI,CAACe,EAAQC,IACnBH,EAAAA,kBAAAA,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.cjs","sources":["../../../src/components/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":"2QAMA,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/components/Ripple/Ripple.js

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

package/dist/components/Ripple/Ripple.js.map

@@ -1 +1 @@
-{"version":3,"file":"Ripple.js","sources":["../../../src/components/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":"8OAMA,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,EAAAA,IAAC,MAAA,CAAI,UAAW,GAAGC,CAAM,oBAAqB,IAAKX,EAAoB,UAAWE,EAE9E,SAAAL,EAAQ,IAAI,CAACe,EAAQC,IACnBH,EAAAA,IAAC,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.js","sources":["../../../src/components/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":"kNAMA,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/components/Stack/Stack.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("../../_virtual/jsx-runtime.cjs"),m=require("react"),x=require("../../packages/tokens/dist/web/js/index.cjs"),j=require("../../packages/core/src/utils/joinClass/joinClass.cjs"),q=require("../../core/createComponent.cjs");;/* empty css                                                */const k=m.forwardRef(function({children:t,tag:s="div",gap:r=16,alignSelf:a,flexWrap:n="nowrap",alignItems:c="flex-start",flexDirection:o="column",justifyContent:u="flex-start",...e},i){const l=j.joinClass(`${x.prefix}-stack`,e.className),f=s;return d.jsxRuntimeExports.jsx(f,{...e,ref:i,className:l,style:{gap:r,flexWrap:n,alignItems:c,alignSelf:a,flexDirection:o,justifyContent:u,...e.style},children:t})}),C=q.default(k);exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),m=require("react"),q=require("../../tokens/dist/web/js/index.cjs"),x=require("../../core/src/utils/joinClass/joinClass.cjs"),j=require("../../core/createComponent.cjs");;/* empty css                                       */const k=m.forwardRef(function({children:t,tag:s="div",gap:a=16,alignSelf:r,flexWrap:c="nowrap",alignItems:n="flex-start",flexDirection:o="column",justifyContent:u="flex-start",...e},l){const i=x.joinClass(`${q.prefix}-stack`,e.className),f=s;return d.jsx(f,{...e,ref:l,className:i,style:{gap:a,flexWrap:c,alignItems:n,alignSelf:r,flexDirection:o,justifyContent:u,...e.style},children:t})}),C=j.default(k);exports.default=C;
 //# sourceMappingURL=Stack.cjs.map

package/dist/components/Stack/Stack.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.cjs","sources":["../../../src/components/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","Stack_default","createComponent"],"mappings":"wZAqBA,MAAMA,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,kBAAAA,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,EAEAe,EAAeC,EAAAA,QAAgBlB,CAAK"}
+{"version":3,"file":"Stack.cjs","sources":["../../../src/components/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","Stack_default","createComponent"],"mappings":"gXAqBA,MAAMA,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,EAEAe,EAAeC,EAAAA,QAAgBlB,CAAK"}

package/dist/components/Stack/Stack.js

@@ -1,2 +1,2 @@
-import{j as p}from"../../_virtual/jsx-runtime.js";import{forwardRef as u}from"react";import{prefix as x}from"../../packages/tokens/dist/web/js/index.js";import{joinClass as k}from"../../packages/core/src/utils/joinClass/joinClass.js";import d from"../../core/createComponent.js";/* empty css                                             */const j=u(function({children:o,tag:s="div",gap:a=16,alignSelf:r,flexWrap:e="nowrap",alignItems:m="flex-start",flexDirection:c="column",justifyContent:f="flex-start",...t},n){const i=k(`${x}-stack`,t.className),l=s;return p.jsx(l,{...t,ref:n,className:i,style:{gap:a,flexWrap:e,alignItems:m,alignSelf:r,flexDirection:c,justifyContent:f,...t.style},children:o})}),v=d(j);export{v as default};
+import{jsx as i}from"react/jsx-runtime";import{forwardRef as u}from"react";import{prefix as p}from"../../tokens/dist/web/js/index.js";import{joinClass as k}from"../../core/src/utils/joinClass/joinClass.js";import x from"../../core/createComponent.js";/* empty css                                    */const C=u(function({children:o,tag:a="div",gap:s=16,alignSelf:r,flexWrap:m="nowrap",alignItems:e="flex-start",flexDirection:c="column",justifyContent:f="flex-start",...t},n){const l=k(`${p}-stack`,t.className);return i(a,{...t,ref:n,className:l,style:{gap:s,flexWrap:m,alignItems:e,alignSelf:r,flexDirection:c,justifyContent:f,...t.style},children:o})}),v=x(C);export{v as default};
 //# sourceMappingURL=Stack.js.map

package/dist/components/Stack/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","sources":["../../../src/components/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","Stack_default","createComponent"],"mappings":"kVAqBA,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,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,EAEAe,EAAeC,EAAgBlB,CAAK"}
+{"version":3,"file":"Stack.js","sources":["../../../src/components/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_default","createComponent"],"mappings":"6SAqBA,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/components/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./Button/Button.cjs");const e=require("./Card/Card.cjs"),r=require("./Card/CardContent.cjs");require("./Icon/Icon.cjs");require("./Loading/Loading.cjs");require("../_virtual/jsx-runtime.cjs");require("react");;/* empty css                                              */require("./Stack/Stack.cjs");exports.Card=e.default;exports.CardContent=r.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./Button/Button.cjs");const e=require("./Card/Card.cjs"),r=require("./Card/CardContent.cjs");require("./Icon/Icon.cjs");require("./Loading/Loading.cjs");require("react/jsx-runtime");require("react");;/* empty css                                     */require("./Stack/Stack.cjs");exports.Card=e.default;exports.CardContent=r.default;
 //# sourceMappingURL=index.cjs.map

package/dist/components/index.js

@@ -1,2 +1,2 @@
-import"./Button/Button.js";import{default as f}from"./Card/Card.js";import{default as l}from"./Card/CardContent.js";import"./Icon/Icon.js";import"./Loading/Loading.js";import"../_virtual/jsx-runtime.js";import"react";/* empty css                                           */import"./Stack/Stack.js";export{f as Card,l as CardContent};
+import"./Button/Button.js";import{default as f}from"./Card/Card.js";import{default as l}from"./Card/CardContent.js";import"./Icon/Icon.js";import"./Loading/Loading.js";import"react/jsx-runtime";import"react";/* empty css                                  */import"./Stack/Stack.js";export{f as Card,l as CardContent};
 //# sourceMappingURL=index.js.map

package/dist/core/createComponent.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../_virtual/jsx-runtime.cjs"),c=require("../packages/core/src/options/createOptions/createOptions.cjs"),a=require("../packages/core/src/plugin/index.cjs"),l=require("../theme/useTheme.cjs");require("../theme/ThemeProvider.cjs");function d(e){return Object.values(e).map(t=>t)}function m(e){return e.displayName=e.name,({sx:n,fullWidth:r,...u})=>{const{theme:s}=l.default(),o=n&&c.default({theme:s,sx:n},...d(a));return i.jsxRuntimeExports.jsx(e,{...u,style:{...u.style,...o,...r?{width:"100%"}:{}}})}}exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),i=require("./src/options/createOptions/createOptions.cjs"),a=require("./src/plugin/index.cjs"),l=require("../theme/useTheme.cjs");require("../theme/ThemeProvider.cjs");function d(e){return Object.values(e).map(t=>t)}function m(e){return e.displayName=e.name,({sx:n,fullWidth:r,...u})=>{const{theme:o}=l.default(),s=n&&i.default({theme:o,sx:n},...d(a));return c.jsx(e,{...u,style:{...u.style,...s,...r?{width:"100%"}:{}}})}}exports.default=m;
 //# sourceMappingURL=createComponent.cjs.map

package/dist/core/createComponent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"createComponent.cjs","sources":["../../src/core/createComponent.tsx"],"sourcesContent":["import type { ComponentType, FC } from 'react';\n\nimport type { Sx } from '@iziui/core/options';\nimport type { Plugin } from '@iziui/core/plugin';\nimport createOptions from '@iziui/core/options';\nimport * as colorsPlugin from '@iziui/core/plugin';\n\nimport { useTheme } from '@/theme';\n\nfunction extract(module: { [key: string]: Plugin }) {\n  return Object.values(module).map((fn) => fn);\n}\n\nexport default function createComponent<P>(WrappedComponent: ComponentType<P>) {\n  WrappedComponent.displayName = WrappedComponent.name;\n\n  const EnhancedComponent: FC<Sx<P>> = ({ sx, fullWidth, ...props }) => {\n    const { theme } = useTheme();\n\n    const options = sx && createOptions({ theme, sx },\n      ...extract(colorsPlugin),\n    );\n\n    return (\n      <WrappedComponent\n        {...(props as P)}\n        style={{\n          ...props['style'],\n          ...options,\n          ...(fullWidth ? { width: '100%' } : {}),\n        }}\n      />\n    );\n  };\n\n  return EnhancedComponent;\n}"],"names":["extract","module","fn","createComponent","WrappedComponent","sx","fullWidth","props","theme","useTheme","options","createOptions","colorsPlugin","jsx"],"mappings":"iWASA,SAASA,EAAQC,EAAmC,CAClD,OAAO,OAAO,OAAOA,CAAM,EAAE,IAAKC,GAAOA,CAAE,CAC7C,CAEA,SAAwBC,EAAmBC,EAAoC,CAC7E,OAAAA,EAAiB,YAAcA,EAAiB,KAEX,CAAC,CAAE,GAAAC,EAAI,UAAAC,EAAW,GAAGC,KAAY,CACpE,KAAM,CAAE,MAAAC,CAAA,EAAUC,UAAA,EAEZC,EAAUL,GAAMM,EAAAA,QAAc,CAAE,MAAAH,EAAO,GAAAH,CAAA,EAC3C,GAAGL,EAAQY,CAAY,CAAA,EAGzB,OACEC,EAAAA,kBAAAA,IAACT,EAAA,CACE,GAAIG,EACL,MAAO,CACL,GAAGA,EAAM,MACT,GAAGG,EACH,GAAIJ,EAAY,CAAE,MAAO,QAAW,CAAA,CAAC,CACvC,CAAA,CAGN,CAGF"}
+{"version":3,"file":"createComponent.cjs","sources":["../../src/core/createComponent.tsx"],"sourcesContent":["import type { ComponentType, FC } from 'react';\n\nimport type { Sx } from '@iziui/core/options';\nimport type { Plugin } from '@iziui/core/plugin';\nimport createOptions from '@iziui/core/options';\nimport * as colorsPlugin from '@iziui/core/plugin';\n\nimport { useTheme } from '@/theme';\n\nfunction extract(module: { [key: string]: Plugin }) {\n  return Object.values(module).map((fn) => fn);\n}\n\nexport default function createComponent<P>(WrappedComponent: ComponentType<P>) {\n  WrappedComponent.displayName = WrappedComponent.name;\n\n  const EnhancedComponent: FC<Sx<P>> = ({ sx, fullWidth, ...props }) => {\n    const { theme } = useTheme();\n\n    const options = sx && createOptions({ theme, sx },\n      ...extract(colorsPlugin),\n    );\n\n    return (\n      <WrappedComponent\n        {...(props as P)}\n        style={{\n          ...props['style'],\n          ...options,\n          ...(fullWidth ? { width: '100%' } : {}),\n        }}\n      />\n    );\n  };\n\n  return EnhancedComponent;\n}"],"names":["extract","module","fn","createComponent","WrappedComponent","sx","fullWidth","props","theme","useTheme","options","createOptions","colorsPlugin","jsx"],"mappings":"yTASA,SAASA,EAAQC,EAAmC,CAClD,OAAO,OAAO,OAAOA,CAAM,EAAE,IAAKC,GAAOA,CAAE,CAC7C,CAEA,SAAwBC,EAAmBC,EAAoC,CAC7E,OAAAA,EAAiB,YAAcA,EAAiB,KAEX,CAAC,CAAE,GAAAC,EAAI,UAAAC,EAAW,GAAGC,KAAY,CACpE,KAAM,CAAE,MAAAC,CAAA,EAAUC,UAAA,EAEZC,EAAUL,GAAMM,EAAAA,QAAc,CAAE,MAAAH,EAAO,GAAAH,CAAA,EAC3C,GAAGL,EAAQY,CAAY,CAAA,EAGzB,OACEC,EAAAA,IAACT,EAAA,CACE,GAAIG,EACL,MAAO,CACL,GAAGA,EAAM,MACT,GAAGG,EACH,GAAIJ,EAAY,CAAE,MAAO,QAAW,CAAA,CAAC,CACvC,CAAA,CAGN,CAGF"}

package/dist/core/createComponent.js

@@ -1,2 +1,2 @@
-import{j as i}from"../_virtual/jsx-runtime.js";import a from"../packages/core/src/options/createOptions/createOptions.js";import*as c from"../packages/core/src/plugin/index.js";import u from"../theme/useTheme.js";import"../theme/ThemeProvider.js";function f(t){return Object.values(t).map(e=>e)}function d(t){return t.displayName=t.name,({sx:n,fullWidth:r,...o})=>{const{theme:m}=u(),s=n&&a({theme:m,sx:n},...f(c));return i.jsx(t,{...o,style:{...o.style,...s,...r?{width:"100%"}:{}}})}}export{d as default};
+import{jsx as a}from"react/jsx-runtime";import c from"./src/options/createOptions/createOptions.js";import*as s from"./src/plugin/index.js";import u from"../theme/useTheme.js";import"../theme/ThemeProvider.js";function f(t){return Object.values(t).map(e=>e)}function x(t){return t.displayName=t.name,({sx:n,fullWidth:r,...o})=>{const{theme:m}=u(),i=n&&c({theme:m,sx:n},...f(s));return a(t,{...o,style:{...o.style,...i,...r?{width:"100%"}:{}}})}}export{x as default};
 //# sourceMappingURL=createComponent.js.map

package/dist/core/createComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"createComponent.js","sources":["../../src/core/createComponent.tsx"],"sourcesContent":["import type { ComponentType, FC } from 'react';\n\nimport type { Sx } from '@iziui/core/options';\nimport type { Plugin } from '@iziui/core/plugin';\nimport createOptions from '@iziui/core/options';\nimport * as colorsPlugin from '@iziui/core/plugin';\n\nimport { useTheme } from '@/theme';\n\nfunction extract(module: { [key: string]: Plugin }) {\n  return Object.values(module).map((fn) => fn);\n}\n\nexport default function createComponent<P>(WrappedComponent: ComponentType<P>) {\n  WrappedComponent.displayName = WrappedComponent.name;\n\n  const EnhancedComponent: FC<Sx<P>> = ({ sx, fullWidth, ...props }) => {\n    const { theme } = useTheme();\n\n    const options = sx && createOptions({ theme, sx },\n      ...extract(colorsPlugin),\n    );\n\n    return (\n      <WrappedComponent\n        {...(props as P)}\n        style={{\n          ...props['style'],\n          ...options,\n          ...(fullWidth ? { width: '100%' } : {}),\n        }}\n      />\n    );\n  };\n\n  return EnhancedComponent;\n}"],"names":["extract","module","fn","createComponent","WrappedComponent","sx","fullWidth","props","theme","useTheme","options","createOptions","colorsPlugin","jsx"],"mappings":"uPASA,SAASA,EAAQC,EAAmC,CAClD,OAAO,OAAO,OAAOA,CAAM,EAAE,IAAKC,GAAOA,CAAE,CAC7C,CAEA,SAAwBC,EAAmBC,EAAoC,CAC7E,OAAAA,EAAiB,YAAcA,EAAiB,KAEX,CAAC,CAAE,GAAAC,EAAI,UAAAC,EAAW,GAAGC,KAAY,CACpE,KAAM,CAAE,MAAAC,CAAA,EAAUC,EAAA,EAEZC,EAAUL,GAAMM,EAAc,CAAE,MAAAH,EAAO,GAAAH,CAAA,EAC3C,GAAGL,EAAQY,CAAY,CAAA,EAGzB,OACEC,EAAAA,IAACT,EAAA,CACE,GAAIG,EACL,MAAO,CACL,GAAGA,EAAM,MACT,GAAGG,EACH,GAAIJ,EAAY,CAAE,MAAO,QAAW,CAAA,CAAC,CACvC,CAAA,CAGN,CAGF"}
+{"version":3,"file":"createComponent.js","sources":["../../src/core/createComponent.tsx"],"sourcesContent":["import type { ComponentType, FC } from 'react';\n\nimport type { Sx } from '@iziui/core/options';\nimport type { Plugin } from '@iziui/core/plugin';\nimport createOptions from '@iziui/core/options';\nimport * as colorsPlugin from '@iziui/core/plugin';\n\nimport { useTheme } from '@/theme';\n\nfunction extract(module: { [key: string]: Plugin }) {\n  return Object.values(module).map((fn) => fn);\n}\n\nexport default function createComponent<P>(WrappedComponent: ComponentType<P>) {\n  WrappedComponent.displayName = WrappedComponent.name;\n\n  const EnhancedComponent: FC<Sx<P>> = ({ sx, fullWidth, ...props }) => {\n    const { theme } = useTheme();\n\n    const options = sx && createOptions({ theme, sx },\n      ...extract(colorsPlugin),\n    );\n\n    return (\n      <WrappedComponent\n        {...(props as P)}\n        style={{\n          ...props['style'],\n          ...options,\n          ...(fullWidth ? { width: '100%' } : {}),\n        }}\n      />\n    );\n  };\n\n  return EnhancedComponent;\n}"],"names":["extract","module","fn","createComponent","WrappedComponent","sx","fullWidth","props","theme","useTheme","options","createOptions","colorsPlugin","jsx"],"mappings":"kNASA,SAASA,EAAQC,EAAmC,CAClD,OAAO,OAAO,OAAOA,CAAM,EAAE,IAAKC,GAAOA,CAAE,CAC7C,CAEA,SAAwBC,EAAmBC,EAAoC,CAC7E,OAAAA,EAAiB,YAAcA,EAAiB,KAEX,CAAC,CAAE,GAAAC,EAAI,UAAAC,EAAW,GAAGC,KAAY,CACpE,KAAM,CAAE,MAAAC,CAAA,EAAUC,EAAA,EAEZC,EAAUL,GAAMM,EAAc,CAAE,MAAAH,EAAO,GAAAH,CAAA,EAC3C,GAAGL,EAAQY,CAAY,CAAA,EAGzB,OACEC,EAACT,EAAA,CACE,GAAIG,EACL,MAAO,CACL,GAAGA,EAAM,MACT,GAAGG,EACH,GAAIJ,EAAY,CAAE,MAAO,QAAW,CAAA,CAAC,CACvC,CAAA,CAGN,CAGF"}

package/dist/core/src/options/createOptions/createOptions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createOptions.cjs","sources":["../../../../../../../core/src/options/createOptions/createOptions.ts"],"sourcesContent":["import type { Properties } from 'csstype';\n\nimport type { Plugin } from '../../plugin';\nimport type { ThemeBuilded } from '../../theme';\nimport type { CustomOptions } from '../CustomOptions';\n\ntype Data = {\n  sx: CustomOptions;\n  theme: ThemeBuilded;\n}\n\nexport default function createOptions({ sx, theme }: Data, ...plugins: Plugin[]): Properties {\n  return plugins.reduce<Properties>((acc, plugin) => {\n    acc = { ...acc, ...plugin(theme, sx) };\n\n    return acc;\n  }, {});\n}"],"names":["createOptions","sx","theme","plugins","acc","plugin"],"mappings":"4GAWA,SAAwBA,EAAc,CAAE,GAAAC,EAAI,MAAAC,CAAA,KAAkBC,EAA+B,CAC3F,OAAOA,EAAQ,OAAmB,CAACC,EAAKC,KACtCD,EAAM,CAAE,GAAGA,EAAK,GAAGC,EAAOH,EAAOD,CAAE,CAAA,EAE5BG,GACN,CAAA,CAAE,CACP"}

package/dist/core/src/options/createOptions/createOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createOptions.js","sources":["../../../../../../../core/src/options/createOptions/createOptions.ts"],"sourcesContent":["import type { Properties } from 'csstype';\n\nimport type { Plugin } from '../../plugin';\nimport type { ThemeBuilded } from '../../theme';\nimport type { CustomOptions } from '../CustomOptions';\n\ntype Data = {\n  sx: CustomOptions;\n  theme: ThemeBuilded;\n}\n\nexport default function createOptions({ sx, theme }: Data, ...plugins: Plugin[]): Properties {\n  return plugins.reduce<Properties>((acc, plugin) => {\n    acc = { ...acc, ...plugin(theme, sx) };\n\n    return acc;\n  }, {});\n}"],"names":["createOptions","sx","theme","plugins","acc","plugin"],"mappings":"AAWA,SAAwBA,EAAc,CAAE,GAAAC,EAAI,MAAAC,CAAA,KAAkBC,EAA+B,CAC3F,OAAOA,EAAQ,OAAmB,CAACC,EAAKC,KACtCD,EAAM,CAAE,GAAGA,EAAK,GAAGC,EAAOH,EAAOD,CAAE,CAAA,EAE5BG,GACN,CAAA,CAAE,CACP"}

package/dist/core/src/plugin/color/defineBackground/defineBackground.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineBackground.cjs","sources":["../../../../../../../../core/src/plugin/color/defineBackground/defineBackground.ts"],"sourcesContent":["import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { background }) => {\n  const { palette } = theme;\n\n  if (!background) { return {}; }\n\n  return {\n    background: background(palette)\n  };\n});"],"names":["defineBackground","definePlugin","theme","background","palette"],"mappings":"mKAEAA,EAAeC,EAAAA,QAAa,CAACC,EAAO,CAAE,WAAAC,KAAiB,CACrD,KAAM,CAAE,QAAAC,GAAYF,EAEpB,OAAKC,EAEE,CACL,WAAYA,EAAWC,CAAO,CAAA,EAHN,CAAA,CAK5B,CAAC"}

package/dist/core/src/plugin/color/defineBackground/defineBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineBackground.js","sources":["../../../../../../../../core/src/plugin/color/defineBackground/defineBackground.ts"],"sourcesContent":["import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { background }) => {\n  const { palette } = theme;\n\n  if (!background) { return {}; }\n\n  return {\n    background: background(palette)\n  };\n});"],"names":["defineBackground","definePlugin","theme","background","palette"],"mappings":"kDAEA,MAAAA,EAAeC,EAAa,CAACC,EAAO,CAAE,WAAAC,KAAiB,CACrD,KAAM,CAAE,QAAAC,GAAYF,EAEpB,OAAKC,EAEE,CACL,WAAYA,EAAWC,CAAO,CAAA,EAHN,CAAA,CAK5B,CAAC"}

package/dist/core/src/plugin/color/defineBackgroundColor/defineBackgroundColor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineBackgroundColor.cjs","sources":["../../../../../../../../core/src/plugin/color/defineBackgroundColor/defineBackgroundColor.ts"],"sourcesContent":["import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { backgroundColor }) => {\n  const { palette } = theme;\n\n  if (!backgroundColor) { return {}; }\n\n  return {\n    backgroundColor: backgroundColor(palette)\n  };\n});"],"names":["defineBackgroundColor","definePlugin","theme","backgroundColor","palette"],"mappings":"mKAEAA,EAAeC,EAAAA,QAAa,CAACC,EAAO,CAAE,gBAAAC,KAAsB,CAC1D,KAAM,CAAE,QAAAC,GAAYF,EAEpB,OAAKC,EAEE,CACL,gBAAiBA,EAAgBC,CAAO,CAAA,EAHX,CAAA,CAKjC,CAAC"}

package/dist/core/src/plugin/color/defineBackgroundColor/defineBackgroundColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineBackgroundColor.js","sources":["../../../../../../../../core/src/plugin/color/defineBackgroundColor/defineBackgroundColor.ts"],"sourcesContent":["import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { backgroundColor }) => {\n  const { palette } = theme;\n\n  if (!backgroundColor) { return {}; }\n\n  return {\n    backgroundColor: backgroundColor(palette)\n  };\n});"],"names":["defineBackgroundColor","definePlugin","theme","backgroundColor","palette"],"mappings":"kDAEA,MAAAA,EAAeC,EAAa,CAACC,EAAO,CAAE,gBAAAC,KAAsB,CAC1D,KAAM,CAAE,QAAAC,GAAYF,EAEpB,OAAKC,EAEE,CACL,gBAAiBA,EAAgBC,CAAO,CAAA,EAHX,CAAA,CAKjC,CAAC"}

package/dist/core/src/plugin/color/defineBorderColor/defineBorderColor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineBorderColor.cjs","sources":["../../../../../../../../core/src/plugin/color/defineBorderColor/defineBorderColor.ts"],"sourcesContent":["import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderColor }) => {\n  const { palette } = theme;\n\n  if (!borderColor) { return {}; }\n\n  return {\n    borderColor: borderColor(palette)\n  };\n});"],"names":["defineBorderColor","definePlugin","theme","borderColor","palette"],"mappings":"mKAEAA,EAAeC,EAAAA,QAAa,CAACC,EAAO,CAAE,YAAAC,KAAkB,CACtD,KAAM,CAAE,QAAAC,GAAYF,EAEpB,OAAKC,EAEE,CACL,YAAaA,EAAYC,CAAO,CAAA,EAHP,CAAA,CAK7B,CAAC"}

package/dist/core/src/plugin/color/defineBorderColor/defineBorderColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineBorderColor.js","sources":["../../../../../../../../core/src/plugin/color/defineBorderColor/defineBorderColor.ts"],"sourcesContent":["import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderColor }) => {\n  const { palette } = theme;\n\n  if (!borderColor) { return {}; }\n\n  return {\n    borderColor: borderColor(palette)\n  };\n});"],"names":["defineBorderColor","definePlugin","theme","borderColor","palette"],"mappings":"kDAEA,MAAAA,EAAeC,EAAa,CAACC,EAAO,CAAE,YAAAC,KAAkB,CACtD,KAAM,CAAE,QAAAC,GAAYF,EAEpB,OAAKC,EAEE,CACL,YAAaA,EAAYC,CAAO,CAAA,EAHP,CAAA,CAK7B,CAAC"}

package/dist/core/src/plugin/color/defineColor/defineColor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineColor.cjs","sources":["../../../../../../../../core/src/plugin/color/defineColor/defineColor.ts"],"sourcesContent":["import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { color }) => {\n  const { palette } = theme;\n\n  if (!color) { return {}; }\n\n  return {\n    color: color(palette)\n  };\n});"],"names":["defineColor","definePlugin","theme","color","palette"],"mappings":"mKAEAA,EAAeC,EAAAA,QAAa,CAACC,EAAO,CAAE,MAAAC,KAAY,CAChD,KAAM,CAAE,QAAAC,GAAYF,EAEpB,OAAKC,EAEE,CACL,MAAOA,EAAMC,CAAO,CAAA,EAHD,CAAA,CAKvB,CAAC"}

package/dist/core/src/plugin/color/defineColor/defineColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineColor.js","sources":["../../../../../../../../core/src/plugin/color/defineColor/defineColor.ts"],"sourcesContent":["import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { color }) => {\n  const { palette } = theme;\n\n  if (!color) { return {}; }\n\n  return {\n    color: color(palette)\n  };\n});"],"names":["defineColor","definePlugin","theme","color","palette"],"mappings":"kDAEA,MAAAA,EAAeC,EAAa,CAACC,EAAO,CAAE,MAAAC,KAAY,CAChD,KAAM,CAAE,QAAAC,GAAYF,EAEpB,OAAKC,EAEE,CACL,MAAOA,EAAMC,CAAO,CAAA,EAHD,CAAA,CAKvB,CAAC"}

package/dist/core/src/plugin/definePlugin/definePlugin.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"definePlugin.cjs","sources":["../../../../../../../core/src/plugin/definePlugin/definePlugin.ts"],"sourcesContent":["import type { Properties } from 'csstype';\n\nimport type { ThemeBuilded } from '../../theme';\nimport type { CustomOptions } from '../../options';\nimport type { Plugin } from '../plugin';\n\nexport default function definePlugin(cb: (theme: ThemeBuilded, options: CustomOptions) => Properties): Plugin {\n  return cb;\n}"],"names":["definePlugin","cb"],"mappings":"4GAMA,SAAwBA,EAAaC,EAAyE,CAC5G,OAAOA,CACT"}

package/dist/core/src/plugin/definePlugin/definePlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definePlugin.js","sources":["../../../../../../../core/src/plugin/definePlugin/definePlugin.ts"],"sourcesContent":["import type { Properties } from 'csstype';\n\nimport type { ThemeBuilded } from '../../theme';\nimport type { CustomOptions } from '../../options';\nimport type { Plugin } from '../plugin';\n\nexport default function definePlugin(cb: (theme: ThemeBuilded, options: CustomOptions) => Properties): Plugin {\n  return cb;\n}"],"names":["definePlugin","cb"],"mappings":"AAMA,SAAwBA,EAAaC,EAAyE,CAC5G,OAAOA,CACT"}

package/dist/core/src/theme/applyTheme/applyTheme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyTheme.cjs","sources":["../../../../../../../core/src/theme/applyTheme/applyTheme.ts"],"sourcesContent":["import type { ThemeBuilded, Color } from '../Theme';\n\nfunction setColor(name: string, color: Color) {\n  document.documentElement.style.setProperty(`--${name}`, color.main);\n  document.documentElement.style.setProperty(`--${name}-light`, color.light);\n  document.documentElement.style.setProperty(`--${name}-dark`, color.dark);\n  document.documentElement.style.setProperty(`--${name}-contrast`, color.contrastText);\n  document.documentElement.style.setProperty(`--${name}-opacity`, color.opacity);\n}\n\nexport function applyTheme(theme: ThemeBuilded) {\n  if (typeof window === 'undefined') { return; }\n\n  const { palette, shape, spacing } = theme;\n\n  // COLORS\n  setColor('info', palette.info);\n  setColor('error', palette.error);\n  setColor('warning', palette.warning);\n  setColor('success', palette.success);\n  setColor('primary', palette.primary);\n  setColor('secondary', palette.secondary);\n\n  // GREY\n  setColor('grey', palette.grey);\n\n  // TEXT\n  document.documentElement.style.setProperty('--text-primary', palette.text?.primary);\n  document.documentElement.style.setProperty('--text-secondary', palette.text?.secondary);\n  document.documentElement.style.setProperty('--text-disabled', palette.text?.disabled);\n\n  // BACKGROUND\n  document.documentElement.style.setProperty('--background-paper', palette.background?.paper);\n  document.documentElement.style.setProperty('--background-default', palette.background?.default);\n\n  // DIVIDER\n  document.documentElement.style.setProperty('--divider', palette.divider);\n\n  // SHAPE\n  document.documentElement.style.setProperty('--radius', `${shape.radius}px`);\n\n  // SPACING\n  document.documentElement.style.setProperty('--spacing', `${spacing}px`);\n}"],"names":["setColor","name","color","applyTheme","theme","palette","shape","spacing"],"mappings":"gFAEA,SAASA,EAASC,EAAcC,EAAc,CAC5C,SAAS,gBAAgB,MAAM,YAAY,KAAKD,CAAI,GAAIC,EAAM,IAAI,EAClE,SAAS,gBAAgB,MAAM,YAAY,KAAKD,CAAI,SAAUC,EAAM,KAAK,EACzE,SAAS,gBAAgB,MAAM,YAAY,KAAKD,CAAI,QAASC,EAAM,IAAI,EACvE,SAAS,gBAAgB,MAAM,YAAY,KAAKD,CAAI,YAAaC,EAAM,YAAY,EACnF,SAAS,gBAAgB,MAAM,YAAY,KAAKD,CAAI,WAAYC,EAAM,OAAO,CAC/E,CAEO,SAASC,EAAWC,EAAqB,CAC9C,GAAI,OAAO,OAAW,IAAe,OAErC,KAAM,CAAE,QAAAC,EAAS,MAAAC,EAAO,QAAAC,CAAA,EAAYH,EAGpCJ,EAAS,OAAQK,EAAQ,IAAI,EAC7BL,EAAS,QAASK,EAAQ,KAAK,EAC/BL,EAAS,UAAWK,EAAQ,OAAO,EACnCL,EAAS,UAAWK,EAAQ,OAAO,EACnCL,EAAS,UAAWK,EAAQ,OAAO,EACnCL,EAAS,YAAaK,EAAQ,SAAS,EAGvCL,EAAS,OAAQK,EAAQ,IAAI,EAG7B,SAAS,gBAAgB,MAAM,YAAY,iBAAkBA,EAAQ,MAAM,OAAO,EAClF,SAAS,gBAAgB,MAAM,YAAY,mBAAoBA,EAAQ,MAAM,SAAS,EACtF,SAAS,gBAAgB,MAAM,YAAY,kBAAmBA,EAAQ,MAAM,QAAQ,EAGpF,SAAS,gBAAgB,MAAM,YAAY,qBAAsBA,EAAQ,YAAY,KAAK,EAC1F,SAAS,gBAAgB,MAAM,YAAY,uBAAwBA,EAAQ,YAAY,OAAO,EAG9F,SAAS,gBAAgB,MAAM,YAAY,YAAaA,EAAQ,OAAO,EAGvE,SAAS,gBAAgB,MAAM,YAAY,WAAY,GAAGC,EAAM,MAAM,IAAI,EAG1E,SAAS,gBAAgB,MAAM,YAAY,YAAa,GAAGC,CAAO,IAAI,CACxE"}

package/dist/core/src/theme/applyTheme/applyTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"applyTheme.js","sources":["../../../../../../../core/src/theme/applyTheme/applyTheme.ts"],"sourcesContent":["import type { ThemeBuilded, Color } from '../Theme';\n\nfunction setColor(name: string, color: Color) {\n  document.documentElement.style.setProperty(`--${name}`, color.main);\n  document.documentElement.style.setProperty(`--${name}-light`, color.light);\n  document.documentElement.style.setProperty(`--${name}-dark`, color.dark);\n  document.documentElement.style.setProperty(`--${name}-contrast`, color.contrastText);\n  document.documentElement.style.setProperty(`--${name}-opacity`, color.opacity);\n}\n\nexport function applyTheme(theme: ThemeBuilded) {\n  if (typeof window === 'undefined') { return; }\n\n  const { palette, shape, spacing } = theme;\n\n  // COLORS\n  setColor('info', palette.info);\n  setColor('error', palette.error);\n  setColor('warning', palette.warning);\n  setColor('success', palette.success);\n  setColor('primary', palette.primary);\n  setColor('secondary', palette.secondary);\n\n  // GREY\n  setColor('grey', palette.grey);\n\n  // TEXT\n  document.documentElement.style.setProperty('--text-primary', palette.text?.primary);\n  document.documentElement.style.setProperty('--text-secondary', palette.text?.secondary);\n  document.documentElement.style.setProperty('--text-disabled', palette.text?.disabled);\n\n  // BACKGROUND\n  document.documentElement.style.setProperty('--background-paper', palette.background?.paper);\n  document.documentElement.style.setProperty('--background-default', palette.background?.default);\n\n  // DIVIDER\n  document.documentElement.style.setProperty('--divider', palette.divider);\n\n  // SHAPE\n  document.documentElement.style.setProperty('--radius', `${shape.radius}px`);\n\n  // SPACING\n  document.documentElement.style.setProperty('--spacing', `${spacing}px`);\n}"],"names":["setColor","name","color","applyTheme","theme","palette","shape","spacing"],"mappings":"AAEA,SAASA,EAASC,EAAcC,EAAc,CAC5C,SAAS,gBAAgB,MAAM,YAAY,KAAKD,CAAI,GAAIC,EAAM,IAAI,EAClE,SAAS,gBAAgB,MAAM,YAAY,KAAKD,CAAI,SAAUC,EAAM,KAAK,EACzE,SAAS,gBAAgB,MAAM,YAAY,KAAKD,CAAI,QAASC,EAAM,IAAI,EACvE,SAAS,gBAAgB,MAAM,YAAY,KAAKD,CAAI,YAAaC,EAAM,YAAY,EACnF,SAAS,gBAAgB,MAAM,YAAY,KAAKD,CAAI,WAAYC,EAAM,OAAO,CAC/E,CAEO,SAASC,EAAWC,EAAqB,CAC9C,GAAI,OAAO,OAAW,IAAe,OAErC,KAAM,CAAE,QAAAC,EAAS,MAAAC,EAAO,QAAAC,CAAA,EAAYH,EAGpCJ,EAAS,OAAQK,EAAQ,IAAI,EAC7BL,EAAS,QAASK,EAAQ,KAAK,EAC/BL,EAAS,UAAWK,EAAQ,OAAO,EACnCL,EAAS,UAAWK,EAAQ,OAAO,EACnCL,EAAS,UAAWK,EAAQ,OAAO,EACnCL,EAAS,YAAaK,EAAQ,SAAS,EAGvCL,EAAS,OAAQK,EAAQ,IAAI,EAG7B,SAAS,gBAAgB,MAAM,YAAY,iBAAkBA,EAAQ,MAAM,OAAO,EAClF,SAAS,gBAAgB,MAAM,YAAY,mBAAoBA,EAAQ,MAAM,SAAS,EACtF,SAAS,gBAAgB,MAAM,YAAY,kBAAmBA,EAAQ,MAAM,QAAQ,EAGpF,SAAS,gBAAgB,MAAM,YAAY,qBAAsBA,EAAQ,YAAY,KAAK,EAC1F,SAAS,gBAAgB,MAAM,YAAY,uBAAwBA,EAAQ,YAAY,OAAO,EAG9F,SAAS,gBAAgB,MAAM,YAAY,YAAaA,EAAQ,OAAO,EAGvE,SAAS,gBAAgB,MAAM,YAAY,WAAY,GAAGC,EAAM,MAAM,IAAI,EAG1E,SAAS,gBAAgB,MAAM,YAAY,YAAa,GAAGC,CAAO,IAAI,CACxE"}

package/dist/core/src/theme/createTheme/createTheme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTheme.cjs","sources":["../../../../../../../core/src/theme/createTheme/createTheme.ts"],"sourcesContent":["import { generateSupportColors } from '../../utils';\nimport type { ThemeBuilded, ThemeOptions } from '../Theme';\nimport { themeDefaultDark, themeDefaultLight } from '../defaultTheme';\n\nconst SUPPORT_KEYS = [\n  'primary',\n  'secondary',\n  'error',\n  'warning',\n  'success',\n  'info',\n  'grey',\n] as const;\n\ntype SupportKey = (typeof SUPPORT_KEYS)[number];\n\nexport function createTheme(theme?: ThemeOptions): ThemeBuilded {\n  const mode = theme?.palette?.mode ?? 'light';\n  const ref = mode === 'dark' ? themeDefaultDark : themeDefaultLight;\n\n  const paletteFromUser = theme?.palette ?? {};\n  const paletteFromRef = ref.palette;\n\n  const supportColors = Object.fromEntries(\n    SUPPORT_KEYS.map((key) => [\n      key,\n      generateSupportColors(paletteFromUser[key] ?? paletteFromRef[key]),\n    ])\n  ) as Record<SupportKey, ThemeBuilded['palette'][SupportKey]>;\n\n  return {\n    palette: {\n      mode,\n      text: paletteFromUser.text ?? paletteFromRef.text,\n      background: paletteFromUser.background ?? paletteFromRef.background,\n      divider: paletteFromUser.divider ?? paletteFromRef.divider,\n      ...supportColors,\n    },\n    shape: theme?.shape ?? ref.shape,\n    spacing: theme?.spacing ?? ref.spacing,\n  };\n}"],"names":["SUPPORT_KEYS","createTheme","theme","mode","ref","themeDefaultDark","themeDefaultLight","paletteFromUser","paletteFromRef","supportColors","key","generateSupportColors"],"mappings":"gMAIMA,EAAe,CACnB,UACA,YACA,QACA,UACA,UACA,OACA,MACF,EAIO,SAASC,EAAYC,EAAoC,CAC9D,MAAMC,EAAOD,GAAO,SAAS,MAAQ,QAC/BE,EAAMD,IAAS,OAASE,EAAAA,iBAAmBC,EAAAA,kBAE3CC,EAAkBL,GAAO,SAAW,CAAA,EACpCM,EAAiBJ,EAAI,QAErBK,EAAgB,OAAO,YAC3BT,EAAa,IAAKU,GAAQ,CACxBA,EACAC,EAAAA,sBAAsBJ,EAAgBG,CAAG,GAAKF,EAAeE,CAAG,CAAC,CAAA,CAClE,CAAA,EAGH,MAAO,CACL,QAAS,CACP,KAAAP,EACA,KAAMI,EAAgB,MAAQC,EAAe,KAC7C,WAAYD,EAAgB,YAAcC,EAAe,WACzD,QAASD,EAAgB,SAAWC,EAAe,QACnD,GAAGC,CAAA,EAEL,MAAOP,GAAO,OAASE,EAAI,MAC3B,QAASF,GAAO,SAAWE,EAAI,OAAA,CAEnC"}

package/dist/core/src/theme/createTheme/createTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTheme.js","sources":["../../../../../../../core/src/theme/createTheme/createTheme.ts"],"sourcesContent":["import { generateSupportColors } from '../../utils';\nimport type { ThemeBuilded, ThemeOptions } from '../Theme';\nimport { themeDefaultDark, themeDefaultLight } from '../defaultTheme';\n\nconst SUPPORT_KEYS = [\n  'primary',\n  'secondary',\n  'error',\n  'warning',\n  'success',\n  'info',\n  'grey',\n] as const;\n\ntype SupportKey = (typeof SUPPORT_KEYS)[number];\n\nexport function createTheme(theme?: ThemeOptions): ThemeBuilded {\n  const mode = theme?.palette?.mode ?? 'light';\n  const ref = mode === 'dark' ? themeDefaultDark : themeDefaultLight;\n\n  const paletteFromUser = theme?.palette ?? {};\n  const paletteFromRef = ref.palette;\n\n  const supportColors = Object.fromEntries(\n    SUPPORT_KEYS.map((key) => [\n      key,\n      generateSupportColors(paletteFromUser[key] ?? paletteFromRef[key]),\n    ])\n  ) as Record<SupportKey, ThemeBuilded['palette'][SupportKey]>;\n\n  return {\n    palette: {\n      mode,\n      text: paletteFromUser.text ?? paletteFromRef.text,\n      background: paletteFromUser.background ?? paletteFromRef.background,\n      divider: paletteFromUser.divider ?? paletteFromRef.divider,\n      ...supportColors,\n    },\n    shape: theme?.shape ?? ref.shape,\n    spacing: theme?.spacing ?? ref.spacing,\n  };\n}"],"names":["SUPPORT_KEYS","createTheme","theme","mode","ref","themeDefaultDark","themeDefaultLight","paletteFromUser","paletteFromRef","supportColors","key","generateSupportColors"],"mappings":"gLAIA,MAAMA,EAAe,CACnB,UACA,YACA,QACA,UACA,UACA,OACA,MACF,EAIO,SAASC,EAAYC,EAAoC,CAC9D,MAAMC,EAAOD,GAAO,SAAS,MAAQ,QAC/BE,EAAMD,IAAS,OAASE,EAAmBC,EAE3CC,EAAkBL,GAAO,SAAW,CAAA,EACpCM,EAAiBJ,EAAI,QAErBK,EAAgB,OAAO,YAC3BT,EAAa,IAAKU,GAAQ,CACxBA,EACAC,EAAsBJ,EAAgBG,CAAG,GAAKF,EAAeE,CAAG,CAAC,CAAA,CAClE,CAAA,EAGH,MAAO,CACL,QAAS,CACP,KAAAP,EACA,KAAMI,EAAgB,MAAQC,EAAe,KAC7C,WAAYD,EAAgB,YAAcC,EAAe,WACzD,QAASD,EAAgB,SAAWC,EAAe,QACnD,GAAGC,CAAA,EAEL,MAAOP,GAAO,OAASE,EAAI,MAC3B,QAASF,GAAO,SAAWE,EAAI,OAAA,CAEnC"}

package/dist/core/src/theme/defaultTheme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTheme.cjs","sources":["../../../../../../core/src/theme/defaultTheme.ts"],"sourcesContent":["import type { Theme } from './Theme';\n\nexport const defaultSpacing: Theme['spacing'] = 8;\nexport const defaultShape: Theme['shape'] = { radius: 8 };\n\nexport const themeDefaultLight: Theme = {\n  palette: {\n    mode: 'light',\n    info: '#72e4fc',\n    error: '#ff5377',\n    warning: '#FF9457',\n    success: '#36e79b',\n    primary: '#6c37f4',\n    secondary: '#72e4fc',\n    grey: '#F4F4F4',\n    text: {\n      primary: 'rgb(31, 41, 55)',\n      secondary: 'rgb(75, 85, 99)',\n      disabled: 'rgb(209, 213, 219)'\n    },\n    background: {\n      paper: '#f9f8f9',\n      default: '#FFF',\n    },\n    divider: 'rgba(0, 0, 0, 0.12)'\n  },\n  spacing: defaultSpacing,\n  shape: defaultShape\n};\n\nexport const themeDefaultDark: Theme = {\n  palette: {\n    mode: 'dark',\n    info: '#72e4fc',\n    error: '#ff5377',\n    warning: '#FF9457',\n    success: '#36e79b',\n    primary: '#6c37f4',\n    secondary: '#ebff5e',\n    grey: '#2A2A2A',\n    text: {\n      primary: 'rgba(255, 255, 255, 0.87)',\n      secondary: 'rgba(255, 255, 255, 0.6)',\n      disabled: 'rgba(255, 255, 255, 0.38)'\n    },\n    background: {\n      paper: '#0d0225',\n      default: '#30294e',\n    },\n    divider: 'rgba(255, 255, 255, 0.12)'\n  },\n  spacing: defaultSpacing,\n  shape: defaultShape\n};"],"names":["defaultSpacing","defaultShape","themeDefaultLight","themeDefaultDark"],"mappings":"gFAEO,MAAMA,EAAmC,EACnCC,EAA+B,CAAE,OAAQ,CAAA,EAEzCC,EAA2B,CACtC,QAAS,CACP,KAAM,QACN,KAAM,UACN,MAAO,UACP,QAAS,UACT,QAAS,UACT,QAAS,UACT,UAAW,UACX,KAAM,UACN,KAAM,CACJ,QAAS,kBACT,UAAW,kBACX,SAAU,oBAAA,EAEZ,WAAY,CACV,MAAO,UACP,QAAS,MAAA,EAEX,QAAS,qBAAA,EAEX,QAASF,EACT,MAAOC,CACT,EAEaE,EAA0B,CACrC,QAAS,CACP,KAAM,OACN,KAAM,UACN,MAAO,UACP,QAAS,UACT,QAAS,UACT,QAAS,UACT,UAAW,UACX,KAAM,UACN,KAAM,CACJ,QAAS,4BACT,UAAW,2BACX,SAAU,2BAAA,EAEZ,WAAY,CACV,MAAO,UACP,QAAS,SAAA,EAEX,QAAS,2BAAA,EAEX,QAASH,EACT,MAAOC,CACT"}

package/dist/core/src/theme/defaultTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTheme.js","sources":["../../../../../../core/src/theme/defaultTheme.ts"],"sourcesContent":["import type { Theme } from './Theme';\n\nexport const defaultSpacing: Theme['spacing'] = 8;\nexport const defaultShape: Theme['shape'] = { radius: 8 };\n\nexport const themeDefaultLight: Theme = {\n  palette: {\n    mode: 'light',\n    info: '#72e4fc',\n    error: '#ff5377',\n    warning: '#FF9457',\n    success: '#36e79b',\n    primary: '#6c37f4',\n    secondary: '#72e4fc',\n    grey: '#F4F4F4',\n    text: {\n      primary: 'rgb(31, 41, 55)',\n      secondary: 'rgb(75, 85, 99)',\n      disabled: 'rgb(209, 213, 219)'\n    },\n    background: {\n      paper: '#f9f8f9',\n      default: '#FFF',\n    },\n    divider: 'rgba(0, 0, 0, 0.12)'\n  },\n  spacing: defaultSpacing,\n  shape: defaultShape\n};\n\nexport const themeDefaultDark: Theme = {\n  palette: {\n    mode: 'dark',\n    info: '#72e4fc',\n    error: '#ff5377',\n    warning: '#FF9457',\n    success: '#36e79b',\n    primary: '#6c37f4',\n    secondary: '#ebff5e',\n    grey: '#2A2A2A',\n    text: {\n      primary: 'rgba(255, 255, 255, 0.87)',\n      secondary: 'rgba(255, 255, 255, 0.6)',\n      disabled: 'rgba(255, 255, 255, 0.38)'\n    },\n    background: {\n      paper: '#0d0225',\n      default: '#30294e',\n    },\n    divider: 'rgba(255, 255, 255, 0.12)'\n  },\n  spacing: defaultSpacing,\n  shape: defaultShape\n};"],"names":["defaultSpacing","defaultShape","themeDefaultLight","themeDefaultDark"],"mappings":"AAEO,MAAMA,EAAmC,EACnCC,EAA+B,CAAE,OAAQ,CAAA,EAEzCC,EAA2B,CACtC,QAAS,CACP,KAAM,QACN,KAAM,UACN,MAAO,UACP,QAAS,UACT,QAAS,UACT,QAAS,UACT,UAAW,UACX,KAAM,UACN,KAAM,CACJ,QAAS,kBACT,UAAW,kBACX,SAAU,oBAAA,EAEZ,WAAY,CACV,MAAO,UACP,QAAS,MAAA,EAEX,QAAS,qBAAA,EAEX,QAAS,EACT,MAAOD,CACT,EAEaE,EAA0B,CACrC,QAAS,CACP,KAAM,OACN,KAAM,UACN,MAAO,UACP,QAAS,UACT,QAAS,UACT,QAAS,UACT,UAAW,UACX,KAAM,UACN,KAAM,CACJ,QAAS,4BACT,UAAW,2BACX,SAAU,2BAAA,EAEZ,WAAY,CACV,MAAO,UACP,QAAS,SAAA,EAEX,QAAS,2BAAA,EAEX,QAAS,EACT,MAAOF,CACT"}

package/dist/core/src/utils/adjustLightness/adjustLightness.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"adjustLightness.cjs","sources":["../../../../../../../core/src/utils/adjustLightness/adjustLightness.ts"],"sourcesContent":["import { hslToHex } from '../hslToHex';\n\nexport function adjustLightness(h: number, s: number, l: number, amount: number) {\n  l = Math.min(Math.max(l + amount, 0), 100);\n  return hslToHex(h, s, l);\n}"],"names":["adjustLightness","h","l","amount","hslToHex"],"mappings":"4HAEO,SAASA,EAAgBC,EAAW,EAAWC,EAAWC,EAAgB,CAC/E,OAAAD,EAAI,KAAK,IAAI,KAAK,IAAIA,EAAIC,EAAQ,CAAC,EAAG,GAAG,EAClCC,WAASH,EAAG,EAAGC,CAAC,CACzB"}

package/dist/core/src/utils/adjustLightness/adjustLightness.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adjustLightness.js","sources":["../../../../../../../core/src/utils/adjustLightness/adjustLightness.ts"],"sourcesContent":["import { hslToHex } from '../hslToHex';\n\nexport function adjustLightness(h: number, s: number, l: number, amount: number) {\n  l = Math.min(Math.max(l + amount, 0), 100);\n  return hslToHex(h, s, l);\n}"],"names":["adjustLightness","h","s","l","amount","hslToHex"],"mappings":"mDAEO,SAASA,EAAgBC,EAAWC,EAAWC,EAAWC,EAAgB,CAC/E,OAAAD,EAAI,KAAK,IAAI,KAAK,IAAIA,EAAIC,EAAQ,CAAC,EAAG,GAAG,EAClCC,EAASJ,EAAGC,EAAGC,CAAC,CACzB"}

package/dist/core/src/utils/convertPathToColor/convertPathToColor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertPathToColor.cjs","sources":["../../../../../../../core/src/utils/convertPathToColor/convertPathToColor.ts"],"sourcesContent":["import type { Path } from '@iziui/toolkit/interface';\n\nimport type { PaletteBuilded } from '../../theme';\n\nexport function convertPathToColor(path: Path<PaletteBuilded>, palette: PaletteBuilded): string {\n  return path.split('.').reduce((acc, key) => {\n    if (acc && acc[key]) { return acc[key]; }\n\n    return palette[key];\n  }, '');\n}"],"names":["convertPathToColor","path","palette","acc","key"],"mappings":"gFAIO,SAASA,EAAmBC,EAA4BC,EAAiC,CAC9F,OAAOD,EAAK,MAAM,GAAG,EAAE,OAAO,CAACE,EAAKC,IAC9BD,GAAOA,EAAIC,CAAG,EAAYD,EAAIC,CAAG,EAE9BF,EAAQE,CAAG,EACjB,EAAE,CACP"}

package/dist/core/src/utils/convertPathToColor/convertPathToColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertPathToColor.js","sources":["../../../../../../../core/src/utils/convertPathToColor/convertPathToColor.ts"],"sourcesContent":["import type { Path } from '@iziui/toolkit/interface';\n\nimport type { PaletteBuilded } from '../../theme';\n\nexport function convertPathToColor(path: Path<PaletteBuilded>, palette: PaletteBuilded): string {\n  return path.split('.').reduce((acc, key) => {\n    if (acc && acc[key]) { return acc[key]; }\n\n    return palette[key];\n  }, '');\n}"],"names":["convertPathToColor","path","palette","acc","key"],"mappings":"AAIO,SAASA,EAAmBC,EAA4BC,EAAiC,CAC9F,OAAOD,EAAK,MAAM,GAAG,EAAE,OAAO,CAACE,EAAKC,IAC9BD,GAAOA,EAAIC,CAAG,EAAYD,EAAIC,CAAG,EAE9BF,EAAQE,CAAG,EACjB,EAAE,CACP"}

package/dist/core/src/utils/generateSupportColors/generateSupportColors.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateSupportColors.cjs","sources":["../../../../../../../core/src/utils/generateSupportColors/generateSupportColors.ts"],"sourcesContent":["import type { Color } from '../../theme';\nimport { hexToHsl } from '../hexToHsl';\nimport { adjustLightness } from '../adjustLightness';\nimport { getOpacityColor } from '../getOpacityColor';\nimport { getContrastColor } from '../getContrastColor/getContrastColor';\n\nexport function generateSupportColors(hex: string): Color {\n  const variation = 20;\n\n  const hsl = hexToHsl(hex);\n\n  const contrastColor = getContrastColor(hex);\n  const lighterColor = adjustLightness(hsl.h, hsl.s, hsl.l, variation);\n  const darkerColor = adjustLightness(hsl.h, hsl.s, hsl.l, -variation);\n  const opacityColor = getOpacityColor(hex, variation / 100);\n\n  return {\n    main: hex,\n    dark: darkerColor,\n    light: lighterColor,\n    opacity: opacityColor,\n    contrastText: contrastColor\n  };\n}"],"names":["generateSupportColors","hex","hsl","hexToHsl","contrastColor","getContrastColor","lighterColor","adjustLightness","darkerColor","opacityColor","getOpacityColor"],"mappings":"0RAMO,SAASA,EAAsBC,EAAoB,CAGxD,MAAMC,EAAMC,EAAAA,SAASF,CAAG,EAElBG,EAAgBC,EAAAA,iBAAiBJ,CAAG,EACpCK,EAAeC,kBAAgBL,EAAI,EAAGA,EAAI,EAAGA,EAAI,EAAG,EAAS,EAC7DM,EAAcD,kBAAgBL,EAAI,EAAGA,EAAI,EAAGA,EAAI,EAAG,GAAU,EAC7DO,EAAeC,EAAAA,gBAAgBT,EAAK,GAAY,GAAG,EAEzD,MAAO,CACL,KAAMA,EACN,KAAMO,EACN,MAAOF,EACP,QAASG,EACT,aAAcL,CAAA,CAElB"}