@iziui/react 0.0.91-rc → 0.0.93-rc

package/dist/components/Toast/index.js

@@ -1,2 +1,2 @@
-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 as f}from"../../chunks/index-CZ41y9Hn.js";import{j as N}from"../../chunks/joinClass-anSpaauN.js";import{c as $,u as g}from"../../chunks/createComponent-CovqNaAJ.js";import{u as y}from"../../chunks/useTheme-BYuNiCiH.js";import{A}from"../../chunks/Alert-mOXPwc3e.js";import{Z as B}from"../../chunks/Zoom-DqgU4Wfv.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Stack-Deow48Th.js";import"../../chunks/Typography-BrJZyxiT.js";import"../../chunks/convertPathToColor-DtOjH4ZP.js";import"../../chunks/ButtonIcon-CYO1Crb-.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-imOBrsbL.js";function E({id:r,color:s,message:n,icon:a,delay:m=2500,onRemove:c,...t}){const o=h(null),{theme:{mode:e}}=y(),v=N(`${f}-toast`,t.className);C(()=>(d(),p),[]);const l=()=>{r&&c(r)},d=()=>{o.current=setTimeout(()=>{l()},m)},p=()=>{o.current&&(clearTimeout(o.current),o.current=null)};return i(A,{className:v,icon:a,sx:{backgroundColor:({text:u})=>u.primary,color:u=>u[s][e]},onClose:l,onMouseEnter:p,onMouseLeave:d,children:n})}const P=$(E),T=R({toasts:[],add:()=>{}});function Q({children:r}){const[s,n]=b([]),a=j(()=>({toasts:s,add:t=>{m(t)}}),[s]),m=t=>{n(o=>[...o,{id:g(),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:a,children:[i("div",{className:`${f}-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};
+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 as f}from"../../chunks/index-CZ41y9Hn.js";import{j as N}from"../../chunks/joinClass-anSpaauN.js";import{c as $}from"../../chunks/createComponent-D-IheGJm.js";import{u as g}from"../../chunks/useTheme-BYuNiCiH.js";import{A as y}from"../../chunks/Alert-B-zwGEUF.js";import{u as A}from"../../chunks/uuid-dGvr9vBZ.js";import{Z as B}from"../../chunks/Zoom-DqgU4Wfv.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/Stack-C2zMFX0w.js";import"../../chunks/Typography-BkvvYn5T.js";import"../../chunks/convertPathToColor-DtOjH4ZP.js";import"../../chunks/ButtonIcon-mMZe5V_1.js";import"../../chunks/Ripple-Bq9bxg4k.js";import"../../chunks/Icon-B2zjgYkr.js";function E({id:r,color:s,message:n,icon:m,delay:a=2500,onRemove:c,...t}){const o=h(null),{theme:{mode:e}}=g(),v=N(`${f}-toast`,t.className);C(()=>(d(),p),[]);const l=()=>{r&&c(r)},d=()=>{o.current=setTimeout(()=>{l()},a)},p=()=>{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:p,onMouseLeave:d,children:n})}const P=$(E),T=R({toasts:[],add:()=>{}});function U({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:`${f}-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 V(){const{add:r}=M(T);return{addToast:r}}export{P as Toast,U as ToastProvider,V 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","../../../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 = 2500, 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":"0xBAoCA,SAASA,EAAM,CAAE,GAAAC,EAAI,MAAAC,EAAO,QAAAC,EAAS,KAAAC,EAAM,MAAAC,EAAQ,KAAM,SAAAC,EAAU,GAAGC,GAAqB,CACzF,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"}
+{"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 = 2500, 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":"00BAoCA,SAASA,EAAM,CAAE,GAAAC,EAAI,MAAAC,EAAO,QAAAC,EAAS,KAAAC,EAAM,MAAAC,EAAQ,KAAM,SAAAC,EAAU,GAAGC,GAAqB,CACzF,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/Tooltip/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react/jsx-runtime"),t=require("react"),v=require("../../chunks/index-DYxwT4uW.cjs"),S=require("../../chunks/joinClass-Jk3EszKD.cjs"),M=require("../../chunks/createComponent-Dkt68kvT.cjs"),A=require("../../chunks/useTheme-DsrjDJKC.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function H({children:x,label:b,width:g="max-content",direction:l="bottom",...d}){const{theme:{spacing:n}}=A.useTheme(),[r,h]=t.useState(!1),[j,i]=t.useState(!1),[y,T]=t.useState(null),c=t.useRef(null),a=t.useRef(null),e=t.useRef(null);t.useLayoutEffect(()=>{if(!r||!c.current||!a.current)return;const{offsetHeight:o,offsetWidth:f}=c.current,{offsetHeight:m,offsetWidth:p}=a.current;let s,u;l==="top"?(s=-(m+n),u=-(p-f)/2):l==="bottom"?(s=o+n,u=-(p-f)/2):l==="right"?(s=(o-m)/2,u=f+n):(s=(o-m)/2,u=-(p+n)),T({top:s,left:u})},[r,l,n]),t.useEffect(()=>{if(!r)return;const o=requestAnimationFrame(()=>i(!0));return()=>cancelAnimationFrame(o)},[r]),t.useEffect(()=>()=>{e.current&&clearTimeout(e.current)},[]);const R=()=>{if(e.current){clearTimeout(e.current),e.current=null,i(!0);return}h(!0)},C=()=>{e.current&&(clearTimeout(e.current),e.current=null),i(!1),e.current=setTimeout(()=>{h(!1),T(null),e.current=null},300)},E=S.joinClass(`${v.prefix}-tooltip`,j&&`${v.prefix}-tooltip--visible`);return q.jsxs("div",{ref:c,...d,style:{position:"relative",...d.style},onMouseEnter:R,onMouseLeave:C,children:[x,q.jsx("span",{ref:a,className:E,style:{...y,width:g,display:r?"block":"none"},children:b})]})}const L=M.createComponent(H);exports.default=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react/jsx-runtime"),t=require("react"),v=require("../../chunks/index-DYxwT4uW.cjs"),S=require("../../chunks/joinClass-Jk3EszKD.cjs"),M=require("../../chunks/createComponent-B2C4sTOb.cjs"),A=require("../../chunks/useTheme-DsrjDJKC.cjs");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");function H({children:x,label:b,width:g="max-content",direction:l="bottom",...d}){const{theme:{spacing:n}}=A.useTheme(),[r,h]=t.useState(!1),[j,i]=t.useState(!1),[y,T]=t.useState(null),c=t.useRef(null),a=t.useRef(null),e=t.useRef(null);t.useLayoutEffect(()=>{if(!r||!c.current||!a.current)return;const{offsetHeight:o,offsetWidth:f}=c.current,{offsetHeight:m,offsetWidth:p}=a.current;let s,u;l==="top"?(s=-(m+n),u=-(p-f)/2):l==="bottom"?(s=o+n,u=-(p-f)/2):l==="right"?(s=(o-m)/2,u=f+n):(s=(o-m)/2,u=-(p+n)),T({top:s,left:u})},[r,l,n]),t.useEffect(()=>{if(!r)return;const o=requestAnimationFrame(()=>i(!0));return()=>cancelAnimationFrame(o)},[r]),t.useEffect(()=>()=>{e.current&&clearTimeout(e.current)},[]);const R=()=>{if(e.current){clearTimeout(e.current),e.current=null,i(!0);return}h(!0)},C=()=>{e.current&&(clearTimeout(e.current),e.current=null),i(!1),e.current=setTimeout(()=>{h(!1),T(null),e.current=null},300)},E=S.joinClass(`${v.prefix}-tooltip`,j&&`${v.prefix}-tooltip--visible`);return q.jsxs("div",{ref:c,...d,style:{position:"relative",...d.style},onMouseEnter:R,onMouseLeave:C,children:[x,q.jsx("span",{ref:a,className:E,style:{...y,width:g,display:r?"block":"none"},children:b})]})}const L=M.createComponent(H);exports.default=L;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Tooltip/index.js

@@ -1,2 +1,2 @@
-import{jsxs as R,jsx as W}from"react/jsx-runtime";import{useState as p,useRef as h,useLayoutEffect as F,useEffect as x}from"react";import{p as y}from"../../chunks/index-CZ41y9Hn.js";import{j as M}from"../../chunks/joinClass-anSpaauN.js";import{c as $}from"../../chunks/createComponent-CovqNaAJ.js";import{u as k}from"../../chunks/useTheme-BYuNiCiH.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function q({children:b,label:g,width:j="max-content",direction:l="bottom",...d}){const{theme:{spacing:t}}=k(),[o,T]=p(!1),[E,i]=p(!1),[A,v]=p(null),u=h(null),c=h(null),e=h(null);F(()=>{if(!o||!u.current||!c.current)return;const{offsetHeight:r,offsetWidth:a}=u.current,{offsetHeight:f,offsetWidth:m}=c.current;let n,s;l==="top"?(n=-(f+t),s=-(m-a)/2):l==="bottom"?(n=r+t,s=-(m-a)/2):l==="right"?(n=(r-f)/2,s=a+t):(n=(r-f)/2,s=-(m+t)),v({top:n,left:s})},[o,l,t]),x(()=>{if(!o)return;const r=requestAnimationFrame(()=>i(!0));return()=>cancelAnimationFrame(r)},[o]),x(()=>()=>{e.current&&clearTimeout(e.current)},[]);const C=()=>{if(e.current){clearTimeout(e.current),e.current=null,i(!0);return}T(!0)},H=()=>{e.current&&(clearTimeout(e.current),e.current=null),i(!1),e.current=setTimeout(()=>{T(!1),v(null),e.current=null},300)},L=M(`${y}-tooltip`,E&&`${y}-tooltip--visible`);return R("div",{ref:u,...d,style:{position:"relative",...d.style},onMouseEnter:C,onMouseLeave:H,children:[b,W("span",{ref:c,className:L,style:{...A,width:j,display:o?"block":"none"},children:g})]})}const D=$(q);export{D as default};
+import{jsxs as R,jsx as W}from"react/jsx-runtime";import{useState as p,useRef as h,useLayoutEffect as F,useEffect as x}from"react";import{p as y}from"../../chunks/index-CZ41y9Hn.js";import{j as M}from"../../chunks/joinClass-anSpaauN.js";import{c as $}from"../../chunks/createComponent-D-IheGJm.js";import{u as k}from"../../chunks/useTheme-BYuNiCiH.js";import"../../chunks/generateSupportColors-BN5t8dA-.js";function q({children:b,label:g,width:j="max-content",direction:l="bottom",...d}){const{theme:{spacing:t}}=k(),[o,T]=p(!1),[E,i]=p(!1),[A,v]=p(null),u=h(null),c=h(null),e=h(null);F(()=>{if(!o||!u.current||!c.current)return;const{offsetHeight:r,offsetWidth:a}=u.current,{offsetHeight:f,offsetWidth:m}=c.current;let n,s;l==="top"?(n=-(f+t),s=-(m-a)/2):l==="bottom"?(n=r+t,s=-(m-a)/2):l==="right"?(n=(r-f)/2,s=a+t):(n=(r-f)/2,s=-(m+t)),v({top:n,left:s})},[o,l,t]),x(()=>{if(!o)return;const r=requestAnimationFrame(()=>i(!0));return()=>cancelAnimationFrame(r)},[o]),x(()=>()=>{e.current&&clearTimeout(e.current)},[]);const C=()=>{if(e.current){clearTimeout(e.current),e.current=null,i(!0);return}T(!0)},H=()=>{e.current&&(clearTimeout(e.current),e.current=null),i(!1),e.current=setTimeout(()=>{T(!1),v(null),e.current=null},300)},L=M(`${y}-tooltip`,E&&`${y}-tooltip--visible`);return R("div",{ref:u,...d,style:{position:"relative",...d.style},onMouseEnter:C,onMouseLeave:H,children:[b,W("span",{ref:c,className:L,style:{...A,width:j,display:o?"block":"none"},children:g})]})}const D=$(q);export{D as default};
 //# sourceMappingURL=index.js.map

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-DW57lh3e.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/convertPathToColor-D8eBpd_D.cjs");require("../../chunks/useTheme-DsrjDJKC.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/createComponent-Dkt68kvT.cjs");exports.default=e.Typography;exports.variants=e.variants;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../chunks/Typography-B2gBDBkp.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/convertPathToColor-D8eBpd_D.cjs");require("../../chunks/useTheme-DsrjDJKC.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/createComponent-B2C4sTOb.cjs");exports.default=e.Typography;exports.variants=e.variants;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Typography/index.js

@@ -1,2 +1,2 @@
-import{T as v,v as d}from"../../chunks/Typography-BrJZyxiT.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/convertPathToColor-DtOjH4ZP.js";import"../../chunks/useTheme-BYuNiCiH.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/createComponent-CovqNaAJ.js";export{v as default,d as variants};
+import{T as v,v as d}from"../../chunks/Typography-BkvvYn5T.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/convertPathToColor-DtOjH4ZP.js";import"../../chunks/useTheme-BYuNiCiH.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/createComponent-D-IheGJm.js";export{v as default,d as variants};
 //# sourceMappingURL=index.js.map

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./chunks/useTheme-DsrjDJKC.cjs"),i=require("./chunks/Bounce-ByNbJjX0.cjs"),e=require("./chunks/useForm-BNLOy0E6.cjs"),a=require("./chunks/Fade-CM-5xRVt.cjs"),s=require("./chunks/Slide-D4aLHjYS.cjs"),u=require("./chunks/TableHeader-SKzj2zHB.cjs"),d=require("./chunks/Zoom-BOnqwiDY.cjs"),r=require("./chunks/DrawerContent-Dyc1evVF.cjs"),l=require("./chunks/useListenerResized-AwpsZLcP.cjs"),t=require("./chunks/useMenu-DewYBiar.cjs"),q=require("./chunks/useResize-Dnf6Ktrn.cjs"),c=require("./chunks/Card-DtjP8NP7.cjs"),m=require("./chunks/CardContent-BqqU9iwO.cjs"),n=require("./chunks/GridItem-wwo-SHGR.cjs"),C=require("./chunks/MenuButton-D0cPZU6x.cjs"),T=require("./chunks/Typography-DW57lh3e.cjs");require("react");require("react/jsx-runtime");require("./chunks/generateSupportColors-CTMoGhDf.cjs");require("./chunks/index-DYxwT4uW.cjs");require("./chunks/joinClass-Jk3EszKD.cjs");require("./chunks/createComponent-Dkt68kvT.cjs");require("./chunks/Stack-B_lU0ez7.cjs");require("./chunks/ButtonIcon-BMOZPxpN.cjs");require("./chunks/Ripple-Dy4i91j1.cjs");require("./chunks/Icon-CIrgQex7.cjs");require("./chunks/convertPathToColor-D8eBpd_D.cjs");exports.ThemeProvider=o.ThemeProvider;exports.createTheme=o.createTheme;exports.useTheme=o.useTheme;exports.Bounce=i.Bounce;exports.Control=e.Control;exports.Form=e.Form;exports.useControl=e.useControl;exports.useForm=e.useForm;exports.useFormGroup=e.useFormGroup;exports.Fade=a.Fade;exports.Slide=s.Slide;exports.Table=u.Table_default;exports.TableBody=u.TableBody;exports.TableCell=u.TableCell_default;exports.TableHeader=u.TableHeader;exports.Zoom=d.Zoom;exports.Drawer=r.Drawer_default;exports.DrawerContent=r.DrawerContent_default;exports.DrawerFooter=r.DrawerFooter_default;exports.DrawerHeader=r.DrawerHeader_default;exports.useDrawer=r.useDrawer;exports.useListenerResized=l.useListenerResized;exports.Menu=t.Menu;exports.useMenu=t.useMenu;exports.useResize=q.useResize;exports.Card=c.Card;exports.CardContent=m.CardContent;exports.Grid=n.Grid;exports.GridItem=n.GridItem;exports.MenuButton=C.MenuButton_default;exports.variants=T.variants;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./chunks/useTheme-DsrjDJKC.cjs"),s=require("./chunks/Bounce-ByNbJjX0.cjs"),e=require("./chunks/useForm-BNLOy0E6.cjs"),i=require("./chunks/Fade-DfxUFkY4.cjs"),d=require("./chunks/Slide-D4aLHjYS.cjs"),u=require("./chunks/useTabs-DaDm5Ou4.cjs"),t=require("./chunks/TableHeader-D_fGRq9B.cjs"),l=require("./chunks/Zoom-BOnqwiDY.cjs"),r=require("./chunks/DrawerContent-C6nd8E0E.cjs"),q=require("./chunks/useListenerResized-AwpsZLcP.cjs"),a=require("./chunks/useMenu-C2KhwKNS.cjs"),T=require("./chunks/useResize-Dnf6Ktrn.cjs"),c=require("./chunks/Card-CcOpPKfS.cjs"),m=require("./chunks/CardContent-D2cDaP4l.cjs"),n=require("./chunks/GridItem-wwo-SHGR.cjs"),b=require("./chunks/MenuButton-CsePYu0b.cjs"),C=require("./chunks/Typography-B2gBDBkp.cjs");require("react");require("react/jsx-runtime");require("./chunks/generateSupportColors-CTMoGhDf.cjs");require("./chunks/wait-CgS79FV1.cjs");require("./chunks/index-DYxwT4uW.cjs");require("./chunks/joinClass-Jk3EszKD.cjs");require("./chunks/uuid-omnJ9TjZ.cjs");require("./chunks/createComponent-B2C4sTOb.cjs");require("./chunks/Stack-lvjI3kV3.cjs");require("./chunks/ButtonIcon-CJ5Iz-uJ.cjs");require("./chunks/Ripple-Dy4i91j1.cjs");require("./chunks/Icon-CFvy-l1V.cjs");require("./chunks/convertPathToColor-D8eBpd_D.cjs");exports.ThemeProvider=o.ThemeProvider;exports.createTheme=o.createTheme;exports.useTheme=o.useTheme;exports.Bounce=s.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=d.Slide;exports.TabButton=u.TabButton;exports.TabContent=u.TabContent;exports.Tabs=u.Tabs_default;exports.useTabs=u.useTabs;exports.Table=t.Table_default;exports.TableBody=t.TableBody;exports.TableCell=t.TableCell_default;exports.TableHeader=t.TableHeader;exports.Zoom=l.Zoom;exports.Drawer=r.Drawer_default;exports.DrawerContent=r.DrawerContent_default;exports.DrawerFooter=r.DrawerFooter_default;exports.DrawerHeader=r.DrawerHeader_default;exports.useDrawer=r.useDrawer;exports.useListenerResized=q.useListenerResized;exports.Menu=a.Menu;exports.useMenu=a.useMenu;exports.useResize=T.useResize;exports.Card=c.Card;exports.CardContent=m.CardContent;exports.Grid=n.Grid;exports.GridItem=n.GridItem;exports.MenuButton=b.MenuButton_default;exports.variants=C.variants;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,2 +1,2 @@
-import{T as d,c as C,u as l}from"./chunks/useTheme-BYuNiCiH.js";import{B as b}from"./chunks/Bounce-DP0PU3kr.js";import{C as D,F as c,u as w,a as M,b as B}from"./chunks/useForm-iwGfb88g.js";import{F as h}from"./chunks/Fade-spxq-W-Q.js";import{S as z}from"./chunks/Slide-BxEwoZ70.js";import{T as R,a as S,b as Z,c as y}from"./chunks/TableHeader-DnifrYxO.js";import{Z as L}from"./chunks/Zoom-DqgU4Wfv.js";import{D as g,a as j,b as k,c as q,u as A}from"./chunks/DrawerContent-CYQSz1G-.js";import{u as J}from"./chunks/useListenerResized-Bnqxrt7k.js";import{M as N,u as O}from"./chunks/useMenu-DuX7EGHi.js";import{u as U}from"./chunks/useResize-BUftB918.js";import{C as W}from"./chunks/Card-D_RFnUk2.js";import{C as Y}from"./chunks/CardContent-BsSfxSQH.js";import{G as $,a as rr}from"./chunks/GridItem-CaoPZmBu.js";import{M as or}from"./chunks/MenuButton-CvQxSdho.js";import{v as sr}from"./chunks/Typography-BrJZyxiT.js";import"react";import"react/jsx-runtime";import"./chunks/generateSupportColors-BN5t8dA-.js";import"./chunks/index-CZ41y9Hn.js";import"./chunks/joinClass-anSpaauN.js";import"./chunks/createComponent-CovqNaAJ.js";import"./chunks/Stack-Deow48Th.js";import"./chunks/ButtonIcon-CYO1Crb-.js";import"./chunks/Ripple-Bq9bxg4k.js";import"./chunks/Icon-imOBrsbL.js";import"./chunks/convertPathToColor-DtOjH4ZP.js";export{b as Bounce,W as Card,Y as CardContent,D as Control,g as Drawer,j as DrawerContent,k as DrawerFooter,q as DrawerHeader,h as Fade,c as Form,$ as Grid,rr as GridItem,N as Menu,or as MenuButton,z as Slide,R as Table,S as TableBody,Z as TableCell,y as TableHeader,d as ThemeProvider,L as Zoom,C as createTheme,w as useControl,A as useDrawer,M as useForm,B as useFormGroup,J as useListenerResized,O as useMenu,U as useResize,l as useTheme,sr as variants};
+import{T as d,c as C,u as l}from"./chunks/useTheme-BYuNiCiH.js";import{B as D}from"./chunks/Bounce-DP0PU3kr.js";import{C as w,F as B,u as M,a as G,b as h}from"./chunks/useForm-iwGfb88g.js";import{F as z}from"./chunks/Fade-CWDTkVB8.js";import{S as R}from"./chunks/Slide-BxEwoZ70.js";import{T as Z,a as y,b as I,u as L}from"./chunks/useTabs-De_vpYsm.js";import{T as g,a as j,b as k,c as q}from"./chunks/TableHeader-Bra59bV0.js";import{Z as E}from"./chunks/Zoom-DqgU4Wfv.js";import{D as K,a as N,b as O,c as Q,u as U}from"./chunks/DrawerContent-OuMcge27.js";import{u as W}from"./chunks/useListenerResized-Bnqxrt7k.js";import{M as Y,u as _}from"./chunks/useMenu-DLaxCUF_.js";import{u as rr}from"./chunks/useResize-BUftB918.js";import{C as er}from"./chunks/Card-DDRUwdlG.js";import{C as sr}from"./chunks/CardContent-DYAWf3xO.js";import{G as mr,a as pr}from"./chunks/GridItem-CaoPZmBu.js";import{M as ir}from"./chunks/MenuButton-nVBc0ieJ.js";import{v as xr}from"./chunks/Typography-BkvvYn5T.js";import"react";import"react/jsx-runtime";import"./chunks/generateSupportColors-BN5t8dA-.js";import"./chunks/wait-BSgGzoPk.js";import"./chunks/index-CZ41y9Hn.js";import"./chunks/joinClass-anSpaauN.js";import"./chunks/uuid-dGvr9vBZ.js";import"./chunks/createComponent-D-IheGJm.js";import"./chunks/Stack-C2zMFX0w.js";import"./chunks/ButtonIcon-mMZe5V_1.js";import"./chunks/Ripple-Bq9bxg4k.js";import"./chunks/Icon-B2zjgYkr.js";import"./chunks/convertPathToColor-DtOjH4ZP.js";export{D as Bounce,er as Card,sr as CardContent,w as Control,K as Drawer,N as DrawerContent,O as DrawerFooter,Q as DrawerHeader,z as Fade,B as Form,mr as Grid,pr as GridItem,Y as Menu,ir as MenuButton,R as Slide,Z as TabButton,y as TabContent,g as Table,j as TableBody,k as TableCell,q as TableHeader,I as Tabs,d as ThemeProvider,E as Zoom,C as createTheme,M as useControl,U as useDrawer,G as useForm,h as useFormGroup,W as useListenerResized,_ as useMenu,rr as useResize,L as useTabs,l as useTheme,xr as variants};
 //# sourceMappingURL=index.js.map

package/dist/style.css

@@ -11,28 +11,26 @@
 /* assets/index-D0bj3w-V.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)}.iziui-chip--primary--contained{background-color:var(--primary-opacity)}.iziui-chip--secondary--outlined{border:1px solid var(--secondary)}.iziui-chip--secondary--contained{background-color:var(--secondary-opacity)}.iziui-chip--info--outlined{border:1px solid var(--info)}.iziui-chip--info--contained{background-color:var(--info-opacity)}.iziui-chip--error--outlined{border:1px solid var(--error)}.iziui-chip--error--contained{background-color:var(--error-opacity)}.iziui-chip--warning--outlined{border:1px solid var(--warning)}.iziui-chip--warning--contained{background-color:var(--warning-opacity)}.iziui-chip--success--outlined{border:1px solid var(--success)}.iziui-chip--success--contained{background-color:var(--success-opacity)}.iziui-chip--grey--outlined{border:1px solid var(--grey)}.iziui-chip--grey--contained{background-color:var(--grey-opacity)}.iziui-chip--light.iziui-chip--primary{color:var(--primary-dark)}.iziui-chip--light.iziui-chip--secondary{color:var(--secondary-dark)}.iziui-chip--light.iziui-chip--info{color:var(--info-dark)}.iziui-chip--light.iziui-chip--error{color:var(--error-dark)}.iziui-chip--light.iziui-chip--warning{color:var(--warning-dark)}.iziui-chip--light.iziui-chip--success{color:var(--success-dark)}.iziui-chip--light.iziui-chip--grey{color:var(--grey-dark)}.iziui-chip--dark.iziui-chip--primary{color:var(--primary-light)}.iziui-chip--dark.iziui-chip--secondary{color:var(--secondary-light)}.iziui-chip--dark.iziui-chip--info{color:var(--info-light)}.iziui-chip--dark.iziui-chip--error{color:var(--error-light)}.iziui-chip--dark.iziui-chip--warning{color:var(--warning-light)}.iziui-chip--dark.iziui-chip--success{color:var(--success-light)}.iziui-chip--dark.iziui-chip--grey{color:var(--grey-light)}.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-Bs0qH-ot.css */
-.iziui-avatar{display:flex;position:relative;align-items:center;justify-content:center;flex-shrink:0;font-size:1.25rem;line-height:1;overflow:hidden;-webkit-user-select:none;user-select:none;border:1px solid var(--divider);transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-avatar--rounded{border-radius:var(--radius)}.iziui-avatar--circular{border-radius:50%}.iziui-avatar--clickable{cursor:pointer}.iziui-avatar--primary{color:var(--primary-contrast);background-color:var(--primary)}.iziui-avatar--secondary{color:var(--secondary-contrast);background-color:var(--secondary)}.iziui-avatar--info{color:var(--info-contrast);background-color:var(--info)}.iziui-avatar--error{color:var(--error-contrast);background-color:var(--error)}.iziui-avatar--warning{color:var(--warning-contrast);background-color:var(--warning)}.iziui-avatar--success{color:var(--success-contrast);background-color:var(--success)}.iziui-avatar--grey{color:var(--grey-contrast);background-color:var(--grey)}.iziui-avatar__icon{color:currentColor!important}
-/*$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*/
-/* assets/index-BeVKXeEI.css */
-.iziui-loading{display:inline-block;animation:circle-rotate 1.4s linear 0s infinite}.iziui-loading__svg{display:block}.iziui-loading__circle{stroke:currentcolor;stroke-dasharray:80px,200px;stroke-dashoffset:0;animation:circle-animation 1.4s ease-in-out 0s infinite}@keyframes circle-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes circle-animation{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}
-/*$vite$:1*/
 /* assets/Alert-De-ql8WM.css */
 .iziui-alert{min-height:48px;width:max-content;border-radius:var(--radius)}.iziui-alert--primary{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--primary-opacity)}.iziui-alert--secondary{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--secondary-opacity)}.iziui-alert--info{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--info-opacity)}.iziui-alert--error{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--error-opacity)}.iziui-alert--warning{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--warning-opacity)}.iziui-alert--success{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--success-opacity)}.iziui-alert--grey{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:var(--grey-opacity)}.iziui-alert--light.iziui-alert--primary{color:var(--primary-dark)}.iziui-alert--light.iziui-alert--secondary{color:var(--secondary-dark)}.iziui-alert--light.iziui-alert--info{color:var(--info-dark)}.iziui-alert--light.iziui-alert--error{color:var(--error-dark)}.iziui-alert--light.iziui-alert--warning{color:var(--warning-dark)}.iziui-alert--light.iziui-alert--success{color:var(--success-dark)}.iziui-alert--light.iziui-alert--grey{color:var(--grey-dark)}.iziui-alert--dark.iziui-alert--primary{color:var(--primary-light)}.iziui-alert--dark.iziui-alert--secondary{color:var(--secondary-light)}.iziui-alert--dark.iziui-alert--info{color:var(--info-light)}.iziui-alert--dark.iziui-alert--error{color:var(--error-light)}.iziui-alert--dark.iziui-alert--warning{color:var(--warning-light)}.iziui-alert--dark.iziui-alert--success{color:var(--success-light)}.iziui-alert--dark.iziui-alert--grey{color:var(--grey-light)}.iziui-alert__content{padding:8px 16px}.iziui-alert__button{margin-right:16px}
 /*$vite$:1*/
-/* assets/Typography-DsZmVVQw.css */
-.iziui-typography{color:currentColor;margin:0;transition:all .3s cubic-bezier(.4,0,.2,1);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iziui-typography--weight-bold{font-weight:700!important}.iziui-typography--weight-light{font-weight:300!important}.iziui-typography--weight-normal{font-weight:500!important}.iziui-typography--h1{font-size:clamp(2rem,1.65rem + 1.6vw,3rem);line-height:1.12;letter-spacing:-.02em}.iziui-typography--h2{font-size:clamp(1.75rem,1.5rem + 1.2vw,2.5rem);line-height:1.16;letter-spacing:-.015em;font-weight:700}.iziui-typography--h3{font-size:clamp(1.5rem,1.35rem + .9vw,2rem);line-height:1.2;letter-spacing:-.01em}.iziui-typography--h4{font-size:clamp(1.25rem,1.15rem + .6vw,1.5rem);line-height:1.25;letter-spacing:-.005em}.iziui-typography--h5{font-size:clamp(1.125rem,1.05rem + .4vw,1.25rem);line-height:1.3;letter-spacing:0;font-weight:600}.iziui-typography--h6{font-size:clamp(1rem,.98rem + .25vw,1.125rem);line-height:1.35;letter-spacing:.01em}.iziui-typography--subtitle1{font-size:clamp(1.0625rem,1.02rem + .25vw,1.125rem);line-height:1.5;letter-spacing:.005em}.iziui-typography--subtitle2{font-size:clamp(.9375rem,.92rem + .2vw,1rem);line-height:1.45;letter-spacing:.01em}.iziui-typography--body1{font-size:clamp(1rem,.95rem + .2vw,1.0625rem);line-height:1.6;letter-spacing:0}.iziui-typography--body2{font-size:clamp(.875rem,.85rem + .2vw,.9375rem);line-height:1.55;letter-spacing:0}
-/*$vite$:1*/
 /* assets/index-BBM31GWI.css */
 .iziui-switch{position:relative}.iziui-switch__label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.iziui-switch__label--error{color:var(--error)}.iziui-switch__checkbox{height:0;width:0;visibility:hidden;position:absolute}.iziui-switch__checkbox:active+.iziui-switch__box .iziui-switch__button{width:36px}.iziui-switch__checkbox:checked+.iziui-switch__box .iziui-switch__button{left:100%;transform:translate(calc(-100% + 2px),-50%)}.iziui-switch__checkbox--primary:checked+.iziui-switch__box{background-color:var(--primary)}.iziui-switch__checkbox--secondary:checked+.iziui-switch__box{background-color:var(--secondary)}.iziui-switch__checkbox--info:checked+.iziui-switch__box{background-color:var(--info)}.iziui-switch__checkbox--error:checked+.iziui-switch__box{background-color:var(--error)}.iziui-switch__checkbox--warning:checked+.iziui-switch__box{background-color:var(--warning)}.iziui-switch__checkbox--success:checked+.iziui-switch__box{background-color:var(--success)}.iziui-switch__checkbox--grey:checked+.iziui-switch__box{background-color:var(--grey)}.iziui-switch__box{display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;cursor:pointer;width:58px;height:24px;background:var(--divider);border-radius:100px;position:relative;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.iziui-switch__button{content:"";position:absolute;top:50%;transform:translateY(-50%);left:-2px;width:28px;height:28px;border-radius:45px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.iziui-switch__helper-text{opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;transform:translateY(-10px)}.iziui-switch__helper-text--visible{opacity:1;transform:translateY(0)}.iziui-switch__helper-text--error{color:var(--error)}
 /*$vite$:1*/
 /* assets/index-BXQlB1HL.css */
 .iziui-select{padding:0;width:100%;border:none;border-radius:var(--radius);border:1px solid var(--divider);background-color:var(--background-default);font-size:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.iziui-select:focus-within{outline:2px solid var(--primary)}.iziui-select--disabled{cursor:not-allowed;background:var(--divider);color:var(--text-disabled)}.iziui-select--error{border-color:var(--error)}.iziui-select input{cursor:pointer;background:transparent;height:100%;width:100%;border:none;outline:none;-webkit-user-select:none;user-select:none;padding:10.8px 14.4px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px}.iziui-select input:-internal-autofill-selected{-webkit-text-fill-color:var(--divider)}.iziui-select input::placeholder{color:var(--text-secondary);opacity:1}.iziui-select input:disabled{cursor:not-allowed;color:var(--text-disabled)}.iziui-select-container{width:100%;position:relative}.iziui-select-label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.iziui-select-label--error{color:var(--error)}.iziui-select__icon--left{margin-left:10.8px;margin-right:-5px}.iziui-select__icon--right{margin-right:10.8px}.iziui-select__icon--disabled{background:var(--text-disabled)}.iziui-select__option{font-size:16px;cursor:pointer;padding:.5rem 1rem;border:none;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;display:flex;align-items:center;justify-content:flex-start;background-color:transparent}.iziui-select__option--selected{background-color:var(--primary-opacity)}.iziui-select__option--disabled{cursor:not-allowed;background-color:var(--divider)!important;color:var(--text-disabled)!important}.iziui-select__option--primary{color:var(--primary)}.iziui-select__option--primary:hover{background-color:var(--primary-opacity)}.iziui-select__option--secondary{color:var(--secondary)}.iziui-select__option--secondary:hover{background-color:var(--secondary-opacity)}.iziui-select__option--info{color:var(--info)}.iziui-select__option--info:hover{background-color:var(--info-opacity)}.iziui-select__option--error{color:var(--error)}.iziui-select__option--error:hover{background-color:var(--error-opacity)}.iziui-select__option--warning{color:var(--warning)}.iziui-select__option--warning:hover{background-color:var(--warning-opacity)}.iziui-select__option--success{color:var(--success)}.iziui-select__option--success:hover{background-color:var(--success-opacity)}.iziui-select__option--grey{color:var(--grey)}.iziui-select__option--grey:hover{background-color:var(--grey-opacity)}.iziui-select__option__icon{margin-right:10px}.iziui-select__helper-text{opacity:0;margin:6px 0 0;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;transform:translateY(-10px)}.iziui-select__helper-text--visible{opacity:1;transform:translateY(0)}.iziui-select__helper-text--error{color:var(--error)}
 /*$vite$:1*/
-/* assets/index-tn0RQdqM.css */
+/* assets/index-ZcCW3wVX.css */
+.iziui-input-file{position:relative;width:100%;height:180px;border:3px dashed var(--divider);border-radius:var(--radius);background-color:var(--background-default);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.iziui-input-file--dragging{background-color:var(--primary-opacity);border:3px dashed var(--primary)}.iziui-input-file--success{border:3px dashed var(--success)}.iziui-input-file--error{border:3px dashed var(--error)}.iziui-input-file input{opacity:0;width:100%;height:100%;cursor:pointer;position:absolute}
+/*$vite$:1*/
+/* assets/Loading-BeVKXeEI.css */
+.iziui-loading{display:inline-block;animation:circle-rotate 1.4s linear 0s infinite}.iziui-loading__svg{display:block}.iziui-loading__circle{stroke:currentcolor;stroke-dasharray:80px,200px;stroke-dashoffset:0;animation:circle-animation 1.4s ease-in-out 0s infinite}@keyframes circle-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes circle-animation{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}
+/*$vite$:1*/
+/* assets/Typography-DsZmVVQw.css */
+.iziui-typography{color:currentColor;margin:0;transition:all .3s cubic-bezier(.4,0,.2,1);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.iziui-typography--weight-bold{font-weight:700!important}.iziui-typography--weight-light{font-weight:300!important}.iziui-typography--weight-normal{font-weight:500!important}.iziui-typography--h1{font-size:clamp(2rem,1.65rem + 1.6vw,3rem);line-height:1.12;letter-spacing:-.02em}.iziui-typography--h2{font-size:clamp(1.75rem,1.5rem + 1.2vw,2.5rem);line-height:1.16;letter-spacing:-.015em;font-weight:700}.iziui-typography--h3{font-size:clamp(1.5rem,1.35rem + .9vw,2rem);line-height:1.2;letter-spacing:-.01em}.iziui-typography--h4{font-size:clamp(1.25rem,1.15rem + .6vw,1.5rem);line-height:1.25;letter-spacing:-.005em}.iziui-typography--h5{font-size:clamp(1.125rem,1.05rem + .4vw,1.25rem);line-height:1.3;letter-spacing:0;font-weight:600}.iziui-typography--h6{font-size:clamp(1rem,.98rem + .25vw,1.125rem);line-height:1.35;letter-spacing:.01em}.iziui-typography--subtitle1{font-size:clamp(1.0625rem,1.02rem + .25vw,1.125rem);line-height:1.5;letter-spacing:.005em}.iziui-typography--subtitle2{font-size:clamp(.9375rem,.92rem + .2vw,1rem);line-height:1.45;letter-spacing:.01em}.iziui-typography--body1{font-size:clamp(1rem,.95rem + .2vw,1.0625rem);line-height:1.6;letter-spacing:0}.iziui-typography--body2{font-size:clamp(.875rem,.85rem + .2vw,.9375rem);line-height:1.55;letter-spacing:0}
 /*$vite$:1*/
 /* assets/index-DYPt7lEw.css */
 .iziui-input-container{width:100%;position:relative}.iziui-input-label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.iziui-input-label--error{color:var(--error)}.iziui-input{cursor:text;border-radius:var(--radius);border:1px solid var(--divider);position:relative;background-color:var(--background-default);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;justify-content:space-between;align-items:center}.iziui-input:focus-within{outline:2px solid var(--primary)}.iziui-input--error{border-color:var(--error)}.iziui-input--disabled{cursor:not-allowed;background:var(--divider);color:var(--text-disabled)}.iziui-input input{background:transparent;height:100%;width:100%;border:none;outline:none;-webkit-user-select:none;user-select:none;padding:10.8px 14.4px;color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);font-size:16px}.iziui-input input:-internal-autofill-selected{-webkit-text-fill-color:var(--divider)}.iziui-input input::placeholder{color:var(--);opacity:1}.iziui-input input:disabled{cursor:not-allowed}.iziui-input__helper-text{opacity:0;margin:6px 0 0;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;transform:translateY(-10px)}.iziui-input__helper-text--visible{opacity:1;transform:translateY(0)}.iziui-input__helper-text--error{color:var(--error)}.iziui-input__icon{color:var(--text-secondary)}.iziui-input__icon--margin-left{margin-right:8px;margin-left:-8px}.iziui-input__icon--margin-right{margin-right:-8px;margin-left:8px}.iziui-input__icon--padding-left{padding-right:8px;padding-left:-8px}.iziui-input__icon--padding-right{padding-right:-8px;padding-left:8px}
@@ -43,6 +41,8 @@
 /* assets/index-dttcdTxl.css */
 .iziui-checkbox{width:100%;padding:10.8px 14.4px;border-radius:var(--radius);color:var(--text-primary);position:relative;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-checkbox--primary input[type=checkbox]{border:2px solid var(--primary)}.iziui-checkbox--primary input[type=checkbox]:checked{background-color:var(--primary)}.iziui-checkbox--primary input[type=checkbox]:before{border:solid var(--primary-opacity);opacity:0}.iziui-checkbox--primary--checked input[type=checkbox]:before{border:solid var(--primary-contrast);opacity:1;transform:rotate(45deg) translate(-50%,-50%) scale(1)!important}.iziui-checkbox--secondary input[type=checkbox]{border:2px solid var(--secondary)}.iziui-checkbox--secondary input[type=checkbox]:checked{background-color:var(--secondary)}.iziui-checkbox--secondary input[type=checkbox]:before{border:solid var(--secondary-opacity);opacity:0}.iziui-checkbox--secondary--checked input[type=checkbox]:before{border:solid var(--secondary-contrast);opacity:1;transform:rotate(45deg) translate(-50%,-50%) scale(1)!important}.iziui-checkbox--info input[type=checkbox]{border:2px solid var(--info)}.iziui-checkbox--info input[type=checkbox]:checked{background-color:var(--info)}.iziui-checkbox--info input[type=checkbox]:before{border:solid var(--info-opacity);opacity:0}.iziui-checkbox--info--checked input[type=checkbox]:before{border:solid var(--info-contrast);opacity:1;transform:rotate(45deg) translate(-50%,-50%) scale(1)!important}.iziui-checkbox--error input[type=checkbox]{border:2px solid var(--error)}.iziui-checkbox--error input[type=checkbox]:checked{background-color:var(--error)}.iziui-checkbox--error input[type=checkbox]:before{border:solid var(--error-opacity);opacity:0}.iziui-checkbox--error--checked input[type=checkbox]:before{border:solid var(--error-contrast);opacity:1;transform:rotate(45deg) translate(-50%,-50%) scale(1)!important}.iziui-checkbox--warning input[type=checkbox]{border:2px solid var(--warning)}.iziui-checkbox--warning input[type=checkbox]:checked{background-color:var(--warning)}.iziui-checkbox--warning input[type=checkbox]:before{border:solid var(--warning-opacity);opacity:0}.iziui-checkbox--warning--checked input[type=checkbox]:before{border:solid var(--warning-contrast);opacity:1;transform:rotate(45deg) translate(-50%,-50%) scale(1)!important}.iziui-checkbox--success input[type=checkbox]{border:2px solid var(--success)}.iziui-checkbox--success input[type=checkbox]:checked{background-color:var(--success)}.iziui-checkbox--success input[type=checkbox]:before{border:solid var(--success-opacity);opacity:0}.iziui-checkbox--success--checked input[type=checkbox]:before{border:solid var(--success-contrast);opacity:1;transform:rotate(45deg) translate(-50%,-50%) scale(1)!important}.iziui-checkbox--grey input[type=checkbox]{border:2px solid var(--grey)}.iziui-checkbox--grey input[type=checkbox]:checked{background-color:var(--grey)}.iziui-checkbox--grey input[type=checkbox]:before{border:solid var(--grey-opacity);opacity:0}.iziui-checkbox--grey--checked input[type=checkbox]:before{border:solid var(--grey-contrast);opacity:1;transform:rotate(45deg) translate(-50%,-50%) scale(1)!important}.iziui-checkbox--disabled{color:var(--text-disabled);cursor:not-allowed;background-color:transparent}.iziui-checkbox--disabled:hover{background-color:transparent}.iziui-checkbox input[type=checkbox]{position:relative;border-radius:var(--radius);background:none;cursor:pointer;line-height:0;margin:0 .6em 0 0;outline:0;padding:0!important;vertical-align:text-top;height:22px;width:22px;-webkit-appearance:none;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.5}.iziui-checkbox input[type=checkbox]:hover{opacity:1}.iziui-checkbox input[type=checkbox]:checked{opacity:1}.iziui-checkbox input[type=checkbox]:before{content:"";position:absolute;right:50%;top:50%;width:4px;height:10px;border-width:0 2px 2px 0;margin:-1px -1px 0;transform:rotate(45deg) translate(-50%,-50%) scale(0);z-index:2;transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-checkbox input[type=checkbox]:disabled{background-color:var(--divider);border:2px solid var(--divider);opacity:1}.iziui-checkbox__helper-text{opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px;transform:translateY(-10px);margin-left:14.4px}.iziui-checkbox__helper-text--visible{opacity:1;transform:translateY(0)}.iziui-checkbox__helper-text--error{color:var(--error)}
 /*$vite$:1*/
+/* assets/index-tn0RQdqM.css */
+/*$vite$:1*/
 /* assets/Card-CsjbyRZq.css */
 .iziui-card{position:relative;border-radius:var(--radius);border:1px solid var(--divider);background-color:var(--background-default);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.iziui-card--clickable{cursor:pointer}.iziui-card--clickable:hover{box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;border-color:var(--primary-light)}.iziui-card__content{padding:16px;border-radius:var(--radius)}
 /*$vite$:1*/
@@ -58,6 +58,9 @@
 /* assets/Ripple-D71SUpze.css */
 .iziui-ripple-container{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.iziui-ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple-animation .8s ease-out;pointer-events:none;background-color:#fff9}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}
 /*$vite$:1*/
+/* assets/index-Bs0qH-ot.css */
+.iziui-avatar{display:flex;position:relative;align-items:center;justify-content:center;flex-shrink:0;font-size:1.25rem;line-height:1;overflow:hidden;-webkit-user-select:none;user-select:none;border:1px solid var(--divider);transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-avatar--rounded{border-radius:var(--radius)}.iziui-avatar--circular{border-radius:50%}.iziui-avatar--clickable{cursor:pointer}.iziui-avatar--primary{color:var(--primary-contrast);background-color:var(--primary)}.iziui-avatar--secondary{color:var(--secondary-contrast);background-color:var(--secondary)}.iziui-avatar--info{color:var(--info-contrast);background-color:var(--info)}.iziui-avatar--error{color:var(--error-contrast);background-color:var(--error)}.iziui-avatar--warning{color:var(--warning-contrast);background-color:var(--warning)}.iziui-avatar--success{color:var(--success-contrast);background-color:var(--success)}.iziui-avatar--grey{color:var(--grey-contrast);background-color:var(--grey)}.iziui-avatar__icon{color:currentColor!important}
+/*$vite$:1*/
 /* assets/index-C3yxI1Ai.css */
 .iziui-color-picker{padding:0;min-width:160px;width:100%;cursor:pointer;overflow:hidden;position:relative;border-radius:var(--radius);border:1px solid var(--divider);background-color:var(--background-default);display:flex;align-items:center;justify-content:flex-start}.iziui-color-picker:focus-within{outline:2px solid var(--primary)}.iziui-color-picker--error{border-color:var(--error)}.iziui-color-picker-container{width:fit-content}.iziui-color-picker__preview{width:72px;height:48px;background-color:var(--background-default);border:none;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--divider)}.iziui-color-picker__preview div{width:20px;height:20px;border-radius:var(--radius);transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-color-picker__label{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:5px}.iziui-color-picker__label--error{color:var(--error)}.iziui-color-picker__value{width:100%;height:100%;padding-left:16px;color:var(--text-secondary);text-transform:uppercase;display:flex;align-items:center;justify-content:flex-start}.iziui-color-picker__value--error{color:var(--error)}.iziui-color-picker__helper-text{opacity:0;margin-top:5px;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:12px}.iziui-color-picker__helper-text--visible{opacity:1}.iziui-color-picker__helper-text--error{color:var(--error)}.iziui-color-picker__color{width:30px;height:30px;position:relative;border-radius:var(--radius);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;display:flex;justify-content:center;align-items:center;border:none;cursor:pointer}.iziui-color-picker__color:hover{box-shadow:0 0 0 2px var(--primary)}.iziui-color-picker__color__icon{transform:scale(0);transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-color-picker__color__icon--visible{transform:scale(1)}.iziui-color-picker__color input{position:absolute;visibility:hidden}.iziui-color-picker input{height:48px;width:100%;border:none;outline:none;font:inherit;padding-left:16px}
 /*$vite$:1*/
@@ -76,6 +79,9 @@
 /* assets/TableHeader-BihiZoyL.css */
 .iziui-table{width:100%;border-radius:var(--radius);overflow:hidden;border-spacing:0px;border-collapse:separate}.iziui-table__header td{font-size:.875rem;text-transform:uppercase;padding:10.8px 14.4px;font-weight:600;color:var(--text-primary);border-right:1px solid var(--divider);border-bottom:1px solid var(--divider);background-color:var(--background-default);transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-table__header td:last-child{border-right:0}.iziui-table__body tr{background-color:var(--background-default);transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-table__body tr:hover{background-color:var(--background-paper)}.iziui-table__body tr td{padding:10.8px 14.4px;font-size:.875rem;border:none;border-right:1px solid var(--divider);border-bottom:1px solid var(--divider);color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-table__body tr td:last-child{border-right:none}.iziui-table__body tr:last-child td{border-bottom:none}.iziui-table__cell--center{text-align:center}.iziui-table__cell--right{text-align:right}.iziui-table__cell--left{text-align:left}
 /*$vite$:1*/
+/* assets/useTabs-DdKlNTHj.css */
+.iziui-tabs{display:flex;position:relative;align-items:center;overflow:auto}.iziui-tabs::-webkit-scrollbar{display:none}.iziui-tabs{scrollbar-width:none;-ms-overflow-style:none}.iziui-tabs__button{width:100%;min-width:120px;border:none;text-transform:uppercase;background-color:transparent;height:48px;font-weight:700;white-space:nowrap;color:var(--text-primary);border-bottom:2px solid var(--divider);cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.iziui-tabs__button--active-primary{color:var(--primary)}.iziui-tabs__button--active-secondary{color:var(--secondary)}.iziui-tabs__button--active-info{color:var(--info)}.iziui-tabs__button--active-error{color:var(--error)}.iziui-tabs__button--active-warning{color:var(--warning)}.iziui-tabs__button--active-success{color:var(--success)}.iziui-tabs__button--active-grey{color:var(--grey)}.iziui-tabs__button--disabled{color:var(--text-disabled);cursor:not-allowed}.iziui-tabs__button__icon{opacity:1;margin-right:8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.iziui-tabs__marker{left:0;bottom:0;position:absolute;transition:all .4s;height:2px}.iziui-tabs__marker--primary{background-color:var(--primary)}.iziui-tabs__marker--secondary{background-color:var(--secondary)}.iziui-tabs__marker--info{background-color:var(--info)}.iziui-tabs__marker--error{background-color:var(--error)}.iziui-tabs__marker--warning{background-color:var(--warning)}.iziui-tabs__marker--success{background-color:var(--success)}.iziui-tabs__marker--grey{background-color:var(--grey)}.iziui-tabs__marker__icon{margin-right:8px}
+/*$vite$:1*/
 /* assets/DrawerContent-DQ2BPEJ4.css */
 .iziui-drawer{top:0;left:0;width:100%;height:100vh;position:fixed;overflow:hidden;transition:all ease-in-out .3s;z-index:50}.iziui-drawer__overlay{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;background-color:#000000a3;transition:all ease-in-out .3s;z-index:50}.iziui-drawer__overlay--show{opacity:1}.iziui-drawer__content{position:fixed;z-index:90;background-color:var(--background-default);transition:all ease-in-out .3s;width:570px;height:100vh}@media only screen and (max-width:899px){.iziui-drawer__content{width:100%}}.iziui-drawer__content__container{height:100%;width:100%;padding:1rem;overflow-y:auto;overflow-x:hidden}.iziui-drawer__content__close-button{display:flex;padding:1rem}.iziui-drawer__content--right .iziui-drawer__content__close-button,.iziui-drawer__content--bottom .iziui-drawer__content__close-button{justify-content:flex-end}.iziui-drawer__content--left .iziui-drawer__content__close-button{justify-content:flex-start}.iziui-drawer__content--left{top:0;height:100%;transform:translate(-100%)}.iziui-drawer__content--left--show{transform:translate(0)}.iziui-drawer__content--right{top:0;right:0;height:100%;transform:translate(100%)}.iziui-drawer__content--right--show{transform:translate(0)}.iziui-drawer__content--bottom{bottom:0;width:100%;border-radius:var(--radius) var(--radius) 0 0;transform:translateY(100%);height:auto}.iziui-drawer__content--bottom--show{transform:translateY(0)}.iziui-drawer__header{width:100%;padding:1rem;box-sizing:border-box;border-bottom:1px solid var(--divider)}.iziui-drawer__footer{width:100%;padding:1rem;box-sizing:border-box;border-top:1px solid var(--divider)}
 /*$vite$:1*/

package/package.json

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

package/dist/.types/_internal/core/plugin/breakpoint/defineBreakpoint/defineBreakpoint.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("../..").Plugin<string>;
-export default _default;

package/dist/.types/_internal/core/plugin/breakpoint/defineBreakpoint/index.d.ts

@@ -1 +0,0 @@
-export { default } from './defineBreakpoint';

package/dist/.types/_internal/core/plugin/breakpoint/index.d.ts

@@ -1 +0,0 @@
-export { default as defineBreakpoint } from './defineBreakpoint';

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

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

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

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

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

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

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

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

package/dist/chunks/createComponent-CovqNaAJ.js

@@ -1,8 +0,0 @@
-import{jsx as C}from"react/jsx-runtime";import{b as w,c as y,d as B,l as _,m as $,s as z,a as S}from"./index-CZ41y9Hn.js";import{u as L}from"./useTheme-BYuNiCiH.js";function N({sx:n,theme:t},...e){return e.reduce((r,s)=>(r={...r,...s(t,n)},r),{})}const j=(n,{color:t})=>{const{palette:e}=n;return t?{color:t(e)}:{}},A=(n,{background:t})=>{const{palette:e}=n;return t?{background:t(e)}:{}},O=(n,{borderColor:t})=>{const{palette:e}=n;return t?{borderColor:t(e)}:{}},k=(n,{backgroundColor:t})=>{const{palette:e}=n;return t?{backgroundColor:t(e)}:{}},T=(n,{borderRadius:t})=>{const{shape:e}=n;return t?{borderRadius:`${e.radius*t}px`}:{}},R=(n,{m:t,mb:e,ml:r,mr:s,mt:u,mx:a,my:i})=>{const{spacing:l}=n,o=d=>d||d===0?`${String(d*l)}px`:"",c=o(t),m=o(u),p=o(e),x=o(i),f=o(a),b=o(r),M=o(s);return{margin:c,marginTop:m||x||c,marginBottom:p||x||c,marginLeft:b||f||c,marginRight:M||f||c}},v=(n,{p:t,pb:e,pl:r,pr:s,pt:u,px:a,py:i})=>{const{spacing:l}=n,o=d=>d||d===0?`${String(d*l)}px`:"",c=o(t),m=o(u),p=o(e),x=o(i),f=o(a),b=o(r),M=o(s);return{padding:c,paddingTop:m||x||c,paddingBottom:p||x||c,paddingLeft:b||f||c,paddingRight:M||f||c}},I=(n,{boxShadow:t})=>t?{boxShadow:{sm:B,md:y,lg:w}[t]}:{};function U(){let n=new Date().getTime();return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){const r=(n+Math.random()*16)%16|0;return n=Math.floor(n/16),(e=="x"?r:r&3|8).toString(16)})}function D(n){let t=5381;for(let e=0;e<n.length;e++)t=(t<<5)+t+n.charCodeAt(e);return(t>>>0).toString(36)}function P(n){return n.normalize("NFD").trim().toLowerCase().replace(/a-zA-Z0-9_.-+/g,"").replace(/_/g,"").replace(/[^\w\s]/gi,"")}function Q(n){const t=n.trim().split(" "),e=t.length===1,r=P(t[0]).charAt(0).toLocaleUpperCase(),s=e?P(t[0]).charAt(1).toLocaleUpperCase():P(t.reverse()[0]).charAt(0).toLocaleUpperCase();return r+s}function E(n){return n.replace(/[A-Z]/g,t=>`-${t.toLowerCase()}`)}const h={xs:Number(S),sm:Number(S)+1,md:Number(z)+1,lg:Number($)+1,xl:Number(_)+1};function Z(n){return Object.entries(n).map(([t,e])=>e===void 0?"":`${E(t)}: ${e};`).join("")}function g(n,t,e){return`
-    @media (min-width: ${n}px) {
-      .${t} {
-        ${Z(e)}
-      }
-    }
-  `}const F=(n,{xs:t,sm:e,md:r,lg:s,xl:u})=>{const a=[],i=D(U());return t&&a.push(g(h.xs,i,t)),e&&a.push(g(h.sm,i,e)),r&&a.push(g(h.md,i,r)),s&&a.push(g(h.lg,i,s)),u&&a.push(g(h.xl,i,u)),a.join("")},K=Object.freeze(Object.defineProperty({__proto__:null,defineBackground:A,defineBackgroundColor:k,defineBorderColor:O,defineBorderRadius:T,defineBoxShadow:I,defineBreakpoint:F,defineColor:j,defineMargin:R,definePadding:v},Symbol.toStringTag,{value:"Module"}));function q(n){return Object.values(n).map(t=>t)}function V(n){return n.displayName=n.name,({sx:e,fullWidth:r,...s})=>{const{theme:u}=L(),{defineBreakpoint:a,...i}=K;e&&console.log(a(u,e));const l=e&&N({theme:u,sx:e},...q(i));return C(n,{...s,style:{boxSizing:"border-box",...s.style,...l,...r?{width:"100%"}:{}}})}}export{V as c,Q as g,U as u};
-//# sourceMappingURL=createComponent-CovqNaAJ.js.map

package/dist/chunks/createComponent-CovqNaAJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createComponent-CovqNaAJ.js","sources":["../../../../core/src/options/createOptions/createOptions.ts","../../../../core/src/plugin/color/defineColor/defineColor.ts","../../../../core/src/plugin/color/defineBackground/defineBackground.ts","../../../../core/src/plugin/color/defineBorderColor/defineBorderColor.ts","../../../../core/src/plugin/color/defineBackgroundColor/defineBackgroundColor.ts","../../../../core/src/plugin/shape/defineBorderRadius/defineBorderRadius.ts","../../../../core/src/plugin/spacing/defineMargin/defineMargin.ts","../../../../core/src/plugin/spacing/definePadding/definePadding.ts","../../../../core/src/plugin/behavior/defineBoxShadow/defineBoxShadow.ts","../../../../toolkit/src/uuid/uuid.ts","../../../../toolkit/src/string/string.ts","../../../../core/src/plugin/breakpoint/defineBreakpoint/defineBreakpoint.ts","../../src/core/createComponent.tsx"],"sourcesContent":["import type { Properties } from 'csstype';\n\nimport type { Plugin } from '../../plugin';\nimport type { ThemeBuilded } from '../../theme';\nimport type { CustomOptions } from '../CustomOptions';\n\ntype Data = {\n  sx: CustomOptions;\n  theme: ThemeBuilded;\n}\n\nexport default function createOptions({\n  sx,\n  theme\n}: Data, ...plugins: Plugin[]) {\n  return plugins.reduce<Properties>((acc, plugin) => {\n    acc = { ...acc, ...plugin(theme, sx) };\n\n    return acc;\n  }, {});\n}","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { color }) => {\n  const { palette } = theme;\n\n  if (!color) { return {}; }\n\n  return {\n    color: color(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { background }) => {\n  const { palette } = theme;\n\n  if (!background) { return {}; }\n\n  return {\n    background: background(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderColor }) => {\n  const { palette } = theme;\n\n  if (!borderColor) { return {}; }\n\n  return {\n    borderColor: borderColor(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { backgroundColor }) => {\n  const { palette } = theme;\n\n  if (!backgroundColor) { return {}; }\n\n  return {\n    backgroundColor: backgroundColor(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderRadius }) => {\n  const { shape } = theme;\n\n  if (!borderRadius) { return {}; }\n\n  return {\n    borderRadius: `${shape.radius * borderRadius}px`\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { m, mb, ml, mr, mt, mx, my }) => {\n  const { spacing } = theme;\n\n  const calculateMargin = (mg?: number) => {\n    return !!mg || mg === 0 ? `${String(mg * spacing)}px` : '';\n  };\n\n  const hasM = calculateMargin(m);\n\n  const hasMt = calculateMargin(mt);\n  const hasMb = calculateMargin(mb);\n\n  const hasMy = calculateMargin(my);\n  const hasMx = calculateMargin(mx);\n\n  const hasMl = calculateMargin(ml);\n  const hasMr = calculateMargin(mr);\n\n  return {\n    margin: hasM,\n    marginTop: hasMt || hasMy || hasM,\n    marginBottom: hasMb || hasMy || hasM,\n    marginLeft: hasMl || hasMx || hasM,\n    marginRight: hasMr || hasMx || hasM,\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { p, pb, pl, pr, pt, px, py }) => {\n  const { spacing } = theme;\n\n  const calculatePadding = (pd?: number) => {\n    return !!pd || pd === 0 ? `${String(pd * spacing)}px` : '';\n  };\n\n  const hasP = calculatePadding(p);\n\n  const hasPt = calculatePadding(pt);\n  const hasPb = calculatePadding(pb);\n\n  const hasPy = calculatePadding(py);\n  const hasPx = calculatePadding(px);\n\n  const hasPl = calculatePadding(pl);\n  const hasPr = calculatePadding(pr);\n\n  return {\n    padding: hasP,\n    paddingTop: hasPt || hasPy || hasP,\n    paddingBottom: hasPb || hasPy || hasP,\n    paddingLeft: hasPl || hasPx || hasP,\n    paddingRight: hasPr || hasPx || hasP,\n  };\n});","import { boxShadowSmall, boxShadowRegular, boxShadowLarge } from '@iziui/tokens/web/js';\n\nimport definePlugin from '../../definePlugin';\nimport type { CustomOptions } from '../../../options/CustomOptions';\n\ntype ExtractSize = NonNullable<CustomOptions['boxShadow']>;\n\nexport default definePlugin((_, { boxShadow }) => {\n\n  if (!boxShadow) { return {}; }\n\n  const sizes: { [s in ExtractSize]: string } = {\n    sm: boxShadowSmall,\n    md: boxShadowRegular,\n    lg: boxShadowLarge,\n  };\n\n  return {\n    boxShadow: sizes[boxShadow]\n  };\n});","export function uuid() {\n  let dt = new Date().getTime();\n\n  const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n    const r = (dt + Math.random() * 16) % 16 | 0;\n    dt = Math.floor(dt / 16);\n    return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);\n  });\n\n  return uuid;\n}\n\nexport function hash(str: string): string {\n  let h = 5381;\n\n  for (let i = 0; i < str.length; i++) {\n    h = ((h << 5) + h) + str.charCodeAt(i);\n  }\n\n  return (h >>> 0).toString(36);\n}","export function sanitize(value: string) {\n  return value.normalize('NFD')\n    .trim().toLowerCase()\n    .replace(/a-zA-Z0-9_.-+/g, '')\n    .replace(/_/g, '')\n    .replace(/[^\\w\\s]/gi, '');\n};\n\nexport function getInitials(name: string) {\n  const names: string[] = name.trim().split(' ');\n\n  const hasOneName = names.length === 1;\n\n  const firstInitial = sanitize(names[0]).charAt(0).toLocaleUpperCase();\n\n  const secondInitial = hasOneName\n    ? sanitize(names[0]).charAt(1).toLocaleUpperCase()\n    : sanitize(names.reverse()[0]).charAt(0).toLocaleUpperCase();\n\n  return firstInitial + secondInitial;\n};\n\nexport function slug(str: string) {\n  if (!str) { return ''; }\n\n  return sanitize(str)\n    .replace(/\\s+/g, '-');\n}\n\nexport function capitalize(str: string) {\n  if (!str) { return ''; }\n  return str[0].toUpperCase() + str.slice(1);\n}\n\nexport function toKebabCase(value: string) {\n  return value.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`);\n}","import type { Properties } from 'csstype';\n\nimport { xs, sm, md, lg } from '@iziui/tokens/web/js';\n\nimport { hash, uuid } from '@iziui/toolkit/uuid';\nimport { toKebabCase } from '@iziui/toolkit/string';\n\nimport definePlugin from '../../definePlugin';\n\nconst breakpoints = {\n  xs: Number(xs),\n  sm: Number(xs) + 1,\n  md: Number(sm) + 1,\n  lg: Number(md) + 1,\n  xl: Number(lg) + 1,\n} as const;\n\nfunction serialize(styles: Properties) {\n  return Object.entries(styles)\n    .map(([key, value]) => {\n      if (value === undefined) return '';\n\n      return `${toKebabCase(key)}: ${value};`;\n    })\n    .join('');\n}\n\nfunction createMedia(breakpoint: number, className: string, props: Properties) {\n  return `\n    @media (min-width: ${breakpoint}px) {\n      .${className} {\n        ${serialize(props)}\n      }\n    }\n  `;\n}\n\nexport default definePlugin<string>((_, { xs, sm, md, lg, xl }) => {\n  const medias = [];\n\n  const _hash = hash(uuid());\n\n  if (xs) { medias.push(createMedia(breakpoints.xs, _hash, xs)); };\n  if (sm) { medias.push(createMedia(breakpoints.sm, _hash, sm)); };\n  if (md) { medias.push(createMedia(breakpoints.md, _hash, md)); };\n  if (lg) { medias.push(createMedia(breakpoints.lg, _hash, lg)); };\n  if (xl) { medias.push(createMedia(breakpoints.xl, _hash, xl)); };\n\n  return medias.join('');\n});\n","import type { ComponentType, FC } from 'react';\n\nimport type { Sx } from '@iziui/core/system';\nimport type { Plugin } from '@iziui/core/plugin';\nimport createOptions from '@iziui/core/options';\nimport * as plugins from '@iziui/core/plugin';\n\nimport { useTheme } from '@/theme';\n\nfunction extract(module: { [key: string]: Plugin }) {\n  return Object.values(module).map((fn) => fn);\n}\n\nexport default function createComponent<P>(WrappedComponent: ComponentType<P>) {\n  WrappedComponent.displayName = WrappedComponent.name;\n\n  const EnhancedComponent: FC<Sx<P>> = ({ sx, fullWidth, ...props }) => {\n    const { theme } = useTheme();\n\n    const { defineBreakpoint, ...restPlugins } = plugins;\n\n    if (sx) {\n      console.log(defineBreakpoint(theme, sx));\n    }\n\n    const options = sx && createOptions({ theme, sx },\n      ...extract(restPlugins),\n    );\n\n    return (\n      <WrappedComponent\n        {...(props as P)}\n        style={{\n          boxSizing: 'border-box',\n          ...props['style'],\n          ...options,\n          ...(fullWidth ? { width: '100%' } : {}),\n        }}\n      />\n    );\n  };\n\n  return EnhancedComponent;\n}"],"names":["createOptions","sx","theme","plugins","acc","plugin","defineColor","color","palette","defineBackground","background","defineBorderColor","borderColor","defineBackgroundColor","backgroundColor","defineBorderRadius","borderRadius","shape","defineMargin","m","mb","ml","mr","mt","mx","my","spacing","calculateMargin","mg","hasM","hasMt","hasMb","hasMy","hasMx","hasMl","hasMr","definePadding","p","pb","pl","pr","pt","px","py","calculatePadding","pd","hasP","hasPt","hasPb","hasPy","hasPx","hasPl","hasPr","defineBoxShadow","_","boxShadow","boxShadowSmall","boxShadowRegular","boxShadowLarge","uuid","dt","c","hash","str","h","i","sanitize","value","getInitials","name","names","hasOneName","firstInitial","secondInitial","toKebabCase","match","breakpoints","xs","sm","md","lg","serialize","styles","key","createMedia","breakpoint","className","props","defineBreakpoint","xl","medias","_hash","extract","module","fn","createComponent","WrappedComponent","fullWidth","useTheme","restPlugins","options","jsx"],"mappings":"qKAWA,SAAwBA,EAAc,CACpC,GAAAC,EACA,MAAAC,CACF,KAAYC,EAAmB,CAC7B,OAAOA,EAAQ,OAAmB,CAACC,EAAKC,KACtCD,EAAM,CAAE,GAAGA,EAAK,GAAGC,EAAOH,EAAOD,CAAE,CAAA,EAE5BG,GACN,CAAA,CAAE,CACP,CClBA,MAAAE,EAA4B,CAACJ,EAAO,CAAE,MAAAK,KAAY,CAChD,KAAM,CAAE,QAAAC,GAAYN,EAEpB,OAAKK,EAEE,CACL,MAAOA,EAAMC,CAAO,CAAA,EAHD,CAAA,CAKvB,ECRAC,EAA4B,CAACP,EAAO,CAAE,WAAAQ,KAAiB,CACrD,KAAM,CAAE,QAAAF,GAAYN,EAEpB,OAAKQ,EAEE,CACL,WAAYA,EAAWF,CAAO,CAAA,EAHN,CAAA,CAK5B,ECRAG,EAA4B,CAACT,EAAO,CAAE,YAAAU,KAAkB,CACtD,KAAM,CAAE,QAAAJ,GAAYN,EAEpB,OAAKU,EAEE,CACL,YAAaA,EAAYJ,CAAO,CAAA,EAHP,CAAA,CAK7B,ECRAK,EAA4B,CAACX,EAAO,CAAE,gBAAAY,KAAsB,CAC1D,KAAM,CAAE,QAAAN,GAAYN,EAEpB,OAAKY,EAEE,CACL,gBAAiBA,EAAgBN,CAAO,CAAA,EAHX,CAAA,CAKjC,ECRAO,EAA4B,CAACb,EAAO,CAAE,aAAAc,KAAmB,CACvD,KAAM,CAAE,MAAAC,GAAUf,EAElB,OAAKc,EAEE,CACL,aAAc,GAAGC,EAAM,OAASD,CAAY,IAAA,EAHlB,CAAA,CAK9B,ECRAE,EAA4B,CAAChB,EAAO,CAAE,EAAAiB,EAAG,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,KAAS,CACpE,KAAM,CAAE,QAAAC,GAAYxB,EAEdyB,EAAmBC,GACdA,GAAMA,IAAO,EAAI,GAAG,OAAOA,EAAKF,CAAO,CAAC,KAAO,GAGpDG,EAAOF,EAAgBR,CAAC,EAExBW,EAAQH,EAAgBJ,CAAE,EAC1BQ,EAAQJ,EAAgBP,CAAE,EAE1BY,EAAQL,EAAgBF,CAAE,EAC1BQ,EAAQN,EAAgBH,CAAE,EAE1BU,EAAQP,EAAgBN,CAAE,EAC1Bc,EAAQR,EAAgBL,CAAE,EAEhC,MAAO,CACL,OAAQO,EACR,UAAWC,GAASE,GAASH,EAC7B,aAAcE,GAASC,GAASH,EAChC,WAAYK,GAASD,GAASJ,EAC9B,YAAaM,GAASF,GAASJ,CAAA,CAEnC,ECzBAO,EAA4B,CAAClC,EAAO,CAAE,EAAAmC,EAAG,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,KAAS,CACpE,KAAM,CAAE,QAAAjB,GAAYxB,EAEd0C,EAAoBC,GACfA,GAAMA,IAAO,EAAI,GAAG,OAAOA,EAAKnB,CAAO,CAAC,KAAO,GAGpDoB,EAAOF,EAAiBP,CAAC,EAEzBU,EAAQH,EAAiBH,CAAE,EAC3BO,EAAQJ,EAAiBN,CAAE,EAE3BW,EAAQL,EAAiBD,CAAE,EAC3BO,EAAQN,EAAiBF,CAAE,EAE3BS,EAAQP,EAAiBL,CAAE,EAC3Ba,EAAQR,EAAiBJ,CAAE,EAEjC,MAAO,CACL,QAASM,EACT,WAAYC,GAASE,GAASH,EAC9B,cAAeE,GAASC,GAASH,EACjC,YAAaK,GAASD,GAASJ,EAC/B,aAAcM,GAASF,GAASJ,CAAA,CAEpC,ECpBAO,EAA4B,CAACC,EAAG,CAAE,UAAAC,KAE3BA,EAQE,CACL,UAP4C,CAC5C,GAAIC,EACJ,GAAIC,EACJ,GAAIC,CAAA,EAIaH,CAAS,CAAA,EATH,CAAA,ECTpB,SAASI,GAAO,CACrB,IAAIC,EAAK,IAAI,KAAA,EAAO,QAAA,EAQpB,MANa,uCAAuC,QAAQ,QAAS,SAAUC,EAAG,CAChF,MAAM,GAAKD,EAAK,KAAK,SAAW,IAAM,GAAK,EAC3C,OAAAA,EAAK,KAAK,MAAMA,EAAK,EAAE,GACfC,GAAK,IAAM,EAAK,EAAI,EAAM,GAAM,SAAS,EAAE,CACrD,CAAC,CAGH,CAEO,SAASC,EAAKC,EAAqB,CACxC,IAAIC,EAAI,KAER,QAASC,EAAI,EAAGA,EAAIF,EAAI,OAAQE,IAC9BD,GAAMA,GAAK,GAAKA,EAAKD,EAAI,WAAWE,CAAC,EAGvC,OAAQD,IAAM,GAAG,SAAS,EAAE,CAC9B,CCpBO,SAASE,EAASC,EAAe,CACtC,OAAOA,EAAM,UAAU,KAAK,EACzB,KAAA,EAAO,cACP,QAAQ,iBAAkB,EAAE,EAC5B,QAAQ,KAAM,EAAE,EAChB,QAAQ,YAAa,EAAE,CAC5B,CAEO,SAASC,EAAYC,EAAc,CACxC,MAAMC,EAAkBD,EAAK,KAAA,EAAO,MAAM,GAAG,EAEvCE,EAAaD,EAAM,SAAW,EAE9BE,EAAeN,EAASI,EAAM,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,kBAAA,EAE5CG,EAAgBF,EAClBL,EAASI,EAAM,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,kBAAA,EAC7BJ,EAASI,EAAM,UAAU,CAAC,CAAC,EAAE,OAAO,CAAC,EAAE,kBAAA,EAE3C,OAAOE,EAAeC,CACxB,CAcO,SAASC,EAAYP,EAAe,CACzC,OAAOA,EAAM,QAAQ,SAAUQ,GAAS,IAAIA,EAAM,YAAA,CAAa,EAAE,CACnE,CC3BA,MAAMC,EAAc,CAClB,GAAI,OAAOC,CAAE,EACb,GAAI,OAAOA,CAAE,EAAI,EACjB,GAAI,OAAOC,CAAE,EAAI,EACjB,GAAI,OAAOC,CAAE,EAAI,EACjB,GAAI,OAAOC,CAAE,EAAI,CACnB,EAEA,SAASC,EAAUC,EAAoB,CACrC,OAAO,OAAO,QAAQA,CAAM,EACzB,IAAI,CAAC,CAACC,EAAKhB,CAAK,IACXA,IAAU,OAAkB,GAEzB,GAAGO,EAAYS,CAAG,CAAC,KAAKhB,CAAK,GACrC,EACA,KAAK,EAAE,CACZ,CAEA,SAASiB,EAAYC,EAAoBC,EAAmBC,EAAmB,CAC7E,MAAO;AAAA,yBACgBF,CAAU;AAAA,SAC1BC,CAAS;AAAA,UACRL,EAAUM,CAAK,CAAC;AAAA;AAAA;AAAA,GAI1B,CAEA,MAAAC,EAAoC,CAAClC,EAAG,CAAE,GAAAuB,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAS,KAAS,CACjE,MAAMC,EAAS,CAAA,EAETC,EAAQ7B,EAAKH,GAAM,EAEzB,OAAIkB,GAAMa,EAAO,KAAKN,EAAYR,EAAY,GAAIe,EAAOd,CAAE,CAAC,EACxDC,GAAMY,EAAO,KAAKN,EAAYR,EAAY,GAAIe,EAAOb,CAAE,CAAC,EACxDC,GAAMW,EAAO,KAAKN,EAAYR,EAAY,GAAIe,EAAOZ,CAAE,CAAC,EACxDC,GAAMU,EAAO,KAAKN,EAAYR,EAAY,GAAIe,EAAOX,CAAE,CAAC,EACxDS,GAAMC,EAAO,KAAKN,EAAYR,EAAY,GAAIe,EAAOF,CAAE,CAAC,EAErDC,EAAO,KAAK,EAAE,CACvB,qQCxCA,SAASE,EAAQC,EAAmC,CAClD,OAAO,OAAO,OAAOA,CAAM,EAAE,IAAKC,GAAOA,CAAE,CAC7C,CAEA,SAAwBC,EAAmBC,EAAoC,CAC7E,OAAAA,EAAiB,YAAcA,EAAiB,KAEX,CAAC,CAAE,GAAA/F,EAAI,UAAAgG,EAAW,GAAGV,KAAY,CACpE,KAAM,CAAE,MAAArF,CAAA,EAAUgG,EAAA,EAEZ,CAAE,iBAAAV,EAAkB,GAAGW,CAAA,EAAgBhG,EAEzCF,GACF,QAAQ,IAAIuF,EAAiBtF,EAAOD,CAAE,CAAC,EAGzC,MAAMmG,EAAUnG,GAAMD,EAAc,CAAE,MAAAE,EAAO,GAAAD,CAAA,EAC3C,GAAG2F,EAAQO,CAAW,CAAA,EAGxB,OACEE,EAACL,EAAA,CACE,GAAIT,EACL,MAAO,CACL,UAAW,aACX,GAAGA,EAAM,MACT,GAAGa,EACH,GAAIH,EAAY,CAAE,MAAO,QAAW,CAAA,CAAC,CACvC,CAAA,CAGN,CAGF"}

package/dist/chunks/createComponent-Dkt68kvT.cjs

@@ -1,8 +0,0 @@
-"use strict";const w=require("react/jsx-runtime"),d=require("./index-DYxwT4uW.cjs"),y=require("./useTheme-DsrjDJKC.cjs");function B({sx:t,theme:e},...n){return n.reduce((r,s)=>(r={...r,...s(e,t)},r),{})}const _=(t,{color:e})=>{const{palette:n}=t;return e?{color:e(n)}:{}},$=(t,{background:e})=>{const{palette:n}=t;return e?{background:e(n)}:{}},j=(t,{borderColor:e})=>{const{palette:n}=t;return e?{borderColor:e(n)}:{}},z=(t,{backgroundColor:e})=>{const{palette:n}=t;return e?{backgroundColor:e(n)}:{}},L=(t,{borderRadius:e})=>{const{shape:n}=t;return e?{borderRadius:`${n.radius*e}px`}:{}},N=(t,{m:e,mb:n,ml:r,mr:s,mt:u,mx:i,my:a})=>{const{spacing:x}=t,o=l=>l||l===0?`${String(l*x)}px`:"",c=o(e),p=o(u),b=o(n),h=o(a),g=o(i),M=o(r),C=o(s);return{margin:c,marginTop:p||h||c,marginBottom:b||h||c,marginLeft:M||g||c,marginRight:C||g||c}},A=(t,{p:e,pb:n,pl:r,pr:s,pt:u,px:i,py:a})=>{const{spacing:x}=t,o=l=>l||l===0?`${String(l*x)}px`:"",c=o(e),p=o(u),b=o(n),h=o(a),g=o(i),M=o(r),C=o(s);return{padding:c,paddingTop:p||h||c,paddingBottom:b||h||c,paddingLeft:M||g||c,paddingRight:C||g||c}},O=(t,{boxShadow:e})=>e?{boxShadow:{sm:d.boxShadowSmall,md:d.boxShadowRegular,lg:d.boxShadowLarge}[e]}:{};function S(){let t=new Date().getTime();return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(n){const r=(t+Math.random()*16)%16|0;return t=Math.floor(t/16),(n=="x"?r:r&3|8).toString(16)})}function T(t){let e=5381;for(let n=0;n<t.length;n++)e=(e<<5)+e+t.charCodeAt(n);return(e>>>0).toString(36)}function P(t){return t.normalize("NFD").trim().toLowerCase().replace(/a-zA-Z0-9_.-+/g,"").replace(/_/g,"").replace(/[^\w\s]/gi,"")}function k(t){const e=t.trim().split(" "),n=e.length===1,r=P(e[0]).charAt(0).toLocaleUpperCase(),s=n?P(e[0]).charAt(1).toLocaleUpperCase():P(e.reverse()[0]).charAt(0).toLocaleUpperCase();return r+s}function R(t){return t.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)}const f={xs:Number(d.xs),sm:Number(d.xs)+1,md:Number(d.sm)+1,lg:Number(d.md)+1,xl:Number(d.lg)+1};function I(t){return Object.entries(t).map(([e,n])=>n===void 0?"":`${R(e)}: ${n};`).join("")}function m(t,e,n){return`
-    @media (min-width: ${t}px) {
-      .${e} {
-        ${I(n)}
-      }
-    }
-  `}const q=(t,{xs:e,sm:n,md:r,lg:s,xl:u})=>{const i=[],a=T(S());return e&&i.push(m(f.xs,a,e)),n&&i.push(m(f.sm,a,n)),r&&i.push(m(f.md,a,r)),s&&i.push(m(f.lg,a,s)),u&&i.push(m(f.xl,a,u)),i.join("")},v=Object.freeze(Object.defineProperty({__proto__:null,defineBackground:$,defineBackgroundColor:z,defineBorderColor:j,defineBorderRadius:L,defineBoxShadow:O,defineBreakpoint:q,defineColor:_,defineMargin:N,definePadding:A},Symbol.toStringTag,{value:"Module"}));function U(t){return Object.values(t).map(e=>e)}function D(t){return t.displayName=t.name,({sx:n,fullWidth:r,...s})=>{const{theme:u}=y.useTheme(),{defineBreakpoint:i,...a}=v;n&&console.log(i(u,n));const x=n&&B({theme:u,sx:n},...U(a));return w.jsx(t,{...s,style:{boxSizing:"border-box",...s.style,...x,...r?{width:"100%"}:{}}})}}exports.createComponent=D;exports.getInitials=k;exports.uuid=S;
-//# sourceMappingURL=createComponent-Dkt68kvT.cjs.map

package/dist/chunks/createComponent-Dkt68kvT.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"createComponent-Dkt68kvT.cjs","sources":["../../../../core/src/options/createOptions/createOptions.ts","../../../../core/src/plugin/color/defineColor/defineColor.ts","../../../../core/src/plugin/color/defineBackground/defineBackground.ts","../../../../core/src/plugin/color/defineBorderColor/defineBorderColor.ts","../../../../core/src/plugin/color/defineBackgroundColor/defineBackgroundColor.ts","../../../../core/src/plugin/shape/defineBorderRadius/defineBorderRadius.ts","../../../../core/src/plugin/spacing/defineMargin/defineMargin.ts","../../../../core/src/plugin/spacing/definePadding/definePadding.ts","../../../../core/src/plugin/behavior/defineBoxShadow/defineBoxShadow.ts","../../../../toolkit/src/uuid/uuid.ts","../../../../toolkit/src/string/string.ts","../../../../core/src/plugin/breakpoint/defineBreakpoint/defineBreakpoint.ts","../../src/core/createComponent.tsx"],"sourcesContent":["import type { Properties } from 'csstype';\n\nimport type { Plugin } from '../../plugin';\nimport type { ThemeBuilded } from '../../theme';\nimport type { CustomOptions } from '../CustomOptions';\n\ntype Data = {\n  sx: CustomOptions;\n  theme: ThemeBuilded;\n}\n\nexport default function createOptions({\n  sx,\n  theme\n}: Data, ...plugins: Plugin[]) {\n  return plugins.reduce<Properties>((acc, plugin) => {\n    acc = { ...acc, ...plugin(theme, sx) };\n\n    return acc;\n  }, {});\n}","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { color }) => {\n  const { palette } = theme;\n\n  if (!color) { return {}; }\n\n  return {\n    color: color(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { background }) => {\n  const { palette } = theme;\n\n  if (!background) { return {}; }\n\n  return {\n    background: background(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderColor }) => {\n  const { palette } = theme;\n\n  if (!borderColor) { return {}; }\n\n  return {\n    borderColor: borderColor(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { backgroundColor }) => {\n  const { palette } = theme;\n\n  if (!backgroundColor) { return {}; }\n\n  return {\n    backgroundColor: backgroundColor(palette)\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { borderRadius }) => {\n  const { shape } = theme;\n\n  if (!borderRadius) { return {}; }\n\n  return {\n    borderRadius: `${shape.radius * borderRadius}px`\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { m, mb, ml, mr, mt, mx, my }) => {\n  const { spacing } = theme;\n\n  const calculateMargin = (mg?: number) => {\n    return !!mg || mg === 0 ? `${String(mg * spacing)}px` : '';\n  };\n\n  const hasM = calculateMargin(m);\n\n  const hasMt = calculateMargin(mt);\n  const hasMb = calculateMargin(mb);\n\n  const hasMy = calculateMargin(my);\n  const hasMx = calculateMargin(mx);\n\n  const hasMl = calculateMargin(ml);\n  const hasMr = calculateMargin(mr);\n\n  return {\n    margin: hasM,\n    marginTop: hasMt || hasMy || hasM,\n    marginBottom: hasMb || hasMy || hasM,\n    marginLeft: hasMl || hasMx || hasM,\n    marginRight: hasMr || hasMx || hasM,\n  };\n});","import definePlugin from '../../definePlugin';\n\nexport default definePlugin((theme, { p, pb, pl, pr, pt, px, py }) => {\n  const { spacing } = theme;\n\n  const calculatePadding = (pd?: number) => {\n    return !!pd || pd === 0 ? `${String(pd * spacing)}px` : '';\n  };\n\n  const hasP = calculatePadding(p);\n\n  const hasPt = calculatePadding(pt);\n  const hasPb = calculatePadding(pb);\n\n  const hasPy = calculatePadding(py);\n  const hasPx = calculatePadding(px);\n\n  const hasPl = calculatePadding(pl);\n  const hasPr = calculatePadding(pr);\n\n  return {\n    padding: hasP,\n    paddingTop: hasPt || hasPy || hasP,\n    paddingBottom: hasPb || hasPy || hasP,\n    paddingLeft: hasPl || hasPx || hasP,\n    paddingRight: hasPr || hasPx || hasP,\n  };\n});","import { boxShadowSmall, boxShadowRegular, boxShadowLarge } from '@iziui/tokens/web/js';\n\nimport definePlugin from '../../definePlugin';\nimport type { CustomOptions } from '../../../options/CustomOptions';\n\ntype ExtractSize = NonNullable<CustomOptions['boxShadow']>;\n\nexport default definePlugin((_, { boxShadow }) => {\n\n  if (!boxShadow) { return {}; }\n\n  const sizes: { [s in ExtractSize]: string } = {\n    sm: boxShadowSmall,\n    md: boxShadowRegular,\n    lg: boxShadowLarge,\n  };\n\n  return {\n    boxShadow: sizes[boxShadow]\n  };\n});","export function uuid() {\n  let dt = new Date().getTime();\n\n  const uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n    const r = (dt + Math.random() * 16) % 16 | 0;\n    dt = Math.floor(dt / 16);\n    return (c == 'x' ? r : (r & 0x3 | 0x8)).toString(16);\n  });\n\n  return uuid;\n}\n\nexport function hash(str: string): string {\n  let h = 5381;\n\n  for (let i = 0; i < str.length; i++) {\n    h = ((h << 5) + h) + str.charCodeAt(i);\n  }\n\n  return (h >>> 0).toString(36);\n}","export function sanitize(value: string) {\n  return value.normalize('NFD')\n    .trim().toLowerCase()\n    .replace(/a-zA-Z0-9_.-+/g, '')\n    .replace(/_/g, '')\n    .replace(/[^\\w\\s]/gi, '');\n};\n\nexport function getInitials(name: string) {\n  const names: string[] = name.trim().split(' ');\n\n  const hasOneName = names.length === 1;\n\n  const firstInitial = sanitize(names[0]).charAt(0).toLocaleUpperCase();\n\n  const secondInitial = hasOneName\n    ? sanitize(names[0]).charAt(1).toLocaleUpperCase()\n    : sanitize(names.reverse()[0]).charAt(0).toLocaleUpperCase();\n\n  return firstInitial + secondInitial;\n};\n\nexport function slug(str: string) {\n  if (!str) { return ''; }\n\n  return sanitize(str)\n    .replace(/\\s+/g, '-');\n}\n\nexport function capitalize(str: string) {\n  if (!str) { return ''; }\n  return str[0].toUpperCase() + str.slice(1);\n}\n\nexport function toKebabCase(value: string) {\n  return value.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`);\n}","import type { Properties } from 'csstype';\n\nimport { xs, sm, md, lg } from '@iziui/tokens/web/js';\n\nimport { hash, uuid } from '@iziui/toolkit/uuid';\nimport { toKebabCase } from '@iziui/toolkit/string';\n\nimport definePlugin from '../../definePlugin';\n\nconst breakpoints = {\n  xs: Number(xs),\n  sm: Number(xs) + 1,\n  md: Number(sm) + 1,\n  lg: Number(md) + 1,\n  xl: Number(lg) + 1,\n} as const;\n\nfunction serialize(styles: Properties) {\n  return Object.entries(styles)\n    .map(([key, value]) => {\n      if (value === undefined) return '';\n\n      return `${toKebabCase(key)}: ${value};`;\n    })\n    .join('');\n}\n\nfunction createMedia(breakpoint: number, className: string, props: Properties) {\n  return `\n    @media (min-width: ${breakpoint}px) {\n      .${className} {\n        ${serialize(props)}\n      }\n    }\n  `;\n}\n\nexport default definePlugin<string>((_, { xs, sm, md, lg, xl }) => {\n  const medias = [];\n\n  const _hash = hash(uuid());\n\n  if (xs) { medias.push(createMedia(breakpoints.xs, _hash, xs)); };\n  if (sm) { medias.push(createMedia(breakpoints.sm, _hash, sm)); };\n  if (md) { medias.push(createMedia(breakpoints.md, _hash, md)); };\n  if (lg) { medias.push(createMedia(breakpoints.lg, _hash, lg)); };\n  if (xl) { medias.push(createMedia(breakpoints.xl, _hash, xl)); };\n\n  return medias.join('');\n});\n","import type { ComponentType, FC } from 'react';\n\nimport type { Sx } from '@iziui/core/system';\nimport type { Plugin } from '@iziui/core/plugin';\nimport createOptions from '@iziui/core/options';\nimport * as plugins from '@iziui/core/plugin';\n\nimport { useTheme } from '@/theme';\n\nfunction extract(module: { [key: string]: Plugin }) {\n  return Object.values(module).map((fn) => fn);\n}\n\nexport default function createComponent<P>(WrappedComponent: ComponentType<P>) {\n  WrappedComponent.displayName = WrappedComponent.name;\n\n  const EnhancedComponent: FC<Sx<P>> = ({ sx, fullWidth, ...props }) => {\n    const { theme } = useTheme();\n\n    const { defineBreakpoint, ...restPlugins } = plugins;\n\n    if (sx) {\n      console.log(defineBreakpoint(theme, sx));\n    }\n\n    const options = sx && createOptions({ theme, sx },\n      ...extract(restPlugins),\n    );\n\n    return (\n      <WrappedComponent\n        {...(props as P)}\n        style={{\n          boxSizing: 'border-box',\n          ...props['style'],\n          ...options,\n          ...(fullWidth ? { width: '100%' } : {}),\n        }}\n      />\n    );\n  };\n\n  return EnhancedComponent;\n}"],"names":["createOptions","sx","theme","plugins","acc","plugin","defineColor","color","palette","defineBackground","background","defineBorderColor","borderColor","defineBackgroundColor","backgroundColor","defineBorderRadius","borderRadius","shape","defineMargin","m","mb","ml","mr","mt","mx","my","spacing","calculateMargin","mg","hasM","hasMt","hasMb","hasMy","hasMx","hasMl","hasMr","definePadding","p","pb","pl","pr","pt","px","py","calculatePadding","pd","hasP","hasPt","hasPb","hasPy","hasPx","hasPl","hasPr","defineBoxShadow","_","boxShadow","boxShadowSmall","boxShadowRegular","boxShadowLarge","uuid","dt","c","hash","str","h","i","sanitize","value","getInitials","name","names","hasOneName","firstInitial","secondInitial","toKebabCase","match","breakpoints","xs","sm","md","lg","serialize","styles","key","createMedia","breakpoint","className","props","defineBreakpoint","xl","medias","_hash","extract","module","fn","createComponent","WrappedComponent","fullWidth","useTheme","restPlugins","options","jsx"],"mappings":"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"}

package/dist/chunks/useMenu-DewYBiar.cjs

@@ -1,2 +0,0 @@
-"use strict";const a=require("react/jsx-runtime"),n=require("react"),l=require("./index-DYxwT4uW.cjs"),D=require("./joinClass-Jk3EszKD.cjs"),$=require("./createComponent-Dkt68kvT.cjs"),E=require("./useListenerResized-AwpsZLcP.cjs"),L=require("./Card-DtjP8NP7.cjs"),S=require("./CardContent-BqqU9iwO.cjs");class B{delay(t,s=500){if(!s){t();return}clearTimeout(this.timeout),this.timeout=setTimeout(()=>{t()},s)}}const P=new B,W=n.forwardRef(function({open:t,width:s,children:d,anchorEl:o,direction:f="left",maxHeight:i,autoClose:j,onClose:q,...m},M){const[g,N]=n.useState(),[h,c]=n.useState({state:"invisible",animation:"close",width:"auto"}),k=16,y=150,v=n.Children.toArray(d),T=n.useMemo(()=>$.uuid(),[]),w=D.joinClass(`${l.prefix}-menu`,`${l.prefix}-menu--${h?.animation}`,m.className);E.useListenerResized(()=>b(),[o]),n.useEffect(()=>{b()},[o]),n.useEffect(()=>{t?A():C()},[t]);const b=()=>{o&&setTimeout(()=>{let e={};const{offsetWidth:r,offsetHeight:p,offsetLeft:_,offsetTop:R}=o;c(z=>({...z,width:r}));const x=R+p+k/2,O=document.getElementById(T);f==="center"&&(e={top:x,right:r}),f==="left"&&(e={top:x,left:_}),f==="right"&&(e={top:x,left:_-(O.offsetWidth-r)}),N(e)},0)},A=()=>{c(e=>({...e,state:"visible"})),setTimeout(()=>{c(e=>({...e,animation:"open"}))},10)},C=()=>{c(e=>({...e,animation:"close"})),setTimeout(()=>{c(e=>({...e,state:"invisible"})),q()},y)},I=()=>v.map((e,r)=>n.cloneElement(e,{tabIndex:r+1,key:`button-${r}`,onClick:p=>{P.delay(()=>{j&&C(),e.props.onClick&&e.props.onClick(p)},0)}}));return a.jsxs(a.Fragment,{children:[a.jsx("div",{id:T,ref:M,...m,style:{width:s||h.width,top:g?.top,left:g?.left,display:h?.state==="visible"?"block":"none",transition:`all ${y}ms ease-in`,zIndex:50,...m.style},className:w,children:t&&a.jsx(L.Card,{className:`${l.prefix}-menu__card`,children:a.jsx(S.CardContent,{className:`${l.prefix}-menu__card__content`,sx:{py:1},style:{display:"flex",flexDirection:"column",maxHeight:i},children:I()})})}),t&&a.jsx("div",{className:`${l.prefix}-menu__overlay`,onClick:C})]})}),F=$.createComponent(W);function G(){const[u,t]=n.useState(null),s=!!u,d=i=>{t(i?i.currentTarget:null)},o=()=>{t(null)};return[s,u,i=>{if(s){o();return}d(i)}]}exports.Menu=F;exports.useMenu=G;
-//# sourceMappingURL=useMenu-DewYBiar.cjs.map

package/dist/chunks/useMenu-DuX7EGHi.js

@@ -1,2 +0,0 @@
-import{jsxs as B,Fragment as E,jsx as m}from"react/jsx-runtime";import{forwardRef as L,useState as g,Children as P,useMemo as W,useEffect as x,cloneElement as F}from"react";import{p as r}from"./index-CZ41y9Hn.js";import{j as G}from"./joinClass-anSpaauN.js";import{c as H,u as S}from"./createComponent-CovqNaAJ.js";import{u as U}from"./useListenerResized-Bnqxrt7k.js";import{C as q}from"./Card-D_RFnUk2.js";import{C as J}from"./CardContent-BsSfxSQH.js";class K{delay(t,n=500){if(!n){t();return}clearTimeout(this.timeout),this.timeout=setTimeout(()=>{t()},n)}}const Q=new K,V=L(function({open:t,width:n,children:u,anchorEl:o,direction:c="left",maxHeight:s,autoClose:N,onClose:M,...f},k){const[y,v]=g(),[d,a]=g({state:"invisible",animation:"close",width:"auto"}),w=16,T=150,A=P.toArray(u),b=W(()=>S(),[]),I=G(`${r}-menu`,`${r}-menu--${d?.animation}`,f.className);U(()=>_(),[o]),x(()=>{_()},[o]),x(()=>{t?j():h()},[t]);const _=()=>{o&&setTimeout(()=>{let e={};const{offsetWidth:i,offsetHeight:p,offsetLeft:$,offsetTop:D}=o;a(z=>({...z,width:i}));const C=D+p+w/2,R=document.getElementById(b);c==="center"&&(e={top:C,right:i}),c==="left"&&(e={top:C,left:$}),c==="right"&&(e={top:C,left:$-(R.offsetWidth-i)}),v(e)},0)},j=()=>{a(e=>({...e,state:"visible"})),setTimeout(()=>{a(e=>({...e,animation:"open"}))},10)},h=()=>{a(e=>({...e,animation:"close"})),setTimeout(()=>{a(e=>({...e,state:"invisible"})),M()},T)},O=()=>A.map((e,i)=>F(e,{tabIndex:i+1,key:`button-${i}`,onClick:p=>{Q.delay(()=>{N&&h(),e.props.onClick&&e.props.onClick(p)},0)}}));return B(E,{children:[m("div",{id:b,ref:k,...f,style:{width:n||d.width,top:y?.top,left:y?.left,display:d?.state==="visible"?"block":"none",transition:`all ${T}ms ease-in`,zIndex:50,...f.style},className:I,children:t&&m(q,{className:`${r}-menu__card`,children:m(J,{className:`${r}-menu__card__content`,sx:{py:1},style:{display:"flex",flexDirection:"column",maxHeight:s},children:O()})})}),t&&m("div",{className:`${r}-menu__overlay`,onClick:h})]})}),ie=H(V);function ae(){const[l,t]=g(null),n=!!l,u=s=>{t(s?s.currentTarget:null)},o=()=>{t(null)};return[n,l,s=>{if(n){o();return}u(s)}]}export{ie as M,ae as u};
-//# sourceMappingURL=useMenu-DuX7EGHi.js.map