@iziui/react 0.0.2-rc → 0.0.4-rc

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from 'react';
+type Direction = 'right' | 'left' | 'bottom';
+export interface DrawerProps extends HTMLAttributes<HTMLDivElement> {
+    open: boolean;
+    direction?: Direction;
+    body: React.JSX.Element;
+    header?: React.JSX.Element;
+    footer?: React.JSX.Element;
+    onClose: () => void;
+}
+declare const _default: import('react').FC<import('@iziui/core/options').Sx<DrawerProps>>;
+export default _default;
+//# sourceMappingURL=Drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -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{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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Drawer.spec.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Drawer } from './Drawer';
+export declare const Right: StoryObj<typeof Drawer>;
+export declare const Left: StoryObj<typeof Drawer>;
+export declare const Bottom: StoryObj<typeof Drawer>;
+export declare const Footer: StoryObj<typeof Drawer>;
+export declare const Header: StoryObj<typeof Drawer>;
+export declare const Playground: StoryObj<typeof Drawer>;
+declare const meta: Meta<typeof Drawer>;
+export default meta;
+//# sourceMappingURL=Drawer.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,5 @@
+import { HtmlHTMLAttributes, PropsWithChildren } from 'react';
+type DrawerContentProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>;
+declare const _default: import('react').FC<import('@iziui/core/options').Sx<DrawerContentProps>>;
+export default _default;
+//# sourceMappingURL=DrawerContent.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DrawerContent.spec.d.ts.map

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

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

package/dist/navigation/Drawer/DrawerFooter.cjs

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,5 @@
+import { HtmlHTMLAttributes, PropsWithChildren } from 'react';
+type DrawerFooterProps = PropsWithChildren<HtmlHTMLAttributes<HTMLDivElement>>;
+declare const _default: import('react').FC<import('@iziui/core/options').Sx<DrawerFooterProps>>;
+export default _default;
+//# sourceMappingURL=DrawerFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DrawerFooter.spec.d.ts.map

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

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

package/dist/navigation/Drawer/DrawerHeader.cjs

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,7 @@
+import { HtmlHTMLAttributes } from 'react';
+interface DrawerHeaderProps extends HtmlHTMLAttributes<HTMLDivElement> {
+    onClose: () => void;
+}
+declare const _default: import('react').FC<import('@iziui/core/options').Sx<DrawerHeaderProps>>;
+export default _default;
+//# sourceMappingURL=DrawerHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=DrawerHeader.spec.d.ts.map

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

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

package/dist/navigation/Drawer/index.cjs

@@ -0,0 +1,2 @@
+"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

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

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

@@ -0,0 +1,2 @@
+export { default, type DrawerProps } from './Drawer';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

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

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

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

package/dist/navigation/Drawer/useDrawer.cjs

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,4 @@
+type UseDrawer = [boolean, () => void];
+export default function useDrawer(open?: boolean): UseDrawer;
+export {};
+//# sourceMappingURL=useDrawer.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useDrawer.spec.d.ts.map

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

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

package/dist/navigation/Menu/Menu.cjs

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,15 @@
+import { CSSProperties, HTMLAttributes } from 'react';
+type Direction = 'left' | 'right' | 'center';
+export interface MenuProps extends HTMLAttributes<HTMLDivElement> {
+    open: boolean;
+    autoClose?: boolean;
+    maxHeight?: CSSProperties['maxHeight'];
+    direction?: Direction;
+    anchorEl: HTMLElement | null;
+    width?: CSSProperties['width'];
+    children: React.JSX.Element | React.JSX.Element[];
+    onClose: (e?: React.MouseEvent<HTMLButtonElement>) => void;
+}
+declare const _default: import('react').FC<import('@iziui/core/options').Sx<MenuProps & import('react').RefAttributes<HTMLDivElement>>>;
+export default _default;
+//# sourceMappingURL=Menu.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Menu.spec.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as Menu } from './Menu';
+export declare const Left: StoryObj<typeof Menu>;
+export declare const Right: StoryObj<typeof Menu>;
+export declare const Center: StoryObj<typeof Menu>;
+export declare const SameWidthTheTarget: StoryObj<typeof Menu>;
+export declare const WithIcon: StoryObj<typeof Menu>;
+export declare const AutoClose: StoryObj<typeof Menu>;
+export declare const CustomWidth: StoryObj<typeof Menu>;
+export declare const CustomContent: StoryObj<typeof Menu>;
+export declare const Playground: StoryObj<typeof Menu>;
+declare const meta: Meta<typeof Menu>;
+export default meta;
+//# sourceMappingURL=Menu.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,10 @@
+import { ButtonHTMLAttributes } from 'react';
+import { Colors } from '@iziui/core/theme';
+export interface MenuButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    label: string;
+    color?: Colors;
+    icon?: React.JSX.Element;
+}
+declare const _default: import('react').FC<import('@iziui/core/options').Sx<MenuButtonProps>>;
+export default _default;
+//# sourceMappingURL=MenuButton.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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

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

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

@@ -0,0 +1,4 @@
+export { default as Menu, type MenuProps } from './Menu';
+export { default as MenuButton, type MenuButtonProps } from './MenuButton';
+export { default as useMenu } from './useMenu';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

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

package/dist/navigation/Menu/useMenu.cjs

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,8 @@
+type UseMenu = [
+    boolean,
+    HTMLElement | null,
+    (event?: React.MouseEvent<HTMLButtonElement>) => void
+];
+export default function useMenu(): UseMenu;
+export {};
+//# sourceMappingURL=useMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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

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

package/dist/navigation/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Drawer, type DrawerProps } from './Drawer';
+export * from './Menu';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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

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