@iziui/react 0.0.52-rc → 0.0.54-rc

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

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/display/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAI9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOtD,OAAO,0CAA0C,CAAC;AAElD,eAAO,MAAM,QAAQ,2FAWX,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;AAe9C,UAAU,eAAgB,SAAQ,iBAAiB,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC;;AAqCD,wBAA2C"}
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/display/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,KAAK,aAAa,EAAW,MAAM,OAAO,CAAC;AAIjG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAOtD,OAAO,0CAA0C,CAAC;AAElD,eAAO,MAAM,QAAQ,2FAWX,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;AAe9C,UAAU,eAAgB,SAAQ,iBAAiB,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC;;AAwCD,wBAA2C"}

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

@@ -1,2 +1,4 @@
-export { default, type ToastProps } from './Toast';
+export { default as Toast } from './Toast';
+export { default as ToastProvider } from './ToastProvider';
+export { default as useToast } from './useToast';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/feedback/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/feedback/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/.types/layout/Container/Container.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from 'react';
+type Width = string | number;
+export interface ContainerProps extends HTMLAttributes<HTMLElement> {
+    tag?: React.ElementType;
+    sm?: Width;
+    md?: Width;
+    lg?: Width;
+}
+declare const _default: import('react').FC<import('@iziui/core/options').Sx<ContainerProps & import('react').RefAttributes<HTMLElement>>>;
+export default _default;
+//# sourceMappingURL=Container.d.ts.map

package/dist/.types/layout/Container/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/layout/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAQ5C,OAAO,yCAAyC,CAAC;AAEjD,KAAK,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAE7B,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,WAAW,CAAC;IACjE,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACxB,EAAE,CAAC,EAAE,KAAK,CAAC;IACX,EAAE,CAAC,EAAE,KAAK,CAAC;IACX,EAAE,CAAC,EAAE,KAAK,CAAC;CACZ;;AA+CD,wBAA0C"}

package/dist/.types/layout/Container/Container.spec.d.ts

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

package/dist/.types/layout/Container/Container.spec.d.ts.map

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

package/dist/.types/layout/Container/Container.stories.d.ts

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

package/dist/.types/layout/Container/Container.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.stories.d.ts","sourceRoot":"","sources":["../../../../src/layout/Container/Container.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,SAAS,MAAM,aAAa,CAAC;AAGpC,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,SAAS,CAiB9C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,SAAS,CAEjD,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAyChC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/.types/layout/Container/index.d.ts

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

package/dist/.types/layout/Container/index.d.ts.map

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

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

@@ -1,4 +1,5 @@
 export * from './Box';
+export * from './Container';
 export * from './Grid';
 export * from './Stack';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layout/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}

package/dist/chunks/{Alert-DAYw7lG0.cjs → Alert-BSZpV_lB.cjs}

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),p=require("react"),t=require("./index-DYxwT4uW.cjs"),i=require("./joinClass-Jk3EszKD.cjs"),a=require("./Stack-B9mi696v.cjs"),j=require("./Typography-BKIC6AW2.cjs"),d=require("./ButtonIcon-CzxDZNK8.cjs"),y=require("./createComponent-6wUj8nAi.cjs"),q=require("./Icon-BEUDQFrk.cjs");function $({children:n,icon:s,color:r="primary",onClose:c,...o}){const l=i.joinClass(`${t.prefix}-alert`,`${t.prefix}-alert--${r}`,o.className),u=i.joinClass(`${t.prefix}-alert__button`,`${t.prefix}-alert__button--${r}`),x=()=>typeof n=="string"?e.jsx(j.Typography,{variant:"body1",style:{color:"currentcolor"},children:n}):n,m=f=>p.cloneElement(f,{color:`${r}.dark`});return e.jsxs(a.Stack,{fullWidth:!0,gap:0,flexDirection:"row",alignItems:"center",justifyContent:"center",...o,className:l,children:[e.jsxs(a.Stack,{fullWidth:!0,gap:8,flexDirection:"row",alignItems:"center",className:`${t.prefix}-alert__content`,children:[s&&m(s),x()]}),c&&e.jsx("div",{children:e.jsx(d.ButtonIcon,{className:u,onClick:c,color:r,style:{color:"currentColor"},children:e.jsx(q.Icon,{name:"times"})})})]})}const g=y.createComponent($);exports.Alert=g;
-//# sourceMappingURL=Alert-DAYw7lG0.cjs.map
+"use strict";const e=require("react/jsx-runtime"),p=require("react"),t=require("./index-DYxwT4uW.cjs"),i=require("./joinClass-Jk3EszKD.cjs"),a=require("./Stack-B9mi696v.cjs"),j=require("./Typography-DaZ95boB.cjs"),d=require("./ButtonIcon-CzxDZNK8.cjs"),y=require("./createComponent-6wUj8nAi.cjs"),q=require("./Icon-BEUDQFrk.cjs");function $({children:n,icon:s,color:r="primary",onClose:c,...o}){const l=i.joinClass(`${t.prefix}-alert`,`${t.prefix}-alert--${r}`,o.className),u=i.joinClass(`${t.prefix}-alert__button`,`${t.prefix}-alert__button--${r}`),x=()=>typeof n=="string"?e.jsx(j.Typography,{variant:"body1",style:{color:"currentcolor"},children:n}):n,m=f=>p.cloneElement(f,{color:`${r}.dark`});return e.jsxs(a.Stack,{fullWidth:!0,gap:0,flexDirection:"row",alignItems:"center",justifyContent:"center",...o,className:l,children:[e.jsxs(a.Stack,{fullWidth:!0,gap:8,flexDirection:"row",alignItems:"center",className:`${t.prefix}-alert__content`,children:[s&&m(s),x()]}),c&&e.jsx("div",{children:e.jsx(d.ButtonIcon,{className:u,onClick:c,color:r,style:{color:"currentColor"},children:e.jsx(q.Icon,{name:"times"})})})]})}const g=y.createComponent($);exports.Alert=g;
+//# sourceMappingURL=Alert-BSZpV_lB.cjs.map

package/dist/chunks/{Alert-DAYw7lG0.cjs.map → Alert-BSZpV_lB.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Alert-DAYw7lG0.cjs","sources":["../../src/feedback/Alert/Alert.tsx"],"sourcesContent":["import { cloneElement, type HtmlHTMLAttributes } 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';\n\nimport Stack from '@/layout/Stack';\nimport Typography from '@/display/Typography';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport createComponent from '@/core/createComponent';\nimport Icon, { type IconProps } from '@/display/Icon';\n\nimport '@iziui/styles/components/Alert.scss';\n\nexport interface AlertProps extends HtmlHTMLAttributes<HTMLDivElement> {\n  color?: Colors;\n  icon?: React.JSX.Element;\n  children: React.ReactNode;\n  onClose?: () => void;\n}\n\nfunction Alert({\n  children,\n  icon,\n  color = 'primary',\n  onClose,\n  ...props\n}: AlertProps) {\n  const className = joinClass(\n    `${prefix}-alert`,\n    `${prefix}-alert--${color}`,\n    props.className\n  );\n\n  const classNameAction = joinClass(\n    `${prefix}-alert__button`,\n    `${prefix}-alert__button--${color}`,\n  );\n\n  const renderMessage = () => {\n    if (typeof children === 'string') {\n      return (\n        <Typography variant=\"body1\" style={{ color: 'currentcolor' }}>\n          {children}\n        </Typography>\n      );\n    }\n\n    return children;\n  };\n\n  const renderIcon = (icon: React.JSX.Element) => {\n    return cloneElement<IconProps>(icon, {\n      color: `${color}.dark`\n    });\n  };\n\n  return (\n    <Stack\n      fullWidth\n      gap={0}\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      {...props}\n      className={className}\n    >\n      <Stack\n        fullWidth\n        gap={8}\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        className={`${prefix}-alert__content`}\n      >\n        {icon && renderIcon(icon)}\n        {renderMessage()}\n      </Stack>\n      {\n        onClose && (\n          <div>\n            <ButtonIcon\n              className={classNameAction}\n              onClick={onClose}\n              color={color}\n              style={{ color: 'currentColor' }}\n            >\n              <Icon name=\"times\" />\n            </ButtonIcon>\n          </div>)\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(Alert);"],"names":["Alert","children","icon","color","onClose","props","className","joinClass","prefix","classNameAction","renderMessage","jsx","Typography","renderIcon","cloneElement","jsxs","Stack","ButtonIcon","Icon","createComponent"],"mappings":"0UAsBA,SAASA,EAAM,CACb,SAAAC,EACA,KAAAC,EACA,MAAAC,EAAQ,UACR,QAAAC,EACA,GAAGC,CACL,EAAe,CACb,MAAMC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,SACT,GAAGA,EAAAA,MAAM,WAAWL,CAAK,GACzBE,EAAM,SAAA,EAGFI,EAAkBF,EAAAA,UACtB,GAAGC,EAAAA,MAAM,iBACT,GAAGA,EAAAA,MAAM,mBAAmBL,CAAK,EAAA,EAG7BO,EAAgB,IAChB,OAAOT,GAAa,SAEpBU,MAACC,EAAAA,YAAW,QAAQ,QAAQ,MAAO,CAAE,MAAO,gBACzC,SAAAX,EACH,EAIGA,EAGHY,EAAcX,GACXY,EAAAA,aAAwBZ,EAAM,CACnC,MAAO,GAAGC,CAAK,OAAA,CAChB,EAGH,OACEY,EAAAA,KAACC,EAAAA,MAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,eAAe,SACd,GAAGX,EACJ,UAAAC,EAEA,SAAA,CAAAS,EAAAA,KAACC,EAAAA,MAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,UAAW,GAAGR,EAAAA,MAAM,kBAEnB,SAAA,CAAAN,GAAQW,EAAWX,CAAI,EACvBQ,EAAA,CAAc,CAAA,CAAA,EAGfN,SACG,MAAA,CACC,SAAAO,EAAAA,IAACM,EAAAA,WAAA,CACC,UAAWR,EACX,QAASL,EACT,MAAAD,EACA,MAAO,CAAE,MAAO,cAAA,EAEhB,SAAAQ,EAAAA,IAACO,EAAAA,KAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CAAA,CACrB,CACF,CAAA,CAAA,CAAA,CAIV,CAEA,MAAAlB,EAAemB,EAAAA,gBAAgBnB,CAAK"}
+{"version":3,"file":"Alert-BSZpV_lB.cjs","sources":["../../src/feedback/Alert/Alert.tsx"],"sourcesContent":["import { cloneElement, type HtmlHTMLAttributes } 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';\n\nimport Stack from '@/layout/Stack';\nimport Typography from '@/display/Typography';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport createComponent from '@/core/createComponent';\nimport Icon, { type IconProps } from '@/display/Icon';\n\nimport '@iziui/styles/components/Alert.scss';\n\nexport interface AlertProps extends HtmlHTMLAttributes<HTMLDivElement> {\n  color?: Colors;\n  icon?: React.JSX.Element;\n  children: React.ReactNode;\n  onClose?: () => void;\n}\n\nfunction Alert({\n  children,\n  icon,\n  color = 'primary',\n  onClose,\n  ...props\n}: AlertProps) {\n  const className = joinClass(\n    `${prefix}-alert`,\n    `${prefix}-alert--${color}`,\n    props.className\n  );\n\n  const classNameAction = joinClass(\n    `${prefix}-alert__button`,\n    `${prefix}-alert__button--${color}`,\n  );\n\n  const renderMessage = () => {\n    if (typeof children === 'string') {\n      return (\n        <Typography variant=\"body1\" style={{ color: 'currentcolor' }}>\n          {children}\n        </Typography>\n      );\n    }\n\n    return children;\n  };\n\n  const renderIcon = (icon: React.JSX.Element) => {\n    return cloneElement<IconProps>(icon, {\n      color: `${color}.dark`\n    });\n  };\n\n  return (\n    <Stack\n      fullWidth\n      gap={0}\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      {...props}\n      className={className}\n    >\n      <Stack\n        fullWidth\n        gap={8}\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        className={`${prefix}-alert__content`}\n      >\n        {icon && renderIcon(icon)}\n        {renderMessage()}\n      </Stack>\n      {\n        onClose && (\n          <div>\n            <ButtonIcon\n              className={classNameAction}\n              onClick={onClose}\n              color={color}\n              style={{ color: 'currentColor' }}\n            >\n              <Icon name=\"times\" />\n            </ButtonIcon>\n          </div>)\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(Alert);"],"names":["Alert","children","icon","color","onClose","props","className","joinClass","prefix","classNameAction","renderMessage","jsx","Typography","renderIcon","cloneElement","jsxs","Stack","ButtonIcon","Icon","createComponent"],"mappings":"0UAsBA,SAASA,EAAM,CACb,SAAAC,EACA,KAAAC,EACA,MAAAC,EAAQ,UACR,QAAAC,EACA,GAAGC,CACL,EAAe,CACb,MAAMC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,SACT,GAAGA,EAAAA,MAAM,WAAWL,CAAK,GACzBE,EAAM,SAAA,EAGFI,EAAkBF,EAAAA,UACtB,GAAGC,EAAAA,MAAM,iBACT,GAAGA,EAAAA,MAAM,mBAAmBL,CAAK,EAAA,EAG7BO,EAAgB,IAChB,OAAOT,GAAa,SAEpBU,MAACC,EAAAA,YAAW,QAAQ,QAAQ,MAAO,CAAE,MAAO,gBACzC,SAAAX,EACH,EAIGA,EAGHY,EAAcX,GACXY,EAAAA,aAAwBZ,EAAM,CACnC,MAAO,GAAGC,CAAK,OAAA,CAChB,EAGH,OACEY,EAAAA,KAACC,EAAAA,MAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,eAAe,SACd,GAAGX,EACJ,UAAAC,EAEA,SAAA,CAAAS,EAAAA,KAACC,EAAAA,MAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,UAAW,GAAGR,EAAAA,MAAM,kBAEnB,SAAA,CAAAN,GAAQW,EAAWX,CAAI,EACvBQ,EAAA,CAAc,CAAA,CAAA,EAGfN,SACG,MAAA,CACC,SAAAO,EAAAA,IAACM,EAAAA,WAAA,CACC,UAAWR,EACX,QAASL,EACT,MAAAD,EACA,MAAO,CAAE,MAAO,cAAA,EAEhB,SAAAQ,EAAAA,IAACO,EAAAA,KAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CAAA,CACrB,CACF,CAAA,CAAA,CAAA,CAIV,CAEA,MAAAlB,EAAemB,EAAAA,gBAAgBnB,CAAK"}

package/dist/chunks/{Alert-Dvtv5drl.js → Alert-Eku3Mhx-.js}

@@ -1,2 +1,2 @@
-import{jsxs as c,jsx as e}from"react/jsx-runtime";import{cloneElement as $}from"react";import{p as r}from"./index-CZ41y9Hn.js";import{j as i}from"./joinClass-anSpaauN.js";import{S as m}from"./Stack-DyhbU7Me.js";import{T as y}from"./Typography-C2ffsG3_.js";import{B as g}from"./ButtonIcon-B5VfjTl_.js";import{c as x}from"./createComponent-DppVNf5x.js";import{I}from"./Icon-BCwUSOy5.js";function _({children:o,icon:n,color:t="primary",onClose:a,...s}){const l=i(`${r}-alert`,`${r}-alert--${t}`,s.className),f=i(`${r}-alert__button`,`${r}-alert__button--${t}`),p=()=>typeof o=="string"?e(y,{variant:"body1",style:{color:"currentcolor"},children:o}):o,u=d=>$(d,{color:`${t}.dark`});return c(m,{fullWidth:!0,gap:0,flexDirection:"row",alignItems:"center",justifyContent:"center",...s,className:l,children:[c(m,{fullWidth:!0,gap:8,flexDirection:"row",alignItems:"center",className:`${r}-alert__content`,children:[n&&u(n),p()]}),a&&e("div",{children:e(g,{className:f,onClick:a,color:t,style:{color:"currentColor"},children:e(I,{name:"times"})})})]})}const B=x(_);export{B as A};
-//# sourceMappingURL=Alert-Dvtv5drl.js.map
+import{jsxs as c,jsx as e}from"react/jsx-runtime";import{cloneElement as $}from"react";import{p as r}from"./index-CZ41y9Hn.js";import{j as i}from"./joinClass-anSpaauN.js";import{S as m}from"./Stack-DyhbU7Me.js";import{T as y}from"./Typography-CmzvEsC_.js";import{B as g}from"./ButtonIcon-B5VfjTl_.js";import{c as x}from"./createComponent-DppVNf5x.js";import{I}from"./Icon-BCwUSOy5.js";function _({children:o,icon:n,color:t="primary",onClose:a,...s}){const l=i(`${r}-alert`,`${r}-alert--${t}`,s.className),f=i(`${r}-alert__button`,`${r}-alert__button--${t}`),p=()=>typeof o=="string"?e(y,{variant:"body1",style:{color:"currentcolor"},children:o}):o,u=d=>$(d,{color:`${t}.dark`});return c(m,{fullWidth:!0,gap:0,flexDirection:"row",alignItems:"center",justifyContent:"center",...s,className:l,children:[c(m,{fullWidth:!0,gap:8,flexDirection:"row",alignItems:"center",className:`${r}-alert__content`,children:[n&&u(n),p()]}),a&&e("div",{children:e(g,{className:f,onClick:a,color:t,style:{color:"currentColor"},children:e(I,{name:"times"})})})]})}const B=x(_);export{B as A};
+//# sourceMappingURL=Alert-Eku3Mhx-.js.map

package/dist/chunks/{Alert-Dvtv5drl.js.map → Alert-Eku3Mhx-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Alert-Dvtv5drl.js","sources":["../../src/feedback/Alert/Alert.tsx"],"sourcesContent":["import { cloneElement, type HtmlHTMLAttributes } 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';\n\nimport Stack from '@/layout/Stack';\nimport Typography from '@/display/Typography';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport createComponent from '@/core/createComponent';\nimport Icon, { type IconProps } from '@/display/Icon';\n\nimport '@iziui/styles/components/Alert.scss';\n\nexport interface AlertProps extends HtmlHTMLAttributes<HTMLDivElement> {\n  color?: Colors;\n  icon?: React.JSX.Element;\n  children: React.ReactNode;\n  onClose?: () => void;\n}\n\nfunction Alert({\n  children,\n  icon,\n  color = 'primary',\n  onClose,\n  ...props\n}: AlertProps) {\n  const className = joinClass(\n    `${prefix}-alert`,\n    `${prefix}-alert--${color}`,\n    props.className\n  );\n\n  const classNameAction = joinClass(\n    `${prefix}-alert__button`,\n    `${prefix}-alert__button--${color}`,\n  );\n\n  const renderMessage = () => {\n    if (typeof children === 'string') {\n      return (\n        <Typography variant=\"body1\" style={{ color: 'currentcolor' }}>\n          {children}\n        </Typography>\n      );\n    }\n\n    return children;\n  };\n\n  const renderIcon = (icon: React.JSX.Element) => {\n    return cloneElement<IconProps>(icon, {\n      color: `${color}.dark`\n    });\n  };\n\n  return (\n    <Stack\n      fullWidth\n      gap={0}\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      {...props}\n      className={className}\n    >\n      <Stack\n        fullWidth\n        gap={8}\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        className={`${prefix}-alert__content`}\n      >\n        {icon && renderIcon(icon)}\n        {renderMessage()}\n      </Stack>\n      {\n        onClose && (\n          <div>\n            <ButtonIcon\n              className={classNameAction}\n              onClick={onClose}\n              color={color}\n              style={{ color: 'currentColor' }}\n            >\n              <Icon name=\"times\" />\n            </ButtonIcon>\n          </div>)\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(Alert);"],"names":["Alert","children","icon","color","onClose","props","className","joinClass","prefix","classNameAction","renderMessage","jsx","Typography","renderIcon","cloneElement","jsxs","Stack","ButtonIcon","Icon","Alert$1","createComponent"],"mappings":"iYAsBA,SAASA,EAAM,CACb,SAAAC,EACA,KAAAC,EACA,MAAAC,EAAQ,UACR,QAAAC,EACA,GAAGC,CACL,EAAe,CACb,MAAMC,EAAYC,EAChB,GAAGC,CAAM,SACT,GAAGA,CAAM,WAAWL,CAAK,GACzBE,EAAM,SAAA,EAGFI,EAAkBF,EACtB,GAAGC,CAAM,iBACT,GAAGA,CAAM,mBAAmBL,CAAK,EAAA,EAG7BO,EAAgB,IAChB,OAAOT,GAAa,SAEpBU,EAACC,GAAW,QAAQ,QAAQ,MAAO,CAAE,MAAO,gBACzC,SAAAX,EACH,EAIGA,EAGHY,EAAcX,GACXY,EAAwBZ,EAAM,CACnC,MAAO,GAAGC,CAAK,OAAA,CAChB,EAGH,OACEY,EAACC,EAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,eAAe,SACd,GAAGX,EACJ,UAAAC,EAEA,SAAA,CAAAS,EAACC,EAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,UAAW,GAAGR,CAAM,kBAEnB,SAAA,CAAAN,GAAQW,EAAWX,CAAI,EACvBQ,EAAA,CAAc,CAAA,CAAA,EAGfN,KACG,MAAA,CACC,SAAAO,EAACM,EAAA,CACC,UAAWR,EACX,QAASL,EACT,MAAAD,EACA,MAAO,CAAE,MAAO,cAAA,EAEhB,SAAAQ,EAACO,EAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CAAA,CACrB,CACF,CAAA,CAAA,CAAA,CAIV,CAEA,MAAAC,EAAeC,EAAgBpB,CAAK"}
+{"version":3,"file":"Alert-Eku3Mhx-.js","sources":["../../src/feedback/Alert/Alert.tsx"],"sourcesContent":["import { cloneElement, type HtmlHTMLAttributes } 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';\n\nimport Stack from '@/layout/Stack';\nimport Typography from '@/display/Typography';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport createComponent from '@/core/createComponent';\nimport Icon, { type IconProps } from '@/display/Icon';\n\nimport '@iziui/styles/components/Alert.scss';\n\nexport interface AlertProps extends HtmlHTMLAttributes<HTMLDivElement> {\n  color?: Colors;\n  icon?: React.JSX.Element;\n  children: React.ReactNode;\n  onClose?: () => void;\n}\n\nfunction Alert({\n  children,\n  icon,\n  color = 'primary',\n  onClose,\n  ...props\n}: AlertProps) {\n  const className = joinClass(\n    `${prefix}-alert`,\n    `${prefix}-alert--${color}`,\n    props.className\n  );\n\n  const classNameAction = joinClass(\n    `${prefix}-alert__button`,\n    `${prefix}-alert__button--${color}`,\n  );\n\n  const renderMessage = () => {\n    if (typeof children === 'string') {\n      return (\n        <Typography variant=\"body1\" style={{ color: 'currentcolor' }}>\n          {children}\n        </Typography>\n      );\n    }\n\n    return children;\n  };\n\n  const renderIcon = (icon: React.JSX.Element) => {\n    return cloneElement<IconProps>(icon, {\n      color: `${color}.dark`\n    });\n  };\n\n  return (\n    <Stack\n      fullWidth\n      gap={0}\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      {...props}\n      className={className}\n    >\n      <Stack\n        fullWidth\n        gap={8}\n        flexDirection=\"row\"\n        alignItems=\"center\"\n        className={`${prefix}-alert__content`}\n      >\n        {icon && renderIcon(icon)}\n        {renderMessage()}\n      </Stack>\n      {\n        onClose && (\n          <div>\n            <ButtonIcon\n              className={classNameAction}\n              onClick={onClose}\n              color={color}\n              style={{ color: 'currentColor' }}\n            >\n              <Icon name=\"times\" />\n            </ButtonIcon>\n          </div>)\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(Alert);"],"names":["Alert","children","icon","color","onClose","props","className","joinClass","prefix","classNameAction","renderMessage","jsx","Typography","renderIcon","cloneElement","jsxs","Stack","ButtonIcon","Icon","Alert$1","createComponent"],"mappings":"iYAsBA,SAASA,EAAM,CACb,SAAAC,EACA,KAAAC,EACA,MAAAC,EAAQ,UACR,QAAAC,EACA,GAAGC,CACL,EAAe,CACb,MAAMC,EAAYC,EAChB,GAAGC,CAAM,SACT,GAAGA,CAAM,WAAWL,CAAK,GACzBE,EAAM,SAAA,EAGFI,EAAkBF,EACtB,GAAGC,CAAM,iBACT,GAAGA,CAAM,mBAAmBL,CAAK,EAAA,EAG7BO,EAAgB,IAChB,OAAOT,GAAa,SAEpBU,EAACC,GAAW,QAAQ,QAAQ,MAAO,CAAE,MAAO,gBACzC,SAAAX,EACH,EAIGA,EAGHY,EAAcX,GACXY,EAAwBZ,EAAM,CACnC,MAAO,GAAGC,CAAK,OAAA,CAChB,EAGH,OACEY,EAACC,EAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,eAAe,SACd,GAAGX,EACJ,UAAAC,EAEA,SAAA,CAAAS,EAACC,EAAA,CACC,UAAS,GACT,IAAK,EACL,cAAc,MACd,WAAW,SACX,UAAW,GAAGR,CAAM,kBAEnB,SAAA,CAAAN,GAAQW,EAAWX,CAAI,EACvBQ,EAAA,CAAc,CAAA,CAAA,EAGfN,KACG,MAAA,CACC,SAAAO,EAACM,EAAA,CACC,UAAWR,EACX,QAASL,EACT,MAAAD,EACA,MAAO,CAAE,MAAO,cAAA,EAEhB,SAAAQ,EAACO,EAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CAAA,CACrB,CACF,CAAA,CAAA,CAAA,CAIV,CAEA,MAAAC,EAAeC,EAAgBpB,CAAK"}

package/dist/chunks/Typography-CmzvEsC_.js

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

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

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

package/dist/chunks/Typography-DaZ95boB.cjs

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

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

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

package/dist/components/Alert/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Alert-DAYw7lG0.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/Stack-B9mi696v.cjs");require("../../chunks/createComponent-6wUj8nAi.cjs");require("../../chunks/useTheme-BZ0xkY68.cjs");require("../../chunks/Typography-BKIC6AW2.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/ButtonIcon-CzxDZNK8.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/Icon-BEUDQFrk.cjs");exports.default=e.Alert;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Alert-BSZpV_lB.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/Stack-B9mi696v.cjs");require("../../chunks/createComponent-6wUj8nAi.cjs");require("../../chunks/useTheme-BZ0xkY68.cjs");require("../../chunks/Typography-DaZ95boB.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/ButtonIcon-CzxDZNK8.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/Icon-BEUDQFrk.cjs");exports.default=e.Alert;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Alert/index.js

@@ -1,2 +1,2 @@
-import{A}from"../../chunks/Alert-Dvtv5drl.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Stack-DyhbU7Me.js";import"../../chunks/createComponent-DppVNf5x.js";import"../../chunks/useTheme-BhIs8Txu.js";import"../../chunks/Typography-C2ffsG3_.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/ButtonIcon-B5VfjTl_.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-BCwUSOy5.js";export{A as default};
+import{A}from"../../chunks/Alert-Eku3Mhx-.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/Stack-DyhbU7Me.js";import"../../chunks/createComponent-DppVNf5x.js";import"../../chunks/useTheme-BhIs8Txu.js";import"../../chunks/Typography-CmzvEsC_.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/ButtonIcon-B5VfjTl_.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-BCwUSOy5.js";export{A as default};
 //# sourceMappingURL=index.js.map

package/dist/components/Avatar/index.cjs

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

package/dist/components/Avatar/index.js

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

package/dist/components/Container/index.cjs

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

package/dist/components/Container/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/layout/Container/Container.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport { forwardRef, useState } from 'react';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport useResize from '@/hooks/useResize';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Container.scss';\n\ntype Width = string | number;\n\nexport interface ContainerProps extends HTMLAttributes<HTMLElement> {\n  tag?: React.ElementType;\n  sm?: Width;\n  md?: Width;\n  lg?: Width;\n}\n\nconst Container = forwardRef<HTMLElement, ContainerProps>(\n  function Container({\n    sm = '100%',\n    md = 750,\n    lg = 950,\n    children,\n    tag = 'div',\n    ...props\n  }, ref) {\n    const [width, setWidth] = useState<Width>(0);\n\n    const MAP = { sm, lg, md };\n\n    const className = joinClass(\n      props.className\n    );\n\n    useResize({\n      onXs: () => setWidth(MAP['sm']),\n      onSm: () => setWidth(MAP['md']),\n      onMd: () => setWidth(MAP['md']),\n      onLg: () => setWidth(MAP['lg']),\n      onXl: () => setWidth(MAP['lg']),\n    });\n\n    const CustomTag = tag;\n\n    return (\n      <CustomTag\n        {...props}\n        ref={ref}\n        style={{\n          width: '100%',\n          maxWidth: width,\n          margin: 'auto',\n          ...props.style\n        }}\n        className={className}\n      >\n        {children}\n      </CustomTag>\n    );\n  }\n);\n\nexport default createComponent(Container);\n"],"names":["Container","forwardRef","sm","md","lg","children","tag","props","ref","width","setWidth","useState","MAP","className","joinClass","useResize","CustomTag","jsx","Container_default","createComponent"],"mappings":"sZAmBA,MAAMA,EAAYC,EAAAA,WAChB,SAAmB,CACjB,GAAAC,EAAK,OACL,GAAAC,EAAK,IACL,GAAAC,EAAK,IACL,SAAAC,EACA,IAAAC,EAAM,MACN,GAAGC,CAAA,EACFC,EAAK,CACN,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAgB,CAAC,EAErCC,EAAM,CAAE,GAAAV,EAAI,GAAAE,EAAI,GAAAD,CAAA,EAEhBU,EAAYC,EAAAA,UAChBP,EAAM,SAAA,EAGRQ,YAAU,CACR,KAAM,IAAML,EAASE,EAAI,EAAK,EAC9B,KAAM,IAAMF,EAASE,EAAI,EAAK,EAC9B,KAAM,IAAMF,EAASE,EAAI,EAAK,EAC9B,KAAM,IAAMF,EAASE,EAAI,EAAK,EAC9B,KAAM,IAAMF,EAASE,EAAI,EAAK,CAAA,CAC/B,EAED,MAAMI,EAAYV,EAElB,OACEW,EAAAA,IAACD,EAAA,CACE,GAAGT,EACJ,IAAAC,EACA,MAAO,CACL,MAAO,OACP,SAAUC,EACV,OAAQ,OACR,GAAGF,EAAM,KAAA,EAEX,UAAAM,EAEC,SAAAR,CAAA,CAAA,CAGP,CACF,EAEAa,EAAeC,EAAAA,gBAAgBnB,CAAS"}

package/dist/components/Container/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from '../../.types/layout/Container';
+export * from '../../.types/layout/Container';

package/dist/components/Container/index.js

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

package/dist/components/Container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/layout/Container/Container.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport { forwardRef, useState } from 'react';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport useResize from '@/hooks/useResize';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Container.scss';\n\ntype Width = string | number;\n\nexport interface ContainerProps extends HTMLAttributes<HTMLElement> {\n  tag?: React.ElementType;\n  sm?: Width;\n  md?: Width;\n  lg?: Width;\n}\n\nconst Container = forwardRef<HTMLElement, ContainerProps>(\n  function Container({\n    sm = '100%',\n    md = 750,\n    lg = 950,\n    children,\n    tag = 'div',\n    ...props\n  }, ref) {\n    const [width, setWidth] = useState<Width>(0);\n\n    const MAP = { sm, lg, md };\n\n    const className = joinClass(\n      props.className\n    );\n\n    useResize({\n      onXs: () => setWidth(MAP['sm']),\n      onSm: () => setWidth(MAP['md']),\n      onMd: () => setWidth(MAP['md']),\n      onLg: () => setWidth(MAP['lg']),\n      onXl: () => setWidth(MAP['lg']),\n    });\n\n    const CustomTag = tag;\n\n    return (\n      <CustomTag\n        {...props}\n        ref={ref}\n        style={{\n          width: '100%',\n          maxWidth: width,\n          margin: 'auto',\n          ...props.style\n        }}\n        className={className}\n      >\n        {children}\n      </CustomTag>\n    );\n  }\n);\n\nexport default createComponent(Container);\n"],"names":["Container","forwardRef","sm","md","lg","children","tag","props","ref","width","setWidth","useState","MAP","className","joinClass","useResize","jsx","Container_default","createComponent"],"mappings":"qVAmBA,MAAMA,EAAYC,EAChB,SAAmB,CACjB,GAAAC,EAAK,OACL,GAAAC,EAAK,IACL,GAAAC,EAAK,IACL,SAAAC,EACA,IAAAC,EAAM,MACN,GAAGC,CAAA,EACFC,EAAK,CACN,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAgB,CAAC,EAErCC,EAAM,CAAE,GAAAV,EAAI,GAAAE,EAAI,GAAAD,CAAA,EAEhBU,EAAYC,EAChBP,EAAM,SAAA,EAGR,OAAAQ,EAAU,CACR,KAAM,IAAML,EAASE,EAAI,EAAK,EAC9B,KAAM,IAAMF,EAASE,EAAI,EAAK,EAC9B,KAAM,IAAMF,EAASE,EAAI,EAAK,EAC9B,KAAM,IAAMF,EAASE,EAAI,EAAK,EAC9B,KAAM,IAAMF,EAASE,EAAI,EAAK,CAAA,CAC/B,EAKCI,EAHgBV,EAGf,CACE,GAAGC,EACJ,IAAAC,EACA,MAAO,CACL,MAAO,OACP,SAAUC,EACV,OAAQ,OACR,GAAGF,EAAM,KAAA,EAEX,UAAAM,EAEC,SAAAR,CAAA,CAAA,CAGP,CACF,EAEAY,EAAeC,EAAgBlB,CAAS"}

package/dist/components/Toast/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("react/jsx-runtime"),s=require("react"),C=require("../../chunks/index-DYxwT4uW.cjs"),h=require("../../chunks/joinClass-Jk3EszKD.cjs"),j=require("../../chunks/createComponent-6wUj8nAi.cjs"),p=require("../../chunks/useTheme-BZ0xkY68.cjs"),x=require("../../chunks/Alert-DAYw7lG0.cjs");require("../../chunks/Stack-B9mi696v.cjs");require("../../chunks/Typography-BKIC6AW2.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/ButtonIcon-CzxDZNK8.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/Icon-BEUDQFrk.cjs");function v({id:t,color:c,message:i,icon:a,delay:l,onRemove:m,...q}){const e=s.useRef(null),{theme:{mode:f}}=p.useTheme(),d=h.joinClass(`${C.prefix}-toast`,q.className);s.useEffect(()=>(n(),u),[]);const o=()=>{t&&m(t)},n=()=>{e.current=setTimeout(()=>{o()},l)},u=()=>{e.current&&(clearTimeout(e.current),e.current=null)};return T.jsx(x.Alert,{className:d,icon:a,sx:{backgroundColor:({text:r})=>r.primary,color:r=>r[c][f]},onClose:o,onMouseEnter:u,onMouseLeave:n,children:i})}const M=j.createComponent(v);exports.default=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),q=require("../../chunks/index-DYxwT4uW.cjs"),h=require("../../chunks/joinClass-Jk3EszKD.cjs"),C=require("../../chunks/createComponent-6wUj8nAi.cjs"),p=require("../../chunks/useTheme-BZ0xkY68.cjs"),b=require("../../chunks/Alert-BSZpV_lB.cjs"),R=require("../../chunks/uuid-omnJ9TjZ.cjs"),g=require("../../chunks/Zoom-BOnqwiDY.cjs");require("../../chunks/Stack-B9mi696v.cjs");require("../../chunks/Typography-DaZ95boB.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/ButtonIcon-CzxDZNK8.cjs");require("../../chunks/Ripple-Dy4i91j1.cjs");require("../../chunks/Icon-BEUDQFrk.cjs");function y({id:o,color:i,message:u,icon:c,delay:a,onRemove:l,...e}){const t=n.useRef(null),{theme:{mode:r}}=p.useTheme(),j=h.joinClass(`${q.prefix}-toast`,e.className);n.useEffect(()=>(T(),f),[]);const m=()=>{o&&l(o)},T=()=>{t.current=setTimeout(()=>{m()},a)},f=()=>{t.current&&(clearTimeout(t.current),t.current=null)};return s.jsx(b.Alert,{className:j,icon:c,sx:{backgroundColor:({text:d})=>d.primary,color:d=>d[i][r]},onClose:m,onMouseEnter:f,onMouseLeave:T,children:u})}const x=C.createComponent(y),v=n.createContext({toasts:[],add:()=>{}});function M({children:o}){const[i,u]=n.useState([]),c=n.useMemo(()=>({toasts:i,add:e=>{a(e)}}),[i]),a=e=>{u(t=>[...t,{id:R.uuid(),visible:!0,...e}])},l=e=>{u(t=>t.map(r=>(r.id===e&&(r.visible=!1),r))),setTimeout(()=>{u(t=>t.filter(r=>r.id!==e))},500)};return s.jsxs(v.Provider,{value:c,children:[s.jsx("div",{className:`${q.prefix}-toast-container`,children:i.map(({...e})=>s.jsx("div",{style:{marginBottom:15},children:s.jsx(g.Zoom,{enter:!!e.visible,children:s.jsx(x,{...e,onRemove:l})})},e.id))}),o]})}function P(){const{add:o}=n.useContext(v);return{addToast:o}}exports.Toast=x;exports.ToastProvider=M;exports.useToast=P;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Toast/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/feedback/Toast/Toast.tsx"],"sourcesContent":["import { useEffect, useRef, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport { Colors } from '@iziui/core/theme';\n\nimport createComponent from '@/core/createComponent';\nimport { useTheme } from '@/theme';\n\nimport Alert from '../Alert';\n\nimport '@iziui/styles/components/Toast.scss';\n\ntype Icon = React.JSX.Element;\ntype Message = React.JSX.Element | string;\n\nexport type PickedToast = Pick<ToastProps,\n  | 'id'\n  | 'icon'\n  | 'color'\n  | 'message'\n  | 'delay'\n  | 'visible'\n>\n\nexport interface ToastProps extends HTMLAttributes<HTMLDivElement> {\n  id?: string;\n  icon?: Icon;\n  color: Colors;\n  message: Message;\n  delay?: number;\n  visible?: boolean;\n  onRemove: (id: string) => void;\n};\n\nfunction Toast({ id, color, message, icon, delay, onRemove, ...props }: ToastProps) {\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const { theme: { mode } } = useTheme();\n\n  const className = joinClass(\n    `${prefix}-toast`,\n    props.className\n  );\n\n  useEffect(() => {\n    startTimer();\n    return clearTimer;\n  }, []);\n\n  const handleRemove = () => {\n    if (!id) { return; }\n    onRemove(id);\n  };\n\n  const startTimer = () => {\n    timeoutRef.current = setTimeout(() => { handleRemove(); }, delay);\n  };\n\n  const clearTimer = () => {\n    if (!timeoutRef.current) { return; }\n    clearTimeout(timeoutRef.current);\n    timeoutRef.current = null;\n  };\n\n  return (\n    <Alert\n      className={className}\n      icon={icon}\n      sx={{\n        backgroundColor: ({ text }) => text.primary,\n        color: (palette) => palette[color][mode]\n      }}\n      onClose={handleRemove}\n      onMouseEnter={clearTimer}\n      onMouseLeave={startTimer}\n    >\n      {message}\n    </Alert>\n  );\n}\n\nexport default createComponent(Toast);\n"],"names":["Toast","id","color","message","icon","delay","onRemove","props","timeoutRef","useRef","mode","useTheme","className","joinClass","prefix","useEffect","startTimer","clearTimer","handleRemove","jsx","Alert","text","palette","Toast_default","createComponent"],"mappings":"+qBAoCA,SAASA,EAAM,CAAE,GAAAC,EAAI,MAAAC,EAAO,QAAAC,EAAS,KAAAC,EAAM,MAAAC,EAAO,SAAAC,EAAU,GAAGC,GAAqB,CAClF,MAAMC,EAAaC,EAAAA,OAA6C,IAAI,EAE9D,CAAE,MAAO,CAAE,KAAAC,CAAA,CAAK,EAAMC,EAAAA,SAAA,EAEtBC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,SACTP,EAAM,SAAA,EAGRQ,EAAAA,UAAU,KACRC,EAAA,EACOC,GACN,CAAA,CAAE,EAEL,MAAMC,EAAe,IAAM,CACpBjB,GACLK,EAASL,CAAE,CACb,EAEMe,EAAa,IAAM,CACvBR,EAAW,QAAU,WAAW,IAAM,CAAEU,EAAA,CAAgB,EAAGb,CAAK,CAClE,EAEMY,EAAa,IAAM,CAClBT,EAAW,UAChB,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,KACvB,EAEA,OACEW,EAAAA,IAACC,EAAAA,MAAA,CACC,UAAAR,EACA,KAAAR,EACA,GAAI,CACF,gBAAiB,CAAC,CAAE,KAAAiB,CAAA,IAAWA,EAAK,QACpC,MAAQC,GAAYA,EAAQpB,CAAK,EAAEQ,CAAI,CAAA,EAEzC,QAASQ,EACT,aAAcD,EACd,aAAcD,EAEb,SAAAb,CAAA,CAAA,CAGP,CAEA,MAAAoB,EAAeC,EAAAA,gBAAgBxB,CAAK"}
+{"version":3,"file":"index.cjs","sources":["../../../src/feedback/Toast/Toast.tsx","../../../src/feedback/Toast/ToastProvider.tsx","../../../src/feedback/Toast/useToast.ts"],"sourcesContent":["import { useEffect, useRef, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport { Colors } from '@iziui/core/theme';\n\nimport createComponent from '@/core/createComponent';\nimport { useTheme } from '@/theme';\n\nimport Alert from '../Alert';\n\nimport '@iziui/styles/components/Toast.scss';\n\ntype Icon = React.JSX.Element;\ntype Message = React.JSX.Element | string;\n\nexport type PickedToast = Pick<ToastProps,\n  | 'id'\n  | 'icon'\n  | 'color'\n  | 'message'\n  | 'delay'\n  | 'visible'\n>\n\nexport interface ToastProps extends HTMLAttributes<HTMLDivElement> {\n  id?: string;\n  icon?: Icon;\n  color: Colors;\n  message: Message;\n  delay?: number;\n  visible?: boolean;\n  onRemove: (id: string) => void;\n};\n\nfunction Toast({ id, color, message, icon, delay, onRemove, ...props }: ToastProps) {\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const { theme: { mode } } = useTheme();\n\n  const className = joinClass(\n    `${prefix}-toast`,\n    props.className\n  );\n\n  useEffect(() => {\n    startTimer();\n    return clearTimer;\n  }, []);\n\n  const handleRemove = () => {\n    if (!id) { return; }\n    onRemove(id);\n  };\n\n  const startTimer = () => {\n    timeoutRef.current = setTimeout(() => { handleRemove(); }, delay);\n  };\n\n  const clearTimer = () => {\n    if (!timeoutRef.current) { return; }\n    clearTimeout(timeoutRef.current);\n    timeoutRef.current = null;\n  };\n\n  return (\n    <Alert\n      className={className}\n      icon={icon}\n      sx={{\n        backgroundColor: ({ text }) => text.primary,\n        color: (palette) => palette[color][mode]\n      }}\n      onClose={handleRemove}\n      onMouseEnter={clearTimer}\n      onMouseLeave={startTimer}\n    >\n      {message}\n    </Alert>\n  );\n}\n\nexport default createComponent(Toast);\n","import { createContext, type PropsWithChildren, useMemo, useState } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { uuid } from '@iziui/toolkit/uuid';\n\nimport Zoom from '@/animations/Zoom';\n\nimport Toast, { type PickedToast } from './Toast';\n\nimport '@iziui/styles/components/Toast.scss';\n\nexport interface ToastContextConfig {\n  toasts: Array<PickedToast>;\n  add: (toast: PickedToast) => void;\n}\n\nexport const ToastContext = createContext<ToastContextConfig>({\n  toasts: [],\n  add: () => { }\n});\n\nexport default function ToastProvider({ children }: PropsWithChildren) {\n  const [toasts, setToasts] = useState<Array<PickedToast>>([]);\n\n  const context: ToastContextConfig = useMemo(() => ({\n    toasts,\n    add: (toast) => { addToast(toast); },\n  }), [toasts]);\n\n  const addToast = (toast: PickedToast) => {\n    setToasts(prev => [...prev, { id: uuid(), visible: true, ...toast }]);\n  };\n\n  const remove = (id: string) => {\n    setToasts(prev => prev.map(a => {\n      if (a.id === id) { a.visible = false; }\n      return a;\n    }));\n    setTimeout(() => { setToasts(prev => prev.filter(a => a.id !== id)); }, 500);\n  };\n\n  return (\n    <ToastContext.Provider value={context}>\n      <div className={`${prefix}-toast-container`}>\n        {\n          toasts.map(({ ...toast }) => {\n            return (\n              <div key={toast.id} style={{ marginBottom: 15 }}>\n                <Zoom enter={Boolean(toast.visible)}>\n                  <Toast {...toast} onRemove={remove} />\n                </Zoom>\n              </div>\n            );\n          })\n        }\n      </div>\n      {children}\n    </ToastContext.Provider>\n  );\n}","import { useContext } from 'react';\n\nimport { ToastContext } from './ToastProvider';\n\nexport default function useToast() {\n  const { add } = useContext(ToastContext);\n\n  return { addToast: add };\n}"],"names":["Toast","id","color","message","icon","delay","onRemove","props","timeoutRef","useRef","mode","useTheme","className","joinClass","prefix","useEffect","startTimer","clearTimer","handleRemove","jsx","Alert","text","palette","createComponent","ToastContext","createContext","ToastProvider","children","toasts","setToasts","useState","context","useMemo","toast","addToast","prev","uuid","remove","a","jsxs","Zoom","useToast","add","useContext"],"mappings":"2uBAoCA,SAASA,EAAM,CAAE,GAAAC,EAAI,MAAAC,EAAO,QAAAC,EAAS,KAAAC,EAAM,MAAAC,EAAO,SAAAC,EAAU,GAAGC,GAAqB,CAClF,MAAMC,EAAaC,EAAAA,OAA6C,IAAI,EAE9D,CAAE,MAAO,CAAE,KAAAC,CAAA,CAAK,EAAMC,EAAAA,SAAA,EAEtBC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,SACTP,EAAM,SAAA,EAGRQ,EAAAA,UAAU,KACRC,EAAA,EACOC,GACN,CAAA,CAAE,EAEL,MAAMC,EAAe,IAAM,CACpBjB,GACLK,EAASL,CAAE,CACb,EAEMe,EAAa,IAAM,CACvBR,EAAW,QAAU,WAAW,IAAM,CAAEU,EAAA,CAAgB,EAAGb,CAAK,CAClE,EAEMY,EAAa,IAAM,CAClBT,EAAW,UAChB,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,KACvB,EAEA,OACEW,EAAAA,IAACC,EAAAA,MAAA,CACC,UAAAR,EACA,KAAAR,EACA,GAAI,CACF,gBAAiB,CAAC,CAAE,KAAAiB,CAAA,IAAWA,EAAK,QACpC,MAAQC,GAAYA,EAAQpB,CAAK,EAAEQ,CAAI,CAAA,EAEzC,QAASQ,EACT,aAAcD,EACd,aAAcD,EAEb,SAAAb,CAAA,CAAA,CAGP,CAEA,MAAAH,EAAeuB,EAAAA,gBAAgBvB,CAAK,EClEvBwB,EAAeC,EAAAA,cAAkC,CAC5D,OAAQ,CAAA,EACR,IAAK,IAAM,CAAE,CACf,CAAC,EAED,SAAwBC,EAAc,CAAE,SAAAC,GAA+B,CACrE,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAA6B,CAAA,CAAE,EAErDC,EAA8BC,EAAAA,QAAQ,KAAO,CACjD,OAAAJ,EACA,IAAMK,GAAU,CAAEC,EAASD,CAAK,CAAG,CAAA,GACjC,CAACL,CAAM,CAAC,EAENM,EAAYD,GAAuB,CACvCJ,EAAUM,GAAQ,CAAC,GAAGA,EAAM,CAAE,GAAIC,EAAAA,KAAA,EAAQ,QAAS,GAAM,GAAGH,CAAA,CAAO,CAAC,CACtE,EAEMI,EAAUpC,GAAe,CAC7B4B,EAAUM,GAAQA,EAAK,IAAIG,IACrBA,EAAE,KAAOrC,IAAMqC,EAAE,QAAU,IACxBA,EACR,CAAC,EACF,WAAW,IAAM,CAAET,KAAkBM,EAAK,UAAYG,EAAE,KAAOrC,CAAE,CAAC,CAAG,EAAG,GAAG,CAC7E,EAEA,OACEsC,EAAAA,KAACf,EAAa,SAAb,CAAsB,MAAOO,EAC5B,SAAA,CAAAZ,EAAAA,IAAC,MAAA,CAAI,UAAW,GAAGL,EAAAA,MAAM,mBAErB,SAAAc,EAAO,IAAI,CAAC,CAAE,GAAGK,CAAA,IAEbd,EAAAA,IAAC,OAAmB,MAAO,CAAE,aAAc,IACzC,SAAAA,EAAAA,IAACqB,EAAAA,KAAA,CAAK,MAAO,EAAQP,EAAM,QACzB,SAAAd,EAAAA,IAACnB,EAAA,CAAO,GAAGiC,EAAO,SAAUI,CAAA,CAAQ,CAAA,CACtC,GAHQJ,EAAM,EAIhB,CAEH,CAAA,CAEL,EACCN,CAAA,EACH,CAEJ,CCxDA,SAAwBc,GAAW,CACjC,KAAM,CAAE,IAAAC,CAAA,EAAQC,EAAAA,WAAWnB,CAAY,EAEvC,MAAO,CAAE,SAAUkB,CAAA,CACrB"}

package/dist/components/Toast/index.js

@@ -1,2 +1,2 @@
-import{jsx as T}from"react/jsx-runtime";import{useRef as d,useEffect as h}from"react";import{p as x}from"../../chunks/index-CZ41y9Hn.js";import{j as C}from"../../chunks/joinClass-anSpaauN.js";import{c as j}from"../../chunks/createComponent-DppVNf5x.js";import{u as R}from"../../chunks/useTheme-BhIs8Txu.js";import{A as v}from"../../chunks/Alert-Dvtv5drl.js";import"../../chunks/Stack-DyhbU7Me.js";import"../../chunks/Typography-C2ffsG3_.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/ButtonIcon-B5VfjTl_.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-BCwUSOy5.js";function A({id:t,color:n,message:a,icon:i,delay:u,onRemove:c,...p}){const r=d(null),{theme:{mode:f}}=R(),l=C(`${x}-toast`,p.className);h(()=>(m(),s),[]);const e=()=>{t&&c(t)},m=()=>{r.current=setTimeout(()=>{e()},u)},s=()=>{r.current&&(clearTimeout(r.current),r.current=null)};return T(v,{className:l,icon:i,sx:{backgroundColor:({text:o})=>o.primary,color:o=>o[n][f]},onClose:e,onMouseEnter:s,onMouseLeave:m,children:a})}const B=j(A);export{B as default};
+import{jsx as i,jsxs as x}from"react/jsx-runtime";import{useRef as h,useEffect as C,useState as b,useMemo as j,createContext as R,useContext as M}from"react";import{p}from"../../chunks/index-CZ41y9Hn.js";import{j as N}from"../../chunks/joinClass-anSpaauN.js";import{c as $}from"../../chunks/createComponent-DppVNf5x.js";import{u as g}from"../../chunks/useTheme-BhIs8Txu.js";import{A as y}from"../../chunks/Alert-Eku3Mhx-.js";import{u as A}from"../../chunks/uuid-dGvr9vBZ.js";import{Z as B}from"../../chunks/Zoom-DqgU4Wfv.js";import"../../chunks/Stack-DyhbU7Me.js";import"../../chunks/Typography-CmzvEsC_.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/ButtonIcon-B5VfjTl_.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-BCwUSOy5.js";function E({id:r,color:s,message:n,icon:m,delay:a,onRemove:c,...t}){const o=h(null),{theme:{mode:e}}=g(),v=N(`${p}-toast`,t.className);C(()=>(d(),f),[]);const l=()=>{r&&c(r)},d=()=>{o.current=setTimeout(()=>{l()},a)},f=()=>{o.current&&(clearTimeout(o.current),o.current=null)};return i(y,{className:v,icon:m,sx:{backgroundColor:({text:u})=>u.primary,color:u=>u[s][e]},onClose:l,onMouseEnter:f,onMouseLeave:d,children:n})}const P=$(E),T=R({toasts:[],add:()=>{}});function Q({children:r}){const[s,n]=b([]),m=j(()=>({toasts:s,add:t=>{a(t)}}),[s]),a=t=>{n(o=>[...o,{id:A(),visible:!0,...t}])},c=t=>{n(o=>o.map(e=>(e.id===t&&(e.visible=!1),e))),setTimeout(()=>{n(o=>o.filter(e=>e.id!==t))},500)};return x(T.Provider,{value:m,children:[i("div",{className:`${p}-toast-container`,children:s.map(({...t})=>i("div",{style:{marginBottom:15},children:i(B,{enter:!!t.visible,children:i(P,{...t,onRemove:c})})},t.id))}),r]})}function U(){const{add:r}=M(T);return{addToast:r}}export{P as Toast,Q as ToastProvider,U as useToast};
 //# sourceMappingURL=index.js.map

package/dist/components/Toast/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/feedback/Toast/Toast.tsx"],"sourcesContent":["import { useEffect, useRef, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport { Colors } from '@iziui/core/theme';\n\nimport createComponent from '@/core/createComponent';\nimport { useTheme } from '@/theme';\n\nimport Alert from '../Alert';\n\nimport '@iziui/styles/components/Toast.scss';\n\ntype Icon = React.JSX.Element;\ntype Message = React.JSX.Element | string;\n\nexport type PickedToast = Pick<ToastProps,\n  | 'id'\n  | 'icon'\n  | 'color'\n  | 'message'\n  | 'delay'\n  | 'visible'\n>\n\nexport interface ToastProps extends HTMLAttributes<HTMLDivElement> {\n  id?: string;\n  icon?: Icon;\n  color: Colors;\n  message: Message;\n  delay?: number;\n  visible?: boolean;\n  onRemove: (id: string) => void;\n};\n\nfunction Toast({ id, color, message, icon, delay, onRemove, ...props }: ToastProps) {\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const { theme: { mode } } = useTheme();\n\n  const className = joinClass(\n    `${prefix}-toast`,\n    props.className\n  );\n\n  useEffect(() => {\n    startTimer();\n    return clearTimer;\n  }, []);\n\n  const handleRemove = () => {\n    if (!id) { return; }\n    onRemove(id);\n  };\n\n  const startTimer = () => {\n    timeoutRef.current = setTimeout(() => { handleRemove(); }, delay);\n  };\n\n  const clearTimer = () => {\n    if (!timeoutRef.current) { return; }\n    clearTimeout(timeoutRef.current);\n    timeoutRef.current = null;\n  };\n\n  return (\n    <Alert\n      className={className}\n      icon={icon}\n      sx={{\n        backgroundColor: ({ text }) => text.primary,\n        color: (palette) => palette[color][mode]\n      }}\n      onClose={handleRemove}\n      onMouseEnter={clearTimer}\n      onMouseLeave={startTimer}\n    >\n      {message}\n    </Alert>\n  );\n}\n\nexport default createComponent(Toast);\n"],"names":["Toast","id","color","message","icon","delay","onRemove","props","timeoutRef","useRef","mode","useTheme","className","joinClass","prefix","useEffect","startTimer","clearTimer","handleRemove","jsx","Alert","text","palette","Toast_default","createComponent"],"mappings":"umBAoCA,SAASA,EAAM,CAAE,GAAAC,EAAI,MAAAC,EAAO,QAAAC,EAAS,KAAAC,EAAM,MAAAC,EAAO,SAAAC,EAAU,GAAGC,GAAqB,CAClF,MAAMC,EAAaC,EAA6C,IAAI,EAE9D,CAAE,MAAO,CAAE,KAAAC,CAAA,CAAK,EAAMC,EAAA,EAEtBC,EAAYC,EAChB,GAAGC,CAAM,SACTP,EAAM,SAAA,EAGRQ,EAAU,KACRC,EAAA,EACOC,GACN,CAAA,CAAE,EAEL,MAAMC,EAAe,IAAM,CACpBjB,GACLK,EAASL,CAAE,CACb,EAEMe,EAAa,IAAM,CACvBR,EAAW,QAAU,WAAW,IAAM,CAAEU,EAAA,CAAgB,EAAGb,CAAK,CAClE,EAEMY,EAAa,IAAM,CAClBT,EAAW,UAChB,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,KACvB,EAEA,OACEW,EAACC,EAAA,CACC,UAAAR,EACA,KAAAR,EACA,GAAI,CACF,gBAAiB,CAAC,CAAE,KAAAiB,CAAA,IAAWA,EAAK,QACpC,MAAQC,GAAYA,EAAQpB,CAAK,EAAEQ,CAAI,CAAA,EAEzC,QAASQ,EACT,aAAcD,EACd,aAAcD,EAEb,SAAAb,CAAA,CAAA,CAGP,CAEA,MAAAoB,EAAeC,EAAgBxB,CAAK"}
+{"version":3,"file":"index.js","sources":["../../../src/feedback/Toast/Toast.tsx","../../../src/feedback/Toast/ToastProvider.tsx","../../../src/feedback/Toast/useToast.ts"],"sourcesContent":["import { useEffect, useRef, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport { Colors } from '@iziui/core/theme';\n\nimport createComponent from '@/core/createComponent';\nimport { useTheme } from '@/theme';\n\nimport Alert from '../Alert';\n\nimport '@iziui/styles/components/Toast.scss';\n\ntype Icon = React.JSX.Element;\ntype Message = React.JSX.Element | string;\n\nexport type PickedToast = Pick<ToastProps,\n  | 'id'\n  | 'icon'\n  | 'color'\n  | 'message'\n  | 'delay'\n  | 'visible'\n>\n\nexport interface ToastProps extends HTMLAttributes<HTMLDivElement> {\n  id?: string;\n  icon?: Icon;\n  color: Colors;\n  message: Message;\n  delay?: number;\n  visible?: boolean;\n  onRemove: (id: string) => void;\n};\n\nfunction Toast({ id, color, message, icon, delay, onRemove, ...props }: ToastProps) {\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const { theme: { mode } } = useTheme();\n\n  const className = joinClass(\n    `${prefix}-toast`,\n    props.className\n  );\n\n  useEffect(() => {\n    startTimer();\n    return clearTimer;\n  }, []);\n\n  const handleRemove = () => {\n    if (!id) { return; }\n    onRemove(id);\n  };\n\n  const startTimer = () => {\n    timeoutRef.current = setTimeout(() => { handleRemove(); }, delay);\n  };\n\n  const clearTimer = () => {\n    if (!timeoutRef.current) { return; }\n    clearTimeout(timeoutRef.current);\n    timeoutRef.current = null;\n  };\n\n  return (\n    <Alert\n      className={className}\n      icon={icon}\n      sx={{\n        backgroundColor: ({ text }) => text.primary,\n        color: (palette) => palette[color][mode]\n      }}\n      onClose={handleRemove}\n      onMouseEnter={clearTimer}\n      onMouseLeave={startTimer}\n    >\n      {message}\n    </Alert>\n  );\n}\n\nexport default createComponent(Toast);\n","import { createContext, type PropsWithChildren, useMemo, useState } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { uuid } from '@iziui/toolkit/uuid';\n\nimport Zoom from '@/animations/Zoom';\n\nimport Toast, { type PickedToast } from './Toast';\n\nimport '@iziui/styles/components/Toast.scss';\n\nexport interface ToastContextConfig {\n  toasts: Array<PickedToast>;\n  add: (toast: PickedToast) => void;\n}\n\nexport const ToastContext = createContext<ToastContextConfig>({\n  toasts: [],\n  add: () => { }\n});\n\nexport default function ToastProvider({ children }: PropsWithChildren) {\n  const [toasts, setToasts] = useState<Array<PickedToast>>([]);\n\n  const context: ToastContextConfig = useMemo(() => ({\n    toasts,\n    add: (toast) => { addToast(toast); },\n  }), [toasts]);\n\n  const addToast = (toast: PickedToast) => {\n    setToasts(prev => [...prev, { id: uuid(), visible: true, ...toast }]);\n  };\n\n  const remove = (id: string) => {\n    setToasts(prev => prev.map(a => {\n      if (a.id === id) { a.visible = false; }\n      return a;\n    }));\n    setTimeout(() => { setToasts(prev => prev.filter(a => a.id !== id)); }, 500);\n  };\n\n  return (\n    <ToastContext.Provider value={context}>\n      <div className={`${prefix}-toast-container`}>\n        {\n          toasts.map(({ ...toast }) => {\n            return (\n              <div key={toast.id} style={{ marginBottom: 15 }}>\n                <Zoom enter={Boolean(toast.visible)}>\n                  <Toast {...toast} onRemove={remove} />\n                </Zoom>\n              </div>\n            );\n          })\n        }\n      </div>\n      {children}\n    </ToastContext.Provider>\n  );\n}","import { useContext } from 'react';\n\nimport { ToastContext } from './ToastProvider';\n\nexport default function useToast() {\n  const { add } = useContext(ToastContext);\n\n  return { addToast: add };\n}"],"names":["Toast","id","color","message","icon","delay","onRemove","props","timeoutRef","useRef","mode","useTheme","className","joinClass","prefix","useEffect","startTimer","clearTimer","handleRemove","jsx","Alert","text","palette","Toast$1","createComponent","ToastContext","createContext","ToastProvider","children","toasts","setToasts","useState","context","useMemo","toast","addToast","prev","uuid","remove","a","jsxs","Zoom","useToast","add","useContext"],"mappings":"8wBAoCA,SAASA,EAAM,CAAE,GAAAC,EAAI,MAAAC,EAAO,QAAAC,EAAS,KAAAC,EAAM,MAAAC,EAAO,SAAAC,EAAU,GAAGC,GAAqB,CAClF,MAAMC,EAAaC,EAA6C,IAAI,EAE9D,CAAE,MAAO,CAAE,KAAAC,CAAA,CAAK,EAAMC,EAAA,EAEtBC,EAAYC,EAChB,GAAGC,CAAM,SACTP,EAAM,SAAA,EAGRQ,EAAU,KACRC,EAAA,EACOC,GACN,CAAA,CAAE,EAEL,MAAMC,EAAe,IAAM,CACpBjB,GACLK,EAASL,CAAE,CACb,EAEMe,EAAa,IAAM,CACvBR,EAAW,QAAU,WAAW,IAAM,CAAEU,EAAA,CAAgB,EAAGb,CAAK,CAClE,EAEMY,EAAa,IAAM,CAClBT,EAAW,UAChB,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,KACvB,EAEA,OACEW,EAACC,EAAA,CACC,UAAAR,EACA,KAAAR,EACA,GAAI,CACF,gBAAiB,CAAC,CAAE,KAAAiB,CAAA,IAAWA,EAAK,QACpC,MAAQC,GAAYA,EAAQpB,CAAK,EAAEQ,CAAI,CAAA,EAEzC,QAASQ,EACT,aAAcD,EACd,aAAcD,EAEb,SAAAb,CAAA,CAAA,CAGP,CAEA,MAAAoB,EAAeC,EAAgBxB,CAAK,EClEvByB,EAAeC,EAAkC,CAC5D,OAAQ,CAAA,EACR,IAAK,IAAM,CAAE,CACf,CAAC,EAED,SAAwBC,EAAc,CAAE,SAAAC,GAA+B,CACrE,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAA6B,CAAA,CAAE,EAErDC,EAA8BC,EAAQ,KAAO,CACjD,OAAAJ,EACA,IAAMK,GAAU,CAAEC,EAASD,CAAK,CAAG,CAAA,GACjC,CAACL,CAAM,CAAC,EAENM,EAAYD,GAAuB,CACvCJ,EAAUM,GAAQ,CAAC,GAAGA,EAAM,CAAE,GAAIC,EAAA,EAAQ,QAAS,GAAM,GAAGH,CAAA,CAAO,CAAC,CACtE,EAEMI,EAAUrC,GAAe,CAC7B6B,EAAUM,GAAQA,EAAK,IAAIG,IACrBA,EAAE,KAAOtC,IAAMsC,EAAE,QAAU,IACxBA,EACR,CAAC,EACF,WAAW,IAAM,CAAET,KAAkBM,EAAK,UAAYG,EAAE,KAAOtC,CAAE,CAAC,CAAG,EAAG,GAAG,CAC7E,EAEA,OACEuC,EAACf,EAAa,SAAb,CAAsB,MAAOO,EAC5B,SAAA,CAAAb,EAAC,MAAA,CAAI,UAAW,GAAGL,CAAM,mBAErB,SAAAe,EAAO,IAAI,CAAC,CAAE,GAAGK,CAAA,IAEbf,EAAC,OAAmB,MAAO,CAAE,aAAc,IACzC,SAAAA,EAACsB,EAAA,CAAK,MAAO,EAAQP,EAAM,QACzB,SAAAf,EAACnB,EAAA,CAAO,GAAGkC,EAAO,SAAUI,CAAA,CAAQ,CAAA,CACtC,GAHQJ,EAAM,EAIhB,CAEH,CAAA,CAEL,EACCN,CAAA,EACH,CAEJ,CCxDA,SAAwBc,GAAW,CACjC,KAAM,CAAE,IAAAC,CAAA,EAAQC,EAAWnB,CAAY,EAEvC,MAAO,CAAE,SAAUkB,CAAA,CACrB"}

package/dist/components/Typography/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Typography-BKIC6AW2.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/useTheme-BZ0xkY68.cjs");require("react");require("../../chunks/createComponent-6wUj8nAi.cjs");exports.default=e.Typography;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Typography-DaZ95boB.cjs");require("react/jsx-runtime");require("react");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/convertPathToColor-BlQMLS4V.cjs");require("../../chunks/useTheme-BZ0xkY68.cjs");require("../../chunks/createComponent-6wUj8nAi.cjs");exports.default=e.Typography;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Typography/index.js

@@ -1,2 +1,2 @@
-import{T as d}from"../../chunks/Typography-C2ffsG3_.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/useTheme-BhIs8Txu.js";import"react";import"../../chunks/createComponent-DppVNf5x.js";export{d as default};
+import{T as d}from"../../chunks/Typography-CmzvEsC_.js";import"react/jsx-runtime";import"react";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/convertPathToColor-D2SdAqGh.js";import"../../chunks/useTheme-BhIs8Txu.js";import"../../chunks/createComponent-DppVNf5x.js";export{d as default};
 //# sourceMappingURL=index.js.map

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const r=require("./chunks/useTheme-BZ0xkY68.cjs"),t=require("./chunks/Bounce-ByNbJjX0.cjs"),e=require("./chunks/useForm-UT6lrV2_.cjs"),i=require("./chunks/Fade-CM-5xRVt.cjs"),s=require("./chunks/Slide-D4aLHjYS.cjs"),n=require("./chunks/Zoom-BOnqwiDY.cjs"),d=require("./chunks/useListenerResized-AwpsZLcP.cjs"),u=require("./chunks/useMenu-D3vT9I3W.cjs"),q=require("./chunks/useResize-B-oebgDR.cjs"),c=require("./chunks/Card-C3pG2xgW.cjs"),m=require("./chunks/CardContent-BrZkcjus.cjs"),a=require("./chunks/Drawer-XsBmySVj.cjs"),o=require("./chunks/GridItem-wwo-SHGR.cjs"),C=require("./chunks/MenuButton-DOZFhvP9.cjs");require("react");require("./chunks/index-DYxwT4uW.cjs");require("./chunks/joinClass-Jk3EszKD.cjs");require("./chunks/uuid-omnJ9TjZ.cjs");require("./chunks/createComponent-6wUj8nAi.cjs");require("./chunks/Ripple-Dy4i91j1.cjs");require("./chunks/Stack-B9mi696v.cjs");exports.ThemeProvider=r.ThemeProvider;exports.createTheme=r.createTheme;exports.useTheme=r.useTheme;exports.Bounce=t.Bounce;exports.Control=e.Control;exports.Form=e.Form;exports.useControl=e.useControl;exports.useForm=e.useForm;exports.useFormGroup=e.useFormGroup;exports.Fade=i.Fade;exports.Slide=s.Slide;exports.Zoom=n.Zoom;exports.useListenerResized=d.useListenerResized;exports.Menu=u.Menu;exports.useMenu=u.useMenu;exports.useResize=q.useResize;exports.Card=c.Card;exports.CardContent=m.CardContent;exports.Drawer=a.Drawer_default;exports.Grid=o.Grid;exports.GridItem=o.GridItem;exports.MenuButton=C.MenuButton_default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunks/useTheme-BZ0xkY68.cjs"),t=require("./chunks/Bounce-ByNbJjX0.cjs"),e=require("./chunks/useForm-UT6lrV2_.cjs"),i=require("./chunks/Fade-CM-5xRVt.cjs"),s=require("./chunks/Slide-D4aLHjYS.cjs"),n=require("./chunks/Zoom-BOnqwiDY.cjs"),d=require("./chunks/useListenerResized-AwpsZLcP.cjs"),u=require("./chunks/useMenu-D3vT9I3W.cjs"),q=require("./chunks/useResize-B-oebgDR.cjs"),c=require("./chunks/Card-C3pG2xgW.cjs"),m=require("./chunks/CardContent-BrZkcjus.cjs"),a=require("./chunks/Drawer-XsBmySVj.cjs"),o=require("./chunks/GridItem-wwo-SHGR.cjs"),C=require("./chunks/MenuButton-DOZFhvP9.cjs");require("react");require("react/jsx-runtime");require("./chunks/index-DYxwT4uW.cjs");require("./chunks/joinClass-Jk3EszKD.cjs");require("./chunks/uuid-omnJ9TjZ.cjs");require("./chunks/createComponent-6wUj8nAi.cjs");require("./chunks/Ripple-Dy4i91j1.cjs");require("./chunks/Stack-B9mi696v.cjs");exports.ThemeProvider=r.ThemeProvider;exports.createTheme=r.createTheme;exports.useTheme=r.useTheme;exports.Bounce=t.Bounce;exports.Control=e.Control;exports.Form=e.Form;exports.useControl=e.useControl;exports.useForm=e.useForm;exports.useFormGroup=e.useFormGroup;exports.Fade=i.Fade;exports.Slide=s.Slide;exports.Zoom=n.Zoom;exports.useListenerResized=d.useListenerResized;exports.Menu=u.Menu;exports.useMenu=u.useMenu;exports.useResize=q.useResize;exports.Card=c.Card;exports.CardContent=m.CardContent;exports.Drawer=a.Drawer_default;exports.Grid=o.Grid;exports.GridItem=o.GridItem;exports.MenuButton=C.MenuButton_default;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,2 +1,2 @@
-import"react/jsx-runtime";import{T as f,c as x,u as n}from"./chunks/useTheme-BhIs8Txu.js";import{B as C}from"./chunks/Bounce-DP0PU3kr.js";import{C as M,F as G,u as T,a as c,b as h}from"./chunks/useForm-BrezSwQu.js";import{F as B}from"./chunks/Fade-spxq-W-Q.js";import{S as D}from"./chunks/Slide-BxEwoZ70.js";import{Z as S}from"./chunks/Zoom-DqgU4Wfv.js";import{u as b}from"./chunks/useListenerResized-Bnqxrt7k.js";import{M as w,u as I}from"./chunks/useMenu--3XhFiqi.js";import{u as P}from"./chunks/useResize-BjM6tiAF.js";import{C as j}from"./chunks/Card-fHaoq-NO.js";import{C as q}from"./chunks/CardContent-CokBJbi1.js";import{D as A}from"./chunks/Drawer-CgE3gFqo.js";import{G as H,a as J}from"./chunks/GridItem-CaoPZmBu.js";import{M as N}from"./chunks/MenuButton-B1Ie5Sqy.js";import"react";import"./chunks/index-CZ41y9Hn.js";import"./chunks/joinClass-anSpaauN.js";import"./chunks/uuid-dGvr9vBZ.js";import"./chunks/createComponent-DppVNf5x.js";import"./chunks/Ripple-Bq9bxg4k.js";import"./chunks/Stack-DyhbU7Me.js";export{C as Bounce,j as Card,q as CardContent,M as Control,A as Drawer,B as Fade,G as Form,H as Grid,J as GridItem,w as Menu,N as MenuButton,D as Slide,f as ThemeProvider,S as Zoom,x as createTheme,T as useControl,c as useForm,h as useFormGroup,b as useListenerResized,I as useMenu,P as useResize,n as useTheme};
+import{T as f,c as x,u as n}from"./chunks/useTheme-BhIs8Txu.js";import{B as C}from"./chunks/Bounce-DP0PU3kr.js";import{C as M,F as G,u as T,a as c,b as h}from"./chunks/useForm-BrezSwQu.js";import{F as B}from"./chunks/Fade-spxq-W-Q.js";import{S as D}from"./chunks/Slide-BxEwoZ70.js";import{Z as S}from"./chunks/Zoom-DqgU4Wfv.js";import{u as b}from"./chunks/useListenerResized-Bnqxrt7k.js";import{M as w,u as I}from"./chunks/useMenu--3XhFiqi.js";import{u as P}from"./chunks/useResize-BjM6tiAF.js";import{C as j}from"./chunks/Card-fHaoq-NO.js";import{C as q}from"./chunks/CardContent-CokBJbi1.js";import{D as A}from"./chunks/Drawer-CgE3gFqo.js";import{G as H,a as J}from"./chunks/GridItem-CaoPZmBu.js";import{M as N}from"./chunks/MenuButton-B1Ie5Sqy.js";import"react";import"react/jsx-runtime";import"./chunks/index-CZ41y9Hn.js";import"./chunks/joinClass-anSpaauN.js";import"./chunks/uuid-dGvr9vBZ.js";import"./chunks/createComponent-DppVNf5x.js";import"./chunks/Ripple-Bq9bxg4k.js";import"./chunks/Stack-DyhbU7Me.js";export{C as Bounce,j as Card,q as CardContent,M as Control,A as Drawer,B as Fade,G as Form,H as Grid,J as GridItem,w as Menu,N as MenuButton,D as Slide,f as ThemeProvider,S as Zoom,x as createTheme,T as useControl,c as useForm,h as useFormGroup,b as useListenerResized,I as useMenu,P as useResize,n as useTheme};
 //# sourceMappingURL=index.js.map

package/dist/style.css

@@ -14,9 +14,6 @@
 /* assets/index-rVKizwqS.css */
 .iziui-chip{border-radius:calc(var(--radius) * 4);white-space:nowrap;padding:0 12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;justify-content:center;align-items:center;position:relative}.iziui-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.iziui-chip--small{font-size:.75rem;height:24px}.iziui-chip--medium{font-size:.8125rem;height:32px}.iziui-chip--large{font-size:1rem;height:38px}.iziui-chip--primary--outlined{border:1px solid var(--primary);color:var(--primary-dark)}.iziui-chip--primary--contained{background-color:var(--primary-opacity);color:var(--primary-dark)}.iziui-chip--secondary--outlined{border:1px solid var(--secondary);color:var(--secondary-dark)}.iziui-chip--secondary--contained{background-color:var(--secondary-opacity);color:var(--secondary-dark)}.iziui-chip--info--outlined{border:1px solid var(--info);color:var(--info-dark)}.iziui-chip--info--contained{background-color:var(--info-opacity);color:var(--info-dark)}.iziui-chip--error--outlined{border:1px solid var(--error);color:var(--error-dark)}.iziui-chip--error--contained{background-color:var(--error-opacity);color:var(--error-dark)}.iziui-chip--warning--outlined{border:1px solid var(--warning);color:var(--warning-dark)}.iziui-chip--warning--contained{background-color:var(--warning-opacity);color:var(--warning-dark)}.iziui-chip--success--outlined{border:1px solid var(--success);color:var(--success-dark)}.iziui-chip--success--contained{background-color:var(--success-opacity);color:var(--success-dark)}.iziui-chip--clickable{cursor:pointer}.iziui-chip--deletable{padding:0 0 0 12px}.iziui-chip--default{border:1px solid var(--divider);color:var(--text-primary)}.iziui-chip--default--outlined{color:var(--text-primary)}.iziui-chip--default--contained{background-color:var(--divider);color:var(--text-primary)}.iziui-chip__icon{color:currentColor!important}.iziui-chip__icon--margin{margin-right:5px}.iziui-chip__delete-icon{cursor:pointer;position:relative;background:transparent;border:none;border-radius:50%;font-size:16px;color:currentColor!important}
 /*$vite$:1*/
-/* assets/index-9edV_-Bq.css */
-.iziui-toast-container{top:15px;z-index:60;right:15px;position:fixed;display:flex;align-items:flex-end;flex-direction:column}@media only screen and (max-width:1199px){.iziui-toast-container{right:auto;left:50%;transform:translate(-50%)}}
-/*$vite$:1*/
 /* assets/index-tbLNWUoG.css */
 .iziui-skeleton{position:relative;overflow:hidden;background-color:var(--divider)}.iziui-skeleton--rounded{border-radius:var(--radius)}.iziui-skeleton--circular{border-radius:50%}.iziui-skeleton:after{position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#fff3 20%,#ffffff80 60%,#fff0);animation:2s linear .5s infinite normal none running shimmer;content:""}@keyframes shimmer{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}
 /*$vite$:1*/
@@ -76,6 +73,9 @@
 /* assets/GridItem-p7vi75nQ.css */
 .iziui-grid{width:100%;display:grid;gap:15px;position:relative;grid-template-rows:1;grid-template-columns:repeat(12,1fr);-ms-grid-columns:repeater("1fr ",12)}@media only screen and (max-width:599px){.iziui-grid__item--xl-1{grid-column-end:span 1;-ms-grid-column-span:1}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-1{grid-column-end:span 1;-ms-grid-column-span:1}}@media only screen and (max-width:599px){.iziui-grid__item--xl-2{grid-column-end:span 2;-ms-grid-column-span:2}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-2{grid-column-end:span 2;-ms-grid-column-span:2}}@media only screen and (max-width:599px){.iziui-grid__item--xl-3{grid-column-end:span 3;-ms-grid-column-span:3}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-3{grid-column-end:span 3;-ms-grid-column-span:3}}@media only screen and (max-width:599px){.iziui-grid__item--xl-4{grid-column-end:span 4;-ms-grid-column-span:4}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-4{grid-column-end:span 4;-ms-grid-column-span:4}}@media only screen and (max-width:599px){.iziui-grid__item--xl-5{grid-column-end:span 5;-ms-grid-column-span:5}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-5{grid-column-end:span 5;-ms-grid-column-span:5}}@media only screen and (max-width:599px){.iziui-grid__item--xl-6{grid-column-end:span 6;-ms-grid-column-span:6}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-6{grid-column-end:span 6;-ms-grid-column-span:6}}@media only screen and (max-width:599px){.iziui-grid__item--xl-7{grid-column-end:span 7;-ms-grid-column-span:7}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-7{grid-column-end:span 7;-ms-grid-column-span:7}}@media only screen and (max-width:599px){.iziui-grid__item--xl-8{grid-column-end:span 8;-ms-grid-column-span:8}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-8{grid-column-end:span 8;-ms-grid-column-span:8}}@media only screen and (max-width:599px){.iziui-grid__item--xl-9{grid-column-end:span 9;-ms-grid-column-span:9}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-9{grid-column-end:span 9;-ms-grid-column-span:9}}@media only screen and (max-width:599px){.iziui-grid__item--xl-10{grid-column-end:span 10;-ms-grid-column-span:10}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-10{grid-column-end:span 10;-ms-grid-column-span:10}}@media only screen and (max-width:599px){.iziui-grid__item--xl-11{grid-column-end:span 11;-ms-grid-column-span:11}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-11{grid-column-end:span 11;-ms-grid-column-span:11}}@media only screen and (max-width:599px){.iziui-grid__item--xl-12{grid-column-end:span 12;-ms-grid-column-span:12}}@media only screen and (min-width:1536px){.iziui-grid__item--xl-12{grid-column-end:span 12;-ms-grid-column-span:12}}@media only screen and (max-width:599px){.iziui-grid__item--lg-1{grid-column-end:span 1;-ms-grid-column-span:1}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-1{grid-column-end:span 1;-ms-grid-column-span:1}}@media only screen and (max-width:599px){.iziui-grid__item--lg-2{grid-column-end:span 2;-ms-grid-column-span:2}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-2{grid-column-end:span 2;-ms-grid-column-span:2}}@media only screen and (max-width:599px){.iziui-grid__item--lg-3{grid-column-end:span 3;-ms-grid-column-span:3}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-3{grid-column-end:span 3;-ms-grid-column-span:3}}@media only screen and (max-width:599px){.iziui-grid__item--lg-4{grid-column-end:span 4;-ms-grid-column-span:4}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-4{grid-column-end:span 4;-ms-grid-column-span:4}}@media only screen and (max-width:599px){.iziui-grid__item--lg-5{grid-column-end:span 5;-ms-grid-column-span:5}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-5{grid-column-end:span 5;-ms-grid-column-span:5}}@media only screen and (max-width:599px){.iziui-grid__item--lg-6{grid-column-end:span 6;-ms-grid-column-span:6}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-6{grid-column-end:span 6;-ms-grid-column-span:6}}@media only screen and (max-width:599px){.iziui-grid__item--lg-7{grid-column-end:span 7;-ms-grid-column-span:7}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-7{grid-column-end:span 7;-ms-grid-column-span:7}}@media only screen and (max-width:599px){.iziui-grid__item--lg-8{grid-column-end:span 8;-ms-grid-column-span:8}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-8{grid-column-end:span 8;-ms-grid-column-span:8}}@media only screen and (max-width:599px){.iziui-grid__item--lg-9{grid-column-end:span 9;-ms-grid-column-span:9}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-9{grid-column-end:span 9;-ms-grid-column-span:9}}@media only screen and (max-width:599px){.iziui-grid__item--lg-10{grid-column-end:span 10;-ms-grid-column-span:10}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-10{grid-column-end:span 10;-ms-grid-column-span:10}}@media only screen and (max-width:599px){.iziui-grid__item--lg-11{grid-column-end:span 11;-ms-grid-column-span:11}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-11{grid-column-end:span 11;-ms-grid-column-span:11}}@media only screen and (max-width:599px){.iziui-grid__item--lg-12{grid-column-end:span 12;-ms-grid-column-span:12}}@media only screen and (max-width:1535px){.iziui-grid__item--lg-12{grid-column-end:span 12;-ms-grid-column-span:12}}@media only screen and (max-width:599px){.iziui-grid__item--md-1{grid-column-end:span 1;-ms-grid-column-span:1}}@media only screen and (max-width:1199px){.iziui-grid__item--md-1{grid-column-end:span 1;-ms-grid-column-span:1}}@media only screen and (max-width:599px){.iziui-grid__item--md-2{grid-column-end:span 2;-ms-grid-column-span:2}}@media only screen and (max-width:1199px){.iziui-grid__item--md-2{grid-column-end:span 2;-ms-grid-column-span:2}}@media only screen and (max-width:599px){.iziui-grid__item--md-3{grid-column-end:span 3;-ms-grid-column-span:3}}@media only screen and (max-width:1199px){.iziui-grid__item--md-3{grid-column-end:span 3;-ms-grid-column-span:3}}@media only screen and (max-width:599px){.iziui-grid__item--md-4{grid-column-end:span 4;-ms-grid-column-span:4}}@media only screen and (max-width:1199px){.iziui-grid__item--md-4{grid-column-end:span 4;-ms-grid-column-span:4}}@media only screen and (max-width:599px){.iziui-grid__item--md-5{grid-column-end:span 5;-ms-grid-column-span:5}}@media only screen and (max-width:1199px){.iziui-grid__item--md-5{grid-column-end:span 5;-ms-grid-column-span:5}}@media only screen and (max-width:599px){.iziui-grid__item--md-6{grid-column-end:span 6;-ms-grid-column-span:6}}@media only screen and (max-width:1199px){.iziui-grid__item--md-6{grid-column-end:span 6;-ms-grid-column-span:6}}@media only screen and (max-width:599px){.iziui-grid__item--md-7{grid-column-end:span 7;-ms-grid-column-span:7}}@media only screen and (max-width:1199px){.iziui-grid__item--md-7{grid-column-end:span 7;-ms-grid-column-span:7}}@media only screen and (max-width:599px){.iziui-grid__item--md-8{grid-column-end:span 8;-ms-grid-column-span:8}}@media only screen and (max-width:1199px){.iziui-grid__item--md-8{grid-column-end:span 8;-ms-grid-column-span:8}}@media only screen and (max-width:599px){.iziui-grid__item--md-9{grid-column-end:span 9;-ms-grid-column-span:9}}@media only screen and (max-width:1199px){.iziui-grid__item--md-9{grid-column-end:span 9;-ms-grid-column-span:9}}@media only screen and (max-width:599px){.iziui-grid__item--md-10{grid-column-end:span 10;-ms-grid-column-span:10}}@media only screen and (max-width:1199px){.iziui-grid__item--md-10{grid-column-end:span 10;-ms-grid-column-span:10}}@media only screen and (max-width:599px){.iziui-grid__item--md-11{grid-column-end:span 11;-ms-grid-column-span:11}}@media only screen and (max-width:1199px){.iziui-grid__item--md-11{grid-column-end:span 11;-ms-grid-column-span:11}}@media only screen and (max-width:599px){.iziui-grid__item--md-12{grid-column-end:span 12;-ms-grid-column-span:12}}@media only screen and (max-width:1199px){.iziui-grid__item--md-12{grid-column-end:span 12;-ms-grid-column-span:12}}@media only screen and (max-width:599px){.iziui-grid__item--sm-1{grid-column-end:span 1;-ms-grid-column-span:1}}@media only screen and (max-width:899px){.iziui-grid__item--sm-1{grid-column-end:span 1;-ms-grid-column-span:1}}@media only screen and (max-width:599px){.iziui-grid__item--sm-2{grid-column-end:span 2;-ms-grid-column-span:2}}@media only screen and (max-width:899px){.iziui-grid__item--sm-2{grid-column-end:span 2;-ms-grid-column-span:2}}@media only screen and (max-width:599px){.iziui-grid__item--sm-3{grid-column-end:span 3;-ms-grid-column-span:3}}@media only screen and (max-width:899px){.iziui-grid__item--sm-3{grid-column-end:span 3;-ms-grid-column-span:3}}@media only screen and (max-width:599px){.iziui-grid__item--sm-4{grid-column-end:span 4;-ms-grid-column-span:4}}@media only screen and (max-width:899px){.iziui-grid__item--sm-4{grid-column-end:span 4;-ms-grid-column-span:4}}@media only screen and (max-width:599px){.iziui-grid__item--sm-5{grid-column-end:span 5;-ms-grid-column-span:5}}@media only screen and (max-width:899px){.iziui-grid__item--sm-5{grid-column-end:span 5;-ms-grid-column-span:5}}@media only screen and (max-width:599px){.iziui-grid__item--sm-6{grid-column-end:span 6;-ms-grid-column-span:6}}@media only screen and (max-width:899px){.iziui-grid__item--sm-6{grid-column-end:span 6;-ms-grid-column-span:6}}@media only screen and (max-width:599px){.iziui-grid__item--sm-7{grid-column-end:span 7;-ms-grid-column-span:7}}@media only screen and (max-width:899px){.iziui-grid__item--sm-7{grid-column-end:span 7;-ms-grid-column-span:7}}@media only screen and (max-width:599px){.iziui-grid__item--sm-8{grid-column-end:span 8;-ms-grid-column-span:8}}@media only screen and (max-width:899px){.iziui-grid__item--sm-8{grid-column-end:span 8;-ms-grid-column-span:8}}@media only screen and (max-width:599px){.iziui-grid__item--sm-9{grid-column-end:span 9;-ms-grid-column-span:9}}@media only screen and (max-width:899px){.iziui-grid__item--sm-9{grid-column-end:span 9;-ms-grid-column-span:9}}@media only screen and (max-width:599px){.iziui-grid__item--sm-10{grid-column-end:span 10;-ms-grid-column-span:10}}@media only screen and (max-width:899px){.iziui-grid__item--sm-10{grid-column-end:span 10;-ms-grid-column-span:10}}@media only screen and (max-width:599px){.iziui-grid__item--sm-11{grid-column-end:span 11;-ms-grid-column-span:11}}@media only screen and (max-width:899px){.iziui-grid__item--sm-11{grid-column-end:span 11;-ms-grid-column-span:11}}@media only screen and (max-width:599px){.iziui-grid__item--sm-12{grid-column-end:span 12;-ms-grid-column-span:12}}@media only screen and (max-width:899px){.iziui-grid__item--sm-12{grid-column-end:span 12;-ms-grid-column-span:12}}@media only screen and (max-width:599px){.iziui-grid__item--xs-1{grid-column-end:span 1;-ms-grid-column-span:1}}@media only screen and (max-width:599px){.iziui-grid__item--xs-2{grid-column-end:span 2;-ms-grid-column-span:2}}@media only screen and (max-width:599px){.iziui-grid__item--xs-3{grid-column-end:span 3;-ms-grid-column-span:3}}@media only screen and (max-width:599px){.iziui-grid__item--xs-4{grid-column-end:span 4;-ms-grid-column-span:4}}@media only screen and (max-width:599px){.iziui-grid__item--xs-5{grid-column-end:span 5;-ms-grid-column-span:5}}@media only screen and (max-width:599px){.iziui-grid__item--xs-6{grid-column-end:span 6;-ms-grid-column-span:6}}@media only screen and (max-width:599px){.iziui-grid__item--xs-7{grid-column-end:span 7;-ms-grid-column-span:7}}@media only screen and (max-width:599px){.iziui-grid__item--xs-8{grid-column-end:span 8;-ms-grid-column-span:8}}@media only screen and (max-width:599px){.iziui-grid__item--xs-9{grid-column-end:span 9;-ms-grid-column-span:9}}@media only screen and (max-width:599px){.iziui-grid__item--xs-10{grid-column-end:span 10;-ms-grid-column-span:10}}@media only screen and (max-width:599px){.iziui-grid__item--xs-11{grid-column-end:span 11;-ms-grid-column-span:11}}@media only screen and (max-width:599px){.iziui-grid__item--xs-12{grid-column-end:span 12;-ms-grid-column-span:12}}
 /*$vite$:1*/
+/* assets/index-9edV_-Bq.css */
+.iziui-toast-container{top:15px;z-index:60;right:15px;position:fixed;display:flex;align-items:flex-end;flex-direction:column}@media only screen and (max-width:1199px){.iziui-toast-container{right:auto;left:50%;transform:translate(-50%)}}
+/*$vite$:1*/
 /* assets/useMenu-Bmun71gn.css */
 .iziui-menu{position:absolute;word-break:break-all;white-space:pre-wrap;display:flex;flex-direction:column;z-index:4}.iziui-menu__overlay{position:fixed;height:100vh;width:100%;top:0;left:0;z-index:3;cursor:auto}.iziui-menu__card{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.iziui-menu__card__content{overflow:auto;padding:8px 0}.iziui-menu--open{opacity:1;transform:translateY(0)}.iziui-menu--close{transform:translateY(-10px);opacity:0}.iziui-menu__item{border:none;padding:8px 16px;position:relative;white-space:nowrap;background-color:transparent;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:flex-start}.iziui-menu__item:hover{background-color:var(--divider)}.iziui-menu__item--primary{color:var(--primary)}.iziui-menu__item--primary:hover{background-color:var(--primary-opacity)}.iziui-menu__item--secondary{color:var(--secondary)}.iziui-menu__item--secondary:hover{background-color:var(--secondary-opacity)}.iziui-menu__item--info{color:var(--info)}.iziui-menu__item--info:hover{background-color:var(--info-opacity)}.iziui-menu__item--error{color:var(--error)}.iziui-menu__item--error:hover{background-color:var(--error-opacity)}.iziui-menu__item--warning{color:var(--warning)}.iziui-menu__item--warning:hover{background-color:var(--warning-opacity)}.iziui-menu__item--success{color:var(--success)}.iziui-menu__item--success:hover{background-color:var(--success-opacity)}
 /*$vite$:1*/

package/dist/theme/index.cjs

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

package/dist/theme/index.js

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

package/package.json

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

package/dist/chunks/Typography-BKIC6AW2.cjs

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Typography-BKIC6AW2.cjs","sources":["../../src/display/Typography/Typography.tsx"],"sourcesContent":["import type { PropsWithChildren, HTMLAttributes, CSSProperties } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { MappedColors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport { convertPathToColor } from '@iziui/core/utils/convertPathToColor';\n\nimport { useTheme } from '@/theme';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Typography.scss';\n\nexport const variants = [\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'subtitle1',\n  'subtitle2',\n  'body1',\n  'body2',\n] as const;\n\nexport type Variant = typeof variants[number];\n\nconst MAP: { [x: string]: React.ElementType } = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  h6: 'h6',\n  subtitle1: 'h6',\n  subtitle2: 'h6',\n  body1: 'p',\n  body2: 'p',\n};\n\ninterface TypographyProps extends PropsWithChildren<HTMLAttributes<HTMLParagraphElement>> {\n  variant?: Variant;\n  color?: MappedColors;\n  textAlign?: CSSProperties['textAlign'];\n  weight?: 'bold' | 'normal' | 'light';\n}\nfunction Typography({\n  children,\n  variant = 'body1',\n  color = 'text.primary',\n  weight,\n  textAlign,\n  ...props\n}: TypographyProps) {\n  const { theme: { palette } } = useTheme();\n\n  const CustomTag = MAP[variant];\n\n  const cls = joinClass(\n    `${prefix}-typography`,\n    `${prefix}-typography--${variant}`,\n    weight && `${prefix}-typography--weight-${weight}`,\n    props.className\n  );\n\n  const c = convertPathToColor(color, palette);\n\n  return (\n    <CustomTag\n      {...props}\n      className={cls}\n      style={{\n        color: c,\n        textAlign,\n        ...props.style\n      }}\n    >\n      {children}\n    </CustomTag>\n  );\n}\n\nexport default createComponent(Typography);"],"names":["MAP","Typography","children","variant","color","weight","textAlign","props","palette","useTheme","CustomTag","cls","joinClass","prefix","c","convertPathToColor","jsx","createComponent"],"mappings":"0PA4BMA,EAA0C,CAC9C,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,UAAW,KACX,UAAW,KACX,MAAO,IACP,MAAO,GACT,EAQA,SAASC,EAAW,CAClB,SAAAC,EACA,QAAAC,EAAU,QACV,MAAAC,EAAQ,eACR,OAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAoB,CAClB,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAAA,SAAA,EAEzBC,EAAYV,EAAIG,CAAO,EAEvBQ,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,cACT,GAAGA,EAAAA,MAAM,gBAAgBV,CAAO,GAChCE,GAAU,GAAGQ,EAAAA,MAAM,uBAAuBR,CAAM,GAChDE,EAAM,SAAA,EAGFO,EAAIC,EAAAA,mBAAmBX,EAAOI,CAAO,EAE3C,OACEQ,EAAAA,IAACN,EAAA,CACE,GAAGH,EACJ,UAAWI,EACX,MAAO,CACL,MAAOG,EACP,UAAAR,EACA,GAAGC,EAAM,KAAA,EAGV,SAAAL,CAAA,CAAA,CAGP,CAEA,MAAAD,EAAegB,EAAAA,gBAAgBhB,CAAU"}

package/dist/chunks/Typography-C2ffsG3_.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Typography-C2ffsG3_.js","sources":["../../src/display/Typography/Typography.tsx"],"sourcesContent":["import type { PropsWithChildren, HTMLAttributes, CSSProperties } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport type { MappedColors } from '@iziui/core/theme';\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport { convertPathToColor } from '@iziui/core/utils/convertPathToColor';\n\nimport { useTheme } from '@/theme';\nimport createComponent from '@/core/createComponent';\n\nimport '@iziui/styles/components/Typography.scss';\n\nexport const variants = [\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'subtitle1',\n  'subtitle2',\n  'body1',\n  'body2',\n] as const;\n\nexport type Variant = typeof variants[number];\n\nconst MAP: { [x: string]: React.ElementType } = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  h6: 'h6',\n  subtitle1: 'h6',\n  subtitle2: 'h6',\n  body1: 'p',\n  body2: 'p',\n};\n\ninterface TypographyProps extends PropsWithChildren<HTMLAttributes<HTMLParagraphElement>> {\n  variant?: Variant;\n  color?: MappedColors;\n  textAlign?: CSSProperties['textAlign'];\n  weight?: 'bold' | 'normal' | 'light';\n}\nfunction Typography({\n  children,\n  variant = 'body1',\n  color = 'text.primary',\n  weight,\n  textAlign,\n  ...props\n}: TypographyProps) {\n  const { theme: { palette } } = useTheme();\n\n  const CustomTag = MAP[variant];\n\n  const cls = joinClass(\n    `${prefix}-typography`,\n    `${prefix}-typography--${variant}`,\n    weight && `${prefix}-typography--weight-${weight}`,\n    props.className\n  );\n\n  const c = convertPathToColor(color, palette);\n\n  return (\n    <CustomTag\n      {...props}\n      className={cls}\n      style={{\n        color: c,\n        textAlign,\n        ...props.style\n      }}\n    >\n      {children}\n    </CustomTag>\n  );\n}\n\nexport default createComponent(Typography);"],"names":["MAP","Typography","children","variant","color","weight","textAlign","props","palette","useTheme","CustomTag","cls","joinClass","prefix","c","convertPathToColor","jsx","Typography$1","createComponent"],"mappings":"8QA4BA,MAAMA,EAA0C,CAC9C,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,UAAW,KACX,UAAW,KACX,MAAO,IACP,MAAO,GACT,EAQA,SAASC,EAAW,CAClB,SAAAC,EACA,QAAAC,EAAU,QACV,MAAAC,EAAQ,eACR,OAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EAAoB,CAClB,KAAM,CAAE,MAAO,CAAE,QAAAC,CAAA,CAAQ,EAAMC,EAAA,EAEzBC,EAAYV,EAAIG,CAAO,EAEvBQ,EAAMC,EACV,GAAGC,CAAM,cACT,GAAGA,CAAM,gBAAgBV,CAAO,GAChCE,GAAU,GAAGQ,CAAM,uBAAuBR,CAAM,GAChDE,EAAM,SAAA,EAGFO,EAAIC,EAAmBX,EAAOI,CAAO,EAE3C,OACEQ,EAACN,EAAA,CACE,GAAGH,EACJ,UAAWI,EACX,MAAO,CACL,MAAOG,EACP,UAAAR,EACA,GAAGC,EAAM,KAAA,EAGV,SAAAL,CAAA,CAAA,CAGP,CAEA,MAAAe,EAAeC,EAAgBjB,CAAU"}