@iziui/react 0.0.4-rc → 0.0.51-rc

package/dist/layout/Grid/GridItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GridItem.js","sources":["../../../src/layout/Grid/GridItem.tsx"],"sourcesContent":["\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":["GridItem","children","gridColumnStart","gridRowStart","alignSelf","xl","lg","md","sm","xs","props","className","joinClass","size","value","prefix","jsx"],"mappings":"4NAaO,SAASA,EAAS,CACvB,SAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,UAAAC,EACA,GAAAC,EAAK,EACL,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAGC,CACL,EAA4B,CAS1B,MAAMC,EAAYC,EAChB,iBACA,OAAO,QAVK,CACZ,GAAAP,EACA,GAAIC,GAAMD,EACV,GAAIE,GAAMD,GAAMD,EAChB,GAAIG,GAAMD,GAAMD,GAAMD,EACtB,GAAII,GAAMD,GAAMD,GAAMD,GAAMD,CAAA,CAKR,EACjB,IAAI,CAAC,CAACQ,EAAMC,CAAK,IACT,GAAGC,CAAM,gBAAgBF,CAAI,IAAIC,CAAK,EAC9C,EACA,KAAK,GAAG,EACXJ,EAAM,SAAA,EAGR,OACEM,EAAC,MAAA,CACE,GAAGN,EACJ,UAAAC,EACA,MAAO,CACL,gBAAAT,EACA,aAAAC,EACA,UAAAC,EACA,GAAGM,EAAM,KAAA,EAGV,SAAAT,CAAA,CAAA,CAGP"}

package/dist/layout/Grid/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Grid.cjs"),r=require("./GridItem.cjs");exports.Grid=e.Grid;exports.GridItem=r.GridItem;
-//# sourceMappingURL=index.cjs.map

package/dist/layout/Grid/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

package/dist/layout/Grid/index.js

@@ -1,2 +0,0 @@
-import{Grid as e}from"./Grid.js";import{GridItem as t}from"./GridItem.js";export{e as Grid,t as GridItem};
-//# sourceMappingURL=index.js.map

package/dist/layout/Grid/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/layout/Grid/interface.cjs

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=interface.cjs.map

package/dist/layout/Grid/interface.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"interface.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/layout/Grid/interface.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/layout/Grid/interface.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAE/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEzD,MAAM,MAAM,IAAI,GAAG;IACjB,EAAE,EAAE,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACpB,EAAE,EAAE,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACpB,EAAE,EAAE,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACpB,EAAE,EAAE,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACpB,EAAE,EAAE,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,kBAAkB,CAAC,WAAW,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAE5E,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG;IAC9C,eAAe,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAClC,YAAY,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACxC,CAAC"}

package/dist/layout/Grid/interface.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=interface.js.map

package/dist/layout/Grid/interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"interface.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/layout/Stack/Stack.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),m=require("react"),q=require("../../tokens/dist/web/js/index.cjs"),x=require("../../core/src/utils/joinClass/joinClass.cjs"),j=require("../../core/createComponent.cjs");;/* empty css                                       */const k=m.forwardRef(function({children:t,tag:s="div",gap:r=16,alignSelf:a,flexWrap:c="nowrap",alignItems:n="flex-start",flexDirection:o="column",justifyContent:u="flex-start",...e},i){const l=x.joinClass(`${q.prefix}-stack`,e.className),f=s;return d.jsx(f,{...e,ref:i,className:l,style:{gap:r,flexWrap:c,alignItems:n,alignSelf:a,flexDirection:o,justifyContent:u,...e.style},children:t})}),C=j.default(k);exports.default=C;
-//# sourceMappingURL=Stack.cjs.map

package/dist/layout/Stack/Stack.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.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":"gXAqBA,MAAMA,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,QAAgBjB,CAAK"}

package/dist/layout/Stack/Stack.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/layout/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAS3D,OAAO,qCAAqC,CAAC;AAE7C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC7D,GAAG,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAC/C,cAAc,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACjD,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACzC,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;CACtC;;AA6CD,wBAAsC"}

package/dist/layout/Stack/Stack.js

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

package/dist/layout/Stack/Stack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.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":"6SAqBA,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/layout/Stack/Stack.spec.d.ts.map

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

package/dist/layout/Stack/Stack.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.stories.d.ts","sourceRoot":"","sources":["../../../src/layout/Stack/Stack.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,KAAK,MAAM,SAAS,CAAC;AAe5B,eAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,OAAO,KAAK,CAUvC,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,OAAO,KAAK,CAU1C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,KAAK,CAE7C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA0G5B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/layout/Stack/index.cjs

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

package/dist/layout/Stack/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

package/dist/layout/Stack/index.js

@@ -1,2 +0,0 @@
-import{default as o}from"./Stack.js";export{o as default};
-//# sourceMappingURL=index.js.map

package/dist/layout/Stack/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/layout/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./Box/Box.cjs");const e=require("./Grid/Grid.cjs"),r=require("./Grid/GridItem.cjs");require("./Stack/Stack.cjs");exports.Grid=e.Grid;exports.GridItem=r.GridItem;
-//# sourceMappingURL=index.cjs.map

package/dist/layout/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

package/dist/layout/index.js

@@ -1,2 +0,0 @@
-import"./Box/Box.js";import{Grid as i}from"./Grid/Grid.js";import{GridItem as e}from"./Grid/GridItem.js";import"./Stack/Stack.js";export{i as Grid,e as GridItem};
-//# sourceMappingURL=index.js.map

package/dist/layout/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/navigation/Drawer/Drawer.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),c=require("react"),t=require("../../tokens/dist/web/js/index.cjs"),i=require("../../core/src/utils/joinClass/joinClass.cjs"),h=require("../../layout/Stack/Stack.cjs"),j=require("../../core/createComponent.cjs");;/* empty css                                        */function y({open:a,header:u,body:d,footer:f,direction:o="right",onClose:m,...l}){const[n,r]=c.useState({visible:!1,animation:"hide"}),v=300,_=i.joinClass(`${t.prefix}-drawer`,l.className),w=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}`);c.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=""},v));return n.visible&&s.jsxs("div",{...l,className:_,children:[s.jsxs(h.default,{className:w,children:[u,d,f]}),s.jsx("div",{"data-testid":"drawer-overlay",className:x,onClick:m})]})}const b=j.default(y);exports.default=b;
-//# sourceMappingURL=Drawer.cjs.map

package/dist/navigation/Drawer/Drawer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.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":"2ZAyBA,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,QAAA,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,QAAgB1B,CAAM"}

package/dist/navigation/Drawer/Drawer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/navigation/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAUjE,OAAO,sCAAsC,CAAC;AAE9C,KAAK,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAI7C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;;AAkFD,wBAAuC"}

package/dist/navigation/Drawer/Drawer.js

@@ -1,2 +0,0 @@
-import{jsxs as l,jsx as p}from"react/jsx-runtime";import{useState as y,useEffect as C}from"react";import{prefix as t}from"../../tokens/dist/web/js/index.js";import{joinClass as a}from"../../core/src/utils/joinClass/joinClass.js";import N from"../../layout/Stack/Stack.js";import b from"../../core/createComponent.js";/* empty css                                     */function T({open:n,header:m,body:c,footer:d,direction:i="right",onClose:f,...s}){const[o,r]=y({visible:!1,animation:"hide"}),u=300,v=a(`${t}-drawer`,s.className),w=a(`${t}-drawer__content`,`${t}-drawer__content--${i}`,`${t}-drawer__content--${i}--${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",{...s,className:v,children:[l(N,{className:w,children:[m,c,d]}),p("div",{"data-testid":"drawer-overlay",className:_,onClick:f})]})}const k=b(T);export{k as default};
-//# sourceMappingURL=Drawer.js.map

package/dist/navigation/Drawer/Drawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.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":"gXAyBA,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/navigation/Drawer/Drawer.spec.d.ts.map

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

package/dist/navigation/Drawer/Drawer.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Drawer.stories.d.ts","sourceRoot":"","sources":["../../../src/navigation/Drawer/Drawer.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,MAAM,MAAM,UAAU,CAAC;AAkC9B,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,MAAM,CAyBzC,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,OAAO,MAAM,CA4CxC,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,MAAM,CAyB1C,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,MAAM,CAkC1C,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,MAAM,CAyC1C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,MAAM,CAE9C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAmF7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/navigation/Drawer/DrawerContent.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),s=require("../../tokens/dist/web/js/index.cjs"),o=require("../../core/src/utils/joinClass/joinClass.cjs"),a=require("../../core/createComponent.cjs");function i({children:t,...e}){const n=o.joinClass(`${s.prefix}-drawer__content__container`,e.className);return r.jsx("div",{...e,className:n,children:t})}const u=a.default(i);exports.default=u;
-//# sourceMappingURL=DrawerContent.cjs.map

package/dist/navigation/Drawer/DrawerContent.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DrawerContent.cjs","sources":["../../../src/navigation/Drawer/DrawerContent.tsx"],"sourcesContent":["import { HtmlHTMLAttributes, PropsWithChildren } 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 DrawerContentProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>\n\nfunction DrawerContent({ children, ...props }: DrawerContentProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__content__container`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(DrawerContent);"],"names":["DrawerContent","children","props","cls","joinClass","prefix","DrawerContent_default","createComponent"],"mappings":"uSAUA,SAASA,EAAc,CAAE,SAAAC,EAAU,GAAGC,GAA6B,CACjE,MAAMC,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,8BACTH,EAAM,SAAA,EAGR,aACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EACxB,SAAAF,EACH,CAEJ,CAEA,MAAAK,EAAeC,EAAAA,QAAgBP,CAAa"}

package/dist/navigation/Drawer/DrawerContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DrawerContent.d.ts","sourceRoot":"","sources":["../../../src/navigation/Drawer/DrawerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAQ9D,KAAK,kBAAkB,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAAC,CAAA;;AAe/E,wBAA8C"}

package/dist/navigation/Drawer/DrawerContent.js

@@ -1,2 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{prefix as n}from"../../tokens/dist/web/js/index.js";import{joinClass as a}from"../../core/src/utils/joinClass/joinClass.js";import m from"../../core/createComponent.js";function s({children:r,...t}){const o=a(`${n}-drawer__content__container`,t.className);return e("div",{...t,className:o,children:r})}const p=m(s);export{p as default};
-//# sourceMappingURL=DrawerContent.js.map

package/dist/navigation/Drawer/DrawerContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DrawerContent.js","sources":["../../../src/navigation/Drawer/DrawerContent.tsx"],"sourcesContent":["import { HtmlHTMLAttributes, PropsWithChildren } 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 DrawerContentProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>\n\nfunction DrawerContent({ children, ...props }: DrawerContentProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__content__container`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(DrawerContent);"],"names":["DrawerContent","children","props","cls","joinClass","prefix","DrawerContent_default","createComponent"],"mappings":"wNAUA,SAASA,EAAc,CAAE,SAAAC,EAAU,GAAGC,GAA6B,CACjE,MAAMC,EAAMC,EACV,GAAGC,CAAM,8BACTH,EAAM,SAAA,EAGR,SACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EACxB,SAAAF,EACH,CAEJ,CAEA,MAAAK,EAAeC,EAAgBP,CAAa"}

package/dist/navigation/Drawer/DrawerContent.spec.d.ts.map

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

package/dist/navigation/Drawer/DrawerFooter.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),s=require("../../tokens/dist/web/js/index.cjs"),n=require("../../core/src/utils/joinClass/joinClass.cjs"),a=require("../../core/createComponent.cjs");function u({children:r,...e}){const t=n.joinClass(`${s.prefix}-drawer__footer`,e.className);return o.jsx("div",{...e,className:t,children:r})}const i=a.default(u);exports.default=i;
-//# sourceMappingURL=DrawerFooter.cjs.map

package/dist/navigation/Drawer/DrawerFooter.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DrawerFooter.cjs","sources":["../../../src/navigation/Drawer/DrawerFooter.tsx"],"sourcesContent":["import { HtmlHTMLAttributes, PropsWithChildren } 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 DrawerFooterProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>\n\nfunction DrawerFooter({ children, ...props }: DrawerFooterProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__footer`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(DrawerFooter);\n"],"names":["DrawerFooter","children","props","cls","joinClass","prefix","DrawerFooter_default","createComponent"],"mappings":"uSAUA,SAASA,EAAa,CAAE,SAAAC,EAAU,GAAGC,GAA4B,CAC/D,MAAMC,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,kBACTH,EAAM,SAAA,EAGR,aACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EACxB,SAAAF,EACH,CAEJ,CAEA,MAAAK,EAAeC,EAAAA,QAAgBP,CAAY"}

package/dist/navigation/Drawer/DrawerFooter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DrawerFooter.d.ts","sourceRoot":"","sources":["../../../src/navigation/Drawer/DrawerFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAQ9D,KAAK,iBAAiB,GAAG,iBAAiB,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAAC,CAAA;;AAe9E,wBAA6C"}

package/dist/navigation/Drawer/DrawerFooter.js

@@ -1,2 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{prefix as a}from"../../tokens/dist/web/js/index.js";import{joinClass as m}from"../../core/src/utils/joinClass/joinClass.js";import s from"../../core/createComponent.js";function f({children:o,...r}){const e=m(`${a}-drawer__footer`,r.className);return t("div",{...r,className:e,children:o})}const p=s(f);export{p as default};
-//# sourceMappingURL=DrawerFooter.js.map

package/dist/navigation/Drawer/DrawerFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DrawerFooter.js","sources":["../../../src/navigation/Drawer/DrawerFooter.tsx"],"sourcesContent":["import { HtmlHTMLAttributes, PropsWithChildren } 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 DrawerFooterProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>\n\nfunction DrawerFooter({ children, ...props }: DrawerFooterProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__footer`,\n    props.className\n  );\n\n  return (\n    <div {...props} className={cls}>\n      {children}\n    </div>\n  );\n}\n\nexport default createComponent(DrawerFooter);\n"],"names":["DrawerFooter","children","props","cls","joinClass","prefix","DrawerFooter_default","createComponent"],"mappings":"wNAUA,SAASA,EAAa,CAAE,SAAAC,EAAU,GAAGC,GAA4B,CAC/D,MAAMC,EAAMC,EACV,GAAGC,CAAM,kBACTH,EAAM,SAAA,EAGR,SACG,MAAA,CAAK,GAAGA,EAAO,UAAWC,EACxB,SAAAF,EACH,CAEJ,CAEA,MAAAK,EAAeC,EAAgBP,CAAY"}

package/dist/navigation/Drawer/DrawerFooter.spec.d.ts.map

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

package/dist/navigation/Drawer/DrawerHeader.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("../../tokens/dist/web/js/index.cjs"),c=require("../../core/src/utils/joinClass/joinClass.cjs"),i=require("../../layout/Stack/Stack.cjs"),o=require("../../actions/ButtonIcon/ButtonIcon.cjs"),u=require("../../display/Icon/Icon.cjs"),l=require("../../core/createComponent.cjs");function d({children:a,onClose:r,...t}){const n=c.joinClass(`${s.prefix}-drawer__header`,t.className);return e.jsxs(i.default,{flexDirection:"row",alignItems:"center",justifyContent:"space-between",...t,className:n,children:[a,r&&e.jsx(o.default,{onClick:r,color:"primary","aria-label":"Fechar","data-testid":"drawer-close-button",children:e.jsx(u.default,{name:"times"})})]})}const f=l.default(d);exports.default=f;
-//# sourceMappingURL=DrawerHeader.cjs.map

package/dist/navigation/Drawer/DrawerHeader.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DrawerHeader.cjs","sources":["../../../src/navigation/Drawer/DrawerHeader.tsx"],"sourcesContent":["import { HtmlHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Stack from '@/layout/Stack';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport Icon from '@/display/Icon';\n\nimport createComponent from '../../core/createComponent';\n\ninterface DrawerHeaderProps extends HtmlHTMLAttributes<HTMLDivElement> {\n  onClose: () => void;\n}\n\nfunction DrawerHeader({ children, onClose, ...props }: DrawerHeaderProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__header`,\n    props.className\n  );\n\n  return (\n    <Stack\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      {...props}\n      className={cls}\n    >\n      {children}\n      {\n        onClose && (\n          <ButtonIcon\n            onClick={onClose}\n            color=\"primary\"\n            aria-label=\"Fechar\"\n            data-testid=\"drawer-close-button\"\n          >\n            <Icon name=\"times\" />\n          </ButtonIcon>\n        )\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(DrawerHeader);"],"names":["DrawerHeader","children","onClose","props","cls","joinClass","prefix","jsxs","Stack","jsx","ButtonIcon","Icon","DrawerHeader_default","createComponent"],"mappings":"+aAgBA,SAASA,EAAa,CAAE,SAAAC,EAAU,QAAAC,EAAS,GAAGC,GAA4B,CACxE,MAAMC,EAAMC,EAAAA,UACV,GAAGC,EAAAA,MAAM,kBACTH,EAAM,SAAA,EAGR,OACEI,EAAAA,KAACC,EAAAA,QAAA,CACC,cAAc,MACd,WAAW,SACX,eAAe,gBACd,GAAGL,EACJ,UAAWC,EAEV,SAAA,CAAAH,EAECC,GACEO,EAAAA,IAACC,EAAAA,QAAA,CACC,QAASR,EACT,MAAM,UACN,aAAW,SACX,cAAY,sBAEZ,SAAAO,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CAAA,CACrB,CAAA,CAAA,CAKV,CAEA,MAAAC,EAAeC,EAAAA,QAAgBb,CAAY"}

package/dist/navigation/Drawer/DrawerHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DrawerHeader.d.ts","sourceRoot":"","sources":["../../../src/navigation/Drawer/DrawerHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAY3C,UAAU,iBAAkB,SAAQ,kBAAkB,CAAC,cAAc,CAAC;IACpE,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;;AAiCD,wBAA6C"}

package/dist/navigation/Drawer/DrawerHeader.js

@@ -1,2 +0,0 @@
-import{jsxs as i,jsx as t}from"react/jsx-runtime";import{prefix as m}from"../../tokens/dist/web/js/index.js";import{joinClass as n}from"../../core/src/utils/joinClass/joinClass.js";import c from"../../layout/Stack/Stack.js";import s from"../../actions/ButtonIcon/ButtonIcon.js";import l from"../../display/Icon/Icon.js";import f from"../../core/createComponent.js";function d({children:o,onClose:r,...e}){const a=n(`${m}-drawer__header`,e.className);return i(c,{flexDirection:"row",alignItems:"center",justifyContent:"space-between",...e,className:a,children:[o,r&&t(s,{onClick:r,color:"primary","aria-label":"Fechar","data-testid":"drawer-close-button",children:t(l,{name:"times"})})]})}const C=f(d);export{C as default};
-//# sourceMappingURL=DrawerHeader.js.map

package/dist/navigation/Drawer/DrawerHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DrawerHeader.js","sources":["../../../src/navigation/Drawer/DrawerHeader.tsx"],"sourcesContent":["import { HtmlHTMLAttributes } from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils/joinClass';\n\nimport Stack from '@/layout/Stack';\nimport ButtonIcon from '@/actions/ButtonIcon';\nimport Icon from '@/display/Icon';\n\nimport createComponent from '../../core/createComponent';\n\ninterface DrawerHeaderProps extends HtmlHTMLAttributes<HTMLDivElement> {\n  onClose: () => void;\n}\n\nfunction DrawerHeader({ children, onClose, ...props }: DrawerHeaderProps) {\n  const cls = joinClass(\n    `${prefix}-drawer__header`,\n    props.className\n  );\n\n  return (\n    <Stack\n      flexDirection=\"row\"\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      {...props}\n      className={cls}\n    >\n      {children}\n      {\n        onClose && (\n          <ButtonIcon\n            onClick={onClose}\n            color=\"primary\"\n            aria-label=\"Fechar\"\n            data-testid=\"drawer-close-button\"\n          >\n            <Icon name=\"times\" />\n          </ButtonIcon>\n        )\n      }\n    </Stack>\n  );\n}\n\nexport default createComponent(DrawerHeader);"],"names":["DrawerHeader","children","onClose","props","cls","joinClass","prefix","jsxs","Stack","jsx","ButtonIcon","Icon","DrawerHeader_default","createComponent"],"mappings":"6WAgBA,SAASA,EAAa,CAAE,SAAAC,EAAU,QAAAC,EAAS,GAAGC,GAA4B,CACxE,MAAMC,EAAMC,EACV,GAAGC,CAAM,kBACTH,EAAM,SAAA,EAGR,OACEI,EAACC,EAAA,CACC,cAAc,MACd,WAAW,SACX,eAAe,gBACd,GAAGL,EACJ,UAAWC,EAEV,SAAA,CAAAH,EAECC,GACEO,EAACC,EAAA,CACC,QAASR,EACT,MAAM,UACN,aAAW,SACX,cAAY,sBAEZ,SAAAO,EAACE,EAAA,CAAK,KAAK,OAAA,CAAQ,CAAA,CAAA,CACrB,CAAA,CAAA,CAKV,CAEA,MAAAC,EAAeC,EAAgBb,CAAY"}

package/dist/navigation/Drawer/DrawerHeader.spec.d.ts.map

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

package/dist/navigation/Drawer/index.cjs

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

package/dist/navigation/Drawer/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/navigation/Drawer/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigation/Drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/navigation/Drawer/index.js

@@ -1,2 +0,0 @@
-import{default as o}from"./Drawer.js";export{o as default};
-//# sourceMappingURL=index.js.map

package/dist/navigation/Drawer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/navigation/Drawer/useDrawer.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react");function u(e=!1){const[o,t]=r.useState(!1);return r.useEffect(()=>{t(e)},[e]),[o,()=>{t(s=>!s)}]}exports.default=u;
-//# sourceMappingURL=useDrawer.cjs.map

package/dist/navigation/Drawer/useDrawer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDrawer.cjs","sources":["../../../src/navigation/Drawer/useDrawer.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ntype UseDrawer = [boolean, () => void]\n\nexport default function useDrawer(open = false): UseDrawer {\n  const [_open, setOpen] = useState(false);\n\n  useEffect(() => { setOpen(open); }, [open]);\n\n  const toogleDrawer = () => { setOpen(prev => !prev); };\n\n  return [_open, toogleDrawer];\n}"],"names":["useDrawer","open","_open","setOpen","useState","useEffect","prev"],"mappings":"qIAIA,SAAwBA,EAAUC,EAAO,GAAkB,CACzD,KAAM,CAACC,EAAOC,CAAO,EAAIC,EAAAA,SAAS,EAAK,EAEvCC,OAAAA,EAAAA,UAAU,IAAM,CAAEF,EAAQF,CAAI,CAAG,EAAG,CAACA,CAAI,CAAC,EAInC,CAACC,EAFa,IAAM,CAAEC,EAAQG,GAAQ,CAACA,CAAI,CAAG,CAE1B,CAC7B"}

package/dist/navigation/Drawer/useDrawer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDrawer.d.ts","sourceRoot":"","sources":["../../../src/navigation/Drawer/useDrawer.ts"],"names":[],"mappings":"AAEA,KAAK,SAAS,GAAG,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,CAAA;AAEtC,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,IAAI,UAAQ,GAAG,SAAS,CAQzD"}

package/dist/navigation/Drawer/useDrawer.js

@@ -1,2 +0,0 @@
-import{useState as s,useEffect as a}from"react";function u(e=!1){const[r,t]=s(!1);return a(()=>{t(e)},[e]),[r,()=>{t(o=>!o)}]}export{u as default};
-//# sourceMappingURL=useDrawer.js.map

package/dist/navigation/Drawer/useDrawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDrawer.js","sources":["../../../src/navigation/Drawer/useDrawer.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\ntype UseDrawer = [boolean, () => void]\n\nexport default function useDrawer(open = false): UseDrawer {\n  const [_open, setOpen] = useState(false);\n\n  useEffect(() => { setOpen(open); }, [open]);\n\n  const toogleDrawer = () => { setOpen(prev => !prev); };\n\n  return [_open, toogleDrawer];\n}"],"names":["useDrawer","open","_open","setOpen","useState","useEffect","prev"],"mappings":"gDAIA,SAAwBA,EAAUC,EAAO,GAAkB,CACzD,KAAM,CAACC,EAAOC,CAAO,EAAIC,EAAS,EAAK,EAEvC,OAAAC,EAAU,IAAM,CAAEF,EAAQF,CAAI,CAAG,EAAG,CAACA,CAAI,CAAC,EAInC,CAACC,EAFa,IAAM,CAAEC,EAAQG,GAAQ,CAACA,CAAI,CAAG,CAE1B,CAC7B"}

package/dist/navigation/Drawer/useDrawer.spec.d.ts.map

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

package/dist/navigation/Menu/Menu.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),t=require("react"),o=require("../../tokens/dist/web/js/index.cjs"),R=require("../../core/src/utils/joinClass/joinClass.cjs"),S=require("../../toolkit/src/uuid/uuid.cjs"),P=require("../../toolkit/src/debounce/debounce.cjs"),z=require("../../hooks/useListenerResized/useListenerResized.cjs"),D=require("../../display/Card/Card.cjs"),L=require("../../display/Card/CardContent.cjs"),W=require("../../core/createComponent.cjs");;/* empty css                                      */const B=t.forwardRef(function({open:r,width:b,children:q,anchorEl:a,direction:c="left",maxHeight:_,autoClose:g,onClose:j,...l},v){const[x,$]=t.useState(),[u,i]=t.useState({state:"invisible",animation:"close",width:"auto"}),N=16,C=150,M=t.Children.toArray(q),h=t.useMemo(()=>S.uuid(),[]),T=R.joinClass(`${o.prefix}-menu`,`${o.prefix}-menu--${u?.animation}`,l.className);z.default(()=>p(),[a]),t.useEffect(()=>{p()},[a]),t.useEffect(()=>{r?k():f()},[r]);const p=()=>{a&&setTimeout(()=>{let e={};const{offsetWidth:n,offsetHeight:d,offsetLeft:y,offsetTop:w}=a;i(O=>({...O,width:n}));const m=w+d+N/2,A=document.getElementById(h);c==="center"&&(e={top:m,right:n}),c==="left"&&(e={top:m,left:y}),c==="right"&&(e={top:m,left:y-(A.offsetWidth-n)}),$(e)},0)},k=()=>{i(e=>({...e,state:"visible"})),setTimeout(()=>{i(e=>({...e,animation:"open"}))},10)},f=()=>{i(e=>({...e,animation:"close"})),setTimeout(()=>{i(e=>({...e,state:"invisible"})),j()},C)},I=()=>M.map((e,n)=>t.cloneElement(e,{tabIndex:n+1,key:`button-${n}`,onClick:d=>{P.debounce.delay(()=>{g&&f(),e.props.onClick&&e.props.onClick(d)},0)}}));return s.jsxs(s.Fragment,{children:[s.jsx("div",{id:h,ref:v,...l,style:{width:b||u.width,top:x?.top,left:x?.left,display:u?.state==="visible"?"block":"none",transition:`all ${C}ms ease-in`,zIndex:50,...l.style},className:T,children:r&&s.jsx(D.default,{className:`${o.prefix}-menu__card`,children:s.jsx(L.default,{className:`${o.prefix}-menu__card__content`,sx:{py:1},style:{display:"flex",flexDirection:"column",maxHeight:_},children:I()})})}),r&&s.jsx("div",{className:`${o.prefix}-menu__overlay`,onClick:f})]})}),E=W.default(B);exports.default=E;
-//# sourceMappingURL=Menu.cjs.map

package/dist/navigation/Menu/Menu.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.cjs","sources":["../../../src/navigation/Menu/Menu.tsx"],"sourcesContent":["import {\n  useMemo,\n  useState,\n  useEffect,\n  Children,\n  forwardRef,\n  type ReactElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  cloneElement\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport { uuid } from '@iziui/toolkit/uuid';\nimport { debounce } from '@iziui/toolkit/debounce';\n\nimport useListenerResized from '@/hooks/useListenerResized';\nimport { Card, CardContent } from '@/display/Card';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Menu.scss';\n\ntype Direction = 'left' | 'right' | 'center';\ntype AnimationClass = 'open' | 'close';\ntype State = 'visible' | 'invisible';\ntype Coordinates = { top?: number; right?: number; bottom?: number; left?: number; };\ntype Config = { animation: AnimationClass, state: State; width: CSSProperties['width'] };\n\nexport interface MenuProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  autoClose?: boolean;\n  maxHeight?: CSSProperties['maxHeight'];\n  direction?: Direction;\n  anchorEl: HTMLElement | null;\n  width?: CSSProperties['width'];\n  children: React.JSX.Element | React.JSX.Element[];\n  onClose: (e?: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst Menu = forwardRef<HTMLDivElement, MenuProps>(function Menu({\n  open,\n  width,\n  children,\n  anchorEl,\n  direction = 'left',\n  maxHeight,\n  autoClose,\n  onClose,\n  ...props\n}: MenuProps, ref) {\n  const [coordinate, setCoordinate] = useState<Coordinates>();\n  const [config, setConfig] = useState<Config>({ state: 'invisible', animation: 'close', width: 'auto' });\n\n  const GAP = 16;\n  const ANIMATION_DURATION = 150;\n\n  const arrayChildren = Children.toArray(children) as ReactElement<any>[];\n\n  const id = useMemo(() => uuid(), []);\n\n  const classes = joinClass(\n    `${prefix}-menu`,\n    `${prefix}-menu--${config?.animation}`,\n    props.className\n  );\n\n  useListenerResized(() => changePosition(), [anchorEl]);\n\n  useEffect(() => { changePosition(); }, [anchorEl]);\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n  useEffect(() => { open ? handleOpen() : handleClose(); }, [open]);\n\n  const changePosition = () => {\n    if (!anchorEl) { return; }\n\n    setTimeout(() => {\n      let coordinates: Coordinates = {};\n\n      const { offsetWidth, offsetHeight, offsetLeft, offsetTop } = anchorEl;\n\n      setConfig(prev => ({ ...prev, width: offsetWidth }));\n\n      const top = offsetTop + offsetHeight + (GAP / 2);\n\n      const el = document.getElementById(id) as HTMLElement;\n\n      if (direction === 'center') { coordinates = { top, right: offsetWidth }; }\n\n      if (direction === 'left') { coordinates = { top, left: offsetLeft }; }\n\n      if (direction === 'right') { coordinates = { top, left: offsetLeft - (el.offsetWidth - offsetWidth) }; }\n\n      setCoordinate(coordinates);\n    }, 0);\n  };\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, state: 'visible' }));\n\n    setTimeout(() => { setConfig(prev => ({ ...prev, animation: 'open' })); }, 10);\n  };\n\n  const handleClose = () => {\n    setConfig(prev => ({ ...prev, animation: 'close' }));\n\n    setTimeout(() => {\n      setConfig(prev => ({ ...prev, state: 'invisible' }));\n      onClose();\n    }, ANIMATION_DURATION);\n  };\n\n  const renderChildren = () => {\n    return arrayChildren.map((child, index) => {\n      return cloneElement(child, {\n        'tabIndex': index + 1,\n        key: `button-${index}`,\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n          debounce.delay(() => {\n\n            if (autoClose) { handleClose(); }\n\n            if (child.props.onClick) { child.props.onClick(e); }\n          }, 0);\n        },\n      });\n    });\n  };\n\n  return (\n    <>\n      <div\n        id={id}\n        ref={ref}\n        {...props}\n        style={{\n          width: width || config.width,\n          top: coordinate?.top,\n          left: coordinate?.left,\n          display: config?.state === 'visible' ? 'block' : 'none',\n          transition: `all ${ANIMATION_DURATION}ms ease-in`,\n          zIndex: 50,\n          ...props.style\n        }}\n        className={classes}\n      >\n        {\n          open && (\n            <Card className={`${prefix}-menu__card`}>\n              <CardContent\n                className={`${prefix}-menu__card__content`}\n                sx={{ py: 1 }}\n                style={{ display: 'flex', flexDirection: 'column', maxHeight }}\n              >\n                {renderChildren()}\n              </CardContent>\n            </Card>\n          )\n        }\n      </div>\n      {open && <div className={`${prefix}-menu__overlay`} onClick={handleClose} />}\n    </>\n  );\n});\n\nexport default createComponent(Menu);\n"],"names":["Menu","forwardRef","open","width","children","anchorEl","direction","maxHeight","autoClose","onClose","props","ref","coordinate","setCoordinate","useState","config","setConfig","GAP","ANIMATION_DURATION","arrayChildren","Children","id","useMemo","uuid","classes","joinClass","prefix","useListenerResized","changePosition","useEffect","handleOpen","handleClose","coordinates","offsetWidth","offsetHeight","offsetLeft","offsetTop","prev","top","el","renderChildren","child","index","cloneElement","e","debounce","jsxs","Fragment","jsx","Card","CardContent","createComponent"],"mappings":"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"}

package/dist/navigation/Menu/Menu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/navigation/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,aAAa,EAClB,KAAK,cAAc,EAEpB,MAAM,OAAO,CAAC;AAcf,OAAO,oCAAoC,CAAC;AAE5C,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAM7C,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,IAAI,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;IAClD,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC5D;;AAgID,wBAAqC"}

package/dist/navigation/Menu/Menu.js

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

package/dist/navigation/Menu/Menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.js","sources":["../../../src/navigation/Menu/Menu.tsx"],"sourcesContent":["import {\n  useMemo,\n  useState,\n  useEffect,\n  Children,\n  forwardRef,\n  type ReactElement,\n  type CSSProperties,\n  type HTMLAttributes,\n  cloneElement\n} from 'react';\n\nimport { prefix } from '@iziui/tokens/web/js';\n\nimport { joinClass } from '@iziui/core/utils';\n\nimport { uuid } from '@iziui/toolkit/uuid';\nimport { debounce } from '@iziui/toolkit/debounce';\n\nimport useListenerResized from '@/hooks/useListenerResized';\nimport { Card, CardContent } from '@/display/Card';\n\nimport createComponent from '../../core/createComponent';\n\nimport '@iziui/styles/components/Menu.scss';\n\ntype Direction = 'left' | 'right' | 'center';\ntype AnimationClass = 'open' | 'close';\ntype State = 'visible' | 'invisible';\ntype Coordinates = { top?: number; right?: number; bottom?: number; left?: number; };\ntype Config = { animation: AnimationClass, state: State; width: CSSProperties['width'] };\n\nexport interface MenuProps extends HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  autoClose?: boolean;\n  maxHeight?: CSSProperties['maxHeight'];\n  direction?: Direction;\n  anchorEl: HTMLElement | null;\n  width?: CSSProperties['width'];\n  children: React.JSX.Element | React.JSX.Element[];\n  onClose: (e?: React.MouseEvent<HTMLButtonElement>) => void;\n}\n\nconst Menu = forwardRef<HTMLDivElement, MenuProps>(function Menu({\n  open,\n  width,\n  children,\n  anchorEl,\n  direction = 'left',\n  maxHeight,\n  autoClose,\n  onClose,\n  ...props\n}: MenuProps, ref) {\n  const [coordinate, setCoordinate] = useState<Coordinates>();\n  const [config, setConfig] = useState<Config>({ state: 'invisible', animation: 'close', width: 'auto' });\n\n  const GAP = 16;\n  const ANIMATION_DURATION = 150;\n\n  const arrayChildren = Children.toArray(children) as ReactElement<any>[];\n\n  const id = useMemo(() => uuid(), []);\n\n  const classes = joinClass(\n    `${prefix}-menu`,\n    `${prefix}-menu--${config?.animation}`,\n    props.className\n  );\n\n  useListenerResized(() => changePosition(), [anchorEl]);\n\n  useEffect(() => { changePosition(); }, [anchorEl]);\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n  useEffect(() => { open ? handleOpen() : handleClose(); }, [open]);\n\n  const changePosition = () => {\n    if (!anchorEl) { return; }\n\n    setTimeout(() => {\n      let coordinates: Coordinates = {};\n\n      const { offsetWidth, offsetHeight, offsetLeft, offsetTop } = anchorEl;\n\n      setConfig(prev => ({ ...prev, width: offsetWidth }));\n\n      const top = offsetTop + offsetHeight + (GAP / 2);\n\n      const el = document.getElementById(id) as HTMLElement;\n\n      if (direction === 'center') { coordinates = { top, right: offsetWidth }; }\n\n      if (direction === 'left') { coordinates = { top, left: offsetLeft }; }\n\n      if (direction === 'right') { coordinates = { top, left: offsetLeft - (el.offsetWidth - offsetWidth) }; }\n\n      setCoordinate(coordinates);\n    }, 0);\n  };\n\n  const handleOpen = () => {\n    setConfig(prev => ({ ...prev, state: 'visible' }));\n\n    setTimeout(() => { setConfig(prev => ({ ...prev, animation: 'open' })); }, 10);\n  };\n\n  const handleClose = () => {\n    setConfig(prev => ({ ...prev, animation: 'close' }));\n\n    setTimeout(() => {\n      setConfig(prev => ({ ...prev, state: 'invisible' }));\n      onClose();\n    }, ANIMATION_DURATION);\n  };\n\n  const renderChildren = () => {\n    return arrayChildren.map((child, index) => {\n      return cloneElement(child, {\n        'tabIndex': index + 1,\n        key: `button-${index}`,\n        onClick: (e: React.MouseEvent<HTMLButtonElement>) => {\n          debounce.delay(() => {\n\n            if (autoClose) { handleClose(); }\n\n            if (child.props.onClick) { child.props.onClick(e); }\n          }, 0);\n        },\n      });\n    });\n  };\n\n  return (\n    <>\n      <div\n        id={id}\n        ref={ref}\n        {...props}\n        style={{\n          width: width || config.width,\n          top: coordinate?.top,\n          left: coordinate?.left,\n          display: config?.state === 'visible' ? 'block' : 'none',\n          transition: `all ${ANIMATION_DURATION}ms ease-in`,\n          zIndex: 50,\n          ...props.style\n        }}\n        className={classes}\n      >\n        {\n          open && (\n            <Card className={`${prefix}-menu__card`}>\n              <CardContent\n                className={`${prefix}-menu__card__content`}\n                sx={{ py: 1 }}\n                style={{ display: 'flex', flexDirection: 'column', maxHeight }}\n              >\n                {renderChildren()}\n              </CardContent>\n            </Card>\n          )\n        }\n      </div>\n      {open && <div className={`${prefix}-menu__overlay`} onClick={handleClose} />}\n    </>\n  );\n});\n\nexport default createComponent(Menu);\n"],"names":["Menu","forwardRef","open","width","children","anchorEl","direction","maxHeight","autoClose","onClose","props","ref","coordinate","setCoordinate","useState","config","setConfig","GAP","ANIMATION_DURATION","arrayChildren","Children","id","useMemo","uuid","classes","joinClass","prefix","useListenerResized","changePosition","useEffect","handleOpen","handleClose","coordinates","offsetWidth","offsetHeight","offsetLeft","offsetTop","prev","top","el","renderChildren","child","index","cloneElement","e","debounce","jsxs","Fragment","jsx","Card","CardContent","Menu$1","createComponent"],"mappings":"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"}

package/dist/navigation/Menu/Menu.spec.d.ts.map

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

package/dist/navigation/Menu/Menu.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../src/navigation/Menu/Menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAUvD,OAAO,IAAwB,MAAM,QAAQ,CAAC;AAG9C,eAAO,MAAM,IAAI,EAAE,QAAQ,CAAC,OAAO,IAAI,CAqBtC,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,QAAQ,CAAC,OAAO,IAAI,CAevC,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,QAAQ,CAAC,OAAO,IAAI,CAexC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,OAAO,IAAI,CAepD,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAAQ,CAAC,OAAO,IAAI,CAe1C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC,OAAO,IAAI,CAe3C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,QAAQ,CAAC,OAAO,IAAI,CAe7C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,QAAQ,CAAC,OAAO,IAAI,CAe/C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,QAAQ,CAAC,OAAO,IAAI,CAE5C,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAqG3B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/navigation/Menu/MenuButton.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),c=require("react"),u=require("../../tokens/dist/web/js/index.cjs"),l=require("../../core/src/utils/joinClass/joinClass.cjs"),a=require("../../actions/Ripple/Ripple.cjs"),m=require("../../core/createComponent.cjs");function d({label:s,icon:e,color:t,...n}){const i=l.joinClass(`${u.prefix}-menu__item`,t&&`${u.prefix}-menu__item--${t}`,n.className),o=()=>e&&c.cloneElement(e,{style:{marginRight:8}});return r.jsxs("button",{...n,className:i,children:[o(),s,r.jsx(a.default,{})]})}const f=m.default(d);exports.default=f;
-//# sourceMappingURL=MenuButton.cjs.map

package/dist/navigation/Menu/MenuButton.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuButton.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":"uWAkBA,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,QAAA,CAAA,CAAO,CAAA,EACV,CAEJ,CAEA,MAAAC,EAAeC,EAAAA,QAAgBb,CAAU"}

package/dist/navigation/Menu/MenuButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../../src/navigation/Menu/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,oBAAoB,EAAgB,MAAM,OAAO,CAAC;AAKhE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAOhD,MAAM,WAAW,eAAgB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CAC1B;;AAwBD,wBAA2C"}

package/dist/navigation/Menu/MenuButton.js

@@ -1,2 +0,0 @@
-import{jsxs as i,jsx as s}from"react/jsx-runtime";import{cloneElement as u}from"react";import{prefix as r}from"../../tokens/dist/web/js/index.js";import{joinClass as a}from"../../core/src/utils/joinClass/joinClass.js";import f from"../../actions/Ripple/Ripple.js";import c from"../../core/createComponent.js";function l({label:o,icon:t,color:e,...n}){const m=a(`${r}-menu__item`,e&&`${r}-menu__item--${e}`,n.className);return i("button",{...n,className:m,children:[t&&u(t,{style:{marginRight:8}}),o,s(f,{})]})}const h=c(l);export{h as default};
-//# sourceMappingURL=MenuButton.js.map

package/dist/navigation/Menu/MenuButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuButton.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":"qTAkBA,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/navigation/Menu/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Menu.cjs"),u=require("./MenuButton.cjs"),t=require("./useMenu.cjs");exports.Menu=e.default;exports.MenuButton=u.default;exports.useMenu=t.default;
-//# sourceMappingURL=index.cjs.map

package/dist/navigation/Menu/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/navigation/Menu/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/navigation/Menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/navigation/Menu/index.js

@@ -1,2 +0,0 @@
-import{default as u}from"./Menu.js";import{default as a}from"./MenuButton.js";import{default as r}from"./useMenu.js";export{u as Menu,a as MenuButton,r as useMenu};
-//# sourceMappingURL=index.js.map

package/dist/navigation/Menu/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/navigation/Menu/useMenu.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react");function s(){const[n,l]=r.useState(null),t=!!n,o=e=>{l(e?e.currentTarget:null)},u=()=>{l(null)};return[t,n,e=>{if(t){u();return}o(e)}]}exports.default=s;
-//# sourceMappingURL=useMenu.cjs.map

package/dist/navigation/Menu/useMenu.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMenu.cjs","sources":["../../../src/navigation/Menu/useMenu.ts"],"sourcesContent":["import { useState } from 'react';\n\ntype UseMenu = [\n  boolean,\n  HTMLElement | null,\n  (event?: React.MouseEvent<HTMLButtonElement>) => void,\n];\n\nexport default function useMenu(): UseMenu {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const open = Boolean(anchorEl);\n\n  const handleOpen = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    setAnchorEl(event ? event.currentTarget : null);\n  };\n\n  const handleClose = () => { setAnchorEl(null); };\n\n  const handleToggle = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    if (open) {\n      handleClose();\n      return;\n    }\n\n    handleOpen(event);\n  };\n\n  return [open, anchorEl, handleToggle];\n}\n"],"names":["useMenu","anchorEl","setAnchorEl","useState","open","handleOpen","event","handleClose"],"mappings":"qIAQA,SAAwBA,GAAmB,CACzC,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAA6B,IAAI,EAE3DC,EAAO,EAAQH,EAEfI,EAAcC,GAAsD,CACxEJ,EAAYI,EAAQA,EAAM,cAAgB,IAAI,CAChD,EAEMC,EAAc,IAAM,CAAEL,EAAY,IAAI,CAAG,EAW/C,MAAO,CAACE,EAAMH,EATQK,GAAsD,CAC1E,GAAIF,EAAM,CACRG,EAAA,EACA,MACF,CAEAF,EAAWC,CAAK,CAClB,CAEoC,CACtC"}

package/dist/navigation/Menu/useMenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMenu.d.ts","sourceRoot":"","sources":["../../../src/navigation/Menu/useMenu.ts"],"names":[],"mappings":"AAEA,KAAK,OAAO,GAAG;IACb,OAAO;IACP,WAAW,GAAG,IAAI;IAClB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI;CACtD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,IAAI,OAAO,CAqBzC"}

package/dist/navigation/Menu/useMenu.js

@@ -1,2 +0,0 @@
-import{useState as u}from"react";function c(){const[e,l]=u(null),o=!!e,t=n=>{l(n?n.currentTarget:null)},r=()=>{l(null)};return[o,e,n=>{if(o){r();return}t(n)}]}export{c as default};
-//# sourceMappingURL=useMenu.js.map

package/dist/navigation/Menu/useMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMenu.js","sources":["../../../src/navigation/Menu/useMenu.ts"],"sourcesContent":["import { useState } from 'react';\n\ntype UseMenu = [\n  boolean,\n  HTMLElement | null,\n  (event?: React.MouseEvent<HTMLButtonElement>) => void,\n];\n\nexport default function useMenu(): UseMenu {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const open = Boolean(anchorEl);\n\n  const handleOpen = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    setAnchorEl(event ? event.currentTarget : null);\n  };\n\n  const handleClose = () => { setAnchorEl(null); };\n\n  const handleToggle = (event?: React.MouseEvent<HTMLElement, MouseEvent>) => {\n    if (open) {\n      handleClose();\n      return;\n    }\n\n    handleOpen(event);\n  };\n\n  return [open, anchorEl, handleToggle];\n}\n"],"names":["useMenu","anchorEl","setAnchorEl","useState","open","handleOpen","event","handleClose"],"mappings":"iCAQA,SAAwBA,GAAmB,CACzC,KAAM,CAACC,EAAUC,CAAW,EAAIC,EAA6B,IAAI,EAE3DC,EAAO,EAAQH,EAEfI,EAAcC,GAAsD,CACxEJ,EAAYI,EAAQA,EAAM,cAAgB,IAAI,CAChD,EAEMC,EAAc,IAAM,CAAEL,EAAY,IAAI,CAAG,EAW/C,MAAO,CAACE,EAAMH,EATQK,GAAsD,CAC1E,GAAIF,EAAM,CACRG,EAAA,EACA,MACF,CAEAF,EAAWC,CAAK,CAClB,CAEoC,CACtC"}

package/dist/navigation/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Drawer/Drawer.cjs"),u=require("./Menu/Menu.cjs"),t=require("./Menu/MenuButton.cjs"),r=require("./Menu/useMenu.cjs");exports.Drawer=e.default;exports.Menu=u.default;exports.MenuButton=t.default;exports.useMenu=r.default;
-//# sourceMappingURL=index.cjs.map

package/dist/navigation/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/navigation/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/D,cAAc,QAAQ,CAAC"}

package/dist/navigation/index.js

@@ -1,2 +0,0 @@
-import{default as t}from"./Drawer/Drawer.js";import{default as o}from"./Menu/Menu.js";import{default as f}from"./Menu/MenuButton.js";import{default as d}from"./Menu/useMenu.js";export{t as Drawer,o as Menu,f as MenuButton,d as useMenu};
-//# sourceMappingURL=index.js.map

package/dist/navigation/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/theme/ThemeProvider.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),t=require("react");require("../core/src/theme/Theme.cjs");const h=require("../core/src/theme/applyTheme/applyTheme.cjs"),i=require("../core/src/theme/createTheme/createTheme.cjs"),T=require("../core/src/theme/defaultTheme.cjs");;/* empty css                              */const o=t.createContext({theme:i.createTheme(T.themeDefaultLight),updateTheme:()=>{}});function l({theme:u,children:n}){const[e,s]=t.useState(u),c=t.useMemo(()=>({theme:e,updateTheme:r=>m(r)}),[u,e]);t.useEffect(()=>{h.applyTheme(e)},[e]);const m=r=>{s(r)};return a.jsx(o.Provider,{value:c,children:n})}exports.ThemeContext=o;exports.default=l;
-//# sourceMappingURL=ThemeProvider.cjs.map

package/dist/theme/ThemeProvider.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.cjs","sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import { createContext, useEffect, useMemo, useState, type PropsWithChildren } from 'react';\n\nimport type { ThemeBuilded } from '@iziui/core/theme';\nimport { createTheme, applyTheme, themeDefaultLight } from '@iziui/core/theme';\n\nimport '@iziui/styles/base/_base.scss';\n\nexport interface ThemeContextConfig {\n  theme: ThemeBuilded;\n  updateTheme: (theme: ThemeBuilded) => void;\n}\n\nexport const ThemeContext = createContext<ThemeContextConfig>({\n  theme: createTheme(themeDefaultLight),\n  updateTheme: () => { },\n});\n\ntype ThemeProviderProps = PropsWithChildren<{ theme: ThemeBuilded; }>\nexport default function ThemeProvider({ theme, children }: ThemeProviderProps) {\n  const [_theme, setTheme] = useState<ThemeBuilded>(theme);\n\n  const context = useMemo<ThemeContextConfig>(() => ({\n    theme: _theme,\n    updateTheme: (newTheme: ThemeBuilded) => updateTheme(newTheme),\n  }), [theme, _theme]);\n\n  useEffect(() => { applyTheme(_theme); }, [_theme]);\n\n  const updateTheme = (newTheme: ThemeBuilded) => { setTheme(newTheme); };\n\n  return (\n    <ThemeContext.Provider value={context}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\n"],"names":["ThemeContext","createContext","createTheme","themeDefaultLight","ThemeProvider","theme","children","_theme","setTheme","useState","context","useMemo","newTheme","updateTheme","useEffect","applyTheme"],"mappings":"kaAYO,MAAMA,EAAeC,EAAAA,cAAkC,CAC5D,MAAOC,EAAAA,YAAYC,mBAAiB,EACpC,YAAa,IAAM,CAAE,CACvB,CAAC,EAGD,SAAwBC,EAAc,CAAE,MAAAC,EAAO,SAAAC,GAAgC,CAC7E,KAAM,CAACC,EAAQC,CAAQ,EAAIC,EAAAA,SAAuBJ,CAAK,EAEjDK,EAAUC,EAAAA,QAA4B,KAAO,CACjD,MAAOJ,EACP,YAAcK,GAA2BC,EAAYD,CAAQ,CAAA,GAC3D,CAACP,EAAOE,CAAM,CAAC,EAEnBO,EAAAA,UAAU,IAAM,CAAEC,EAAAA,WAAWR,CAAM,CAAG,EAAG,CAACA,CAAM,CAAC,EAEjD,MAAMM,EAAeD,GAA2B,CAAEJ,EAASI,CAAQ,CAAG,EAEtE,aACGZ,EAAa,SAAb,CAAsB,MAAOU,EAC3B,SAAAJ,EACH,CAEJ"}

package/dist/theme/ThemeProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+C,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE5F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGtD,OAAO,+BAA+B,CAAC;AAEvC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CAC5C;AAED,eAAO,MAAM,YAAY,6CAGvB,CAAC;AAEH,KAAK,kBAAkB,GAAG,iBAAiB,CAAC;IAAE,KAAK,EAAE,YAAY,CAAC;CAAE,CAAC,CAAA;AACrE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAiB5E"}

package/dist/theme/ThemeProvider.js

@@ -1,2 +0,0 @@
-import{jsx as a}from"react/jsx-runtime";import{createContext as i,useState as u,useMemo as f,useEffect as n}from"react";import"../core/src/theme/Theme.js";import{applyTheme as s}from"../core/src/theme/applyTheme/applyTheme.js";import{createTheme as c}from"../core/src/theme/createTheme/createTheme.js";import{themeDefaultLight as T}from"../core/src/theme/defaultTheme.js";/* empty css                           */const d=i({theme:c(T),updateTheme:()=>{}});function y({theme:m,children:o}){const[e,r]=u(m),p=f(()=>({theme:e,updateTheme:t=>h(t)}),[m,e]);n(()=>{s(e)},[e]);const h=t=>{r(t)};return a(d.Provider,{value:p,children:o})}export{d as ThemeContext,y as default};
-//# sourceMappingURL=ThemeProvider.js.map

package/dist/theme/ThemeProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeProvider.js","sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["import { createContext, useEffect, useMemo, useState, type PropsWithChildren } from 'react';\n\nimport type { ThemeBuilded } from '@iziui/core/theme';\nimport { createTheme, applyTheme, themeDefaultLight } from '@iziui/core/theme';\n\nimport '@iziui/styles/base/_base.scss';\n\nexport interface ThemeContextConfig {\n  theme: ThemeBuilded;\n  updateTheme: (theme: ThemeBuilded) => void;\n}\n\nexport const ThemeContext = createContext<ThemeContextConfig>({\n  theme: createTheme(themeDefaultLight),\n  updateTheme: () => { },\n});\n\ntype ThemeProviderProps = PropsWithChildren<{ theme: ThemeBuilded; }>\nexport default function ThemeProvider({ theme, children }: ThemeProviderProps) {\n  const [_theme, setTheme] = useState<ThemeBuilded>(theme);\n\n  const context = useMemo<ThemeContextConfig>(() => ({\n    theme: _theme,\n    updateTheme: (newTheme: ThemeBuilded) => updateTheme(newTheme),\n  }), [theme, _theme]);\n\n  useEffect(() => { applyTheme(_theme); }, [_theme]);\n\n  const updateTheme = (newTheme: ThemeBuilded) => { setTheme(newTheme); };\n\n  return (\n    <ThemeContext.Provider value={context}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\n"],"names":["ThemeContext","createContext","createTheme","themeDefaultLight","ThemeProvider","theme","children","_theme","setTheme","useState","context","useMemo","newTheme","updateTheme","useEffect","applyTheme"],"mappings":"6ZAYO,MAAMA,EAAeC,EAAkC,CAC5D,MAAOC,EAAYC,CAAiB,EACpC,YAAa,IAAM,CAAE,CACvB,CAAC,EAGD,SAAwBC,EAAc,CAAE,MAAAC,EAAO,SAAAC,GAAgC,CAC7E,KAAM,CAACC,EAAQC,CAAQ,EAAIC,EAAuBJ,CAAK,EAEjDK,EAAUC,EAA4B,KAAO,CACjD,MAAOJ,EACP,YAAcK,GAA2BC,EAAYD,CAAQ,CAAA,GAC3D,CAACP,EAAOE,CAAM,CAAC,EAEnBO,EAAU,IAAM,CAAEC,EAAWR,CAAM,CAAG,EAAG,CAACA,CAAM,CAAC,EAEjD,MAAMM,EAAeD,GAA2B,CAAEJ,EAASI,CAAQ,CAAG,EAEtE,SACGZ,EAAa,SAAb,CAAsB,MAAOU,EAC3B,SAAAJ,EACH,CAEJ"}

package/dist/theme/createTheme.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../core/src/theme/Theme.cjs");const e=require("../core/src/theme/createTheme/createTheme.cjs");exports.createTheme=e.createTheme;
-//# sourceMappingURL=createTheme.cjs.map

package/dist/theme/createTheme.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"createTheme.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/theme/createTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createTheme.d.ts","sourceRoot":"","sources":["../../src/theme/createTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/theme/createTheme.js

@@ -1,2 +0,0 @@
-import"../core/src/theme/Theme.js";import{createTheme as o}from"../core/src/theme/createTheme/createTheme.js";export{o as createTheme};
-//# sourceMappingURL=createTheme.js.map