@iziui/react 0.0.87-rc → 0.0.89-rc

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, 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,EAAO,SAAAC,EAAU,GAAGC,GAAqB,CAClF,MAAMC,EAAaC,EAA6C,IAAI,EAE9D,CAAE,MAAO,CAAE,KAAAC,CAAA,CAAK,EAAMC,EAAA,EAEtBC,EAAYC,EAChB,GAAGC,CAAM,SACTP,EAAM,SAAA,EAGRQ,EAAU,KACRC,EAAA,EACOC,GACN,CAAA,CAAE,EAEL,MAAMC,EAAe,IAAM,CACpBjB,GACLK,EAASL,CAAE,CACb,EAEMe,EAAa,IAAM,CACvBR,EAAW,QAAU,WAAW,IAAM,CAAEU,EAAA,CAAgB,EAAGb,CAAK,CAClE,EAEMY,EAAa,IAAM,CAClBT,EAAW,UAChB,aAAaA,EAAW,OAAO,EAC/BA,EAAW,QAAU,KACvB,EAEA,OACEW,EAACC,EAAA,CACC,UAAAR,EACA,KAAAR,EACA,GAAI,CACF,gBAAiB,CAAC,CAAE,KAAAiB,CAAA,IAAWA,EAAK,QACpC,MAAQC,GAAYA,EAAQpB,CAAK,EAAEQ,CAAI,CAAA,EAEzC,QAASQ,EACT,aAAcD,EACd,aAAcD,EAEb,SAAAb,CAAA,CAAA,CAGP,CAEA,MAAAoB,EAAeC,EAAgBxB,CAAK,EClEvByB,EAAeC,EAAkC,CAC5D,OAAQ,CAAA,EACR,IAAK,IAAM,CAAE,CACf,CAAC,EAED,SAAwBC,EAAc,CAAE,SAAAC,GAA+B,CACrE,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAA6B,CAAA,CAAE,EAErDC,EAA8BC,EAAQ,KAAO,CACjD,OAAAJ,EACA,IAAMK,GAAU,CAAEC,EAASD,CAAK,CAAG,CAAA,GACjC,CAACL,CAAM,CAAC,EAENM,EAAYD,GAAuB,CACvCJ,EAAUM,GAAQ,CAAC,GAAGA,EAAM,CAAE,GAAIC,EAAA,EAAQ,QAAS,GAAM,GAAGH,CAAA,CAAO,CAAC,CACtE,EAEMI,EAAUrC,GAAe,CAC7B6B,EAAUM,GAAQA,EAAK,IAAIG,IACrBA,EAAE,KAAOtC,IAAMsC,EAAE,QAAU,IACxBA,EACR,CAAC,EACF,WAAW,IAAM,CAAET,KAAkBM,EAAK,UAAYG,EAAE,KAAOtC,CAAE,CAAC,CAAG,EAAG,GAAG,CAC7E,EAEA,OACEuC,EAACf,EAAa,SAAb,CAAsB,MAAOO,EAC5B,SAAA,CAAAb,EAAC,MAAA,CAAI,UAAW,GAAGL,CAAM,mBAErB,SAAAe,EAAO,IAAI,CAAC,CAAE,GAAGK,CAAA,IAEbf,EAAC,OAAmB,MAAO,CAAE,aAAc,IACzC,SAAAA,EAACsB,EAAA,CAAK,MAAO,EAAQP,EAAM,QACzB,SAAAf,EAACnB,EAAA,CAAO,GAAGkC,EAAO,SAAUI,CAAA,CAAQ,CAAA,CACtC,GAHQJ,EAAM,EAIhB,CAEH,CAAA,CAEL,EACCN,CAAA,EACH,CAEJ,CCxDA,SAAwBc,GAAW,CACjC,KAAM,CAAE,IAAAC,CAAA,EAAQC,EAAWnB,CAAY,EAEvC,MAAO,CAAE,SAAUkB,CAAA,CACrB"}
+{"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"}

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-BBXW0GJ6.cjs"),A=require("../../chunks/useTheme-DhX2tM8O.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-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;
 //# 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-DZqrA_Tp.js";import{u as k}from"../../chunks/useTheme-g5gOUmLf.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-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};
 //# 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-C7B3jwUf.cjs");require("react/jsx-runtime");require("../../chunks/index-DYxwT4uW.cjs");require("../../chunks/joinClass-Jk3EszKD.cjs");require("../../chunks/convertPathToColor-D8eBpd_D.cjs");require("../../chunks/useTheme-DhX2tM8O.cjs");require("react");require("../../chunks/generateSupportColors-CTMoGhDf.cjs");require("../../chunks/createComponent-BBXW0GJ6.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-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;
 //# sourceMappingURL=index.cjs.map

package/dist/components/Typography/index.js

@@ -1,2 +1,2 @@
-import{T as v,v as d}from"../../chunks/Typography-hazfs4Ye.js";import"react/jsx-runtime";import"../../chunks/index-CZ41y9Hn.js";import"../../chunks/joinClass-anSpaauN.js";import"../../chunks/convertPathToColor-DtOjH4ZP.js";import"../../chunks/useTheme-g5gOUmLf.js";import"react";import"../../chunks/generateSupportColors-BN5t8dA-.js";import"../../chunks/createComponent-DZqrA_Tp.js";export{v as default,d as variants};
+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};
 //# sourceMappingURL=index.js.map

package/dist/hooks/useResize/index.cjs

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

package/dist/hooks/useResize/index.js

@@ -1,2 +1,2 @@
-import{u as p}from"../../chunks/useResize-BjM6tiAF.js";import"react";import"../../chunks/index-CZ41y9Hn.js";export{p as default};
+import{u as p}from"../../chunks/useResize-BUftB918.js";import"react";import"../../chunks/index-CZ41y9Hn.js";export{p as default};
 //# sourceMappingURL=index.js.map

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const o=require("./chunks/useTheme-DhX2tM8O.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-DNnzAUGG.cjs"),d=require("./chunks/Zoom-BOnqwiDY.cjs"),r=require("./chunks/DrawerContent-CQrCertn.cjs"),l=require("./chunks/useListenerResized-AwpsZLcP.cjs"),t=require("./chunks/useMenu-Bw3Im-FW.cjs"),q=require("./chunks/useResize-B-oebgDR.cjs"),c=require("./chunks/Card-DqoL_8z0.cjs"),m=require("./chunks/CardContent-BOuRiZyj.cjs"),n=require("./chunks/GridItem-wwo-SHGR.cjs"),C=require("./chunks/MenuButton-BF6coRYt.cjs"),T=require("./chunks/Typography-C7B3jwUf.cjs");require("react");require("./chunks/generateSupportColors-CTMoGhDf.cjs");require("./chunks/index-DYxwT4uW.cjs");require("./chunks/joinClass-Jk3EszKD.cjs");require("./chunks/createComponent-BBXW0GJ6.cjs");require("./chunks/Stack-DsVkiTT_.cjs");require("./chunks/ButtonIcon-QfMInabj.cjs");require("./chunks/convertPathToColor-D8eBpd_D.cjs");require("./chunks/Ripple-Dy4i91j1.cjs");require("./chunks/Icon-D5fDXkwG.cjs");require("./chunks/uuid-omnJ9TjZ.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"),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;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,2 +1,2 @@
-import"react/jsx-runtime";import{T as C,c as l,u as T}from"./chunks/useTheme-g5gOUmLf.js";import{B as F}from"./chunks/Bounce-DP0PU3kr.js";import{C as c,F as w,u as M,a as B,b as G}from"./chunks/useForm-iwGfb88g.js";import{F as v}from"./chunks/Fade-spxq-W-Q.js";import{S as H}from"./chunks/Slide-BxEwoZ70.js";import{T as S,a as Z,b as y,c as I}from"./chunks/TableHeader-BDY2xI-0.js";import{Z as P}from"./chunks/Zoom-DqgU4Wfv.js";import{D as j,a as k,b as q,c as A,u as E}from"./chunks/DrawerContent-DuvNqOEG.js";import{u as K}from"./chunks/useListenerResized-Bnqxrt7k.js";import{M as O,u as Q}from"./chunks/useMenu-DU5PYJUH.js";import{u as V}from"./chunks/useResize-BjM6tiAF.js";import{C as X}from"./chunks/Card-wBDtOPXO.js";import{C as _}from"./chunks/CardContent-D0o8c1Yf.js";import{G as rr,a as er}from"./chunks/GridItem-CaoPZmBu.js";import{M as ar}from"./chunks/MenuButton-DbrtU31-.js";import{v as tr}from"./chunks/Typography-hazfs4Ye.js";import"react";import"./chunks/generateSupportColors-BN5t8dA-.js";import"./chunks/index-CZ41y9Hn.js";import"./chunks/joinClass-anSpaauN.js";import"./chunks/createComponent-DZqrA_Tp.js";import"./chunks/Stack-D0feJnm7.js";import"./chunks/ButtonIcon-Cad6goHv.js";import"./chunks/convertPathToColor-DtOjH4ZP.js";import"./chunks/Ripple-Bq9bxg4k.js";import"./chunks/Icon-BGZ3K3Nf.js";import"./chunks/uuid-dGvr9vBZ.js";export{F as Bounce,X as Card,_ as CardContent,c as Control,j as Drawer,k as DrawerContent,q as DrawerFooter,A as DrawerHeader,v as Fade,w as Form,rr as Grid,er as GridItem,O as Menu,ar as MenuButton,H as Slide,S as Table,Z as TableBody,y as TableCell,I as TableHeader,C as ThemeProvider,P as Zoom,l as createTheme,M as useControl,E as useDrawer,B as useForm,G as useFormGroup,K as useListenerResized,Q as useMenu,V as useResize,T as useTheme,tr as variants};
+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};
 //# sourceMappingURL=index.js.map

package/dist/style.css

@@ -11,6 +11,9 @@
 /* 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*/
@@ -31,8 +34,8 @@
 /*$vite$:1*/
 /* assets/index-tn0RQdqM.css */
 /*$vite$:1*/
-/* assets/index-BZMloLhA.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(--text-secondary);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}
+/* 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}
 /*$vite$:1*/
 /* assets/index-BuyOiNeP.css */
 .iziui-checkbox-group .iziui-checkbox--primary--checked,.iziui-checkbox-group .iziui-checkbox--primary:hover{background-color:var(--primary-opacity)}.iziui-checkbox-group .iziui-checkbox--primary:active{background-color:var(--primary-light)}.iziui-checkbox-group .iziui-checkbox--secondary--checked,.iziui-checkbox-group .iziui-checkbox--secondary:hover{background-color:var(--secondary-opacity)}.iziui-checkbox-group .iziui-checkbox--secondary:active{background-color:var(--secondary-light)}.iziui-checkbox-group .iziui-checkbox--info--checked,.iziui-checkbox-group .iziui-checkbox--info:hover{background-color:var(--info-opacity)}.iziui-checkbox-group .iziui-checkbox--info:active{background-color:var(--info-light)}.iziui-checkbox-group .iziui-checkbox--error--checked,.iziui-checkbox-group .iziui-checkbox--error:hover{background-color:var(--error-opacity)}.iziui-checkbox-group .iziui-checkbox--error:active{background-color:var(--error-light)}.iziui-checkbox-group .iziui-checkbox--warning--checked,.iziui-checkbox-group .iziui-checkbox--warning:hover{background-color:var(--warning-opacity)}.iziui-checkbox-group .iziui-checkbox--warning:active{background-color:var(--warning-light)}.iziui-checkbox-group .iziui-checkbox--success--checked,.iziui-checkbox-group .iziui-checkbox--success:hover{background-color:var(--success-opacity)}.iziui-checkbox-group .iziui-checkbox--success:active{background-color:var(--success-light)}.iziui-checkbox-group .iziui-checkbox--grey--checked,.iziui-checkbox-group .iziui-checkbox--grey:hover{background-color:var(--grey-opacity)}.iziui-checkbox-group .iziui-checkbox--grey:active{background-color:var(--grey-light)}
@@ -46,8 +49,8 @@
 /* assets/ButtonIcon-COrrQJcN.css */
 .iziui-button-icon{position:relative;border-radius:50%;border:none;background-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;padding:5px;display:flex;justify-content:center;align-items:center}.iziui-button-icon:hover{background-color:var(--divider)}.iziui-button-icon:disabled{background-color:var(--text-disabled);color:var(--text-secondary);cursor:not-allowed}.iziui-button-icon:disabled:hover{background-color:var(--text-disabled)!important}.iziui-button-icon--primary{color:var(--primary)}.iziui-button-icon--primary:hover{background-color:var(--primary-opacity)}.iziui-button-icon--secondary{color:var(--secondary)}.iziui-button-icon--secondary:hover{background-color:var(--secondary-opacity)}.iziui-button-icon--info{color:var(--info)}.iziui-button-icon--info:hover{background-color:var(--info-opacity)}.iziui-button-icon--error{color:var(--error)}.iziui-button-icon--error:hover{background-color:var(--error-opacity)}.iziui-button-icon--warning{color:var(--warning)}.iziui-button-icon--warning:hover{background-color:var(--warning-opacity)}.iziui-button-icon--success{color:var(--success)}.iziui-button-icon--success:hover{background-color:var(--success-opacity)}.iziui-button-icon--grey{color:var(--grey)}.iziui-button-icon--grey:hover{background-color:var(--grey-opacity)}
 /*$vite$:1*/
-/* assets/Icon-CUCHgWoe.css */
-.iziui-icon{transition:all .3s cubic-bezier(.4,0,.2,1);color:currentColor}
+/* assets/Icon-Dw_BtwcS.css */
+.iziui-icon{transition:all .3s cubic-bezier(.4,0,.2,1);color:currentColor}.iziui-icon--primary{color:var(--primary)}.iziui-icon--secondary{color:var(--secondary)}.iziui-icon--info{color:var(--info)}.iziui-icon--error{color:var(--error)}.iziui-icon--warning{color:var(--warning)}.iziui-icon--success{color:var(--success)}.iziui-icon--grey{color:var(--grey)}
 /*$vite$:1*/
 /* assets/Stack-CaqHhBiY.css */
 .iziui-stack{width:100%;display:flex}
@@ -55,9 +58,6 @@
 /* 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*/

package/dist/theme/index.cjs

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

package/dist/theme/index.js

@@ -1,2 +1,2 @@
-import"react/jsx-runtime";import{T as a,c as i,u as p}from"../chunks/useTheme-g5gOUmLf.js";import"react";import"../chunks/generateSupportColors-BN5t8dA-.js";export{a as ThemeProvider,i as createTheme,p as useTheme};
+import{T as a,c as i,u as p}from"../chunks/useTheme-BYuNiCiH.js";import"react";import"react/jsx-runtime";import"../chunks/generateSupportColors-BN5t8dA-.js";export{a as ThemeProvider,i as createTheme,p as useTheme};
 //# sourceMappingURL=index.js.map

package/package.json

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

package/dist/chunks/ButtonIcon-Cad6goHv.js

@@ -1,2 +0,0 @@
-import{jsxs as u,jsx as f}from"react/jsx-runtime";import{cloneElement as h}from"react";import{p as n}from"./index-CZ41y9Hn.js";import{j}from"./joinClass-anSpaauN.js";import{c as x}from"./convertPathToColor-DtOjH4ZP.js";import{u as y}from"./useTheme-g5gOUmLf.js";import{R as C}from"./Ripple-Bq9bxg4k.js";import{c as $}from"./createComponent-DZqrA_Tp.js";function b({children:m,size:r=40,color:o="primary",...t}){const{theme:{palette:c}}=y(),[e,a]=[r,r],i=j(`${n}-button-icon`,o&&`${n}-button-icon--${o}`,t.className),l=x(o,c),p=s=>h(s,{size:e/1.5,...s.props,style:{color:"currentColor"}});return u("button",{...t,className:i,style:{color:l,...t.style,width:e,height:a},children:[p(m),f(C,{})]})}const w=$(b);export{w as B};
-//# sourceMappingURL=ButtonIcon-Cad6goHv.js.map

package/dist/chunks/ButtonIcon-Cad6goHv.js.map

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

package/dist/chunks/ButtonIcon-QfMInabj.cjs

@@ -1,2 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),p=require("react"),c=require("./index-DYxwT4uW.cjs"),q=require("./joinClass-Jk3EszKD.cjs"),C=require("./convertPathToColor-D8eBpd_D.cjs"),x=require("./useTheme-DhX2tM8O.cjs"),j=require("./Ripple-Dy4i91j1.cjs"),d=require("./createComponent-BBXW0GJ6.cjs");function y({children:i,size:n=40,color:e="primary",...t}){const{theme:{palette:u}}=x.useTheme(),[o,l]=[n,n],a=q.joinClass(`${c.prefix}-button-icon`,e&&`${c.prefix}-button-icon--${e}`,t.className),m=C.convertPathToColor(e,u),h=r=>p.cloneElement(r,{size:o/1.5,...r.props,style:{color:"currentColor"}});return s.jsxs("button",{...t,className:a,style:{color:m,...t.style,width:o,height:l},children:[h(i),s.jsx(j.Ripple,{})]})}const I=d.createComponent(y);exports.ButtonIcon=I;
-//# sourceMappingURL=ButtonIcon-QfMInabj.cjs.map

package/dist/chunks/ButtonIcon-QfMInabj.cjs.map

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

package/dist/chunks/Icon-BGZ3K3Nf.js

@@ -1,2 +0,0 @@
-import{jsx as n}from"react/jsx-runtime";import{p as c}from"./index-CZ41y9Hn.js";import{j as e}from"./joinClass-anSpaauN.js";import{c as m}from"./createComponent-DZqrA_Tp.js";function r({name:s,size:t=24,...o}){const i=e(`${c}-icon`,"uil",`uil-${s}`,o.className);return n("i",{...o,className:i,style:{fontSize:t,...o.style}})}const u=m(r);export{u as I};
-//# sourceMappingURL=Icon-BGZ3K3Nf.js.map

package/dist/chunks/Icon-BGZ3K3Nf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon-BGZ3K3Nf.js","sources":["../../src/display/Icon/Icon.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Icon.scss';\n\nexport interface IconProps extends HTMLAttributes<HTMLElement> {\n  name: string;\n  size?: number;\n}\n\nfunction Icon({ name, size = 24, ...props }: IconProps) {\n  const clss = joinClass(\n    `${prefix}-icon`,\n    'uil',\n    `uil-${name}`,\n    props.className\n  );\n\n  return (\n    <i {...props} className={clss} style={{ fontSize: size, ...props.style }}></i>\n  );\n}\n\nexport default createComponent(Icon);"],"names":["Icon","name","size","props","clss","joinClass","prefix","jsx","Icon$1","createComponent"],"mappings":"8KAeA,SAASA,EAAK,CAAE,KAAAC,EAAM,KAAAC,EAAO,GAAI,GAAGC,GAAoB,CACtD,MAAMC,EAAOC,EACX,GAAGC,CAAM,QACT,MACA,OAAOL,CAAI,GACXE,EAAM,SAAA,EAGR,OACEI,EAAC,IAAA,CAAG,GAAGJ,EAAO,UAAWC,EAAM,MAAO,CAAE,SAAUF,EAAM,GAAGC,EAAM,MAAM,CAAG,CAE9E,CAEA,MAAAK,EAAeC,EAAgBT,CAAI"}

package/dist/chunks/Icon-D5fDXkwG.cjs

@@ -1,2 +0,0 @@
-"use strict";const c=require("react/jsx-runtime"),i=require("./index-DYxwT4uW.cjs"),o=require("./joinClass-Jk3EszKD.cjs"),r=require("./createComponent-BBXW0GJ6.cjs");function u({name:n,size:s=24,...e}){const t=o.joinClass(`${i.prefix}-icon`,"uil",`uil-${n}`,e.className);return c.jsx("i",{...e,className:t,style:{fontSize:s,...e.style}})}const l=r.createComponent(u);exports.Icon=l;
-//# sourceMappingURL=Icon-D5fDXkwG.cjs.map

package/dist/chunks/Icon-D5fDXkwG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon-D5fDXkwG.cjs","sources":["../../src/display/Icon/Icon.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Icon.scss';\n\nexport interface IconProps extends HTMLAttributes<HTMLElement> {\n  name: string;\n  size?: number;\n}\n\nfunction Icon({ name, size = 24, ...props }: IconProps) {\n  const clss = joinClass(\n    `${prefix}-icon`,\n    'uil',\n    `uil-${name}`,\n    props.className\n  );\n\n  return (\n    <i {...props} className={clss} style={{ fontSize: size, ...props.style }}></i>\n  );\n}\n\nexport default createComponent(Icon);"],"names":["Icon","name","size","props","clss","joinClass","prefix","jsx","createComponent"],"mappings":"sKAeA,SAASA,EAAK,CAAE,KAAAC,EAAM,KAAAC,EAAO,GAAI,GAAGC,GAAoB,CACtD,MAAMC,EAAOC,EAAAA,UACX,GAAGC,EAAAA,MAAM,QACT,MACA,OAAOL,CAAI,GACXE,EAAM,SAAA,EAGR,OACEI,EAAAA,IAAC,IAAA,CAAG,GAAGJ,EAAO,UAAWC,EAAM,MAAO,CAAE,SAAUF,EAAM,GAAGC,EAAM,MAAM,CAAG,CAE9E,CAEA,MAAAH,EAAeQ,EAAAA,gBAAgBR,CAAI"}

package/dist/chunks/createComponent-BBXW0GJ6.cjs

@@ -1,2 +0,0 @@
-"use strict";const P=require("react/jsx-runtime"),b=require("./index-DYxwT4uW.cjs"),M=require("./useTheme-DhX2tM8O.cjs");function S({sx:t,theme:n},...e){return e.reduce((s,a)=>(s={...s,...a(n,t)},s),{})}const y=(t,{color:n})=>{const{palette:e}=t;return n?{color:n(e)}:{}},B=(t,{background:n})=>{const{palette:e}=t;return n?{background:n(e)}:{}},j=(t,{borderColor:n})=>{const{palette:e}=t;return n?{borderColor:n(e)}:{}},w=(t,{backgroundColor:n})=>{const{palette:e}=t;return n?{backgroundColor:n(e)}:{}},C=(t,{borderRadius:n})=>{const{shape:e}=t;return n?{borderRadius:`${e.radius*n}px`}:{}},R=(t,{m:n,mb:e,ml:s,mr:a,mt:c,mx:u,my:l})=>{const{spacing:h}=t,r=i=>i||i===0?`${String(i*h)}px`:"",o=r(n),f=r(c),m=r(e),d=r(l),g=r(u),p=r(s),x=r(a);return{margin:o,marginTop:f||d||o,marginBottom:m||d||o,marginLeft:p||g||o,marginRight:x||g||o}},T=(t,{p:n,pb:e,pl:s,pr:a,pt:c,px:u,py:l})=>{const{spacing:h}=t,r=i=>i||i===0?`${String(i*h)}px`:"",o=r(n),f=r(c),m=r(e),d=r(l),g=r(u),p=r(s),x=r(a);return{padding:o,paddingTop:f||d||o,paddingBottom:m||d||o,paddingLeft:p||g||o,paddingRight:x||g||o}},_=(t,{boxShadow:n})=>n?{boxShadow:{sm:b.boxShadowSmall,md:b.boxShadowRegular,lg:b.boxShadowLarge}[n]}:{},z=Object.freeze(Object.defineProperty({__proto__:null,defineBackground:B,defineBackgroundColor:w,defineBorderColor:j,defineBorderRadius:C,defineBoxShadow:_,defineColor:y,defineMargin:R,definePadding:T},Symbol.toStringTag,{value:"Module"}));function O(t){return Object.values(t).map(n=>n)}function q(t){return t.displayName=t.name,({sx:e,fullWidth:s,...a})=>{const{theme:c}=M.useTheme(),u=e&&S({theme:c,sx:e},...O(z));return P.jsx(t,{...a,style:{boxSizing:"border-box",...a.style,...u,...s?{width:"100%"}:{}}})}}exports.createComponent=q;
-//# sourceMappingURL=createComponent-BBXW0GJ6.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"createComponent-BBXW0GJ6.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","../../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({ sx, theme }: Data, ...plugins: Plugin[]): Properties {\n  return plugins.reduce<Properties>((acc, plugin) => {\n    acc = { ...acc, ...plugin(theme, sx) };\n\n    return acc;\n  }, {});\n}","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});","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 options = sx && createOptions({ theme, sx },\n      ...extract(plugins),\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","extract","module","fn","createComponent","WrappedComponent","fullWidth","props","useTheme","options","jsx"],"mappings":"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"}

package/dist/chunks/createComponent-DZqrA_Tp.js

@@ -1,2 +0,0 @@
-import{jsx as x}from"react/jsx-runtime";import{b as P,c as M,d as S}from"./index-CZ41y9Hn.js";import{u as y}from"./useTheme-g5gOUmLf.js";function B({sx:t,theme:n},...e){return e.reduce((s,a)=>(s={...s,...a(n,t)},s),{})}const w=(t,{color:n})=>{const{palette:e}=t;return n?{color:n(e)}:{}},_=(t,{background:n})=>{const{palette:e}=t;return n?{background:n(e)}:{}},j=(t,{borderColor:n})=>{const{palette:e}=t;return n?{borderColor:n(e)}:{}},z=(t,{backgroundColor:n})=>{const{palette:e}=t;return n?{backgroundColor:n(e)}:{}},C=(t,{borderRadius:n})=>{const{shape:e}=t;return n?{borderRadius:`${e.radius*n}px`}:{}},O=(t,{m:n,mb:e,ml:s,mr:a,mt:c,mx:u,my:l})=>{const{spacing:f}=t,o=i=>i||i===0?`${String(i*f)}px`:"",r=o(n),h=o(c),m=o(e),d=o(l),g=o(u),p=o(s),b=o(a);return{margin:r,marginTop:h||d||r,marginBottom:m||d||r,marginLeft:p||g||r,marginRight:b||g||r}},R=(t,{p:n,pb:e,pl:s,pr:a,pt:c,px:u,py:l})=>{const{spacing:f}=t,o=i=>i||i===0?`${String(i*f)}px`:"",r=o(n),h=o(c),m=o(e),d=o(l),g=o(u),p=o(s),b=o(a);return{padding:r,paddingTop:h||d||r,paddingBottom:m||d||r,paddingLeft:p||g||r,paddingRight:b||g||r}},T=(t,{boxShadow:n})=>n?{boxShadow:{sm:S,md:M,lg:P}[n]}:{},L=Object.freeze(Object.defineProperty({__proto__:null,defineBackground:_,defineBackgroundColor:z,defineBorderColor:j,defineBorderRadius:C,defineBoxShadow:T,defineColor:w,defineMargin:O,definePadding:R},Symbol.toStringTag,{value:"Module"}));function $(t){return Object.values(t).map(n=>n)}function N(t){return t.displayName=t.name,({sx:e,fullWidth:s,...a})=>{const{theme:c}=y(),u=e&&B({theme:c,sx:e},...$(L));return x(t,{...a,style:{boxSizing:"border-box",...a.style,...u,...s?{width:"100%"}:{}}})}}export{N as c};
-//# sourceMappingURL=createComponent-DZqrA_Tp.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"createComponent-DZqrA_Tp.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","../../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({ sx, theme }: Data, ...plugins: Plugin[]): Properties {\n  return plugins.reduce<Properties>((acc, plugin) => {\n    acc = { ...acc, ...plugin(theme, sx) };\n\n    return acc;\n  }, {});\n}","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});","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 options = sx && createOptions({ theme, sx },\n      ...extract(plugins),\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","extract","module","fn","createComponent","WrappedComponent","fullWidth","props","useTheme","options","jsx"],"mappings":"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"}

package/dist/chunks/useMenu-Bw3Im-FW.cjs

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

package/dist/chunks/useMenu-DU5PYJUH.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{u as H}from"./uuid-dGvr9vBZ.js";import{u as S}from"./useListenerResized-Bnqxrt7k.js";import{C as U}from"./Card-wBDtOPXO.js";import{C as q}from"./CardContent-D0o8c1Yf.js";import{c as J}from"./createComponent-DZqrA_Tp.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:f,anchorEl:o,direction:c="left",maxHeight:s,autoClose:N,onClose:M,...u},k){const[y,v]=g(),[d,a]=g({state:"invisible",animation:"close",width:"auto"}),w=16,T=150,A=P.toArray(f),b=W(()=>H(),[]),I=G(`${r}-menu`,`${r}-menu--${d?.animation}`,u.className);S(()=>_(),[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,...u,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,...u.style},className:I,children:t&&m(U,{className:`${r}-menu__card`,children:m(q,{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})]})}),ae=J(V);function re(){const[l,t]=g(null),n=!!l,f=s=>{t(s?s.currentTarget:null)},o=()=>{t(null)};return[n,l,s=>{if(n){o();return}f(s)}]}export{ae as M,re as u};
-//# sourceMappingURL=useMenu-DU5PYJUH.js.map

package/dist/chunks/useResize-B-oebgDR.cjs

@@ -1,2 +0,0 @@
-"use strict";const v=require("react"),t=require("./index-DYxwT4uW.cjs"),i={MAX_XS:`(max-width: ${Number(t.xs)}px)`,MIN_SM:`(min-width: ${Number(t.xs)+1}px)`,MAX_SM:`(max-width: ${Number(t.sm)}px)`,MIN_MD:`(min-width: ${Number(t.sm)+1}px)`,MAX_MD:`(max-width: ${Number(t.md)}px)`,MIN_LG:`(min-width: ${Number(t.md)+1}px)`,MAX_LG:`(max-width: ${Number(t.lg)}px)`,MIN_XL:`(min-width: ${Number(t.xl)}px)`},r={xs:i.MAX_XS,sm:`${i.MIN_SM} and ${i.MAX_SM}`,md:`${i.MIN_MD} and ${i.MAX_MD}`,lg:`${i.MIN_LG} and ${i.MAX_LG}`,xl:i.MIN_XL},N=()=>({xs:window.matchMedia(r.xs),sm:window.matchMedia(r.sm),md:window.matchMedia(r.md),lg:window.matchMedia(r.lg),xl:window.matchMedia(r.xl)});function f({onXs:s,onSm:m,onMd:n,onLg:a,onXl:c},g=[]){const L={xs:s,sm:m,md:n,lg:a,xl:c},d=(e,M)=>{e.matches&&M()},x=e=>{s&&d(e,s)},h=e=>{m&&d(e,m)},u=e=>{n&&d(e,n)},w=e=>{a&&d(e,a)},_=e=>{c&&d(e,c)},$=e=>{const M=Object.keys(e).find(E=>e[E].matches);L[M]?.()};v.useEffect(()=>{const e=N();$(e)},[]),v.useEffect(()=>{const e=N();return s&&e.xs.addEventListener("change",x),m&&e.sm.addEventListener("change",h),n&&e.md.addEventListener("change",u),a&&e.lg.addEventListener("change",w),c&&e.xl.addEventListener("change",_),()=>{s&&e.xs.removeEventListener("change",x),m&&e.sm.removeEventListener("change",h),n&&e.md.removeEventListener("change",u),a&&e.lg.removeEventListener("change",w),c&&e.xl.removeEventListener("change",_)}},g)}exports.useResize=f;
-//# sourceMappingURL=useResize-B-oebgDR.cjs.map

package/dist/chunks/useResize-B-oebgDR.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useResize-B-oebgDR.cjs","sources":["../../src/hooks/useResize/useResize.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { xs, sm, md, lg, xl } from '@iziui/tokens/web/js';\n\nexport const DeviceBreakpoints = {\n  MAX_XS: `(max-width: ${Number(xs)}px)`,\n  MIN_SM: `(min-width: ${Number(xs) + 1}px)`,\n  MAX_SM: `(max-width: ${Number(sm)}px)`,\n  MIN_MD: `(min-width: ${Number(sm) + 1}px)`,\n  MAX_MD: `(max-width: ${Number(md)}px)`,\n  MIN_LG: `(min-width: ${Number(md) + 1}px)`,\n  MAX_LG: `(max-width: ${Number(lg)}px)`,\n  MIN_XL: `(min-width: ${Number(xl)}px)`,\n};\n\ntype Medias = {\n  xs: MediaQueryList;\n  sm: MediaQueryList;\n  md: MediaQueryList;\n  lg: MediaQueryList;\n  xl: MediaQueryList;\n}\n\nexport interface Callback {\n  onXs?: () => void;\n  onSm?: () => void;\n  onMd?: () => void;\n  onLg?: () => void;\n  onXl?: () => void;\n}\n\nconst MEDIAS: { [x in keyof Medias]: string; } = {\n  xs: DeviceBreakpoints.MAX_XS,\n  sm: `${DeviceBreakpoints.MIN_SM} and ${DeviceBreakpoints.MAX_SM}`,\n  md: `${DeviceBreakpoints.MIN_MD} and ${DeviceBreakpoints.MAX_MD}`,\n  lg: `${DeviceBreakpoints.MIN_LG} and ${DeviceBreakpoints.MAX_LG}`,\n  xl: DeviceBreakpoints.MIN_XL\n};\n\nconst getMedias = (): Medias => {\n  return {\n    xs: window.matchMedia(MEDIAS.xs),\n    sm: window.matchMedia(MEDIAS.sm),\n    md: window.matchMedia(MEDIAS.md),\n    lg: window.matchMedia(MEDIAS.lg),\n    xl: window.matchMedia(MEDIAS.xl)\n  };\n};\n\nexport default function useResize({\n  onXs, onSm, onMd, onLg, onXl\n}: Callback, deps: any[] = []) {\n  const MAP_CALLBACKS = {\n    xs: onXs,\n    sm: onSm,\n    md: onMd,\n    lg: onLg,\n    xl: onXl\n  };\n\n  const checker = (event: MediaQueryListEvent, fn: () => void) => { if (event.matches) { fn(); } };\n\n  const makeXs = (event: MediaQueryListEvent) => {\n    if (onXs) { checker(event, onXs); }\n  };\n\n  const makeSm = (event: MediaQueryListEvent) => {\n    if (onSm) { checker(event, onSm); }\n  };\n\n  const makeMd = (event: MediaQueryListEvent) => {\n    if (onMd) { checker(event, onMd); }\n  };\n\n  const makeLg = (event: MediaQueryListEvent) => {\n    if (onLg) { checker(event, onLg); }\n  };\n\n  const makeXl = (event: MediaQueryListEvent) => {\n    if (onXl) { checker(event, onXl); }\n  };\n\n  const initialize = (medias: Medias) => {\n    const key = Object.keys(medias).find((key) => medias[key].matches) as keyof typeof MAP_CALLBACKS;\n    MAP_CALLBACKS[key]?.();\n  };\n\n  useEffect(() => {\n    const medias = getMedias();\n    initialize(medias);\n  }, []);\n\n  useEffect(() => {\n    const medias = getMedias();\n\n    /* eslint-disable @typescript-eslint/no-unused-expressions */\n    onXs && medias.xs.addEventListener('change', makeXs);\n    onSm && medias.sm.addEventListener('change', makeSm);\n    onMd && medias.md.addEventListener('change', makeMd);\n    onLg && medias.lg.addEventListener('change', makeLg);\n    onXl && medias.xl.addEventListener('change', makeXl);\n\n    return () => {\n      onXs && medias.xs.removeEventListener('change', makeXs);\n      onSm && medias.sm.removeEventListener('change', makeSm);\n      onMd && medias.md.removeEventListener('change', makeMd);\n      onLg && medias.lg.removeEventListener('change', makeLg);\n      onXl && medias.xl.removeEventListener('change', makeXl);\n    };\n    /* eslint-enable @typescript-eslint/no-unused-expressions */\n  }, deps);\n};"],"names":["DeviceBreakpoints","xs","sm","md","lg","xl","MEDIAS","getMedias","useResize","onXs","onSm","onMd","onLg","onXl","deps","MAP_CALLBACKS","checker","event","fn","makeXs","makeSm","makeMd","makeLg","makeXl","initialize","medias","key","useEffect"],"mappings":"wEAIaA,EAAoB,CAC/B,OAAQ,eAAe,OAAOC,EAAAA,EAAE,CAAC,MACjC,OAAQ,eAAe,OAAOA,EAAAA,EAAE,EAAI,CAAC,MACrC,OAAQ,eAAe,OAAOC,EAAAA,EAAE,CAAC,MACjC,OAAQ,eAAe,OAAOA,EAAAA,EAAE,EAAI,CAAC,MACrC,OAAQ,eAAe,OAAOC,EAAAA,EAAE,CAAC,MACjC,OAAQ,eAAe,OAAOA,EAAAA,EAAE,EAAI,CAAC,MACrC,OAAQ,eAAe,OAAOC,EAAAA,EAAE,CAAC,MACjC,OAAQ,eAAe,OAAOC,EAAAA,EAAE,CAAC,KACnC,EAkBMC,EAA2C,CAC/C,GAAIN,EAAkB,OACtB,GAAI,GAAGA,EAAkB,MAAM,QAAQA,EAAkB,MAAM,GAC/D,GAAI,GAAGA,EAAkB,MAAM,QAAQA,EAAkB,MAAM,GAC/D,GAAI,GAAGA,EAAkB,MAAM,QAAQA,EAAkB,MAAM,GAC/D,GAAIA,EAAkB,MACxB,EAEMO,EAAY,KACT,CACL,GAAI,OAAO,WAAWD,EAAO,EAAE,EAC/B,GAAI,OAAO,WAAWA,EAAO,EAAE,EAC/B,GAAI,OAAO,WAAWA,EAAO,EAAE,EAC/B,GAAI,OAAO,WAAWA,EAAO,EAAE,EAC/B,GAAI,OAAO,WAAWA,EAAO,EAAE,CAAA,GAInC,SAAwBE,EAAU,CAChC,KAAAC,EAAM,KAAAC,EAAM,KAAAC,EAAM,KAAAC,EAAM,KAAAC,CAC1B,EAAaC,EAAc,CAAA,EAAI,CAC7B,MAAMC,EAAgB,CACpB,GAAIN,EACJ,GAAIC,EACJ,GAAIC,EACJ,GAAIC,EACJ,GAAIC,CAAA,EAGAG,EAAU,CAACC,EAA4BC,IAAmB,CAAMD,EAAM,SAAWC,EAAA,CAAQ,EAEzFC,EAAUF,GAA+B,CACzCR,GAAQO,EAAQC,EAAOR,CAAI,CACjC,EAEMW,EAAUH,GAA+B,CACzCP,GAAQM,EAAQC,EAAOP,CAAI,CACjC,EAEMW,EAAUJ,GAA+B,CACzCN,GAAQK,EAAQC,EAAON,CAAI,CACjC,EAEMW,EAAUL,GAA+B,CACzCL,GAAQI,EAAQC,EAAOL,CAAI,CACjC,EAEMW,EAAUN,GAA+B,CACzCJ,GAAQG,EAAQC,EAAOJ,CAAI,CACjC,EAEMW,EAAcC,GAAmB,CACrC,MAAMC,EAAM,OAAO,KAAKD,CAAM,EAAE,KAAMC,GAAQD,EAAOC,CAAG,EAAE,OAAO,EACjEX,EAAcW,CAAG,IAAA,CACnB,EAEAC,EAAAA,UAAU,IAAM,CACd,MAAMF,EAASlB,EAAA,EACfiB,EAAWC,CAAM,CACnB,EAAG,CAAA,CAAE,EAELE,EAAAA,UAAU,IAAM,CACd,MAAMF,EAASlB,EAAA,EAGf,OAAAE,GAAQgB,EAAO,GAAG,iBAAiB,SAAUN,CAAM,EACnDT,GAAQe,EAAO,GAAG,iBAAiB,SAAUL,CAAM,EACnDT,GAAQc,EAAO,GAAG,iBAAiB,SAAUJ,CAAM,EACnDT,GAAQa,EAAO,GAAG,iBAAiB,SAAUH,CAAM,EACnDT,GAAQY,EAAO,GAAG,iBAAiB,SAAUF,CAAM,EAE5C,IAAM,CACXd,GAAQgB,EAAO,GAAG,oBAAoB,SAAUN,CAAM,EACtDT,GAAQe,EAAO,GAAG,oBAAoB,SAAUL,CAAM,EACtDT,GAAQc,EAAO,GAAG,oBAAoB,SAAUJ,CAAM,EACtDT,GAAQa,EAAO,GAAG,oBAAoB,SAAUH,CAAM,EACtDT,GAAQY,EAAO,GAAG,oBAAoB,SAAUF,CAAM,CACxD,CAEF,EAAGT,CAAI,CACT"}

package/dist/chunks/useResize-BjM6tiAF.js

@@ -1,2 +0,0 @@
-import{useEffect as v}from"react";import{x as A,l as E,m as N,s as g,a as L}from"./index-CZ41y9Hn.js";const t={MAX_XS:`(max-width: ${Number(L)}px)`,MIN_SM:`(min-width: ${Number(L)+1}px)`,MAX_SM:`(max-width: ${Number(g)}px)`,MIN_MD:`(min-width: ${Number(g)+1}px)`,MAX_MD:`(max-width: ${Number(N)}px)`,MIN_LG:`(min-width: ${Number(N)+1}px)`,MAX_LG:`(max-width: ${Number(E)}px)`,MIN_XL:`(min-width: ${Number(A)}px)`},c={xs:t.MAX_XS,sm:`${t.MIN_SM} and ${t.MAX_SM}`,md:`${t.MIN_MD} and ${t.MAX_MD}`,lg:`${t.MIN_LG} and ${t.MAX_LG}`,xl:t.MIN_XL},u=()=>({xs:window.matchMedia(c.xs),sm:window.matchMedia(c.sm),md:window.matchMedia(c.md),lg:window.matchMedia(c.lg),xl:window.matchMedia(c.xl)});function k({onXs:i,onSm:s,onMd:a,onLg:m,onXl:n},$=[]){const l={xs:i,sm:s,md:a,lg:m,xl:n},d=(e,r)=>{e.matches&&r()},M=e=>{i&&d(e,i)},x=e=>{s&&d(e,s)},h=e=>{a&&d(e,a)},w=e=>{m&&d(e,m)},_=e=>{n&&d(e,n)},f=e=>{const r=Object.keys(e).find(p=>e[p].matches);l[r]?.()};v(()=>{const e=u();f(e)},[]),v(()=>{const e=u();return i&&e.xs.addEventListener("change",M),s&&e.sm.addEventListener("change",x),a&&e.md.addEventListener("change",h),m&&e.lg.addEventListener("change",w),n&&e.xl.addEventListener("change",_),()=>{i&&e.xs.removeEventListener("change",M),s&&e.sm.removeEventListener("change",x),a&&e.md.removeEventListener("change",h),m&&e.lg.removeEventListener("change",w),n&&e.xl.removeEventListener("change",_)}},$)}export{k as u};
-//# sourceMappingURL=useResize-BjM6tiAF.js.map

package/dist/chunks/useResize-BjM6tiAF.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useResize-BjM6tiAF.js","sources":["../../src/hooks/useResize/useResize.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { xs, sm, md, lg, xl } from '@iziui/tokens/web/js';\n\nexport const DeviceBreakpoints = {\n  MAX_XS: `(max-width: ${Number(xs)}px)`,\n  MIN_SM: `(min-width: ${Number(xs) + 1}px)`,\n  MAX_SM: `(max-width: ${Number(sm)}px)`,\n  MIN_MD: `(min-width: ${Number(sm) + 1}px)`,\n  MAX_MD: `(max-width: ${Number(md)}px)`,\n  MIN_LG: `(min-width: ${Number(md) + 1}px)`,\n  MAX_LG: `(max-width: ${Number(lg)}px)`,\n  MIN_XL: `(min-width: ${Number(xl)}px)`,\n};\n\ntype Medias = {\n  xs: MediaQueryList;\n  sm: MediaQueryList;\n  md: MediaQueryList;\n  lg: MediaQueryList;\n  xl: MediaQueryList;\n}\n\nexport interface Callback {\n  onXs?: () => void;\n  onSm?: () => void;\n  onMd?: () => void;\n  onLg?: () => void;\n  onXl?: () => void;\n}\n\nconst MEDIAS: { [x in keyof Medias]: string; } = {\n  xs: DeviceBreakpoints.MAX_XS,\n  sm: `${DeviceBreakpoints.MIN_SM} and ${DeviceBreakpoints.MAX_SM}`,\n  md: `${DeviceBreakpoints.MIN_MD} and ${DeviceBreakpoints.MAX_MD}`,\n  lg: `${DeviceBreakpoints.MIN_LG} and ${DeviceBreakpoints.MAX_LG}`,\n  xl: DeviceBreakpoints.MIN_XL\n};\n\nconst getMedias = (): Medias => {\n  return {\n    xs: window.matchMedia(MEDIAS.xs),\n    sm: window.matchMedia(MEDIAS.sm),\n    md: window.matchMedia(MEDIAS.md),\n    lg: window.matchMedia(MEDIAS.lg),\n    xl: window.matchMedia(MEDIAS.xl)\n  };\n};\n\nexport default function useResize({\n  onXs, onSm, onMd, onLg, onXl\n}: Callback, deps: any[] = []) {\n  const MAP_CALLBACKS = {\n    xs: onXs,\n    sm: onSm,\n    md: onMd,\n    lg: onLg,\n    xl: onXl\n  };\n\n  const checker = (event: MediaQueryListEvent, fn: () => void) => { if (event.matches) { fn(); } };\n\n  const makeXs = (event: MediaQueryListEvent) => {\n    if (onXs) { checker(event, onXs); }\n  };\n\n  const makeSm = (event: MediaQueryListEvent) => {\n    if (onSm) { checker(event, onSm); }\n  };\n\n  const makeMd = (event: MediaQueryListEvent) => {\n    if (onMd) { checker(event, onMd); }\n  };\n\n  const makeLg = (event: MediaQueryListEvent) => {\n    if (onLg) { checker(event, onLg); }\n  };\n\n  const makeXl = (event: MediaQueryListEvent) => {\n    if (onXl) { checker(event, onXl); }\n  };\n\n  const initialize = (medias: Medias) => {\n    const key = Object.keys(medias).find((key) => medias[key].matches) as keyof typeof MAP_CALLBACKS;\n    MAP_CALLBACKS[key]?.();\n  };\n\n  useEffect(() => {\n    const medias = getMedias();\n    initialize(medias);\n  }, []);\n\n  useEffect(() => {\n    const medias = getMedias();\n\n    /* eslint-disable @typescript-eslint/no-unused-expressions */\n    onXs && medias.xs.addEventListener('change', makeXs);\n    onSm && medias.sm.addEventListener('change', makeSm);\n    onMd && medias.md.addEventListener('change', makeMd);\n    onLg && medias.lg.addEventListener('change', makeLg);\n    onXl && medias.xl.addEventListener('change', makeXl);\n\n    return () => {\n      onXs && medias.xs.removeEventListener('change', makeXs);\n      onSm && medias.sm.removeEventListener('change', makeSm);\n      onMd && medias.md.removeEventListener('change', makeMd);\n      onLg && medias.lg.removeEventListener('change', makeLg);\n      onXl && medias.xl.removeEventListener('change', makeXl);\n    };\n    /* eslint-enable @typescript-eslint/no-unused-expressions */\n  }, deps);\n};"],"names":["DeviceBreakpoints","xs","sm","md","lg","xl","MEDIAS","getMedias","useResize","onXs","onSm","onMd","onLg","onXl","deps","MAP_CALLBACKS","checker","event","fn","makeXs","makeSm","makeMd","makeLg","makeXl","initialize","medias","key","useEffect"],"mappings":"sGAIO,MAAMA,EAAoB,CAC/B,OAAQ,eAAe,OAAOC,CAAE,CAAC,MACjC,OAAQ,eAAe,OAAOA,CAAE,EAAI,CAAC,MACrC,OAAQ,eAAe,OAAOC,CAAE,CAAC,MACjC,OAAQ,eAAe,OAAOA,CAAE,EAAI,CAAC,MACrC,OAAQ,eAAe,OAAOC,CAAE,CAAC,MACjC,OAAQ,eAAe,OAAOA,CAAE,EAAI,CAAC,MACrC,OAAQ,eAAe,OAAOC,CAAE,CAAC,MACjC,OAAQ,eAAe,OAAOC,CAAE,CAAC,KACnC,EAkBMC,EAA2C,CAC/C,GAAIN,EAAkB,OACtB,GAAI,GAAGA,EAAkB,MAAM,QAAQA,EAAkB,MAAM,GAC/D,GAAI,GAAGA,EAAkB,MAAM,QAAQA,EAAkB,MAAM,GAC/D,GAAI,GAAGA,EAAkB,MAAM,QAAQA,EAAkB,MAAM,GAC/D,GAAIA,EAAkB,MACxB,EAEMO,EAAY,KACT,CACL,GAAI,OAAO,WAAWD,EAAO,EAAE,EAC/B,GAAI,OAAO,WAAWA,EAAO,EAAE,EAC/B,GAAI,OAAO,WAAWA,EAAO,EAAE,EAC/B,GAAI,OAAO,WAAWA,EAAO,EAAE,EAC/B,GAAI,OAAO,WAAWA,EAAO,EAAE,CAAA,GAInC,SAAwBE,EAAU,CAChC,KAAAC,EAAM,KAAAC,EAAM,KAAAC,EAAM,KAAAC,EAAM,KAAAC,CAC1B,EAAaC,EAAc,CAAA,EAAI,CAC7B,MAAMC,EAAgB,CACpB,GAAIN,EACJ,GAAIC,EACJ,GAAIC,EACJ,GAAIC,EACJ,GAAIC,CAAA,EAGAG,EAAU,CAACC,EAA4BC,IAAmB,CAAMD,EAAM,SAAWC,EAAA,CAAQ,EAEzFC,EAAUF,GAA+B,CACzCR,GAAQO,EAAQC,EAAOR,CAAI,CACjC,EAEMW,EAAUH,GAA+B,CACzCP,GAAQM,EAAQC,EAAOP,CAAI,CACjC,EAEMW,EAAUJ,GAA+B,CACzCN,GAAQK,EAAQC,EAAON,CAAI,CACjC,EAEMW,EAAUL,GAA+B,CACzCL,GAAQI,EAAQC,EAAOL,CAAI,CACjC,EAEMW,EAAUN,GAA+B,CACzCJ,GAAQG,EAAQC,EAAOJ,CAAI,CACjC,EAEMW,EAAcC,GAAmB,CACrC,MAAMC,EAAM,OAAO,KAAKD,CAAM,EAAE,KAAMC,GAAQD,EAAOC,CAAG,EAAE,OAAO,EACjEX,EAAcW,CAAG,IAAA,CACnB,EAEAC,EAAU,IAAM,CACd,MAAMF,EAASlB,EAAA,EACfiB,EAAWC,CAAM,CACnB,EAAG,CAAA,CAAE,EAELE,EAAU,IAAM,CACd,MAAMF,EAASlB,EAAA,EAGf,OAAAE,GAAQgB,EAAO,GAAG,iBAAiB,SAAUN,CAAM,EACnDT,GAAQe,EAAO,GAAG,iBAAiB,SAAUL,CAAM,EACnDT,GAAQc,EAAO,GAAG,iBAAiB,SAAUJ,CAAM,EACnDT,GAAQa,EAAO,GAAG,iBAAiB,SAAUH,CAAM,EACnDT,GAAQY,EAAO,GAAG,iBAAiB,SAAUF,CAAM,EAE5C,IAAM,CACXd,GAAQgB,EAAO,GAAG,oBAAoB,SAAUN,CAAM,EACtDT,GAAQe,EAAO,GAAG,oBAAoB,SAAUL,CAAM,EACtDT,GAAQc,EAAO,GAAG,oBAAoB,SAAUJ,CAAM,EACtDT,GAAQa,EAAO,GAAG,oBAAoB,SAAUH,CAAM,EACtDT,GAAQY,EAAO,GAAG,oBAAoB,SAAUF,CAAM,CACxD,CAEF,EAAGT,CAAI,CACT"}

package/dist/chunks/uuid-dGvr9vBZ.js

@@ -1,2 +0,0 @@
-function e(){let x=new Date().getTime();return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(n){const t=(x+Math.random()*16)%16|0;return x=Math.floor(x/16),(n=="x"?t:t&3|8).toString(16)})}export{e as u};
-//# sourceMappingURL=uuid-dGvr9vBZ.js.map

package/dist/chunks/uuid-dGvr9vBZ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"uuid-dGvr9vBZ.js","sources":["../../../../toolkit/src/uuid/uuid.ts"],"sourcesContent":["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}"],"names":["uuid","dt","c","r"],"mappings":"AAAO,SAASA,GAAO,CACrB,IAAIC,EAAK,IAAI,KAAA,EAAO,QAAA,EAQpB,MANa,uCAAuC,QAAQ,QAAS,SAAUC,EAAG,CAChF,MAAMC,GAAKF,EAAK,KAAK,SAAW,IAAM,GAAK,EAC3C,OAAAA,EAAK,KAAK,MAAMA,EAAK,EAAE,GACfC,GAAK,IAAMC,EAAKA,EAAI,EAAM,GAAM,SAAS,EAAE,CACrD,CAAC,CAGH"}

package/dist/chunks/uuid-omnJ9TjZ.cjs

@@ -1,2 +0,0 @@
-"use strict";function n(){let x=new Date().getTime();return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(u){const t=(x+Math.random()*16)%16|0;return x=Math.floor(x/16),(u=="x"?t:t&3|8).toString(16)})}exports.uuid=n;
-//# sourceMappingURL=uuid-omnJ9TjZ.cjs.map

package/dist/chunks/uuid-omnJ9TjZ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"uuid-omnJ9TjZ.cjs","sources":["../../../../toolkit/src/uuid/uuid.ts"],"sourcesContent":["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}"],"names":["uuid","dt","c","r"],"mappings":"aAAO,SAASA,GAAO,CACrB,IAAIC,EAAK,IAAI,KAAA,EAAO,QAAA,EAQpB,MANa,uCAAuC,QAAQ,QAAS,SAAUC,EAAG,CAChF,MAAMC,GAAKF,EAAK,KAAK,SAAW,IAAM,GAAK,EAC3C,OAAAA,EAAK,KAAK,MAAMA,EAAK,EAAE,GACfC,GAAK,IAAMC,EAAKA,EAAI,EAAM,GAAM,SAAS,EAAE,CACrD,CAAC,CAGH"}