@iziui/react 0.0.3-rc → 0.0.4-rc

package/dist/Theme.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta, StoryObj } from '@storybook/react';
+export declare const Playground: StoryObj;
+declare const meta: Meta;
+export default meta;
+//# sourceMappingURL=Theme.stories.d.ts.map

package/dist/Theme.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theme.stories.d.ts","sourceRoot":"","sources":["../src/Theme.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAUvD,eAAO,MAAM,UAAU,EAAE,QAExB,CAAC;AA+KF,QAAA,MAAM,IAAI,EAAE,IA2BX,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/actions/Button/Button.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),m=require("react"),e=require("../../tokens/dist/web/js/index.cjs"),i=require("../../core/src/utils/joinClass/joinClass.cjs"),b=require("../Ripple/Ripple.cjs"),_=require("../../core/createComponent.cjs");;/* empty css                                        */function j({size:u="medium",color:r="primary",variant:f="contained",startIcon:c,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}--${f}`,o.className),l=(t,x)=>m.cloneElement(t,{color:`${r}.contrast`,className:i.joinClass(t.props.className,`${e.prefix}-button__icon`,`${e.prefix}-button__icon--${x}`)}),p=t=>m.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?p(s):n.jsxs(n.Fragment,{children:[c&&l(c,"left"),$,a&&l(a,"right")]}),n.jsx(b.default,{})]})}const q=_.default(j);exports.default=q;
+//# sourceMappingURL=Button.cjs.map

package/dist/actions/Button/Button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.cjs","sources":["../../../src/actions/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 { LoadingProps } from '@/feedback/Loading';\n\nimport type { IconProps } from '../../display/Icon';\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  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  startIcon,\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    props.className\n  );\n\n  const renderIcon = (icon: React.JSX.Element, direction: 'left' | 'right') => {\n    return cloneElement<IconProps>(icon, {\n      color: `${color}.contrast`,\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","startIcon","endIcon","loading","children","props","cls","joinClass","prefix","renderIcon","icon","direction","cloneElement","renderLoading","jsxs","e","Fragment","Ripple","Button_default","createComponent"],"mappings":"mZAuBA,SAASA,EAAO,CACd,KAAAC,EAAO,SACP,MAAAC,EAAQ,UACR,QAAAC,EAAU,YACV,UAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,UACT,GAAGA,EAAAA,MAAM,YAAYV,CAAI,GACzB,GAAGU,EAAAA,MAAM,YAAYT,CAAK,GAC1B,GAAGS,EAAAA,MAAM,YAAYT,CAAK,KAAKC,CAAO,GACtCK,EAAM,SAAA,EAGFI,EAAa,CAACC,EAAyBC,IACpCC,EAAAA,aAAwBF,EAAM,CACnC,MAAO,GAAGX,CAAK,YACf,UAAWQ,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,qBAAqBV,CAAI,EAAE,EAC/G,KAAM,QAAA,CACP,EAGH,OACEgB,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,CAAAf,GAAaQ,EAAWR,EAAW,MAAM,EACzCG,EACAF,GAAWO,EAAWP,EAAS,OAAO,CAAA,EACzC,QAGHe,EAAAA,QAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAC,EAAeC,EAAAA,QAAgBtB,CAAM"}

package/dist/{components → actions}/Button/Button.d.ts

@@ -3,8 +3,6 @@ import { Colors, Size } from '@iziui/core/theme';
 export interface ButtonProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {
     size?: Size;
     color?: Colors;
-    noHover?: boolean;
-    fullWidth?: boolean;
     endIcon?: React.JSX.Element;
     startIcon?: React.JSX.Element;
     loading?: React.JSX.Element | boolean;

package/dist/actions/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/actions/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,oBAAoB,EAAgB,MAAM,OAAO,CAAC;AAIxF,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAStD,OAAO,sCAAsC,CAAC;AAE9C,MAAM,WAAW,WAAY,SAAQ,iBAAiB,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC7F,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;IACtC,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;CAC7C;;AAqDD,wBAAuC"}

package/dist/actions/Button/Button.js

@@ -0,0 +1,2 @@
+import{jsxs as u,Fragment as d,jsx as _}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 N from"../Ripple/Ripple.js";import x from"../../core/createComponent.js";/* empty css                                     */function C({size:s="medium",color:n="primary",variant:$="contained",startIcon:a,endIcon:i,loading:r,children:p,...e}){const f=m(`${t}-button`,`${t}-button--${s}`,`${t}-button--${n}`,`${t}-button--${n}--${$}`,e.className),c=(o,b)=>l(o,{color:`${n}.contrast`,className:m(o.props.className,`${t}-button__icon`,`${t}-button__icon--${b}`)});return u("button",{...e,className:f,onClick:o=>!r&&e.onClick?.(o),children:[r?(o=>l(o,{className:m(o.props.className,`${t}-button__loading`,`${t}-button__loading--${s}`),size:"1.1rem"}))(r):u(d,{children:[a&&c(a,"left"),p,i&&c(i,"right")]}),_(N,{})]})}const F=x(C);export{F as default};
+//# sourceMappingURL=Button.js.map

package/dist/actions/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/actions/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 { LoadingProps } from '@/feedback/Loading';\n\nimport type { IconProps } from '../../display/Icon';\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  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  startIcon,\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    props.className\n  );\n\n  const renderIcon = (icon: React.JSX.Element, direction: 'left' | 'right') => {\n    return cloneElement<IconProps>(icon, {\n      color: `${color}.contrast`,\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","startIcon","endIcon","loading","children","props","cls","joinClass","prefix","renderIcon","icon","direction","cloneElement","jsxs","e","Fragment","Ripple","Button_default","createComponent"],"mappings":"2WAuBA,SAASA,EAAO,CACd,KAAAC,EAAO,SACP,MAAAC,EAAQ,UACR,QAAAC,EAAU,YACV,UAAAC,EACA,QAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAMC,EACV,GAAGC,CAAM,UACT,GAAGA,CAAM,YAAYV,CAAI,GACzB,GAAGU,CAAM,YAAYT,CAAK,GAC1B,GAAGS,CAAM,YAAYT,CAAK,KAAKC,CAAO,GACtCK,EAAM,SAAA,EAGFI,EAAa,CAACC,EAAyBC,IACpCC,EAAwBF,EAAM,CACnC,MAAO,GAAGX,CAAK,YACf,UAAWQ,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,qBAAqBV,CAAI,EAAE,EAC/G,KAAM,QAAA,CACP,GAU2BK,CAA4B,EAClDU,EAAAE,EAAA,CACG,SAAA,CAAAd,GAAaQ,EAAWR,EAAW,MAAM,EACzCG,EACAF,GAAWO,EAAWP,EAAS,OAAO,CAAA,EACzC,IAGHc,EAAA,CAAA,CAAO,CAAA,CAAA,CAAA,CAGd,CAEA,MAAAC,EAAeC,EAAgBrB,CAAM"}

package/dist/actions/Button/Button.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Button.spec.d.ts.map

package/dist/actions/Button/Button.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.spec.d.ts","sourceRoot":"","sources":["../../../src/actions/Button/Button.spec.tsx"],"names":[],"mappings":""}

package/dist/actions/Button/Button.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Button } from './Button';
+export declare const Colors: StoryObj<typeof Button>;
+export declare const Variants: StoryObj<typeof Button>;
+export declare const WithIcons: StoryObj<typeof Button>;
+export declare const Sizes: StoryObj<typeof Button>;
+export declare const Disabled: StoryObj<typeof Button>;
+export declare const _Loading: StoryObj<typeof Button>;
+export declare const Playground: StoryObj<typeof Button>;
+declare const meta: Meta<typeof Button>;
+export default meta;
+//# sourceMappingURL=Button.stories.d.ts.map

package/dist/actions/Button/Button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/actions/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,MAAM,CAa1C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,MAAM,CAU5C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC,OAAO,MAAM,CAU7C,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,MAAM,CAUzC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,MAAM,CAQ5C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,MAAM,CAc5C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,MAAM,CAE9C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA+F7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/actions/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { default, type ButtonProps } from './Button';
+//# sourceMappingURL=index.d.ts.map

package/dist/actions/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/actions/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/actions/ButtonIcon/ButtonIcon.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),m=require("react"),c=require("../../tokens/dist/web/js/index.cjs"),f=require("../../core/src/utils/joinClass/joinClass.cjs"),h=require("../../core/src/utils/convertPathToColor/convertPathToColor.cjs"),j=require("../../theme/useTheme.cjs");require("../../theme/ThemeProvider.cjs");require("../../core/src/theme/Theme.cjs");const p=require("../Ripple/Ripple.cjs"),x=require("../../core/createComponent.cjs");;/* empty css                                            */function C({children:u,size:r=40,color:e="primary",...t}){const{theme:{palette:i}}=j.default(),[o,l]=[r,r],a=f.joinClass(`${c.prefix}-button-icon`,e&&`${c.prefix}-button-icon--${e}`,t.className),d=h.convertPathToColor(e,i),q=n=>m.cloneElement(n,{size:o/1.5,...n.props,style:{color:"currentColor"}});return s.jsxs("button",{...t,className:a,style:{color:d,...t.style,width:o,height:l},children:[q(u),s.jsx(p.default,{})]})}const b=x.default(C);exports.default=b;
+//# sourceMappingURL=ButtonIcon.cjs.map

package/dist/actions/ButtonIcon/ButtonIcon.cjs.map

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

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

@@ -0,0 +1,11 @@
+import { ButtonHTMLAttributes, PropsWithChildren, ReactElement } from 'react';
+import { Colors } from '@iziui/core/theme';
+import { IconProps } from '../../display/Icon';
+export interface ButtonIconProps extends PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> {
+    color?: Colors;
+    size?: number;
+    children: ReactElement<IconProps>;
+}
+declare const _default: import('react').FC<import('@iziui/core/options').Sx<ButtonIconProps>>;
+export default _default;
+//# sourceMappingURL=ButtonIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIcon.d.ts","sourceRoot":"","sources":["../../../src/actions/ButtonIcon/ButtonIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,oBAAoB,EAAE,KAAK,iBAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAI3G,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAIhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAKhD,OAAO,0CAA0C,CAAC;AAElD,MAAM,WAAW,eAAgB,SAAQ,iBAAiB,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IACjG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;CACnC;;AAkCD,wBAA2C"}

package/dist/actions/ButtonIcon/ButtonIcon.js

@@ -0,0 +1,2 @@
+import{jsxs as f,jsx as u}from"react/jsx-runtime";import{cloneElement as h}from"react";import{prefix as m}from"../../tokens/dist/web/js/index.js";import{joinClass as d}from"../../core/src/utils/joinClass/joinClass.js";import{convertPathToColor as x}from"../../core/src/utils/convertPathToColor/convertPathToColor.js";import y from"../../theme/useTheme.js";import"../../theme/ThemeProvider.js";import"../../core/src/theme/Theme.js";import C from"../Ripple/Ripple.js";import $ from"../../core/createComponent.js";/* empty css                                         */function b({children:s,size:r=40,color:t="primary",...o}){const{theme:{palette:c}}=y(),[e,i]=[r,r],p=d(`${m}-button-icon`,t&&`${m}-button-icon--${t}`,o.className),l=x(t,c),a=n=>h(n,{size:e/1.5,...n.props,style:{color:"currentColor"}});return f("button",{...o,className:p,style:{color:l,...o.style,width:e,height:i},children:[a(s),u(C,{})]})}const k=$(b);export{k as default};
+//# sourceMappingURL=ButtonIcon.js.map

package/dist/actions/ButtonIcon/ButtonIcon.js.map

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

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

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as ButtonIcon } from './ButtonIcon';
+export declare const Disabled: StoryObj<typeof ButtonIcon>;
+export declare const Colors: StoryObj<typeof ButtonIcon>;
+export declare const Playground: StoryObj<typeof ButtonIcon>;
+declare const meta: Meta<typeof ButtonIcon>;
+export default meta;
+//# sourceMappingURL=ButtonIcon.stories.d.ts.map

package/dist/actions/ButtonIcon/ButtonIcon.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonIcon.stories.d.ts","sourceRoot":"","sources":["../../../src/actions/ButtonIcon/ButtonIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,UAAU,CAQhD,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,UAAU,CAmB9C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,UAAU,CAElD,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA0DjC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/actions/ButtonIcon/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ButtonIcon.cjs");exports.default=e.default;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1,2 @@
+export { default, type ButtonIconProps } from './ButtonIcon';
+//# sourceMappingURL=index.d.ts.map

package/dist/actions/ButtonIcon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/actions/ButtonIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/actions/ButtonIcon/index.js

@@ -0,0 +1,2 @@
+import{default as o}from"./ButtonIcon.js";export{o as default};
+//# sourceMappingURL=index.js.map

package/dist/actions/Ripple/Ripple.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ripple.cjs","sources":["../../../src/actions/Ripple/Ripple.tsx"],"sourcesContent":["import { useRef, useEffect, useState, type MouseEvent } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport '@iziui/styles/components/Ripple.scss';\n\nexport default function Ripple() {\n  const [ripples, setRipples] = useState<Array<{ x: number, y: number, size: number }>>([]);\n  const rippleContainerRef = useRef<HTMLDivElement>(null);\n\n  const addRipple = (event: MouseEvent<HTMLDivElement, globalThis.MouseEvent>) => {\n    const rect = rippleContainerRef.current!.getBoundingClientRect();\n    const size = Math.max(rect.width, rect.height);\n    const x = event.clientX - rect.left - size / 2;\n    const y = event.clientY - rect.top - size / 2;\n\n    setRipples([...ripples, { x, y, size }]);\n  };\n\n  useEffect(() => {\n    if (ripples.length > 0) {\n      const timer = setTimeout(() => setRipples([]), 700);\n      return () => clearTimeout(timer);\n    }\n  }, [ripples]);\n\n  return (\n    <div className={`${prefix}-ripple-container`} ref={rippleContainerRef} onMouseUp={addRipple}>\n      {\n        ripples.map((ripple, index) => (\n          <span\n            key={index}\n            className={`${prefix}-ripple`}\n            style={{\n              top: ripple.y,\n              left: ripple.x,\n              width: ripple.size,\n              height: ripple.size,\n            }}\n          />\n        ))\n      }\n    </div>\n  );\n}"],"names":["Ripple","ripples","setRipples","useState","rippleContainerRef","useRef","addRipple","event","rect","size","x","y","useEffect","timer","jsx","prefix","ripple","index"],"mappings":"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/actions/Ripple/Ripple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ripple.d.ts","sourceRoot":"","sources":["../../../src/actions/Ripple/Ripple.tsx"],"names":[],"mappings":"AAIA,OAAO,sCAAsC,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,MAAM,4CAsC7B"}

package/dist/actions/Ripple/Ripple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ripple.js","sources":["../../../src/actions/Ripple/Ripple.tsx"],"sourcesContent":["import { useRef, useEffect, useState, type MouseEvent } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport '@iziui/styles/components/Ripple.scss';\n\nexport default function Ripple() {\n  const [ripples, setRipples] = useState<Array<{ x: number, y: number, size: number }>>([]);\n  const rippleContainerRef = useRef<HTMLDivElement>(null);\n\n  const addRipple = (event: MouseEvent<HTMLDivElement, globalThis.MouseEvent>) => {\n    const rect = rippleContainerRef.current!.getBoundingClientRect();\n    const size = Math.max(rect.width, rect.height);\n    const x = event.clientX - rect.left - size / 2;\n    const y = event.clientY - rect.top - size / 2;\n\n    setRipples([...ripples, { x, y, size }]);\n  };\n\n  useEffect(() => {\n    if (ripples.length > 0) {\n      const timer = setTimeout(() => setRipples([]), 700);\n      return () => clearTimeout(timer);\n    }\n  }, [ripples]);\n\n  return (\n    <div className={`${prefix}-ripple-container`} ref={rippleContainerRef} onMouseUp={addRipple}>\n      {\n        ripples.map((ripple, index) => (\n          <span\n            key={index}\n            className={`${prefix}-ripple`}\n            style={{\n              top: ripple.y,\n              left: ripple.x,\n              width: ripple.size,\n              height: ripple.size,\n            }}\n          />\n        ))\n      }\n    </div>\n  );\n}"],"names":["Ripple","ripples","setRipples","useState","rippleContainerRef","useRef","addRipple","event","rect","size","x","y","useEffect","timer","jsx","prefix","ripple","index"],"mappings":"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/actions/Ripple/Ripple.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Ripple.spec.d.ts.map

package/dist/actions/Ripple/Ripple.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ripple.spec.d.ts","sourceRoot":"","sources":["../../../src/actions/Ripple/Ripple.spec.tsx"],"names":[],"mappings":""}

package/dist/{components → actions}/Ripple/Ripple.stories.d.ts

@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { default as Ripple } from './Ripple';
+export declare const Playground: StoryObj<typeof Ripple>;
 declare const meta: Meta<typeof Ripple>;
-export declare const SameGrid: StoryObj<typeof Ripple>;
 export default meta;
 //# sourceMappingURL=Ripple.stories.d.ts.map

package/dist/actions/Ripple/Ripple.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ripple.stories.d.ts","sourceRoot":"","sources":["../../../src/actions/Ripple/Ripple.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,MAAM,CAoB9C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAgB7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/actions/Ripple/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/actions/Ripple/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

package/dist/actions/index.cjs

@@ -0,0 +1,2 @@
+"use strict";require("./Button/Button.cjs");require("./ButtonIcon/ButtonIcon.cjs");require("react/jsx-runtime");require("react");;/* empty css                                     */
+//# sourceMappingURL=index.cjs.map

package/dist/actions/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Button';
+export * from './ButtonIcon';
+export * from './Ripple';
+//# sourceMappingURL=index.d.ts.map

package/dist/actions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/actions/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC"}

package/dist/actions/index.js

@@ -0,0 +1,2 @@
+import"./Button/Button.js";import"./ButtonIcon/ButtonIcon.js";import"react/jsx-runtime";import"react";/* empty css                                  */
+//# sourceMappingURL=index.js.map

package/dist/animations/Bounce/Bounce.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react/jsx-runtime"),u=require("react"),i=t=>({transform:"translate(0, 0)",transition:`transform ${t}s ease-in-out`}),x=(t,s)=>({transform:{top:"translate(0, -10px)",left:"translate(-10px, 0)",right:"translate(10px, 0)",bottom:"translate(0, 10px)"}[s],transition:`transform ${t}s ease-in-out`});function y({enter:t,children:s,tag:n="div",delay:r=50,timeout:e=.2,direction:a="right",...o}){const c=n,[f,l]=u.useState(i(e));return u.useEffect(()=>{t&&setTimeout(()=>{l(x(e,a)),setTimeout(()=>{l(i(e))},e*1e3)},r)},[t,r,e,a]),m.jsx(c,{...o,style:{...f,...o.style},children:s})}exports.default=y;
+//# sourceMappingURL=Bounce.cjs.map

package/dist/animations/Bounce/Bounce.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bounce.cjs","sources":["../../../src/animations/Bounce/Bounce.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport type Direction = 'left' | 'right' | 'top' | 'bottom';\n\nexport type Style = React.HTMLAttributes<HTMLDivElement>['style'];\n\nconst styledShow = (timeout: number): Style => ({\n  transform: 'translate(0, 0)',\n  transition: `transform ${timeout}s ease-in-out`,\n});\n\nconst styledBounce = (timeout: number, direction: Direction): Style => {\n  const translate = {\n    top: 'translate(0, -10px)',\n    left: 'translate(-10px, 0)',\n    right: 'translate(10px, 0)',\n    bottom: 'translate(0, 10px)',\n  };\n\n  return {\n    transform: translate[direction],\n    transition: `transform ${timeout}s ease-in-out`,\n  };\n};\n\nexport interface BounceProps extends React.HTMLAttributes<HTMLDivElement> {\n  enter: boolean;\n  delay?: number;\n  timeout?: number;\n  direction?: Direction;\n  children: React.ReactNode;\n  tag?: React.ElementType;\n}\n\nexport default function Bounce({\n  enter,\n  children,\n  tag = 'div',\n  delay = 50,\n  timeout = 0.2,\n  direction = 'right',\n  ...props\n}: BounceProps) {\n  const CustomTag = tag;\n\n  const [style, setStyle] = useState<Style>(styledShow(timeout));\n\n  useEffect(() => {\n    if (!enter) return;\n\n    setTimeout(() => {\n      setStyle(styledBounce(timeout, direction));\n      setTimeout(() => {\n        setStyle(styledShow(timeout));\n      }, timeout * 1000);\n    }, delay);\n  }, [enter, delay, timeout, direction]);\n\n  return (\n    <CustomTag {...props} style={{ ...style, ...props.style }}>\n      {children}\n    </CustomTag>\n  );\n}\n"],"names":["styledShow","timeout","styledBounce","direction","Bounce","enter","children","tag","delay","props","CustomTag","style","setStyle","useState","useEffect","jsx"],"mappings":"oKAMMA,EAAcC,IAA4B,CAC9C,UAAW,kBACX,WAAY,aAAaA,CAAO,eAClC,GAEMC,EAAe,CAACD,EAAiBE,KAQ9B,CACL,UARgB,CAChB,IAAK,sBACL,KAAM,sBACN,MAAO,qBACP,OAAQ,oBAAA,EAIaA,CAAS,EAC9B,WAAY,aAAaF,CAAO,eAAA,GAapC,SAAwBG,EAAO,CAC7B,MAAAC,EACA,SAAAC,EACA,IAAAC,EAAM,MACN,MAAAC,EAAQ,GACR,QAAAP,EAAU,GACV,UAAAE,EAAY,QACZ,GAAGM,CACL,EAAgB,CACd,MAAMC,EAAYH,EAEZ,CAACI,EAAOC,CAAQ,EAAIC,EAAAA,SAAgBb,EAAWC,CAAO,CAAC,EAE7Da,OAAAA,EAAAA,UAAU,IAAM,CACTT,GAEL,WAAW,IAAM,CACfO,EAASV,EAAaD,EAASE,CAAS,CAAC,EACzC,WAAW,IAAM,CACfS,EAASZ,EAAWC,CAAO,CAAC,CAC9B,EAAGA,EAAU,GAAI,CACnB,EAAGO,CAAK,CACV,EAAG,CAACH,EAAOG,EAAOP,EAASE,CAAS,CAAC,EAGnCY,MAACL,EAAA,CAAW,GAAGD,EAAO,MAAO,CAAE,GAAGE,EAAO,GAAGF,EAAM,KAAA,EAC/C,SAAAH,CAAA,CACH,CAEJ"}

package/dist/animations/Bounce/Bounce.d.ts

@@ -0,0 +1,12 @@
+export type Direction = 'left' | 'right' | 'top' | 'bottom';
+export type Style = React.HTMLAttributes<HTMLDivElement>['style'];
+export interface BounceProps extends React.HTMLAttributes<HTMLDivElement> {
+    enter: boolean;
+    delay?: number;
+    timeout?: number;
+    direction?: Direction;
+    children: React.ReactNode;
+    tag?: React.ElementType;
+}
+export default function Bounce({ enter, children, tag, delay, timeout, direction, ...props }: BounceProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Bounce.d.ts.map

package/dist/animations/Bounce/Bounce.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bounce.d.ts","sourceRoot":"","sources":["../../../src/animations/Bounce/Bounce.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE5D,MAAM,MAAM,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC;AAqBlE,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,GAAW,EACX,KAAU,EACV,OAAa,EACb,SAAmB,EACnB,GAAG,KAAK,EACT,EAAE,WAAW,2CAqBb"}

package/dist/animations/Bounce/Bounce.js

@@ -0,0 +1,2 @@
+import{jsx as c}from"react/jsx-runtime";import{useState as m,useEffect as p}from"react";const f=t=>({transform:"translate(0, 0)",transition:`transform ${t}s ease-in-out`}),x=(t,e)=>({transform:{top:"translate(0, -10px)",left:"translate(-10px, 0)",right:"translate(10px, 0)",bottom:"translate(0, 10px)"}[e],transition:`transform ${t}s ease-in-out`});function h({enter:t,children:e,tag:n="div",delay:r=50,timeout:s=.2,direction:a="right",...o}){const u=n,[i,l]=m(f(s));return p(()=>{t&&setTimeout(()=>{l(x(s,a)),setTimeout(()=>{l(f(s))},s*1e3)},r)},[t,r,s,a]),c(u,{...o,style:{...i,...o.style},children:e})}export{h as default};
+//# sourceMappingURL=Bounce.js.map

package/dist/animations/Bounce/Bounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bounce.js","sources":["../../../src/animations/Bounce/Bounce.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport type Direction = 'left' | 'right' | 'top' | 'bottom';\n\nexport type Style = React.HTMLAttributes<HTMLDivElement>['style'];\n\nconst styledShow = (timeout: number): Style => ({\n  transform: 'translate(0, 0)',\n  transition: `transform ${timeout}s ease-in-out`,\n});\n\nconst styledBounce = (timeout: number, direction: Direction): Style => {\n  const translate = {\n    top: 'translate(0, -10px)',\n    left: 'translate(-10px, 0)',\n    right: 'translate(10px, 0)',\n    bottom: 'translate(0, 10px)',\n  };\n\n  return {\n    transform: translate[direction],\n    transition: `transform ${timeout}s ease-in-out`,\n  };\n};\n\nexport interface BounceProps extends React.HTMLAttributes<HTMLDivElement> {\n  enter: boolean;\n  delay?: number;\n  timeout?: number;\n  direction?: Direction;\n  children: React.ReactNode;\n  tag?: React.ElementType;\n}\n\nexport default function Bounce({\n  enter,\n  children,\n  tag = 'div',\n  delay = 50,\n  timeout = 0.2,\n  direction = 'right',\n  ...props\n}: BounceProps) {\n  const CustomTag = tag;\n\n  const [style, setStyle] = useState<Style>(styledShow(timeout));\n\n  useEffect(() => {\n    if (!enter) return;\n\n    setTimeout(() => {\n      setStyle(styledBounce(timeout, direction));\n      setTimeout(() => {\n        setStyle(styledShow(timeout));\n      }, timeout * 1000);\n    }, delay);\n  }, [enter, delay, timeout, direction]);\n\n  return (\n    <CustomTag {...props} style={{ ...style, ...props.style }}>\n      {children}\n    </CustomTag>\n  );\n}\n"],"names":["styledShow","timeout","styledBounce","direction","Bounce","enter","children","tag","delay","props","CustomTag","style","setStyle","useState","useEffect","jsx"],"mappings":"wFAMA,MAAMA,EAAcC,IAA4B,CAC9C,UAAW,kBACX,WAAY,aAAaA,CAAO,eAClC,GAEMC,EAAe,CAACD,EAAiBE,KAQ9B,CACL,UARgB,CAChB,IAAK,sBACL,KAAM,sBACN,MAAO,qBACP,OAAQ,oBAAA,EAIaA,CAAS,EAC9B,WAAY,aAAaF,CAAO,eAAA,GAapC,SAAwBG,EAAO,CAC7B,MAAAC,EACA,SAAAC,EACA,IAAAC,EAAM,MACN,MAAAC,EAAQ,GACR,QAAAP,EAAU,GACV,UAAAE,EAAY,QACZ,GAAGM,CACL,EAAgB,CACd,MAAMC,EAAYH,EAEZ,CAACI,EAAOC,CAAQ,EAAIC,EAAgBb,EAAWC,CAAO,CAAC,EAE7D,OAAAa,EAAU,IAAM,CACTT,GAEL,WAAW,IAAM,CACfO,EAASV,EAAaD,EAASE,CAAS,CAAC,EACzC,WAAW,IAAM,CACfS,EAASZ,EAAWC,CAAO,CAAC,CAC9B,EAAGA,EAAU,GAAI,CACnB,EAAGO,CAAK,CACV,EAAG,CAACH,EAAOG,EAAOP,EAASE,CAAS,CAAC,EAGnCY,EAACL,EAAA,CAAW,GAAGD,EAAO,MAAO,CAAE,GAAGE,EAAO,GAAGF,EAAM,KAAA,EAC/C,SAAAH,CAAA,CACH,CAEJ"}

package/dist/animations/Bounce/Bounce.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Bounce } from './Bounce';
+export declare const List: StoryObj<typeof Bounce>;
+export declare const WithDifferentTimings: StoryObj<typeof Bounce>;
+export declare const Directions: StoryObj<typeof Bounce>;
+export declare const Playground: StoryObj<typeof Bounce>;
+declare const meta: Meta<typeof Bounce>;
+export default meta;
+//# sourceMappingURL=Bounce.stories.d.ts.map

package/dist/animations/Bounce/Bounce.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bounce.stories.d.ts","sourceRoot":"","sources":["../../../src/animations/Bounce/Bounce.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAUvD,OAAO,MAA4B,MAAM,UAAU,CAAC;AAsBpD,eAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,OAAO,MAAM,CAexC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,QAAQ,CAAC,OAAO,MAAM,CA2BxD,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,MAAM,CA2B9C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,MAAM,CAE9C,CAAC;AAIF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAyD7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/animations/Bounce/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Bounce.cjs");exports.default=e.default;
+//# sourceMappingURL=index.cjs.map

package/dist/animations/Bounce/index.d.ts

@@ -0,0 +1,2 @@
+export { default, type BounceProps } from './Bounce';
+//# sourceMappingURL=index.d.ts.map

package/dist/animations/Bounce/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/animations/Bounce/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/animations/Bounce/index.js

@@ -0,0 +1,2 @@
+import{default as o}from"./Bounce.js";export{o as default};
+//# sourceMappingURL=index.js.map

package/dist/animations/Fade/Fade.cjs

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

package/dist/animations/Fade/Fade.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fade.cjs","sources":["../../../src/animations/Fade/Fade.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { wait } from '@iziui/toolkit/promise';\n\ntype Style = React.HTMLAttributes<HTMLDivElement>['style'];\n\nexport interface FadeProps extends React.HTMLAttributes<HTMLDivElement> {\n  enter: boolean;\n  delay?: number;\n  timeout?: number;\n  children: React.ReactNode;\n}\n\nexport default function Fade({ children, enter, delay = 10, timeout = .5, ...props }: Readonly<FadeProps>) {\n  const [isVisible, setIsVisible] = useState(false);\n  const [style, setStyle] = useState<Style>({ opacity: 0 });\n\n  useEffect(() => {\n    setTimeout(() => {\n      if (enter) {\n        show();\n        return;\n      }\n\n      hide();\n    }, delay);\n  }, [enter]);\n\n  const show = () => {\n    setIsVisible(true);\n\n    wait(() => {\n      setStyle({ opacity: 1, });\n    }, delay);\n  };\n\n  const hide = async () => {\n    setStyle({ opacity: 0 });\n\n    await wait(() => {\n      setIsVisible(false);\n    }, timeout * 1000);\n  };\n\n  return (\n    isVisible && (\n      <div\n        {...props}\n        style={{\n          ...style,\n          width: '100%',\n          transition: `all ${timeout}s cubic-bezier(0.25, 0.1, 0.25, 1)`,\n          ...props.style\n        }}\n      >\n        {children}\n      </div>\n    )\n  );\n}\n"],"names":["Fade","children","enter","delay","timeout","props","isVisible","setIsVisible","useState","style","setStyle","useEffect","show","hide","wait","jsx"],"mappings":"oNAaA,SAAwBA,EAAK,CAAE,SAAAC,EAAU,MAAAC,EAAO,MAAAC,EAAQ,GAAI,QAAAC,EAAU,GAAI,GAAGC,GAA8B,CACzG,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAC1C,CAACC,EAAOC,CAAQ,EAAIF,EAAAA,SAAgB,CAAE,QAAS,EAAG,EAExDG,EAAAA,UAAU,IAAM,CACd,WAAW,IAAM,CACf,GAAIT,EAAO,CACTU,EAAA,EACA,MACF,CAEAC,EAAA,CACF,EAAGV,CAAK,CACV,EAAG,CAACD,CAAK,CAAC,EAEV,MAAMU,EAAO,IAAM,CACjBL,EAAa,EAAI,EAEjBO,EAAAA,KAAK,IAAM,CACTJ,EAAS,CAAE,QAAS,EAAI,CAC1B,EAAGP,CAAK,CACV,EAEMU,EAAO,SAAY,CACvBH,EAAS,CAAE,QAAS,EAAG,EAEvB,MAAMI,EAAAA,KAAK,IAAM,CACfP,EAAa,EAAK,CACpB,EAAGH,EAAU,GAAI,CACnB,EAEA,OACEE,GACES,EAAAA,IAAC,MAAA,CACE,GAAGV,EACJ,MAAO,CACL,GAAGI,EACH,MAAO,OACP,WAAY,OAAOL,CAAO,qCAC1B,GAAGC,EAAM,KAAA,EAGV,SAAAJ,CAAA,CAAA,CAIT"}

package/dist/animations/Fade/Fade.d.ts

@@ -0,0 +1,8 @@
+export interface FadeProps extends React.HTMLAttributes<HTMLDivElement> {
+    enter: boolean;
+    delay?: number;
+    timeout?: number;
+    children: React.ReactNode;
+}
+export default function Fade({ children, enter, delay, timeout, ...props }: Readonly<FadeProps>): false | import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Fade.d.ts.map

package/dist/animations/Fade/Fade.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fade.d.ts","sourceRoot":"","sources":["../../../src/animations/Fade/Fade.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAU,EAAE,OAAY,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,CAAC,SAAS,CAAC,mDA8CxG"}

package/dist/animations/Fade/Fade.js

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

package/dist/animations/Fade/Fade.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fade.js","sources":["../../../src/animations/Fade/Fade.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { wait } from '@iziui/toolkit/promise';\n\ntype Style = React.HTMLAttributes<HTMLDivElement>['style'];\n\nexport interface FadeProps extends React.HTMLAttributes<HTMLDivElement> {\n  enter: boolean;\n  delay?: number;\n  timeout?: number;\n  children: React.ReactNode;\n}\n\nexport default function Fade({ children, enter, delay = 10, timeout = .5, ...props }: Readonly<FadeProps>) {\n  const [isVisible, setIsVisible] = useState(false);\n  const [style, setStyle] = useState<Style>({ opacity: 0 });\n\n  useEffect(() => {\n    setTimeout(() => {\n      if (enter) {\n        show();\n        return;\n      }\n\n      hide();\n    }, delay);\n  }, [enter]);\n\n  const show = () => {\n    setIsVisible(true);\n\n    wait(() => {\n      setStyle({ opacity: 1, });\n    }, delay);\n  };\n\n  const hide = async () => {\n    setStyle({ opacity: 0 });\n\n    await wait(() => {\n      setIsVisible(false);\n    }, timeout * 1000);\n  };\n\n  return (\n    isVisible && (\n      <div\n        {...props}\n        style={{\n          ...style,\n          width: '100%',\n          transition: `all ${timeout}s cubic-bezier(0.25, 0.1, 0.25, 1)`,\n          ...props.style\n        }}\n      >\n        {children}\n      </div>\n    )\n  );\n}\n"],"names":["Fade","children","enter","delay","timeout","props","isVisible","setIsVisible","useState","style","setStyle","useEffect","show","hide","wait","jsx"],"mappings":"iJAaA,SAAwBA,EAAK,CAAE,SAAAC,EAAU,MAAAC,EAAO,MAAAC,EAAQ,GAAI,QAAAC,EAAU,GAAI,GAAGC,GAA8B,CACzG,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAS,EAAK,EAC1C,CAACC,EAAOC,CAAQ,EAAIF,EAAgB,CAAE,QAAS,EAAG,EAExDG,EAAU,IAAM,CACd,WAAW,IAAM,CACf,GAAIT,EAAO,CACTU,EAAA,EACA,MACF,CAEAC,EAAA,CACF,EAAGV,CAAK,CACV,EAAG,CAACD,CAAK,CAAC,EAEV,MAAMU,EAAO,IAAM,CACjBL,EAAa,EAAI,EAEjBO,EAAK,IAAM,CACTJ,EAAS,CAAE,QAAS,EAAI,CAC1B,EAAGP,CAAK,CACV,EAEMU,EAAO,SAAY,CACvBH,EAAS,CAAE,QAAS,EAAG,EAEvB,MAAMI,EAAK,IAAM,CACfP,EAAa,EAAK,CACpB,EAAGH,EAAU,GAAI,CACnB,EAEA,OACEE,GACES,EAAC,MAAA,CACE,GAAGV,EACJ,MAAO,CACL,GAAGI,EACH,MAAO,OACP,WAAY,OAAOL,CAAO,qCAC1B,GAAGC,EAAM,KAAA,EAGV,SAAAJ,CAAA,CAAA,CAIT"}

package/dist/animations/Fade/Fade.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Fade } from './Fade';
+export declare const List: StoryObj<typeof Fade>;
+export declare const Controlled: StoryObj<typeof Fade>;
+export declare const Playground: StoryObj<typeof Fade>;
+declare const meta: Meta<typeof Fade>;
+export default meta;
+//# sourceMappingURL=Fade.stories.d.ts.map

package/dist/animations/Fade/Fade.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fade.stories.d.ts","sourceRoot":"","sources":["../../../src/animations/Fade/Fade.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAUvD,OAAO,IAAwB,MAAM,QAAQ,CAAC;AAqB9C,eAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,OAAO,IAAI,CAetC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,IAAI,CAe5C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,IAAI,CAE5C,CAAC;AAIF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAoD3B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/animations/Fade/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Fade.cjs");exports.default=e.default;
+//# sourceMappingURL=index.cjs.map

package/dist/animations/Fade/index.d.ts

@@ -0,0 +1,2 @@
+export { default, type FadeProps } from './Fade';
+//# sourceMappingURL=index.d.ts.map

package/dist/animations/Fade/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/animations/Fade/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/dist/animations/Fade/index.js

@@ -0,0 +1,2 @@
+import{default as o}from"./Fade.js";export{o as default};
+//# sourceMappingURL=index.js.map

package/dist/animations/Slide/Slide.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react/jsx-runtime"),o=require("react"),d=t=>({opacity:1,transform:"",transition:`all ${t}s ease-in-out`}),i=(t,s)=>({opacity:0,transform:{top:"translateY(-10px)",left:"translateX(-10px)",right:"translateX(10px)",bottom:"translateY(10px)"}[s],transition:`all ${t}s ease-in-out`});function p({enter:t,children:s,tag:n="div",delay:r=50,timeout:e=.2,direction:a="right",...l}){const u=n,[c,f]=o.useState(i(e,a));return o.useEffect(()=>{setTimeout(()=>{f(t?d(e):i(e,a))},r)},[t,r,e,a]),y.jsx(u,{...l,style:{...c,width:"100%",...l.style},children:s})}exports.default=p;
+//# sourceMappingURL=Slide.cjs.map

package/dist/animations/Slide/Slide.cjs.map

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

package/dist/animations/Slide/Slide.d.ts

@@ -0,0 +1,12 @@
+export type Direction = 'left' | 'right' | 'top' | 'bottom';
+export type Style = React.HTMLAttributes<HTMLDivElement>['style'];
+export interface SlideProps extends React.HTMLAttributes<HTMLDivElement> {
+    enter: boolean;
+    delay?: number;
+    timeout?: number;
+    direction?: Direction;
+    children: React.ReactNode;
+    tag?: React.ElementType;
+}
+export default function Slide({ enter, children, tag, delay, timeout, direction, ...props }: SlideProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Slide.d.ts.map

package/dist/animations/Slide/Slide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slide.d.ts","sourceRoot":"","sources":["../../../src/animations/Slide/Slide.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE5D,MAAM,MAAM,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC;AAuBlE,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,GAAW,EACX,KAAU,EACV,OAAY,EACZ,SAAmB,EACnB,GAAG,KAAK,EACT,EAAE,UAAU,2CAgBZ"}

package/dist/animations/Slide/Slide.js

@@ -0,0 +1,2 @@
+import{jsx as c}from"react/jsx-runtime";import{useState as u,useEffect as y}from"react";const m=t=>({opacity:1,transform:"",transition:`all ${t}s ease-in-out`}),l=(t,a)=>({opacity:0,transform:{top:"translateY(-10px)",left:"translateX(-10px)",right:"translateX(10px)",bottom:"translateY(10px)"}[a],transition:`all ${t}s ease-in-out`});function h({enter:t,children:a,tag:n="div",delay:o=50,timeout:s=.2,direction:e="right",...r}){const i=n,[f,p]=u(l(s,e));return y(()=>{setTimeout(()=>{p(t?m(s):l(s,e))},o)},[t,o,s,e]),c(i,{...r,style:{...f,width:"100%",...r.style},children:a})}export{h as default};
+//# sourceMappingURL=Slide.js.map

package/dist/animations/Slide/Slide.js.map

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

package/dist/animations/Slide/Slide.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Slide } from './Slide';
+export declare const List: StoryObj<typeof Slide>;
+export declare const Directions: StoryObj<typeof Slide>;
+export declare const Playground: StoryObj<typeof Slide>;
+declare const meta: Meta<typeof Slide>;
+export default meta;
+//# sourceMappingURL=Slide.stories.d.ts.map

package/dist/animations/Slide/Slide.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slide.stories.d.ts","sourceRoot":"","sources":["../../../src/animations/Slide/Slide.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAUvD,OAAO,KAA0B,MAAM,SAAS,CAAC;AAqBjD,eAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,OAAO,KAAK,CAiBvC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,KAAK,CA2B7C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,KAAK,CAE7C,CAAC;AAIF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAoD5B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/animations/Slide/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Slide.cjs");exports.Slide=e.default;
+//# sourceMappingURL=index.cjs.map

package/dist/animations/Slide/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Slide, type SlideProps, type Direction } from './Slide';
+//# sourceMappingURL=index.d.ts.map

package/dist/animations/Slide/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/animations/Slide/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/animations/Slide/index.js

@@ -0,0 +1,2 @@
+import{default as d}from"./Slide.js";export{d as Slide};
+//# sourceMappingURL=index.js.map

package/dist/animations/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("./Slide/Slide.cjs");exports.Slide=e.default;
+//# sourceMappingURL=index.cjs.map

package/dist/animations/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/animations/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Bounce';
+export * from './Fade';
+export * from './Slide';
+//# sourceMappingURL=index.d.ts.map

package/dist/animations/index.d.ts.map

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

package/dist/animations/index.js

@@ -0,0 +1,2 @@
+import"react/jsx-runtime";import"react";import{default as i}from"./Slide/Slide.js";export{i as Slide};
+//# sourceMappingURL=index.js.map

package/dist/animations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/core/createComponent.cjs

@@ -1,2 +1,2 @@
-"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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),c=require("./src/options/createOptions/createOptions.cjs"),a=require("./src/plugin/index.cjs"),l=require("../theme/useTheme.cjs");require("../theme/ThemeProvider.cjs");require("./src/theme/Theme.cjs");function d(e){return Object.values(e).map(t=>t)}function m(e){return e.displayName=e.name,({sx:n,fullWidth:u,...r})=>{const{theme:i}=l.default(),o=n&&c.default({theme:i,sx:n},...d(a));return s.jsx(e,{...r,style:{...r.style,...o,...u?{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":"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"}
+{"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 plugins from '@iziui/core/plugin';\n\nimport { useTheme } from '@/theme';\n\nfunction extract(module: { [key: string]: Plugin }) {\n  return Object.values(module).map((fn) => fn);\n}\n\nexport default function createComponent<P>(WrappedComponent: ComponentType<P>) {\n  WrappedComponent.displayName = WrappedComponent.name;\n\n  const EnhancedComponent: FC<Sx<P>> = ({ sx, fullWidth, ...props }) => {\n    const { theme } = useTheme();\n\n    const options = sx && createOptions({ theme, sx },\n      ...extract(plugins),\n    );\n\n    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","plugins","jsx"],"mappings":"0VASA,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,CAAO,CAAA,EAGpB,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{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};
+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";import"./src/theme/Theme.js";function f(t){return Object.values(t).map(e=>e)}function y(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{y 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":"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"}
+{"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 plugins from '@iziui/core/plugin';\n\nimport { useTheme } from '@/theme';\n\nfunction extract(module: { [key: string]: Plugin }) {\n  return Object.values(module).map((fn) => fn);\n}\n\nexport default function createComponent<P>(WrappedComponent: ComponentType<P>) {\n  WrappedComponent.displayName = WrappedComponent.name;\n\n  const EnhancedComponent: FC<Sx<P>> = ({ sx, fullWidth, ...props }) => {\n    const { theme } = useTheme();\n\n    const options = sx && createOptions({ theme, sx },\n      ...extract(plugins),\n    );\n\n    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","plugins","jsx"],"mappings":"+OASA,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,CAAO,CAAA,EAGpB,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/plugin/behavior/defineBoxShadow/defineBoxShadow.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../../../tokens/dist/web/js/index.cjs"),r=require("../../definePlugin/definePlugin.cjs"),t=r.default((u,{boxShadow:o})=>o?{boxShadow:{sm:e.boxShadowSmall,md:e.boxShadowRegular,lg:e.boxShadowLarge}[o]}:{});exports.default=t;
+//# sourceMappingURL=defineBoxShadow.cjs.map

package/dist/core/src/plugin/behavior/defineBoxShadow/defineBoxShadow.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineBoxShadow.cjs","sources":["../../../../../../../../core/src/plugin/behavior/defineBoxShadow/defineBoxShadow.ts"],"sourcesContent":["import { boxShadowSmall, boxShadowRegular, boxShadowLarge } from '@iziui/tokens/web/js';\n\nimport definePlugin from '../../definePlugin';\nimport type { CustomOptions } from '../../../options/CustomOptions';\n\ntype ExtractSize = NonNullable<CustomOptions['boxShadow']>;\n\nexport default definePlugin((_, { boxShadow }) => {\n\n  if (!boxShadow) { return {}; }\n\n  const sizes: { [s in ExtractSize]: string } = {\n    sm: boxShadowSmall,\n    md: boxShadowRegular,\n    lg: boxShadowLarge,\n  };\n\n  return {\n    boxShadow: sizes[boxShadow]\n  };\n});"],"names":["defineBoxShadow","definePlugin","_","boxShadow","boxShadowSmall","boxShadowRegular","boxShadowLarge"],"mappings":"4NAOAA,EAAeC,EAAAA,QAAa,CAACC,EAAG,CAAE,UAAAC,KAE3BA,EAQE,CACL,UAP4C,CAC5C,GAAIC,EAAAA,eACJ,GAAIC,EAAAA,iBACJ,GAAIC,EAAAA,cAAA,EAIaH,CAAS,CAAA,EATH,CAAA,CAW1B"}

package/dist/core/src/plugin/behavior/defineBoxShadow/defineBoxShadow.js

@@ -0,0 +1,2 @@
+import{boxShadowLarge as e,boxShadowRegular as r,boxShadowSmall as a}from"../../../../../tokens/dist/web/js/index.js";import d from"../../definePlugin/definePlugin.js";const n=d((i,{boxShadow:o})=>o?{boxShadow:{sm:a,md:r,lg:e}[o]}:{});export{n as default};
+//# sourceMappingURL=defineBoxShadow.js.map

package/dist/core/src/plugin/behavior/defineBoxShadow/defineBoxShadow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defineBoxShadow.js","sources":["../../../../../../../../core/src/plugin/behavior/defineBoxShadow/defineBoxShadow.ts"],"sourcesContent":["import { boxShadowSmall, boxShadowRegular, boxShadowLarge } from '@iziui/tokens/web/js';\n\nimport definePlugin from '../../definePlugin';\nimport type { CustomOptions } from '../../../options/CustomOptions';\n\ntype ExtractSize = NonNullable<CustomOptions['boxShadow']>;\n\nexport default definePlugin((_, { boxShadow }) => {\n\n  if (!boxShadow) { return {}; }\n\n  const sizes: { [s in ExtractSize]: string } = {\n    sm: boxShadowSmall,\n    md: boxShadowRegular,\n    lg: boxShadowLarge,\n  };\n\n  return {\n    boxShadow: sizes[boxShadow]\n  };\n});"],"names":["defineBoxShadow","definePlugin","_","boxShadow","boxShadowSmall","boxShadowRegular","boxShadowLarge"],"mappings":"wKAOA,MAAAA,EAAeC,EAAa,CAACC,EAAG,CAAE,UAAAC,KAE3BA,EAQE,CACL,UAP4C,CAC5C,GAAIC,EACJ,GAAIC,EACJ,GAAIC,CAAA,EAIaH,CAAS,CAAA,EATH,CAAA,CAW1B"}