@iziui/react 0.0.52-rc → 0.0.53-rc

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,4 @@
1
- export { default, type ToastProps } from './Toast';
1
+ export { default as Toast } from './Toast';
2
+ export { default as ToastProvider } from './ToastProvider';
3
+ export { default as useToast } from './useToast';
2
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,2 +1,2 @@
1
- "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;
1
+ "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-DAYw7lG0.cjs"),R=require("../../chunks/uuid-omnJ9TjZ.cjs"),g=require("../../chunks/Zoom-BOnqwiDY.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 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;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1 +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"}
1
+ {"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"}
@@ -1,2 +1,2 @@
1
- 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};
1
+ 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-Dvtv5drl.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-C2ffsG3_.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};
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +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"}
1
+ {"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/index.cjs CHANGED
@@ -1,2 +1,2 @@
1
- "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;
1
+ "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;
2
2
  //# sourceMappingURL=index.cjs.map
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- 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};
1
+ 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};
2
2
  //# sourceMappingURL=index.js.map
package/dist/style.css CHANGED
@@ -14,9 +14,6 @@
14
14
  /* assets/index-rVKizwqS.css */
15
15
  .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}
16
16
  /*$vite$:1*/
17
- /* assets/index-9edV_-Bq.css */
18
- .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%)}}
19
- /*$vite$:1*/
20
17
  /* assets/index-tbLNWUoG.css */
21
18
  .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%)}}
22
19
  /*$vite$:1*/
@@ -76,6 +73,9 @@
76
73
  /* assets/GridItem-p7vi75nQ.css */
77
74
  .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}}
78
75
  /*$vite$:1*/
76
+ /* assets/index-9edV_-Bq.css */
77
+ .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%)}}
78
+ /*$vite$:1*/
79
79
  /* assets/useMenu-Bmun71gn.css */
80
80
  .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)}
81
81
  /*$vite$:1*/
@@ -1,2 +1,2 @@
1
- "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;
1
+ "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;
2
2
  //# sourceMappingURL=index.cjs.map
@@ -1,2 +1,2 @@
1
- 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};
1
+ 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};
2
2
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@iziui/react",
3
- "version": "0.0.52-rc",
3
+ "version": "0.0.53-rc",
4
4
  "main": "./dist/index.cjs",
5
5
  "module": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",