@iziui/react 0.0.4-rc → 0.0.7-rc

package/dist/chunks/CardContent-BivcVoIc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardContent-BivcVoIc.cjs","sources":["../../src/display/Card/CardContent.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '../../core/createComponent';\n\ntype CardContentProps = HTMLAttributes<HTMLDivElement>;\nfunction CardContent({ children, ...props }: CardContentProps) {\n\n  const cls = joinClass(`${prefix}-card__content`, props.className);\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(CardContent);"],"names":["CardContent","children","props","cls","joinClass","prefix","createComponent"],"mappings":"sKASA,SAASA,EAAY,CAAE,SAAAC,EAAU,GAAGC,GAA2B,CAE7D,MAAMC,EAAMC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,iBAAkBH,EAAM,SAAS,EAEhE,aACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EACxB,SAAAF,EACH,CAEJ,CAEA,MAAAD,EAAeM,EAAAA,gBAAgBN,CAAW"}

package/dist/chunks/CardContent-C8ypE7yH.js

@@ -0,0 +1,2 @@
+import{jsx as n}from"react/jsx-runtime";import{p as a}from"./index-CZ41y9Hn.js";import{j as s}from"./joinClass-anSpaauN.js";import{c as e}from"./createComponent-WNQRXK89.js";function m({children:t,...o}){const r=s(`${a}-card__content`,o.className);return n("div",{...o,className:r,children:t})}const p=e(m);export{p as C};
+//# sourceMappingURL=CardContent-C8ypE7yH.js.map

package/dist/chunks/CardContent-C8ypE7yH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardContent-C8ypE7yH.js","sources":["../../src/display/Card/CardContent.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport createComponent from '../../core/createComponent';\n\ntype CardContentProps = HTMLAttributes<HTMLDivElement>;\nfunction CardContent({ children, ...props }: CardContentProps) {\n\n  const cls = joinClass(`${prefix}-card__content`, props.className);\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(CardContent);"],"names":["CardContent","children","props","cls","joinClass","prefix","CardContent$1","createComponent"],"mappings":"8KASA,SAASA,EAAY,CAAE,SAAAC,EAAU,GAAGC,GAA2B,CAE7D,MAAMC,EAAMC,EAAU,GAAGC,CAAM,iBAAkBH,EAAM,SAAS,EAEhE,SACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EACxB,SAAAF,EACH,CAEJ,CAEA,MAAAK,EAAeC,EAAgBP,CAAW"}

package/dist/chunks/Drawer-0wOdungj.cjs

@@ -0,0 +1,2 @@
+"use strict";const s=require("react/jsx-runtime"),l=require("react"),t=require("./index-DYxwT4uW.cjs"),i=require("./joinClass-Jk3EszKD.cjs"),h=require("./Stack-beBM7a60.cjs"),j=require("./createComponent-CTufIEiN.cjs");function y({open:a,header:d,body:u,footer:f,direction:o="right",onClose:m,...c}){const[n,r]=l.useState({visible:!1,animation:"hide"}),w=300,_=i.joinClass(`${t.prefix}-drawer`,c.className),v=i.joinClass(`${t.prefix}-drawer__content`,`${t.prefix}-drawer__content--${o}`,`${t.prefix}-drawer__content--${o}--${n.animation}`),x=i.joinClass(`${t.prefix}-drawer__overlay`,`${t.prefix}-drawer__overlay--${n.animation}`);l.useEffect(()=>{let e;if(a){e=C();return}return e=$(),()=>{clearTimeout(e)}},[a]);const C=()=>(r(e=>({...e,visible:!0})),setTimeout(()=>{r(e=>({...e,animation:"show"})),document.body.style.overflow="hidden"},100)),$=()=>(r(e=>({...e,animation:"hide"})),setTimeout(()=>{r(e=>({...e,visible:!1})),document.body.style.overflow=""},w));return n.visible&&s.jsxs("div",{...c,className:_,children:[s.jsxs(h.Stack,{className:v,children:[d,u,f]}),s.jsx("div",{"data-testid":"drawer-overlay",className:x,onClick:m})]})}const N=j.createComponent(y);exports.Drawer_default=N;
+//# sourceMappingURL=Drawer-0wOdungj.cjs.map

package/dist/chunks/Drawer-0wOdungj.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer-0wOdungj.cjs","sources":["../../src/navigation/Drawer/Drawer.tsx"],"sourcesContent":["import { useEffect, useState, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Drawer.scss';\n\ntype Direction = 'right' | 'left' | 'bottom';\ntype AnimationClass = 'show' | 'hide';\ntype Config = { animation: AnimationClass; visible: boolean };\n\nexport interface DrawerProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  direction?: Direction;\n  body: React.JSX.Element;\n  header?: React.JSX.Element;\n  footer?: React.JSX.Element;\n  onClose: () => void;\n};\n\nfunction Drawer({\n  open,\n  header,\n  body,\n  footer,\n  direction = 'right',\n  onClose,\n  ...props\n}: DrawerProps) {\n  const [config, setConfig] = useState<Config>({ visible: false, animation: 'hide' });\n\n  const ANIMATION_DURATION = 300;\n\n  const cls = joinClass(\n    `${prefix}-drawer`,\n    props.className\n  );\n\n  const contentCls = joinClass(\n    `${prefix}-drawer__content`,\n    `${prefix}-drawer__content--${direction}`,\n    `${prefix}-drawer__content--${direction}--${config.animation}`,\n  );\n\n  const overlayCls = joinClass(\n    `${prefix}-drawer__overlay`,\n    `${prefix}-drawer__overlay--${config.animation}`,\n  );\n\n  useEffect(() => {\n    let timer: NodeJS.Timeout;\n\n    if (open) {\n      timer = handleOpen();\n      return;\n    }\n\n    timer = handleClose();\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [open]);\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, visible: true }));\n\n    return setTimeout(() => {\n      setConfig(prev => ({ ...prev, animation: 'show' }));\n      document.body.style.overflow = 'hidden';\n    }, 100);\n  };\n\n  const handleClose = () => {\n    setConfig(prev => ({ ...prev, animation: 'hide' }));\n\n    return setTimeout(() => {\n      setConfig(prev => ({ ...prev, visible: false }));\n      document.body.style.overflow = '';\n    }, ANIMATION_DURATION);\n  };\n\n  return (\n    config.visible && (\n      <div {...props} className={cls}>\n        <Stack className={contentCls}>\n          {header}\n          {body}\n          {footer}\n        </Stack>\n        <div\n          data-testid=\"drawer-overlay\"\n          className={overlayCls}\n          onClick={onClose}\n        />\n      </div>\n    )\n  );\n}\n\nexport default createComponent(Drawer);\n"],"names":["Drawer","open","header","body","footer","direction","onClose","props","config","setConfig","useState","ANIMATION_DURATION","cls","joinClass","prefix","contentCls","overlayCls","useEffect","timer","handleOpen","handleClose","prev","jsxs","Stack","jsx","Drawer_default","createComponent"],"mappings":"2NAyBA,SAASA,EAAO,CACd,KAAAC,EACA,OAAAC,EACA,KAAAC,EACA,OAAAC,EACA,UAAAC,EAAY,QACZ,QAAAC,EACA,GAAGC,CACL,EAAgB,CACd,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAiB,CAAE,QAAS,GAAO,UAAW,OAAQ,EAE5EC,EAAqB,IAErBC,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,UACTP,EAAM,SAAA,EAGFQ,EAAaF,EAAAA,UACjB,GAAGC,EAAAA,MAAM,mBACT,GAAGA,EAAAA,MAAM,qBAAqBT,CAAS,GACvC,GAAGS,EAAAA,MAAM,qBAAqBT,CAAS,KAAKG,EAAO,SAAS,EAAA,EAGxDQ,EAAaH,EAAAA,UACjB,GAAGC,EAAAA,MAAM,mBACT,GAAGA,EAAAA,MAAM,qBAAqBN,EAAO,SAAS,EAAA,EAGhDS,EAAAA,UAAU,IAAM,CACd,IAAIC,EAEJ,GAAIjB,EAAM,CACRiB,EAAQC,EAAA,EACR,MACF,CAEA,OAAAD,EAAQE,EAAA,EAED,IAAM,CACX,aAAaF,CAAK,CACpB,CACF,EAAG,CAACjB,CAAI,CAAC,EAET,MAAMkB,EAAa,KACjBV,MAAmB,CAAE,GAAGY,EAAM,QAAS,IAAO,EAEvC,WAAW,IAAM,CACtBZ,MAAmB,CAAE,GAAGY,EAAM,UAAW,QAAS,EAClD,SAAS,KAAK,MAAM,SAAW,QACjC,EAAG,GAAG,GAGFD,EAAc,KAClBX,MAAmB,CAAE,GAAGY,EAAM,UAAW,QAAS,EAE3C,WAAW,IAAM,CACtBZ,MAAmB,CAAE,GAAGY,EAAM,QAAS,IAAQ,EAC/C,SAAS,KAAK,MAAM,SAAW,EACjC,EAAGV,CAAkB,GAGvB,OACEH,EAAO,SACLc,EAAAA,KAAC,OAAK,GAAGf,EAAO,UAAWK,EACzB,SAAA,CAAAU,EAAAA,KAACC,EAAAA,MAAA,CAAM,UAAWR,EACf,SAAA,CAAAb,EACAC,EACAC,CAAA,EACH,EACAoB,EAAAA,IAAC,MAAA,CACC,cAAY,iBACZ,UAAWR,EACX,QAASV,CAAA,CAAA,CACX,EACF,CAGN,CAEA,MAAAmB,EAAeC,EAAAA,gBAAgB1B,CAAM"}

package/dist/chunks/Drawer-D1lAWrdi.js

@@ -0,0 +1,2 @@
+import{jsxs as l,jsx as p}from"react/jsx-runtime";import{useState as y,useEffect as C}from"react";import{p as t}from"./index-CZ41y9Hn.js";import{j as a}from"./joinClass-anSpaauN.js";import{S as N}from"./Stack-DK5pfu2w.js";import{c as b}from"./createComponent-WNQRXK89.js";function T({open:n,header:c,body:m,footer:d,direction:s="right",onClose:f,...i}){const[o,r]=y({visible:!1,animation:"hide"}),u=300,v=a(`${t}-drawer`,i.className),w=a(`${t}-drawer__content`,`${t}-drawer__content--${s}`,`${t}-drawer__content--${s}--${o.animation}`),_=a(`${t}-drawer__overlay`,`${t}-drawer__overlay--${o.animation}`);C(()=>{let e;if(n){e=$();return}return e=h(),()=>{clearTimeout(e)}},[n]);const $=()=>(r(e=>({...e,visible:!0})),setTimeout(()=>{r(e=>({...e,animation:"show"})),document.body.style.overflow="hidden"},100)),h=()=>(r(e=>({...e,animation:"hide"})),setTimeout(()=>{r(e=>({...e,visible:!1})),document.body.style.overflow=""},u));return o.visible&&l("div",{...i,className:v,children:[l(N,{className:w,children:[c,m,d]}),p("div",{"data-testid":"drawer-overlay",className:_,onClick:f})]})}const O=b(T);export{O as D};
+//# sourceMappingURL=Drawer-D1lAWrdi.js.map

package/dist/chunks/Drawer-D1lAWrdi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer-D1lAWrdi.js","sources":["../../src/navigation/Drawer/Drawer.tsx"],"sourcesContent":["import { useEffect, useState, type HTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport Stack from '@/layout/Stack';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Drawer.scss';\n\ntype Direction = 'right' | 'left' | 'bottom';\ntype AnimationClass = 'show' | 'hide';\ntype Config = { animation: AnimationClass; visible: boolean };\n\nexport interface DrawerProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  direction?: Direction;\n  body: React.JSX.Element;\n  header?: React.JSX.Element;\n  footer?: React.JSX.Element;\n  onClose: () => void;\n};\n\nfunction Drawer({\n  open,\n  header,\n  body,\n  footer,\n  direction = 'right',\n  onClose,\n  ...props\n}: DrawerProps) {\n  const [config, setConfig] = useState<Config>({ visible: false, animation: 'hide' });\n\n  const ANIMATION_DURATION = 300;\n\n  const cls = joinClass(\n    `${prefix}-drawer`,\n    props.className\n  );\n\n  const contentCls = joinClass(\n    `${prefix}-drawer__content`,\n    `${prefix}-drawer__content--${direction}`,\n    `${prefix}-drawer__content--${direction}--${config.animation}`,\n  );\n\n  const overlayCls = joinClass(\n    `${prefix}-drawer__overlay`,\n    `${prefix}-drawer__overlay--${config.animation}`,\n  );\n\n  useEffect(() => {\n    let timer: NodeJS.Timeout;\n\n    if (open) {\n      timer = handleOpen();\n      return;\n    }\n\n    timer = handleClose();\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [open]);\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, visible: true }));\n\n    return setTimeout(() => {\n      setConfig(prev => ({ ...prev, animation: 'show' }));\n      document.body.style.overflow = 'hidden';\n    }, 100);\n  };\n\n  const handleClose = () => {\n    setConfig(prev => ({ ...prev, animation: 'hide' }));\n\n    return setTimeout(() => {\n      setConfig(prev => ({ ...prev, visible: false }));\n      document.body.style.overflow = '';\n    }, ANIMATION_DURATION);\n  };\n\n  return (\n    config.visible && (\n      <div {...props} className={cls}>\n        <Stack className={contentCls}>\n          {header}\n          {body}\n          {footer}\n        </Stack>\n        <div\n          data-testid=\"drawer-overlay\"\n          className={overlayCls}\n          onClick={onClose}\n        />\n      </div>\n    )\n  );\n}\n\nexport default createComponent(Drawer);\n"],"names":["Drawer","open","header","body","footer","direction","onClose","props","config","setConfig","useState","ANIMATION_DURATION","cls","joinClass","prefix","contentCls","overlayCls","useEffect","timer","handleOpen","handleClose","prev","jsxs","Stack","jsx","Drawer_default","createComponent"],"mappings":"gRAyBA,SAASA,EAAO,CACd,KAAAC,EACA,OAAAC,EACA,KAAAC,EACA,OAAAC,EACA,UAAAC,EAAY,QACZ,QAAAC,EACA,GAAGC,CACL,EAAgB,CACd,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAiB,CAAE,QAAS,GAAO,UAAW,OAAQ,EAE5EC,EAAqB,IAErBC,EAAMC,EACV,GAAGC,CAAM,UACTP,EAAM,SAAA,EAGFQ,EAAaF,EACjB,GAAGC,CAAM,mBACT,GAAGA,CAAM,qBAAqBT,CAAS,GACvC,GAAGS,CAAM,qBAAqBT,CAAS,KAAKG,EAAO,SAAS,EAAA,EAGxDQ,EAAaH,EACjB,GAAGC,CAAM,mBACT,GAAGA,CAAM,qBAAqBN,EAAO,SAAS,EAAA,EAGhDS,EAAU,IAAM,CACd,IAAIC,EAEJ,GAAIjB,EAAM,CACRiB,EAAQC,EAAA,EACR,MACF,CAEA,OAAAD,EAAQE,EAAA,EAED,IAAM,CACX,aAAaF,CAAK,CACpB,CACF,EAAG,CAACjB,CAAI,CAAC,EAET,MAAMkB,EAAa,KACjBV,MAAmB,CAAE,GAAGY,EAAM,QAAS,IAAO,EAEvC,WAAW,IAAM,CACtBZ,MAAmB,CAAE,GAAGY,EAAM,UAAW,QAAS,EAClD,SAAS,KAAK,MAAM,SAAW,QACjC,EAAG,GAAG,GAGFD,EAAc,KAClBX,MAAmB,CAAE,GAAGY,EAAM,UAAW,QAAS,EAE3C,WAAW,IAAM,CACtBZ,MAAmB,CAAE,GAAGY,EAAM,QAAS,IAAQ,EAC/C,SAAS,KAAK,MAAM,SAAW,EACjC,EAAGV,CAAkB,GAGvB,OACEH,EAAO,SACLc,EAAC,OAAK,GAAGf,EAAO,UAAWK,EACzB,SAAA,CAAAU,EAACC,EAAA,CAAM,UAAWR,EACf,SAAA,CAAAb,EACAC,EACAC,CAAA,EACH,EACAoB,EAAC,MAAA,CACC,cAAY,iBACZ,UAAWR,EACX,QAASV,CAAA,CAAA,CACX,EACF,CAGN,CAEA,MAAAmB,EAAeC,EAAgB1B,CAAM"}

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

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

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

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

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

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

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

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

package/dist/chunks/GridItem-CaoPZmBu.js

@@ -0,0 +1,2 @@
+import{jsx as u}from"react/jsx-runtime";import{Children as N,cloneElement as S}from"react";import{p as y}from"./index-CZ41y9Hn.js";import{j}from"./joinClass-anSpaauN.js";function E({children:a,sm:o,md:m,lg:c,xl:r,xs:e,gap:t=15,...s}){const d=N.toArray(a),n=j(`${y}-grid`,s.className),l=()=>d.map(i=>S(i,{...{sm:o,md:m,lg:c,xl:r,xs:e},...i.props}));return u("div",{...s,className:n,style:{gap:t,...s.style},children:l()})}function G({children:a,gridColumnStart:o,gridRowStart:m,alignSelf:c,xl:r=1,lg:e,md:t,sm:s,xs:d,...n}){const i=j("cds-grid__item",Object.entries({xl:r,lg:e||r,md:t||e||r,sm:s||t||e||r,xs:d||s||t||e||r}).map(([f,C])=>`${y}-grid__item--${f}-${C}`).join(" "),n.className);return u("div",{...n,className:i,style:{gridColumnStart:o,gridRowStart:m,alignSelf:c,...n.style},children:a})}export{E as G,G as a};
+//# sourceMappingURL=GridItem-CaoPZmBu.js.map

package/dist/chunks/GridItem-CaoPZmBu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridItem-CaoPZmBu.js","sources":["../../src/layout/Grid/Grid.tsx","../../src/layout/Grid/GridItem.tsx"],"sourcesContent":["import { Children, cloneElement, ReactElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport type { GridItemProps } from './GridItem';\nimport type { GridBaseProps } from './interface';\n\nimport '@iziui/styles/components/Grid.scss';\n\nexport interface GridProps extends GridBaseProps {\n  children: React.ReactNode;\n  gap?: number;\n}\n\nexport function Grid({\n  children,\n  sm,\n  md,\n  lg,\n  xl,\n  xs,\n  gap = 15,\n  ...props\n}: Readonly<GridProps>) {\n  const arrayChildren = Children.toArray(children) as ReactElement<GridItemProps>[];\n\n  const className = joinClass(`${prefix}-grid`, props.className);\n\n  const renderChildren = () => {\n    return arrayChildren.map((child) => {\n      const sizes = { sm, md, lg, xl, xs };\n\n      return cloneElement(child, { ...sizes, ...child.props });\n    });\n  };\n\n  return (\n    <div {...props} className={className} style={{ gap, ...props.style }}>\n      {renderChildren()}\n    </div>\n  );\n}\n","\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport type { GridItemBaseProps } from './interface';\n\nimport '@iziui/styles/components/Grid.scss';\n\nexport interface GridItemProps extends GridItemBaseProps {\n  children: React.ReactNode;\n}\n\nexport function GridItem({\n  children,\n  gridColumnStart,\n  gridRowStart,\n  alignSelf,\n  xl = 1,\n  lg,\n  md,\n  sm,\n  xs,\n  ...props\n}: Readonly<GridItemProps>) {\n  const SIZES = {\n    xl,\n    lg: lg || xl,\n    md: md || lg || xl,\n    sm: sm || md || lg || xl,\n    xs: xs || sm || md || lg || xl\n  };\n\n  const className = joinClass(\n    'cds-grid__item',\n    Object.entries(SIZES)\n      .map(([size, value]) => {\n        return `${prefix}-grid__item--${size}-${value}`;\n      })\n      .join(' '),\n    props.className\n  );\n\n  return (\n    <div\n      {...props}\n      className={className}\n      style={{\n        gridColumnStart,\n        gridRowStart,\n        alignSelf,\n        ...props.style\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["Grid","children","sm","md","lg","xl","xs","gap","props","arrayChildren","Children","className","joinClass","prefix","renderChildren","child","cloneElement","jsx","GridItem","gridColumnStart","gridRowStart","alignSelf","size","value"],"mappings":"0KAgBO,SAASA,EAAK,CACnB,SAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,IAAAC,EAAM,GACN,GAAGC,CACL,EAAwB,CACtB,MAAMC,EAAgBC,EAAS,QAAQT,CAAQ,EAEzCU,EAAYC,EAAU,GAAGC,CAAM,QAASL,EAAM,SAAS,EAEvDM,EAAiB,IACdL,EAAc,IAAKM,GAGjBC,EAAaD,EAAO,CAAE,GAFf,CAAE,GAAAb,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,CAAA,EAEO,GAAGS,EAAM,MAAO,CACxD,EAGH,OACEE,EAAC,MAAA,CAAK,GAAGT,EAAO,UAAAG,EAAsB,MAAO,CAAE,IAAAJ,EAAK,GAAGC,EAAM,KAAA,EAC1D,YAAe,CAClB,CAEJ,CC9BO,SAASU,EAAS,CACvB,SAAAjB,EACA,gBAAAkB,EACA,aAAAC,EACA,UAAAC,EACA,GAAAhB,EAAK,EACL,GAAAD,EACA,GAAAD,EACA,GAAAD,EACA,GAAAI,EACA,GAAGE,CACL,EAA4B,CAS1B,MAAMG,EAAYC,EAChB,iBACA,OAAO,QAVK,CACZ,GAAAP,EACA,GAAID,GAAMC,EACV,GAAIF,GAAMC,GAAMC,EAChB,GAAIH,GAAMC,GAAMC,GAAMC,EACtB,GAAIC,GAAMJ,GAAMC,GAAMC,GAAMC,CAAA,CAKR,EACjB,IAAI,CAAC,CAACiB,EAAMC,CAAK,IACT,GAAGV,CAAM,gBAAgBS,CAAI,IAAIC,CAAK,EAC9C,EACA,KAAK,GAAG,EACXf,EAAM,SAAA,EAGR,OACES,EAAC,MAAA,CACE,GAAGT,EACJ,UAAAG,EACA,MAAO,CACL,gBAAAQ,EACA,aAAAC,EACA,UAAAC,EACA,GAAGb,EAAM,KAAA,EAGV,SAAAP,CAAA,CAAA,CAGP"}

package/dist/chunks/GridItem-wwo-SHGR.cjs

@@ -0,0 +1,2 @@
+"use strict";const y=require("react/jsx-runtime"),j=require("react"),C=require("./index-DYxwT4uW.cjs"),f=require("./joinClass-Jk3EszKD.cjs");function G({children:c,sm:a,md:o,lg:d,xl:e,xs:r,gap:n=15,...s}){const u=j.Children.toArray(c),t=f.joinClass(`${C.prefix}-grid`,s.className),m=()=>u.map(i=>{const l={sm:a,md:o,lg:d,xl:e,xs:r};return j.cloneElement(i,{...l,...i.props})});return y.jsx("div",{...s,className:t,style:{gap:n,...s.style},children:m()})}function N({children:c,gridColumnStart:a,gridRowStart:o,alignSelf:d,xl:e=1,lg:r,md:n,sm:s,xs:u,...t}){const m={xl:e,lg:r||e,md:n||r||e,sm:s||n||r||e,xs:u||s||n||r||e},i=f.joinClass("cds-grid__item",Object.entries(m).map(([l,q])=>`${C.prefix}-grid__item--${l}-${q}`).join(" "),t.className);return y.jsx("div",{...t,className:i,style:{gridColumnStart:a,gridRowStart:o,alignSelf:d,...t.style},children:c})}exports.Grid=G;exports.GridItem=N;
+//# sourceMappingURL=GridItem-wwo-SHGR.cjs.map

package/dist/chunks/GridItem-wwo-SHGR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridItem-wwo-SHGR.cjs","sources":["../../src/layout/Grid/Grid.tsx","../../src/layout/Grid/GridItem.tsx"],"sourcesContent":["import { Children, cloneElement, ReactElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport type { GridItemProps } from './GridItem';\nimport type { GridBaseProps } from './interface';\n\nimport '@iziui/styles/components/Grid.scss';\n\nexport interface GridProps extends GridBaseProps {\n  children: React.ReactNode;\n  gap?: number;\n}\n\nexport function Grid({\n  children,\n  sm,\n  md,\n  lg,\n  xl,\n  xs,\n  gap = 15,\n  ...props\n}: Readonly<GridProps>) {\n  const arrayChildren = Children.toArray(children) as ReactElement<GridItemProps>[];\n\n  const className = joinClass(`${prefix}-grid`, props.className);\n\n  const renderChildren = () => {\n    return arrayChildren.map((child) => {\n      const sizes = { sm, md, lg, xl, xs };\n\n      return cloneElement(child, { ...sizes, ...child.props });\n    });\n  };\n\n  return (\n    <div {...props} className={className} style={{ gap, ...props.style }}>\n      {renderChildren()}\n    </div>\n  );\n}\n","\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport type { GridItemBaseProps } from './interface';\n\nimport '@iziui/styles/components/Grid.scss';\n\nexport interface GridItemProps extends GridItemBaseProps {\n  children: React.ReactNode;\n}\n\nexport function GridItem({\n  children,\n  gridColumnStart,\n  gridRowStart,\n  alignSelf,\n  xl = 1,\n  lg,\n  md,\n  sm,\n  xs,\n  ...props\n}: Readonly<GridItemProps>) {\n  const SIZES = {\n    xl,\n    lg: lg || xl,\n    md: md || lg || xl,\n    sm: sm || md || lg || xl,\n    xs: xs || sm || md || lg || xl\n  };\n\n  const className = joinClass(\n    'cds-grid__item',\n    Object.entries(SIZES)\n      .map(([size, value]) => {\n        return `${prefix}-grid__item--${size}-${value}`;\n      })\n      .join(' '),\n    props.className\n  );\n\n  return (\n    <div\n      {...props}\n      className={className}\n      style={{\n        gridColumnStart,\n        gridRowStart,\n        alignSelf,\n        ...props.style\n      }}\n    >\n      {children}\n    </div>\n  );\n}\n"],"names":["Grid","children","sm","md","lg","xl","xs","gap","props","arrayChildren","Children","className","joinClass","prefix","renderChildren","child","sizes","cloneElement","jsx","GridItem","gridColumnStart","gridRowStart","alignSelf","SIZES","size","value"],"mappings":"6IAgBO,SAASA,EAAK,CACnB,SAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,IAAAC,EAAM,GACN,GAAGC,CACL,EAAwB,CACtB,MAAMC,EAAgBC,EAAAA,SAAS,QAAQT,CAAQ,EAEzCU,EAAYC,EAAAA,UAAU,GAAGC,EAAAA,MAAM,QAASL,EAAM,SAAS,EAEvDM,EAAiB,IACdL,EAAc,IAAKM,GAAU,CAClC,MAAMC,EAAQ,CAAE,GAAAd,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,CAAA,EAEhC,OAAOW,EAAAA,aAAaF,EAAO,CAAE,GAAGC,EAAO,GAAGD,EAAM,MAAO,CACzD,CAAC,EAGH,OACEG,EAAAA,IAAC,MAAA,CAAK,GAAGV,EAAO,UAAAG,EAAsB,MAAO,CAAE,IAAAJ,EAAK,GAAGC,EAAM,KAAA,EAC1D,YAAe,CAClB,CAEJ,CC9BO,SAASW,EAAS,CACvB,SAAAlB,EACA,gBAAAmB,EACA,aAAAC,EACA,UAAAC,EACA,GAAAjB,EAAK,EACL,GAAAD,EACA,GAAAD,EACA,GAAAD,EACA,GAAAI,EACA,GAAGE,CACL,EAA4B,CAC1B,MAAMe,EAAQ,CACZ,GAAAlB,EACA,GAAID,GAAMC,EACV,GAAIF,GAAMC,GAAMC,EAChB,GAAIH,GAAMC,GAAMC,GAAMC,EACtB,GAAIC,GAAMJ,GAAMC,GAAMC,GAAMC,CAAA,EAGxBM,EAAYC,EAAAA,UAChB,iBACA,OAAO,QAAQW,CAAK,EACjB,IAAI,CAAC,CAACC,EAAMC,CAAK,IACT,GAAGZ,EAAAA,MAAM,gBAAgBW,CAAI,IAAIC,CAAK,EAC9C,EACA,KAAK,GAAG,EACXjB,EAAM,SAAA,EAGR,OACEU,EAAAA,IAAC,MAAA,CACE,GAAGV,EACJ,UAAAG,EACA,MAAO,CACL,gBAAAS,EACA,aAAAC,EACA,UAAAC,EACA,GAAGd,EAAM,KAAA,EAGV,SAAAP,CAAA,CAAA,CAGP"}

package/dist/chunks/Icon-CCIgEwA9.js

@@ -0,0 +1,2 @@
+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-WNQRXK89.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-CCIgEwA9.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon-CCIgEwA9.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-COl2Nhp9.cjs

@@ -0,0 +1,2 @@
+"use strict";const c=require("react/jsx-runtime"),i=require("./index-DYxwT4uW.cjs"),o=require("./joinClass-Jk3EszKD.cjs"),r=require("./createComponent-CTufIEiN.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-COl2Nhp9.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon-COl2Nhp9.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/MenuButton-AyzSxRY0.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),c=require("react"),s=require("./index-DYxwT4uW.cjs"),a=require("./joinClass-Jk3EszKD.cjs"),l=require("./Ripple-Dy4i91j1.cjs"),m=require("./createComponent-CTufIEiN.cjs");function p({label:u,icon:e,color:n,...t}){const i=a.joinClass(`${s.prefix}-menu__item`,n&&`${s.prefix}-menu__item--${n}`,t.className),o=()=>e&&c.cloneElement(e,{style:{marginRight:8}});return r.jsxs("button",{...t,className:i,children:[o(),u,r.jsx(l.Ripple,{})]})}const q=m.createComponent(p);exports.MenuButton_default=q;
+//# sourceMappingURL=MenuButton-AyzSxRY0.cjs.map

package/dist/chunks/MenuButton-AyzSxRY0.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton-AyzSxRY0.cjs","sources":["../../src/navigation/Menu/MenuButton.tsx"],"sourcesContent":["import { type ButtonHTMLAttributes, cloneElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport type { Colors } from '@iziui/core/theme';\n\nimport type { IconProps } from '@/display/Icon';\nimport Ripple from '@/actions/Ripple';\n\nimport createComponent from '../../core/createComponent';\n\nexport interface MenuButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  label: string;\n  color?: Colors;\n  icon?: React.JSX.Element;\n}\n\nfunction MenuButton({ label, icon, color, ...props }: MenuButtonProps) {\n  const className = joinClass(\n    `${prefix}-menu__item`,\n    color && `${prefix}-menu__item--${color}`,\n    props.className\n  );\n\n  const renderIcon = () => {\n    return icon && cloneElement<IconProps>(icon, {\n      style: { marginRight: 8 }\n    });\n  };\n\n  return (\n    <button {...props} className={className}>\n      {renderIcon()}\n      {label}\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(MenuButton);"],"names":["MenuButton","label","icon","color","props","className","joinClass","prefix","renderIcon","cloneElement","jsxs","Ripple","MenuButton_default","createComponent"],"mappings":"4NAkBA,SAASA,EAAW,CAAE,MAAAC,EAAO,KAAAC,EAAM,MAAAC,EAAO,GAAGC,GAA0B,CACrE,MAAMC,EAAYC,EAAAA,UAChB,GAAGC,EAAAA,MAAM,cACTJ,GAAS,GAAGI,EAAAA,MAAM,gBAAgBJ,CAAK,GACvCC,EAAM,SAAA,EAGFI,EAAa,IACVN,GAAQO,EAAAA,aAAwBP,EAAM,CAC3C,MAAO,CAAE,YAAa,CAAA,CAAE,CACzB,EAGH,OACEQ,EAAAA,KAAC,SAAA,CAAQ,GAAGN,EAAO,UAAAC,EAChB,SAAA,CAAAG,EAAA,EACAP,QACAU,EAAAA,OAAA,CAAA,CAAO,CAAA,EACV,CAEJ,CAEA,MAAAC,EAAeC,EAAAA,gBAAgBb,CAAU"}

package/dist/chunks/MenuButton-DLf22r80.js

@@ -0,0 +1,2 @@
+import{jsxs as s,jsx as i}from"react/jsx-runtime";import{cloneElement as a}from"react";import{p as r}from"./index-CZ41y9Hn.js";import{j as u}from"./joinClass-anSpaauN.js";import{R as c}from"./Ripple-Bq9bxg4k.js";import{c as p}from"./createComponent-WNQRXK89.js";function f({label:o,icon:t,color:e,...n}){const m=u(`${r}-menu__item`,e&&`${r}-menu__item--${e}`,n.className);return s("button",{...n,className:m,children:[t&&a(t,{style:{marginRight:8}}),o,i(c,{})]})}const $=p(f);export{$ as M};
+//# sourceMappingURL=MenuButton-DLf22r80.js.map

package/dist/chunks/MenuButton-DLf22r80.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton-DLf22r80.js","sources":["../../src/navigation/Menu/MenuButton.tsx"],"sourcesContent":["import { type ButtonHTMLAttributes, cloneElement } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\nimport type { Colors } from '@iziui/core/theme';\n\nimport type { IconProps } from '@/display/Icon';\nimport Ripple from '@/actions/Ripple';\n\nimport createComponent from '../../core/createComponent';\n\nexport interface MenuButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  label: string;\n  color?: Colors;\n  icon?: React.JSX.Element;\n}\n\nfunction MenuButton({ label, icon, color, ...props }: MenuButtonProps) {\n  const className = joinClass(\n    `${prefix}-menu__item`,\n    color && `${prefix}-menu__item--${color}`,\n    props.className\n  );\n\n  const renderIcon = () => {\n    return icon && cloneElement<IconProps>(icon, {\n      style: { marginRight: 8 }\n    });\n  };\n\n  return (\n    <button {...props} className={className}>\n      {renderIcon()}\n      {label}\n      <Ripple />\n    </button>\n  );\n}\n\nexport default createComponent(MenuButton);"],"names":["MenuButton","label","icon","color","props","className","joinClass","prefix","jsxs","cloneElement","Ripple","MenuButton_default","createComponent"],"mappings":"sQAkBA,SAASA,EAAW,CAAE,MAAAC,EAAO,KAAAC,EAAM,MAAAC,EAAO,GAAGC,GAA0B,CACrE,MAAMC,EAAYC,EAChB,GAAGC,CAAM,cACTJ,GAAS,GAAGI,CAAM,gBAAgBJ,CAAK,GACvCC,EAAM,SAAA,EASR,OACEI,EAAC,SAAA,CAAQ,GAAGJ,EAAO,UAAAC,EAChB,SAAA,CAPIH,GAAQO,EAAwBP,EAAM,CAC3C,MAAO,CAAE,YAAa,CAAA,CAAE,CACzB,EAMED,IACAS,EAAA,CAAA,CAAO,CAAA,EACV,CAEJ,CAEA,MAAAC,EAAeC,EAAgBZ,CAAU"}

package/dist/chunks/Ripple-Bq9bxg4k.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import{useState as f,useRef as m,useEffect as u}from"react";import{p as c}from"./index-CZ41y9Hn.js";function x(){const[i,n]=f([]),o=m(null),p=e=>{const t=o.current.getBoundingClientRect(),s=Math.max(t.width,t.height),l=e.clientX-t.left-s/2,a=e.clientY-t.top-s/2;n([...i,{x:l,y:a,size:s}])};return u(()=>{if(i.length>0){const e=setTimeout(()=>n([]),700);return()=>clearTimeout(e)}},[i]),r("div",{className:`${c}-ripple-container`,ref:o,onMouseUp:p,children:i.map((e,t)=>r("span",{className:`${c}-ripple`,style:{top:e.y,left:e.x,width:e.size,height:e.size}},t))})}export{x as R};
+//# sourceMappingURL=Ripple-Bq9bxg4k.js.map

package/dist/chunks/Ripple-Bq9bxg4k.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ripple-Bq9bxg4k.js","sources":["../../src/actions/Ripple/Ripple.tsx"],"sourcesContent":["import { useRef, useEffect, useState, type MouseEvent } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport '@iziui/styles/components/Ripple.scss';\n\nexport default function Ripple() {\n  const [ripples, setRipples] = useState<Array<{ x: number, y: number, size: number }>>([]);\n  const rippleContainerRef = useRef<HTMLDivElement>(null);\n\n  const addRipple = (event: MouseEvent<HTMLDivElement, globalThis.MouseEvent>) => {\n    const rect = rippleContainerRef.current!.getBoundingClientRect();\n    const size = Math.max(rect.width, rect.height);\n    const x = event.clientX - rect.left - size / 2;\n    const y = event.clientY - rect.top - size / 2;\n\n    setRipples([...ripples, { x, y, size }]);\n  };\n\n  useEffect(() => {\n    if (ripples.length > 0) {\n      const timer = setTimeout(() => setRipples([]), 700);\n      return () => clearTimeout(timer);\n    }\n  }, [ripples]);\n\n  return (\n    <div className={`${prefix}-ripple-container`} ref={rippleContainerRef} onMouseUp={addRipple}>\n      {\n        ripples.map((ripple, index) => (\n          <span\n            key={index}\n            className={`${prefix}-ripple`}\n            style={{\n              top: ripple.y,\n              left: ripple.x,\n              width: ripple.size,\n              height: ripple.size,\n            }}\n          />\n        ))\n      }\n    </div>\n  );\n}"],"names":["Ripple","ripples","setRipples","useState","rippleContainerRef","useRef","addRipple","event","rect","size","x","y","useEffect","timer","jsx","prefix","ripple","index"],"mappings":"4IAMA,SAAwBA,GAAS,CAC/B,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAwD,CAAA,CAAE,EAClFC,EAAqBC,EAAuB,IAAI,EAEhDC,EAAaC,GAA6D,CAC9E,MAAMC,EAAOJ,EAAmB,QAAS,sBAAA,EACnCK,EAAO,KAAK,IAAID,EAAK,MAAOA,EAAK,MAAM,EACvCE,EAAIH,EAAM,QAAUC,EAAK,KAAOC,EAAO,EACvCE,EAAIJ,EAAM,QAAUC,EAAK,IAAMC,EAAO,EAE5CP,EAAW,CAAC,GAAGD,EAAS,CAAE,EAAAS,EAAG,EAAAC,EAAG,KAAAF,CAAA,CAAM,CAAC,CACzC,EAEA,OAAAG,EAAU,IAAM,CACd,GAAIX,EAAQ,OAAS,EAAG,CACtB,MAAMY,EAAQ,WAAW,IAAMX,EAAW,CAAA,CAAE,EAAG,GAAG,EAClD,MAAO,IAAM,aAAaW,CAAK,CACjC,CACF,EAAG,CAACZ,CAAO,CAAC,EAGVa,EAAC,MAAA,CAAI,UAAW,GAAGC,CAAM,oBAAqB,IAAKX,EAAoB,UAAWE,EAE9E,SAAAL,EAAQ,IAAI,CAACe,EAAQC,IACnBH,EAAC,OAAA,CAEC,UAAW,GAAGC,CAAM,UACpB,MAAO,CACL,IAAKC,EAAO,EACZ,KAAMA,EAAO,EACb,MAAOA,EAAO,KACd,OAAQA,EAAO,IAAA,CACjB,EAPKC,CAAA,CASR,EAEL,CAEJ"}

package/dist/chunks/Ripple-Dy4i91j1.cjs

@@ -0,0 +1,2 @@
+"use strict";const o=require("react/jsx-runtime"),n=require("react"),l=require("./index-DYxwT4uW.cjs");function f(){const[i,c]=n.useState([]),r=n.useRef(null),p=e=>{const t=r.current.getBoundingClientRect(),s=Math.max(t.width,t.height),u=e.clientX-t.left-s/2,a=e.clientY-t.top-s/2;c([...i,{x:u,y:a,size:s}])};return n.useEffect(()=>{if(i.length>0){const e=setTimeout(()=>c([]),700);return()=>clearTimeout(e)}},[i]),o.jsx("div",{className:`${l.prefix}-ripple-container`,ref:r,onMouseUp:p,children:i.map((e,t)=>o.jsx("span",{className:`${l.prefix}-ripple`,style:{top:e.y,left:e.x,width:e.size,height:e.size}},t))})}exports.Ripple=f;
+//# sourceMappingURL=Ripple-Dy4i91j1.cjs.map

package/dist/chunks/Ripple-Dy4i91j1.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ripple-Dy4i91j1.cjs","sources":["../../src/actions/Ripple/Ripple.tsx"],"sourcesContent":["import { useRef, useEffect, useState, type MouseEvent } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport '@iziui/styles/components/Ripple.scss';\n\nexport default function Ripple() {\n  const [ripples, setRipples] = useState<Array<{ x: number, y: number, size: number }>>([]);\n  const rippleContainerRef = useRef<HTMLDivElement>(null);\n\n  const addRipple = (event: MouseEvent<HTMLDivElement, globalThis.MouseEvent>) => {\n    const rect = rippleContainerRef.current!.getBoundingClientRect();\n    const size = Math.max(rect.width, rect.height);\n    const x = event.clientX - rect.left - size / 2;\n    const y = event.clientY - rect.top - size / 2;\n\n    setRipples([...ripples, { x, y, size }]);\n  };\n\n  useEffect(() => {\n    if (ripples.length > 0) {\n      const timer = setTimeout(() => setRipples([]), 700);\n      return () => clearTimeout(timer);\n    }\n  }, [ripples]);\n\n  return (\n    <div className={`${prefix}-ripple-container`} ref={rippleContainerRef} onMouseUp={addRipple}>\n      {\n        ripples.map((ripple, index) => (\n          <span\n            key={index}\n            className={`${prefix}-ripple`}\n            style={{\n              top: ripple.y,\n              left: ripple.x,\n              width: ripple.size,\n              height: ripple.size,\n            }}\n          />\n        ))\n      }\n    </div>\n  );\n}"],"names":["Ripple","ripples","setRipples","useState","rippleContainerRef","useRef","addRipple","event","rect","size","x","y","useEffect","timer","jsx","prefix","ripple","index"],"mappings":"uGAMA,SAAwBA,GAAS,CAC/B,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAwD,CAAA,CAAE,EAClFC,EAAqBC,EAAAA,OAAuB,IAAI,EAEhDC,EAAaC,GAA6D,CAC9E,MAAMC,EAAOJ,EAAmB,QAAS,sBAAA,EACnCK,EAAO,KAAK,IAAID,EAAK,MAAOA,EAAK,MAAM,EACvCE,EAAIH,EAAM,QAAUC,EAAK,KAAOC,EAAO,EACvCE,EAAIJ,EAAM,QAAUC,EAAK,IAAMC,EAAO,EAE5CP,EAAW,CAAC,GAAGD,EAAS,CAAE,EAAAS,EAAG,EAAAC,EAAG,KAAAF,CAAA,CAAM,CAAC,CACzC,EAEAG,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIX,EAAQ,OAAS,EAAG,CACtB,MAAMY,EAAQ,WAAW,IAAMX,EAAW,CAAA,CAAE,EAAG,GAAG,EAClD,MAAO,IAAM,aAAaW,CAAK,CACjC,CACF,EAAG,CAACZ,CAAO,CAAC,EAGVa,EAAAA,IAAC,MAAA,CAAI,UAAW,GAAGC,EAAAA,MAAM,oBAAqB,IAAKX,EAAoB,UAAWE,EAE9E,SAAAL,EAAQ,IAAI,CAACe,EAAQC,IACnBH,EAAAA,IAAC,OAAA,CAEC,UAAW,GAAGC,EAAAA,MAAM,UACpB,MAAO,CACL,IAAKC,EAAO,EACZ,KAAMA,EAAO,EACb,MAAOA,EAAO,KACd,OAAQA,EAAO,IAAA,CACjB,EAPKC,CAAA,CASR,EAEL,CAEJ"}

package/dist/chunks/Slide-BxEwoZ70.js

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

package/dist/chunks/Slide-BxEwoZ70.js.map

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

package/dist/chunks/Slide-D4aLHjYS.cjs

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

package/dist/chunks/Slide-D4aLHjYS.cjs.map

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

package/dist/chunks/Stack-DK5pfu2w.js

@@ -0,0 +1,2 @@
+import{jsx as l}from"react/jsx-runtime";import{forwardRef as p}from"react";import{p as k}from"./index-CZ41y9Hn.js";import{j as u}from"./joinClass-anSpaauN.js";import{c as x}from"./createComponent-WNQRXK89.js";const C=p(function({children:s,tag:a="div",gap:o=16,alignSelf:r,flexWrap:m="nowrap",alignItems:c="flex-start",flexDirection:e="column",justifyContent:n="flex-start",...t},f){const i=u(`${k}-stack`,t.className);return l(a,{...t,ref:f,className:i,style:{gap:o,flexWrap:m,alignItems:c,alignSelf:r,flexDirection:e,justifyContent:n,...t.style},children:s})}),T=x(C);export{T as S};
+//# sourceMappingURL=Stack-DK5pfu2w.js.map

package/dist/chunks/Stack-DK5pfu2w.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack-DK5pfu2w.js","sources":["../../src/layout/Stack/Stack.tsx"],"sourcesContent":["import type { HTMLAttributes, CSSProperties } from 'react';\nimport { forwardRef } 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/Stack.scss';\n\nexport interface StackProps extends HTMLAttributes<HTMLElement> {\n  tag?: React.ElementType;\n  gap?: number;\n  flexDirection?: CSSProperties['flexDirection'];\n  justifyContent?: CSSProperties['justifyContent'];\n  alignItems?: CSSProperties['alignItems'];\n  alignSelf?: CSSProperties['alignSelf'];\n  flexWrap?: CSSProperties['flexWrap'];\n}\n\nconst Stack = forwardRef<HTMLElement, StackProps>(\n  function Stack(\n    {\n      children,\n      tag = 'div',\n      gap = 16,\n      alignSelf,\n      flexWrap = 'nowrap',\n      alignItems = 'flex-start',\n      flexDirection = 'column',\n      justifyContent = 'flex-start',\n      ...props\n    },\n    ref\n  ) {\n    const stackClasses = joinClass(\n      `${prefix}-stack`,\n      props.className\n    );\n\n    const CustomTag = tag;\n\n    return (\n      <CustomTag\n        {...props}\n        ref={ref}\n        className={stackClasses}\n        style={{\n          gap,\n          flexWrap,\n          alignItems,\n          alignSelf,\n          flexDirection,\n          justifyContent,\n          ...props.style,\n        }}\n      >\n        {children}\n      </CustomTag>\n    );\n  }\n);\n\nexport default createComponent(Stack);\n"],"names":["Stack","forwardRef","children","tag","gap","alignSelf","flexWrap","alignItems","flexDirection","justifyContent","props","ref","stackClasses","joinClass","prefix","jsx","Stack$1","createComponent"],"mappings":"iNAqBA,MAAMA,EAAQC,EACZ,SACE,CACE,SAAAC,EACA,IAAAC,EAAM,MACN,IAAAC,EAAM,GACN,UAAAC,EACA,SAAAC,EAAW,SACX,WAAAC,EAAa,aACb,cAAAC,EAAgB,SAChB,eAAAC,EAAiB,aACjB,GAAGC,CAAA,EAELC,EACA,CACA,MAAMC,EAAeC,EACnB,GAAGC,CAAM,SACTJ,EAAM,SAAA,EAKR,OACEK,EAHgBZ,EAGf,CACE,GAAGO,EACJ,IAAAC,EACA,UAAWC,EACX,MAAO,CACL,IAAAR,EACA,SAAAE,EACA,WAAAC,EACA,UAAAF,EACA,cAAAG,EACA,eAAAC,EACA,GAAGC,EAAM,KAAA,EAGV,SAAAR,CAAA,CAAA,CAGP,CACF,EAEAc,EAAeC,EAAgBjB,CAAK"}

package/dist/chunks/Stack-beBM7a60.cjs

@@ -0,0 +1,2 @@
+"use strict";const f=require("react/jsx-runtime"),k=require("react"),x=require("./index-DYxwT4uW.cjs"),C=require("./joinClass-Jk3EszKD.cjs"),q=require("./createComponent-CTufIEiN.cjs"),j=k.forwardRef(function({children:e,tag:s="div",gap:c=16,alignSelf:n,flexWrap:a="nowrap",alignItems:r="flex-start",flexDirection:o="column",justifyContent:i="flex-start",...t},u){const l=C.joinClass(`${x.prefix}-stack`,t.className),m=s;return f.jsx(m,{...t,ref:u,className:l,style:{gap:c,flexWrap:a,alignItems:r,alignSelf:n,flexDirection:o,justifyContent:i,...t.style},children:e})}),S=q.createComponent(j);exports.Stack=S;
+//# sourceMappingURL=Stack-beBM7a60.cjs.map

package/dist/chunks/Stack-beBM7a60.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack-beBM7a60.cjs","sources":["../../src/layout/Stack/Stack.tsx"],"sourcesContent":["import type { HTMLAttributes, CSSProperties } from 'react';\nimport { forwardRef } 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/Stack.scss';\n\nexport interface StackProps extends HTMLAttributes<HTMLElement> {\n  tag?: React.ElementType;\n  gap?: number;\n  flexDirection?: CSSProperties['flexDirection'];\n  justifyContent?: CSSProperties['justifyContent'];\n  alignItems?: CSSProperties['alignItems'];\n  alignSelf?: CSSProperties['alignSelf'];\n  flexWrap?: CSSProperties['flexWrap'];\n}\n\nconst Stack = forwardRef<HTMLElement, StackProps>(\n  function Stack(\n    {\n      children,\n      tag = 'div',\n      gap = 16,\n      alignSelf,\n      flexWrap = 'nowrap',\n      alignItems = 'flex-start',\n      flexDirection = 'column',\n      justifyContent = 'flex-start',\n      ...props\n    },\n    ref\n  ) {\n    const stackClasses = joinClass(\n      `${prefix}-stack`,\n      props.className\n    );\n\n    const CustomTag = tag;\n\n    return (\n      <CustomTag\n        {...props}\n        ref={ref}\n        className={stackClasses}\n        style={{\n          gap,\n          flexWrap,\n          alignItems,\n          alignSelf,\n          flexDirection,\n          justifyContent,\n          ...props.style,\n        }}\n      >\n        {children}\n      </CustomTag>\n    );\n  }\n);\n\nexport default createComponent(Stack);\n"],"names":["Stack","forwardRef","children","tag","gap","alignSelf","flexWrap","alignItems","flexDirection","justifyContent","props","ref","stackClasses","joinClass","prefix","CustomTag","jsx","createComponent"],"mappings":"yLAqBMA,EAAQC,EAAAA,WACZ,SACE,CACE,SAAAC,EACA,IAAAC,EAAM,MACN,IAAAC,EAAM,GACN,UAAAC,EACA,SAAAC,EAAW,SACX,WAAAC,EAAa,aACb,cAAAC,EAAgB,SAChB,eAAAC,EAAiB,aACjB,GAAGC,CAAA,EAELC,EACA,CACA,MAAMC,EAAeC,EAAAA,UACnB,GAAGC,EAAAA,MAAM,SACTJ,EAAM,SAAA,EAGFK,EAAYZ,EAElB,OACEa,EAAAA,IAACD,EAAA,CACE,GAAGL,EACJ,IAAAC,EACA,UAAWC,EACX,MAAO,CACL,IAAAR,EACA,SAAAE,EACA,WAAAC,EACA,UAAAF,EACA,cAAAG,EACA,eAAAC,EACA,GAAGC,EAAM,KAAA,EAGV,SAAAR,CAAA,CAAA,CAGP,CACF,EAEAF,EAAeiB,EAAAA,gBAAgBjB,CAAK"}

package/dist/chunks/Typography-BIZP_DtQ.js

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

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

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

package/dist/chunks/Typography-CAQXUFSQ.cjs

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

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

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

package/dist/chunks/Zoom-BOnqwiDY.cjs

@@ -0,0 +1,2 @@
+"use strict";const f=require("react/jsx-runtime"),n=require("react"),i="cubic-bezier(0.34, 1.56, 0.64, 1)",m=s=>({opacity:1,transform:"scale(1)",transition:`all ${s}s ${i}`}),o=s=>({opacity:0,transform:"scale(0.85)",transition:`all ${s}s ${i}`});function $({enter:s,children:a,tag:r="div",delay:e=50,timeout:t=.35,...c}){const l=r,[u,y]=n.useState(o(t));return n.useEffect(()=>{setTimeout(()=>{y(s?m(t):o(t))},e)},[s,e,t]),f.jsx(l,{...c,style:{...u,...c.style},children:a})}exports.Zoom=$;
+//# sourceMappingURL=Zoom-BOnqwiDY.cjs.map

package/dist/chunks/Zoom-BOnqwiDY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Zoom-BOnqwiDY.cjs","sources":["../../src/animations/Zoom/Zoom.tsx"],"sourcesContent":["import {\n  useState,\n  useEffect,\n  type ElementType,\n  type HTMLAttributes,\n} from 'react';\n\ntype Style = HTMLAttributes<HTMLDivElement>['style'];\n\nconst easing = 'cubic-bezier(0.34, 1.56, 0.64, 1)';\n\nconst styledShow = (timeout: number): Style => ({\n  opacity: 1,\n  transform: 'scale(1)',\n  transition: `all ${timeout}s ${easing}`,\n});\n\nconst styledHide = (timeout: number): Style => ({\n  opacity: 0,\n  transform: 'scale(0.85)',\n  transition: `all ${timeout}s ${easing}`,\n});\n\nexport interface ZoomProps extends HTMLAttributes<HTMLDivElement> {\n  enter: boolean;\n  delay?: number;\n  timeout?: number;\n  tag?: ElementType;\n}\n\nexport default function Zoom({\n  enter,\n  children,\n  tag = 'div',\n  delay = 50,\n  timeout = .35,\n  ...props\n}: ZoomProps) {\n  const CustomTag = tag;\n\n  const [style, setStyle] = useState<Style>(styledHide(timeout));\n\n  useEffect(() => {\n    setTimeout(() => {\n      setStyle(enter ? styledShow(timeout) : styledHide(timeout));\n    }, delay);\n  }, [enter, delay, timeout]);\n\n  return (\n    <CustomTag {...props} style={{ ...style, ...props.style }}>\n      {children}\n    </CustomTag>\n  );\n}\n"],"names":["easing","styledShow","timeout","styledHide","Zoom","enter","children","tag","delay","props","CustomTag","style","setStyle","useState","useEffect","jsx"],"mappings":"qEASMA,EAAS,oCAETC,EAAcC,IAA4B,CAC9C,QAAS,EACT,UAAW,WACX,WAAY,OAAOA,CAAO,KAAKF,CAAM,EACvC,GAEMG,EAAcD,IAA4B,CAC9C,QAAS,EACT,UAAW,cACX,WAAY,OAAOA,CAAO,KAAKF,CAAM,EACvC,GASA,SAAwBI,EAAK,CAC3B,MAAAC,EACA,SAAAC,EACA,IAAAC,EAAM,MACN,MAAAC,EAAQ,GACR,QAAAN,EAAU,IACV,GAAGO,CACL,EAAc,CACZ,MAAMC,EAAYH,EAEZ,CAACI,EAAOC,CAAQ,EAAIC,EAAAA,SAAgBV,EAAWD,CAAO,CAAC,EAE7DY,OAAAA,EAAAA,UAAU,IAAM,CACd,WAAW,IAAM,CACfF,EAASP,EAAQJ,EAAWC,CAAO,EAAIC,EAAWD,CAAO,CAAC,CAC5D,EAAGM,CAAK,CACV,EAAG,CAACH,EAAOG,EAAON,CAAO,CAAC,EAGxBa,MAACL,EAAA,CAAW,GAAGD,EAAO,MAAO,CAAE,GAAGE,EAAO,GAAGF,EAAM,KAAA,EAC/C,SAAAH,CAAA,CACH,CAEJ"}

package/dist/chunks/Zoom-DqgU4Wfv.js

@@ -0,0 +1,2 @@
+import{jsx as y}from"react/jsx-runtime";import{useState as m,useEffect as u}from"react";const a="cubic-bezier(0.34, 1.56, 0.64, 1)",$=s=>({opacity:1,transform:"scale(1)",transition:`all ${s}s ${a}`}),n=s=>({opacity:0,transform:"scale(0.85)",transition:`all ${s}s ${a}`});function S({enter:s,children:c,tag:i="div",delay:o=50,timeout:t=.35,...e}){const r=i,[l,f]=m(n(t));return u(()=>{setTimeout(()=>{f(s?$(t):n(t))},o)},[s,o,t]),y(r,{...e,style:{...l,...e.style},children:c})}export{S as Z};
+//# sourceMappingURL=Zoom-DqgU4Wfv.js.map

package/dist/chunks/Zoom-DqgU4Wfv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Zoom-DqgU4Wfv.js","sources":["../../src/animations/Zoom/Zoom.tsx"],"sourcesContent":["import {\n  useState,\n  useEffect,\n  type ElementType,\n  type HTMLAttributes,\n} from 'react';\n\ntype Style = HTMLAttributes<HTMLDivElement>['style'];\n\nconst easing = 'cubic-bezier(0.34, 1.56, 0.64, 1)';\n\nconst styledShow = (timeout: number): Style => ({\n  opacity: 1,\n  transform: 'scale(1)',\n  transition: `all ${timeout}s ${easing}`,\n});\n\nconst styledHide = (timeout: number): Style => ({\n  opacity: 0,\n  transform: 'scale(0.85)',\n  transition: `all ${timeout}s ${easing}`,\n});\n\nexport interface ZoomProps extends HTMLAttributes<HTMLDivElement> {\n  enter: boolean;\n  delay?: number;\n  timeout?: number;\n  tag?: ElementType;\n}\n\nexport default function Zoom({\n  enter,\n  children,\n  tag = 'div',\n  delay = 50,\n  timeout = .35,\n  ...props\n}: ZoomProps) {\n  const CustomTag = tag;\n\n  const [style, setStyle] = useState<Style>(styledHide(timeout));\n\n  useEffect(() => {\n    setTimeout(() => {\n      setStyle(enter ? styledShow(timeout) : styledHide(timeout));\n    }, delay);\n  }, [enter, delay, timeout]);\n\n  return (\n    <CustomTag {...props} style={{ ...style, ...props.style }}>\n      {children}\n    </CustomTag>\n  );\n}\n"],"names":["easing","styledShow","timeout","styledHide","Zoom","enter","children","tag","delay","props","CustomTag","style","setStyle","useState","useEffect","jsx"],"mappings":"wFASA,MAAMA,EAAS,oCAETC,EAAcC,IAA4B,CAC9C,QAAS,EACT,UAAW,WACX,WAAY,OAAOA,CAAO,KAAKF,CAAM,EACvC,GAEMG,EAAcD,IAA4B,CAC9C,QAAS,EACT,UAAW,cACX,WAAY,OAAOA,CAAO,KAAKF,CAAM,EACvC,GASA,SAAwBI,EAAK,CAC3B,MAAAC,EACA,SAAAC,EACA,IAAAC,EAAM,MACN,MAAAC,EAAQ,GACR,QAAAN,EAAU,IACV,GAAGO,CACL,EAAc,CACZ,MAAMC,EAAYH,EAEZ,CAACI,EAAOC,CAAQ,EAAIC,EAAgBV,EAAWD,CAAO,CAAC,EAE7D,OAAAY,EAAU,IAAM,CACd,WAAW,IAAM,CACfF,EAASP,EAAQJ,EAAWC,CAAO,EAAIC,EAAWD,CAAO,CAAC,CAC5D,EAAGM,CAAK,CACV,EAAG,CAACH,EAAOG,EAAON,CAAO,CAAC,EAGxBa,EAACL,EAAA,CAAW,GAAGD,EAAO,MAAO,CAAE,GAAGE,EAAO,GAAGF,EAAM,KAAA,EAC/C,SAAAH,CAAA,CACH,CAEJ"}

package/dist/chunks/convertPathToColor-BlQMLS4V.cjs

@@ -0,0 +1,2 @@
+"use strict";function e(o,n){return o.split(".").reduce((r,t)=>r&&r[t]?r[t]:n[t],"")}exports.convertPathToColor=e;
+//# sourceMappingURL=convertPathToColor-BlQMLS4V.cjs.map

package/dist/chunks/convertPathToColor-BlQMLS4V.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertPathToColor-BlQMLS4V.cjs","sources":["../../../../core/src/utils/convertPathToColor/convertPathToColor.ts"],"sourcesContent":["import type { Path } from '@iziui/toolkit/interface';\n\nimport type { PaletteBuilded } from '../../theme';\n\nexport function convertPathToColor(path: Path<PaletteBuilded>, palette: PaletteBuilded): string {\n  return path.split('.').reduce((acc, key) => {\n    if (acc && acc[key]) { return acc[key]; }\n\n    return palette[key];\n  }, '');\n}"],"names":["convertPathToColor","path","palette","acc","key"],"mappings":"aAIO,SAASA,EAAmBC,EAA4BC,EAAiC,CAC9F,OAAOD,EAAK,MAAM,GAAG,EAAE,OAAO,CAACE,EAAKC,IAC9BD,GAAOA,EAAIC,CAAG,EAAYD,EAAIC,CAAG,EAE9BF,EAAQE,CAAG,EACjB,EAAE,CACP"}

package/dist/chunks/convertPathToColor-D2SdAqGh.js

@@ -0,0 +1,2 @@
+function e(n,o){return n.split(".").reduce((r,t)=>r&&r[t]?r[t]:o[t],"")}export{e as c};
+//# sourceMappingURL=convertPathToColor-D2SdAqGh.js.map

package/dist/chunks/convertPathToColor-D2SdAqGh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertPathToColor-D2SdAqGh.js","sources":["../../../../core/src/utils/convertPathToColor/convertPathToColor.ts"],"sourcesContent":["import type { Path } from '@iziui/toolkit/interface';\n\nimport type { PaletteBuilded } from '../../theme';\n\nexport function convertPathToColor(path: Path<PaletteBuilded>, palette: PaletteBuilded): string {\n  return path.split('.').reduce((acc, key) => {\n    if (acc && acc[key]) { return acc[key]; }\n\n    return palette[key];\n  }, '');\n}"],"names":["convertPathToColor","path","palette","acc","key"],"mappings":"AAIO,SAASA,EAAmBC,EAA4BC,EAAiC,CAC9F,OAAOD,EAAK,MAAM,GAAG,EAAE,OAAO,CAACE,EAAKC,IAC9BD,GAAOA,EAAIC,CAAG,EAAYD,EAAIC,CAAG,EAE9BF,EAAQE,CAAG,EACjB,EAAE,CACP"}

package/dist/chunks/createComponent-CTufIEiN.cjs

@@ -0,0 +1,2 @@
+"use strict";const P=require("react/jsx-runtime"),b=require("./index-DYxwT4uW.cjs"),M=require("./useTheme-DoESyi5h.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-CTufIEiN.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createComponent-CTufIEiN.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-WNQRXK89.js

@@ -0,0 +1,2 @@
+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-njpgklWP.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-WNQRXK89.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"createComponent-WNQRXK89.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":"yIAWA,SAAwBA,EAAc,CAAE,GAAAC,EAAI,MAAAC,CAAA,KAAkBC,EAA+B,CAC3F,OAAOA,EAAQ,OAAmB,CAACC,EAAKC,KACtCD,EAAM,CAAE,GAAGA,EAAK,GAAGC,EAAOH,EAAOD,CAAE,CAAA,EAE5BG,GACN,CAAA,CAAE,CACP,CCfA,MAAAE,EAA4B,CAACJ,EAAO,CAAE,MAAAK,KAAY,CAChD,KAAM,CAAE,QAAAC,GAAYN,EAEpB,OAAKK,EAEE,CACL,MAAOA,EAAMC,CAAO,CAAA,EAHD,CAAA,CAKvB,ECRAC,EAA4B,CAACP,EAAO,CAAE,WAAAQ,KAAiB,CACrD,KAAM,CAAE,QAAAF,GAAYN,EAEpB,OAAKQ,EAEE,CACL,WAAYA,EAAWF,CAAO,CAAA,EAHN,CAAA,CAK5B,ECRAG,EAA4B,CAACT,EAAO,CAAE,YAAAU,KAAkB,CACtD,KAAM,CAAE,QAAAJ,GAAYN,EAEpB,OAAKU,EAEE,CACL,YAAaA,EAAYJ,CAAO,CAAA,EAHP,CAAA,CAK7B,ECRAK,EAA4B,CAACX,EAAO,CAAE,gBAAAY,KAAsB,CAC1D,KAAM,CAAE,QAAAN,GAAYN,EAEpB,OAAKY,EAEE,CACL,gBAAiBA,EAAgBN,CAAO,CAAA,EAHX,CAAA,CAKjC,ECRAO,EAA4B,CAACb,EAAO,CAAE,aAAAc,KAAmB,CACvD,KAAM,CAAE,MAAAC,GAAUf,EAElB,OAAKc,EAEE,CACL,aAAc,GAAGC,EAAM,OAASD,CAAY,IAAA,EAHlB,CAAA,CAK9B,ECRAE,EAA4B,CAAChB,EAAO,CAAE,EAAAiB,EAAG,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,KAAS,CACpE,KAAM,CAAE,QAAAC,GAAYxB,EAEdyB,EAAmBC,GACdA,GAAMA,IAAO,EAAI,GAAG,OAAOA,EAAKF,CAAO,CAAC,KAAO,GAGpDG,EAAOF,EAAgBR,CAAC,EAExBW,EAAQH,EAAgBJ,CAAE,EAC1BQ,EAAQJ,EAAgBP,CAAE,EAE1BY,EAAQL,EAAgBF,CAAE,EAC1BQ,EAAQN,EAAgBH,CAAE,EAE1BU,EAAQP,EAAgBN,CAAE,EAC1Bc,EAAQR,EAAgBL,CAAE,EAEhC,MAAO,CACL,OAAQO,EACR,UAAWC,GAASE,GAASH,EAC7B,aAAcE,GAASC,GAASH,EAChC,WAAYK,GAASD,GAASJ,EAC9B,YAAaM,GAASF,GAASJ,CAAA,CAEnC,ECzBAO,EAA4B,CAAClC,EAAO,CAAE,EAAAmC,EAAG,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,KAAS,CACpE,KAAM,CAAE,QAAAjB,GAAYxB,EAEd0C,EAAoBC,GACfA,GAAMA,IAAO,EAAI,GAAG,OAAOA,EAAKnB,CAAO,CAAC,KAAO,GAGpDoB,EAAOF,EAAiBP,CAAC,EAEzBU,EAAQH,EAAiBH,CAAE,EAC3BO,EAAQJ,EAAiBN,CAAE,EAE3BW,EAAQL,EAAiBD,CAAE,EAC3BO,EAAQN,EAAiBF,CAAE,EAE3BS,EAAQP,EAAiBL,CAAE,EAC3Ba,EAAQR,EAAiBJ,CAAE,EAEjC,MAAO,CACL,QAASM,EACT,WAAYC,GAASE,GAASH,EAC9B,cAAeE,GAASC,GAASH,EACjC,YAAaK,GAASD,GAASJ,EAC/B,aAAcM,GAASF,GAASJ,CAAA,CAEpC,ECpBAO,EAA4B,CAACC,EAAG,CAAE,UAAAC,KAE3BA,EAQE,CACL,UAP4C,CAC5C,GAAIC,EACJ,GAAIC,EACJ,GAAIC,CAAA,EAIaH,CAAS,CAAA,EATH,CAAA,kPCA3B,SAASI,EAAQC,EAAmC,CAClD,OAAO,OAAO,OAAOA,CAAM,EAAE,IAAKC,GAAOA,CAAE,CAC7C,CAEA,SAAwBC,EAAmBC,EAAoC,CAC7E,OAAAA,EAAiB,YAAcA,EAAiB,KAEX,CAAC,CAAE,GAAA9D,EAAI,UAAA+D,EAAW,GAAGC,KAAY,CACpE,KAAM,CAAE,MAAA/D,CAAA,EAAUgE,EAAA,EAEZC,EAAUlE,GAAMD,EAAc,CAAE,MAAAE,EAAO,GAAAD,CAAA,EAC3C,GAAG0D,EAAQxD,CAAO,CAAA,EAGpB,OACEiE,EAACL,EAAA,CACE,GAAIE,EACL,MAAO,CACL,UAAW,aACX,GAAGA,EAAM,MACT,GAAGE,EACH,GAAIH,EAAY,CAAE,MAAO,QAAW,CAAA,CAAC,CACvC,CAAA,CAGN,CAGF"}

package/dist/chunks/generateSupportColors-BN5t8dA-.js

@@ -0,0 +1,2 @@
+function d(t,c,n){c/=100,n/=100;const a=(1-Math.abs(2*n-1))*c,s=a*(1-Math.abs(t/60%2-1)),o=n-a/2;let r=0,e=0,i=0;0<=t&&t<60?(r=a,e=s,i=0):60<=t&&t<120?(r=s,e=a,i=0):120<=t&&t<180?(r=0,e=a,i=s):180<=t&&t<240?(r=0,e=s,i=a):240<=t&&t<300?(r=s,e=0,i=a):300<=t&&t<360&&(r=a,e=0,i=s);const f=Math.round((r+o)*255).toString(16).padStart(2,"0"),u=Math.round((e+o)*255).toString(16).padStart(2,"0"),p=Math.round((i+o)*255).toString(16).padStart(2,"0");return`#${f}${u}${p}`}function l(t,c,n,a){return n=Math.min(Math.max(n+a,0),100),d(t,c,n)}function g(t){const c=parseInt(t.slice(1,3),16)/255,n=parseInt(t.slice(3,5),16)/255,a=parseInt(t.slice(5,7),16)/255,s=Math.max(c,n,a),o=Math.min(c,n,a);let r=0,e=0;const i=(s+o)/2;if(s===o)r=e=0;else{const f=s-o;switch(e=i>.5?f/(2-s-o):f/(s+o),s){case c:r=(n-a)/f+(n<a?6:0);break;case n:r=(a-c)/f+2;break;case a:r=(c-n)/f+4;break}r*=60}return{h:r,s:e*100,l:i*100}}function m(t,c){if(!/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(t))throw new Error("Cor inválida. Use um formato hexadecimal (#RRGGBB ou #RGB).");t.length===4&&(t=`#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}`);const s=Math.round(c*255).toString(16).padStart(2,"0").toUpperCase();return`${t}${s}`}function $(t){const c=parseInt(t.slice(1,3),16)/255,n=parseInt(t.slice(3,5),16)/255,a=parseInt(t.slice(5,7),16)/255;return .2126*c+.7152*n+.0722*a>.6?"#000000":"#ffffff"}function M(t){const n=g(t),a=$(t),s=l(n.h,n.s,n.l,20),o=l(n.h,n.s,n.l,-20*1.7),r=m(t,20/100);return{main:t,dark:o,light:s,opacity:r,contrast:a}}export{l as a,$ as b,m as c,d,M as g,g as h};
+//# sourceMappingURL=generateSupportColors-BN5t8dA-.js.map

package/dist/chunks/generateSupportColors-BN5t8dA-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateSupportColors-BN5t8dA-.js","sources":["../../../../core/src/utils/hslToHex/hslToHex.ts","../../../../core/src/utils/adjustLightness/adjustLightness.ts","../../../../core/src/utils/hexToHsl/hexToHsl.ts","../../../../core/src/utils/getOpacityColor/getOpacityColor.ts","../../../../core/src/utils/getContrastColor/getContrastColor.ts","../../../../core/src/utils/generateSupportColors/generateSupportColors.ts"],"sourcesContent":["export function hslToHex(h: number, s: number, l: number) {\n  s /= 100;\n  l /= 100;\n\n  const c = (1 - Math.abs(2 * l - 1)) * s;\n  const x = c * (1 - Math.abs((h / 60) % 2 - 1));\n  const m = l - c / 2;\n  let r = 0, g = 0, b = 0;\n\n  if (0 <= h && h < 60) { r = c; g = x; b = 0; }\n  else if (60 <= h && h < 120) { r = x; g = c; b = 0; }\n  else if (120 <= h && h < 180) { r = 0; g = c; b = x; }\n  else if (180 <= h && h < 240) { r = 0; g = x; b = c; }\n  else if (240 <= h && h < 300) { r = x; g = 0; b = c; }\n  else if (300 <= h && h < 360) { r = c; g = 0; b = x; }\n\n  const newR = Math.round((r + m) * 255).toString(16).padStart(2, '0');\n  const newG = Math.round((g + m) * 255).toString(16).padStart(2, '0');\n  const newB = Math.round((b + m) * 255).toString(16).padStart(2, '0');\n\n  return `#${newR}${newG}${newB}`;\n}","import { hslToHex } from '../hslToHex';\n\nexport function adjustLightness(h: number, s: number, l: number, amount: number) {\n  l = Math.min(Math.max(l + amount, 0), 100);\n  return hslToHex(h, s, l);\n}","export function hexToHsl(hex: string) {\n  const r = parseInt(hex.slice(1, 3), 16) / 255;\n  const g = parseInt(hex.slice(3, 5), 16) / 255;\n  const b = parseInt(hex.slice(5, 7), 16) / 255;\n\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  let h = 0, s = 0;\n  const l = (max + min) / 2;\n\n  if (max === min) {\n    h = s = 0; // acromático\n  } else {\n    const d = max - min;\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n\n    switch (max) {\n      case r: h = (g - b) / d + (g < b ? 6 : 0); break;\n      case g: h = (b - r) / d + 2; break;\n      case b: h = (r - g) / d + 4; break;\n    }\n    h *= 60;\n  }\n\n  return { h, s: s * 100, l: l * 100 };\n}","/**\n * Adiciona opacidade a uma cor em hexadecimal.\n * @param hexColor - A cor em hexadecimal (ex: #RRGGBB ou #RGB).\n * @param opacity - O valor da opacidade (entre 0 e 1).\n * @returns A cor hexadecimal com opacidade (ex: #RRGGBBAA).\n */\nexport function getOpacityColor(hexColor: string, opacity: number): string {\n  // Validar entrada do hexadecimal\n  const hexPattern = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;\n  if (!hexPattern.test(hexColor)) {\n    throw new Error('Cor inválida. Use um formato hexadecimal (#RRGGBB ou #RGB).');\n  }\n\n  // Expandir formato #RGB para #RRGGBB\n  if (hexColor.length === 4) {\n    hexColor = `#${hexColor[1]}${hexColor[1]}${hexColor[2]}${hexColor[2]}${hexColor[3]}${hexColor[3]}`;\n  }\n\n  // Converter opacidade para formato hexadecimal (0 a 255)\n  const alpha = Math.round(opacity * 255);\n  const alphaHex = alpha.toString(16).padStart(2, '0').toUpperCase();\n\n  // Combinar cor com opacidade\n  return `${hexColor}${alphaHex}`;\n}","export function getContrastColor(hexColor: string) {\n  // Converter hexadecimal para RGB\n  const r = parseInt(hexColor.slice(1, 3), 16) / 255;\n  const g = parseInt(hexColor.slice(3, 5), 16) / 255;\n  const b = parseInt(hexColor.slice(5, 7), 16) / 255;\n\n  // Calcular a luminância relativa\n  const luminance = 0.2126 * r + 0.7152 * g + 0.0722 * b;\n\n  // Se a luminância for baixa, usar branco como contraste, senão preto\n  return luminance > 0.6 ? '#000000' : '#ffffff';\n}","import type { Color } from '../../theme';\nimport { hexToHsl } from '../hexToHsl';\nimport { adjustLightness } from '../adjustLightness';\nimport { getOpacityColor } from '../getOpacityColor';\nimport { getContrastColor } from '../getContrastColor/getContrastColor';\n\nexport function generateSupportColors(hex: string): Color {\n  const variation = 20;\n\n  const hsl = hexToHsl(hex);\n\n  const contrastColor = getContrastColor(hex);\n  const lighterColor = adjustLightness(hsl.h, hsl.s, hsl.l, variation);\n  const darkerColor = adjustLightness(hsl.h, hsl.s, hsl.l, -variation * 1.7);\n  const opacityColor = getOpacityColor(hex, variation / 100);\n\n  return {\n    main: hex,\n    dark: darkerColor,\n    light: lighterColor,\n    opacity: opacityColor,\n    contrast: contrastColor\n  };\n}"],"names":["hslToHex","h","s","l","c","x","m","g","b","newR","newG","newB","adjustLightness","amount","hexToHsl","hex","r","max","min","d","getOpacityColor","hexColor","opacity","alphaHex","getContrastColor","generateSupportColors","hsl","contrastColor","lighterColor","darkerColor","opacityColor"],"mappings":"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"}

package/dist/chunks/generateSupportColors-CTMoGhDf.cjs

@@ -0,0 +1,2 @@
+"use strict";function f(t,r,n){r/=100,n/=100;const a=(1-Math.abs(2*n-1))*r,s=a*(1-Math.abs(t/60%2-1)),e=n-a/2;let o=0,c=0,i=0;0<=t&&t<60?(o=a,c=s,i=0):60<=t&&t<120?(o=s,c=a,i=0):120<=t&&t<180?(o=0,c=a,i=s):180<=t&&t<240?(o=0,c=s,i=a):240<=t&&t<300?(o=s,c=0,i=a):300<=t&&t<360&&(o=a,c=0,i=s);const l=Math.round((o+e)*255).toString(16).padStart(2,"0"),m=Math.round((c+e)*255).toString(16).padStart(2,"0"),$=Math.round((i+e)*255).toString(16).padStart(2,"0");return`#${l}${m}${$}`}function u(t,r,n,a){return n=Math.min(Math.max(n+a,0),100),f(t,r,n)}function p(t){const r=parseInt(t.slice(1,3),16)/255,n=parseInt(t.slice(3,5),16)/255,a=parseInt(t.slice(5,7),16)/255,s=Math.max(r,n,a),e=Math.min(r,n,a);let o=0,c=0;const i=(s+e)/2;if(s===e)o=c=0;else{const l=s-e;switch(c=i>.5?l/(2-s-e):l/(s+e),s){case r:o=(n-a)/l+(n<a?6:0);break;case n:o=(a-r)/l+2;break;case a:o=(r-n)/l+4;break}o*=60}return{h:o,s:c*100,l:i*100}}function g(t,r){if(!/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(t))throw new Error("Cor inválida. Use um formato hexadecimal (#RRGGBB ou #RGB).");t.length===4&&(t=`#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}`);const s=Math.round(r*255).toString(16).padStart(2,"0").toUpperCase();return`${t}${s}`}function d(t){const r=parseInt(t.slice(1,3),16)/255,n=parseInt(t.slice(3,5),16)/255,a=parseInt(t.slice(5,7),16)/255;return .2126*r+.7152*n+.0722*a>.6?"#000000":"#ffffff"}function M(t){const n=p(t),a=d(t),s=u(n.h,n.s,n.l,20),e=u(n.h,n.s,n.l,-20*1.7),o=g(t,20/100);return{main:t,dark:e,light:s,opacity:o,contrast:a}}exports.adjustLightness=u;exports.generateSupportColors=M;exports.getContrastColor=d;exports.getOpacityColor=g;exports.hexToHsl=p;exports.hslToHex=f;
+//# sourceMappingURL=generateSupportColors-CTMoGhDf.cjs.map

package/dist/chunks/generateSupportColors-CTMoGhDf.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateSupportColors-CTMoGhDf.cjs","sources":["../../../../core/src/utils/hslToHex/hslToHex.ts","../../../../core/src/utils/adjustLightness/adjustLightness.ts","../../../../core/src/utils/hexToHsl/hexToHsl.ts","../../../../core/src/utils/getOpacityColor/getOpacityColor.ts","../../../../core/src/utils/getContrastColor/getContrastColor.ts","../../../../core/src/utils/generateSupportColors/generateSupportColors.ts"],"sourcesContent":["export function hslToHex(h: number, s: number, l: number) {\n  s /= 100;\n  l /= 100;\n\n  const c = (1 - Math.abs(2 * l - 1)) * s;\n  const x = c * (1 - Math.abs((h / 60) % 2 - 1));\n  const m = l - c / 2;\n  let r = 0, g = 0, b = 0;\n\n  if (0 <= h && h < 60) { r = c; g = x; b = 0; }\n  else if (60 <= h && h < 120) { r = x; g = c; b = 0; }\n  else if (120 <= h && h < 180) { r = 0; g = c; b = x; }\n  else if (180 <= h && h < 240) { r = 0; g = x; b = c; }\n  else if (240 <= h && h < 300) { r = x; g = 0; b = c; }\n  else if (300 <= h && h < 360) { r = c; g = 0; b = x; }\n\n  const newR = Math.round((r + m) * 255).toString(16).padStart(2, '0');\n  const newG = Math.round((g + m) * 255).toString(16).padStart(2, '0');\n  const newB = Math.round((b + m) * 255).toString(16).padStart(2, '0');\n\n  return `#${newR}${newG}${newB}`;\n}","import { hslToHex } from '../hslToHex';\n\nexport function adjustLightness(h: number, s: number, l: number, amount: number) {\n  l = Math.min(Math.max(l + amount, 0), 100);\n  return hslToHex(h, s, l);\n}","export function hexToHsl(hex: string) {\n  const r = parseInt(hex.slice(1, 3), 16) / 255;\n  const g = parseInt(hex.slice(3, 5), 16) / 255;\n  const b = parseInt(hex.slice(5, 7), 16) / 255;\n\n  const max = Math.max(r, g, b);\n  const min = Math.min(r, g, b);\n  let h = 0, s = 0;\n  const l = (max + min) / 2;\n\n  if (max === min) {\n    h = s = 0; // acromático\n  } else {\n    const d = max - min;\n    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);\n\n    switch (max) {\n      case r: h = (g - b) / d + (g < b ? 6 : 0); break;\n      case g: h = (b - r) / d + 2; break;\n      case b: h = (r - g) / d + 4; break;\n    }\n    h *= 60;\n  }\n\n  return { h, s: s * 100, l: l * 100 };\n}","/**\n * Adiciona opacidade a uma cor em hexadecimal.\n * @param hexColor - A cor em hexadecimal (ex: #RRGGBB ou #RGB).\n * @param opacity - O valor da opacidade (entre 0 e 1).\n * @returns A cor hexadecimal com opacidade (ex: #RRGGBBAA).\n */\nexport function getOpacityColor(hexColor: string, opacity: number): string {\n  // Validar entrada do hexadecimal\n  const hexPattern = /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/;\n  if (!hexPattern.test(hexColor)) {\n    throw new Error('Cor inválida. Use um formato hexadecimal (#RRGGBB ou #RGB).');\n  }\n\n  // Expandir formato #RGB para #RRGGBB\n  if (hexColor.length === 4) {\n    hexColor = `#${hexColor[1]}${hexColor[1]}${hexColor[2]}${hexColor[2]}${hexColor[3]}${hexColor[3]}`;\n  }\n\n  // Converter opacidade para formato hexadecimal (0 a 255)\n  const alpha = Math.round(opacity * 255);\n  const alphaHex = alpha.toString(16).padStart(2, '0').toUpperCase();\n\n  // Combinar cor com opacidade\n  return `${hexColor}${alphaHex}`;\n}","export function getContrastColor(hexColor: string) {\n  // Converter hexadecimal para RGB\n  const r = parseInt(hexColor.slice(1, 3), 16) / 255;\n  const g = parseInt(hexColor.slice(3, 5), 16) / 255;\n  const b = parseInt(hexColor.slice(5, 7), 16) / 255;\n\n  // Calcular a luminância relativa\n  const luminance = 0.2126 * r + 0.7152 * g + 0.0722 * b;\n\n  // Se a luminância for baixa, usar branco como contraste, senão preto\n  return luminance > 0.6 ? '#000000' : '#ffffff';\n}","import type { Color } from '../../theme';\nimport { hexToHsl } from '../hexToHsl';\nimport { adjustLightness } from '../adjustLightness';\nimport { getOpacityColor } from '../getOpacityColor';\nimport { getContrastColor } from '../getContrastColor/getContrastColor';\n\nexport function generateSupportColors(hex: string): Color {\n  const variation = 20;\n\n  const hsl = hexToHsl(hex);\n\n  const contrastColor = getContrastColor(hex);\n  const lighterColor = adjustLightness(hsl.h, hsl.s, hsl.l, variation);\n  const darkerColor = adjustLightness(hsl.h, hsl.s, hsl.l, -variation * 1.7);\n  const opacityColor = getOpacityColor(hex, variation / 100);\n\n  return {\n    main: hex,\n    dark: darkerColor,\n    light: lighterColor,\n    opacity: opacityColor,\n    contrast: contrastColor\n  };\n}"],"names":["hslToHex","h","s","l","c","x","m","r","g","b","newR","newG","newB","adjustLightness","amount","hexToHsl","hex","max","min","d","getOpacityColor","hexColor","opacity","alphaHex","getContrastColor","generateSupportColors","hsl","contrastColor","lighterColor","darkerColor","opacityColor"],"mappings":"aAAO,SAASA,EAASC,EAAWC,EAAWC,EAAW,CACxDD,GAAK,IACLC,GAAK,IAEL,MAAMC,GAAK,EAAI,KAAK,IAAI,EAAID,EAAI,CAAC,GAAKD,EAChCG,EAAID,GAAK,EAAI,KAAK,IAAKH,EAAI,GAAM,EAAI,CAAC,GACtCK,EAAIH,EAAIC,EAAI,EAClB,IAAIG,EAAI,EAAGC,EAAI,EAAGC,EAAI,EAElB,GAAKR,GAAKA,EAAI,IAAMM,EAAIH,EAAGI,EAAIH,EAAGI,EAAI,GACjC,IAAMR,GAAKA,EAAI,KAAOM,EAAIF,EAAGG,EAAIJ,EAAGK,EAAI,GACxC,KAAOR,GAAKA,EAAI,KAAOM,EAAI,EAAGC,EAAIJ,EAAGK,EAAIJ,GACzC,KAAOJ,GAAKA,EAAI,KAAOM,EAAI,EAAGC,EAAIH,EAAGI,EAAIL,GACzC,KAAOH,GAAKA,EAAI,KAAOM,EAAIF,EAAGG,EAAI,EAAGC,EAAIL,GACzC,KAAOH,GAAKA,EAAI,MAAOM,EAAIH,EAAGI,EAAI,EAAGC,EAAIJ,GAElD,MAAMK,EAAO,KAAK,OAAOH,EAAID,GAAK,GAAG,EAAE,SAAS,EAAE,EAAE,SAAS,EAAG,GAAG,EAC7DK,EAAO,KAAK,OAAOH,EAAIF,GAAK,GAAG,EAAE,SAAS,EAAE,EAAE,SAAS,EAAG,GAAG,EAC7DM,EAAO,KAAK,OAAOH,EAAIH,GAAK,GAAG,EAAE,SAAS,EAAE,EAAE,SAAS,EAAG,GAAG,EAEnE,MAAO,IAAII,CAAI,GAAGC,CAAI,GAAGC,CAAI,EAC/B,CCnBO,SAASC,EAAgBZ,EAAWC,EAAWC,EAAWW,EAAgB,CAC/E,OAAAX,EAAI,KAAK,IAAI,KAAK,IAAIA,EAAIW,EAAQ,CAAC,EAAG,GAAG,EAClCd,EAASC,EAAGC,EAAGC,CAAC,CACzB,CCLO,SAASY,EAASC,EAAa,CACpC,MAAM,EAAI,SAASA,EAAI,MAAM,EAAG,CAAC,EAAG,EAAE,EAAI,IACpCR,EAAI,SAASQ,EAAI,MAAM,EAAG,CAAC,EAAG,EAAE,EAAI,IACpCP,EAAI,SAASO,EAAI,MAAM,EAAG,CAAC,EAAG,EAAE,EAAI,IAEpCC,EAAM,KAAK,IAAI,EAAGT,EAAGC,CAAC,EACtBS,EAAM,KAAK,IAAI,EAAGV,EAAGC,CAAC,EAC5B,IAAIR,EAAI,EAAGC,EAAI,EACf,MAAMC,GAAKc,EAAMC,GAAO,EAExB,GAAID,IAAQC,EACVjB,EAAIC,EAAI,MACH,CACL,MAAMiB,EAAIF,EAAMC,EAGhB,OAFAhB,EAAIC,EAAI,GAAMgB,GAAK,EAAIF,EAAMC,GAAOC,GAAKF,EAAMC,GAEvCD,EAAA,CACN,KAAK,EAAGhB,GAAKO,EAAIC,GAAKU,GAAKX,EAAIC,EAAI,EAAI,GAAI,MAC3C,KAAKD,EAAGP,GAAKQ,EAAI,GAAKU,EAAI,EAAG,MAC7B,KAAKV,EAAGR,GAAK,EAAIO,GAAKW,EAAI,EAAG,KAAA,CAE/BlB,GAAK,EACP,CAEA,MAAO,CAAE,EAAAA,EAAG,EAAGC,EAAI,IAAK,EAAGC,EAAI,GAAA,CACjC,CCnBO,SAASiB,EAAgBC,EAAkBC,EAAyB,CAGzE,GAAI,CADe,qCACH,KAAKD,CAAQ,EAC3B,MAAM,IAAI,MAAM,6DAA6D,EAI3EA,EAAS,SAAW,IACtBA,EAAW,IAAIA,EAAS,CAAC,CAAC,GAAGA,EAAS,CAAC,CAAC,GAAGA,EAAS,CAAC,CAAC,GAAGA,EAAS,CAAC,CAAC,GAAGA,EAAS,CAAC,CAAC,GAAGA,EAAS,CAAC,CAAC,IAKlG,MAAME,EADQ,KAAK,MAAMD,EAAU,GAAG,EACf,SAAS,EAAE,EAAE,SAAS,EAAG,GAAG,EAAE,YAAA,EAGrD,MAAO,GAAGD,CAAQ,GAAGE,CAAQ,EAC/B,CCxBO,SAASC,EAAiBH,EAAkB,CAEjD,MAAM,EAAI,SAASA,EAAS,MAAM,EAAG,CAAC,EAAG,EAAE,EAAI,IACzCb,EAAI,SAASa,EAAS,MAAM,EAAG,CAAC,EAAG,EAAE,EAAI,IACzCZ,EAAI,SAASY,EAAS,MAAM,EAAG,CAAC,EAAG,EAAE,EAAI,IAM/C,MAHkB,OAAS,EAAI,MAASb,EAAI,MAASC,EAGlC,GAAM,UAAY,SACvC,CCLO,SAASgB,EAAsBT,EAAoB,CAGxD,MAAMU,EAAMX,EAASC,CAAG,EAElBW,EAAgBH,EAAiBR,CAAG,EACpCY,EAAef,EAAgBa,EAAI,EAAGA,EAAI,EAAGA,EAAI,EAAG,EAAS,EAC7DG,EAAchB,EAAgBa,EAAI,EAAGA,EAAI,EAAGA,EAAI,EAAG,IAAa,GAAG,EACnEI,EAAeV,EAAgBJ,EAAK,GAAY,GAAG,EAEzD,MAAO,CACL,KAAMA,EACN,KAAMa,EACN,MAAOD,EACP,QAASE,EACT,SAAUH,CAAA,CAEd"}

package/dist/chunks/index-CZ41y9Hn.js

@@ -0,0 +1,2 @@
+const a="0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)",s="0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)",x="0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)",o="1536",p="1535",b="1199",c="899",r="599",t="iziui";export{r as a,x as b,s as c,a as d,p as l,b as m,t as p,c as s,o as x};
+//# sourceMappingURL=index-CZ41y9Hn.js.map

package/dist/chunks/index-CZ41y9Hn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CZ41y9Hn.js","sources":["../../../../tokens/dist/web/js/index.js"],"sourcesContent":["export const boxShadowSmall = \"0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)\";\nexport const boxShadowRegular = \"0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)\";\nexport const boxShadowLarge = \"0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)\";\nexport const proportionBase = \"10.8px 14.4px\";\nexport const proportionSmall = \"10.8px 14.4px\";\nexport const animation = \".3s cubic-bezier(0.4, 0.0, 0.2, 1)\";\nexport const gap = \"0\";\nexport const columns = \"12\";\nexport const rows = \"1\";\nexport const xl = \"1536\";\nexport const lg = \"1535\";\nexport const md = \"1199\";\nexport const sm = \"899\";\nexport const xs = \"599\";\nexport const radius = \"8px\";\nexport const spacing = \"8px\";\nexport const colors = ['primary','secondary','info','error','warning','success'];\n\nexport const sizes = ['xl','lg','md','sm','xs'];\n\nexport const prefix = \"iziui\";\nexport const font_sizes = {\n  small: '12px',\n  medium: '16px',\n  large: '22px'\n};\n  \nexport const icon_sizes = {\n  small: '16px',\n  medium: '24px',\n  large: '32px'\n};\n  "],"names":["boxShadowSmall","boxShadowRegular","boxShadowLarge","xl","lg","md","sm","xs","prefix"],"mappings":"AAAY,MAACA,EAAiB,+DACjBC,EAAmB,+DACnBC,EAAiB,iEAOjBC,EAAK,OACLC,EAAK,OACLC,EAAK,OACLC,EAAK,MACLC,EAAK,MAOLC,EAAS"}

package/dist/chunks/index-DYxwT4uW.cjs

@@ -0,0 +1,2 @@
+"use strict";const x="0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)",o="0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)",a="0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)",s="1536",p="1535",r="1199";const b="iziui";exports.boxShadowLarge=a;exports.boxShadowRegular=o;exports.boxShadowSmall=x;exports.lg=p;exports.md=r;exports.prefix=b;exports.sm="899";exports.xl=s;exports.xs="599";
+//# sourceMappingURL=index-DYxwT4uW.cjs.map

package/dist/chunks/index-DYxwT4uW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DYxwT4uW.cjs","sources":["../../../../tokens/dist/web/js/index.js"],"sourcesContent":["export const boxShadowSmall = \"0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)\";\nexport const boxShadowRegular = \"0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)\";\nexport const boxShadowLarge = \"0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23)\";\nexport const proportionBase = \"10.8px 14.4px\";\nexport const proportionSmall = \"10.8px 14.4px\";\nexport const animation = \".3s cubic-bezier(0.4, 0.0, 0.2, 1)\";\nexport const gap = \"0\";\nexport const columns = \"12\";\nexport const rows = \"1\";\nexport const xl = \"1536\";\nexport const lg = \"1535\";\nexport const md = \"1199\";\nexport const sm = \"899\";\nexport const xs = \"599\";\nexport const radius = \"8px\";\nexport const spacing = \"8px\";\nexport const colors = ['primary','secondary','info','error','warning','success'];\n\nexport const sizes = ['xl','lg','md','sm','xs'];\n\nexport const prefix = \"iziui\";\nexport const font_sizes = {\n  small: '12px',\n  medium: '16px',\n  large: '22px'\n};\n  \nexport const icon_sizes = {\n  small: '16px',\n  medium: '24px',\n  large: '32px'\n};\n  "],"names":["boxShadowSmall","boxShadowRegular","boxShadowLarge","xl","lg","md","prefix"],"mappings":"aAAY,MAACA,EAAiB,+DACjBC,EAAmB,+DACnBC,EAAiB,iEAOjBC,EAAK,OACLC,EAAK,OACLC,EAAK,OASN,MAACC,EAAS"}

package/dist/chunks/joinClass-Jk3EszKD.cjs

@@ -0,0 +1,2 @@
+"use strict";function i(...t){return t.filter(n=>typeof n=="string"&&n.length>0).join(" ")}exports.joinClass=i;
+//# sourceMappingURL=joinClass-Jk3EszKD.cjs.map

package/dist/chunks/joinClass-Jk3EszKD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"joinClass-Jk3EszKD.cjs","sources":["../../../../core/src/utils/joinClass/joinClass.ts"],"sourcesContent":["export function joinClass(...args: Array<string | null | undefined | boolean>) {\n  return args\n    .filter((value): value is string => typeof value === 'string' && value.length > 0)\n    .join(' ');\n};\n"],"names":["joinClass","args","value"],"mappings":"aAAO,SAASA,KAAaC,EAAkD,CAC7E,OAAOA,EACJ,OAAQC,GAA2B,OAAOA,GAAU,UAAYA,EAAM,OAAS,CAAC,EAChF,KAAK,GAAG,CACb"}

package/dist/chunks/joinClass-anSpaauN.js

@@ -0,0 +1,2 @@
+function i(...t){return t.filter(n=>typeof n=="string"&&n.length>0).join(" ")}export{i as j};
+//# sourceMappingURL=joinClass-anSpaauN.js.map

package/dist/chunks/joinClass-anSpaauN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"joinClass-anSpaauN.js","sources":["../../../../core/src/utils/joinClass/joinClass.ts"],"sourcesContent":["export function joinClass(...args: Array<string | null | undefined | boolean>) {\n  return args\n    .filter((value): value is string => typeof value === 'string' && value.length > 0)\n    .join(' ');\n};\n"],"names":["joinClass","args","value"],"mappings":"AAAO,SAASA,KAAaC,EAAkD,CAC7E,OAAOA,EACJ,OAAQC,GAA2B,OAAOA,GAAU,UAAYA,EAAM,OAAS,CAAC,EAChF,KAAK,GAAG,CACb"}

package/dist/chunks/useForm-3oClzOJC.js

@@ -0,0 +1,2 @@
+import{createContext as p,useContext as f,cloneElement as v,useState as y}from"react";import{jsxs as m,jsx as h}from"react/jsx-runtime";const c=p(null);function _({formGroup:s,debug:t=!1,children:r,...e}){const n=a=>{a.preventDefault(),s.submit()};return m(c,{value:s,children:[h("form",{...e,style:{width:"100%",...e.style},onSubmit:n,noValidate:!0,children:r}),t&&h("pre",{style:{width:"100%",maxHeight:350,padding:15,borderRadius:4,overflow:"auto",color:"#333",background:"#e5e5e5",boxShadow:"0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)"},children:JSON.stringify(s,null,2)})]})}function g(){const s=f(c);if(!s)throw new Error("useFormGroup must be used inside <FormProvider> (or <Form />).");return s}function b(s){const t=g();return{control:t.controls[s],update:n=>{t.setValues(a=>(a[s]=n,a))}}}function V({controlName:s,field:t,action:r="input"}){const{control:e,update:n}=b(s);return(i=>{const u=o=>["radio","checkbox"].includes(o.type)?o.target.checked:o.target.value;return v(i,{onBlur:o=>{r==="blur"&&n(u(o)),i.props.onBlur&&i.props.onBlur(o)},onInput:o=>{r==="input"&&n(u(o)),i.props.onInput&&i.props.onInput(o)},onChange:o=>{r==="change"&&n(u(o)),i.props.onChange&&i.props.onChange(o)}})})(t(e))}class d{constructor(t,r,e){this.controls=t,this.handle=r,this.validator=e}controls;handle;validator;_valid=!1;_hydrate;get hydrate(){return this._hydrate}set hydrate(t){this._hydrate=t}get isValid(){return this._valid}set isValid(t){this._valid=t}get errors(){return Object.values(this.controls).filter(t=>t.error)}get values(){const t={};return this.eachControl((r,e)=>({[e]:r.value})).forEach(r=>{for(const e in r)t[e]=r[e]}),t}setValues(t){const r=typeof t=="function"?t(this.values):t;for(const e of Object.keys(r))this.controls[e].value=r[e];this.validate(),this.hydrate(this),this.handle.change&&this.handle.change(this)}eachControl(t){return Object.keys(this.controls).map(r=>t(this.controls[r],r))}submit(){this.handle.submit&&(this.eachControl(t=>{t.dirty=!0}),this.validate(),this.hydrate(this),this.handle.submit(this))}reset(){this.eachControl(t=>t.reset()),this.hydrate(this)}validate(){Object.entries(this.controls).map(([t,r])=>{let e=r.validate();this.validator&&this.validator[t]&&(e=this.validator[t](this)||""),r.error=e}),this.isValid=!this.errors.length,this.hydrate(this)}}class C{_value;defaultValue;validators=[];type;error="";dirty=!1;constructor({defaultValue:t,type:r="text",validators:e}){this.type=r,this._value=t,this.defaultValue=t,e&&(this.validators=e)}get value(){return this._value}set value(t){this.dirty=!0,this._value=t,this.validate()}get isInvalid(){return!!(this.dirty&&this.error)}reset(){this.value=this.defaultValue,this.dirty=!1}validate(){const t=this.validators.map(r=>r(this)).filter(Boolean);return this.error=t[0]||"",this.error}}function x(s){return Object.entries(s).reduce((t,r)=>{const e=r[0],n=r[1];return t[e]=new C(n),t},{})}function j({form:s,handle:t,validator:r}){const[e,n]=y(new d(x(s),t,r)),a=i=>{n(u=>{const o=i.controls,l=new d(o,t,r);return l.hydrate=u.hydrate,l})};return e.hydrate=a,e}export{V as C,_ as F,j as a,g as b,b as u};
+//# sourceMappingURL=useForm-3oClzOJC.js.map