@plenustech/design-system 0.2.2 → 0.2.4

package/dist/components/overlays/Dialog/DialogFrame.js

@@ -0,0 +1,65 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { useRef as I, useId as j, useEffect as P } from "react";
+import { createPortal as x } from "react-dom";
+import { FocusScope as O } from "@react-aria/focus";
+import { useOverlay as R, usePreventScroll as B, ariaHideOutside as C } from "@react-aria/overlays";
+import { useMergedRefs as S } from "../../../hooks/useMergedRefs.js";
+import r from "./Dialog.module.css.js";
+import { IconClose as $ } from "../../icons/icons.js";
+function G({ open: o, ...a }) {
+  return !o || typeof document > "u" ? null : x(/* @__PURE__ */ e(k, { ...a }), document.body);
+}
+function k({
+  children: o,
+  className: a,
+  description: s,
+  dismissable: t = !0,
+  footer: l,
+  icon: c,
+  onClose: u,
+  ref: h,
+  role: v = "dialog",
+  surfaceClassName: y,
+  title: d,
+  underlayClassName: b,
+  ...N
+}) {
+  const i = I(null), g = S(i, h), m = j(), f = `${m}-title`, p = `${m}-description`, { overlayProps: D, underlayProps: F } = R(
+    {
+      isOpen: !0,
+      onClose: u,
+      isDismissable: t,
+      isKeyboardDismissDisabled: !t
+    },
+    i
+  );
+  return B(), P(() => i.current ? C([i.current]) : void 0, []), /* @__PURE__ */ e("div", { ...F, className: b, children: /* @__PURE__ */ e(O, { contain: !0, restoreFocus: !0, autoFocus: !0, children: /* @__PURE__ */ n(
+    "div",
+    {
+      ...N,
+      ...D,
+      ref: g,
+      className: [y, a].filter(Boolean).join(" "),
+      role: v,
+      "aria-modal": "true",
+      "aria-labelledby": d ? f : void 0,
+      "aria-describedby": s ? p : void 0,
+      children: [
+        d && /* @__PURE__ */ n("header", { className: [r.header, o && r.headerDivided].filter(Boolean).join(" "), children: [
+          c && /* @__PURE__ */ e("span", { "aria-hidden": "true", className: r.icon, children: c }),
+          /* @__PURE__ */ n("div", { className: r.heading, children: [
+            /* @__PURE__ */ e("h2", { className: r.title, id: f, children: d }),
+            s && /* @__PURE__ */ e("p", { className: r.description, id: p, children: s })
+          ] }),
+          t && /* @__PURE__ */ e("button", { className: r.close, type: "button", "aria-label": "Fechar", onClick: u, children: /* @__PURE__ */ e($, { size: 20 }) })
+        ] }),
+        o && /* @__PURE__ */ e("div", { className: r.body, children: o }),
+        l && /* @__PURE__ */ e("div", { className: r.footer, children: l })
+      ]
+    }
+  ) }) });
+}
+export {
+  G as DialogFrame
+};
+//# sourceMappingURL=DialogFrame.js.map

package/dist/components/overlays/Dialog/DialogFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogFrame.js","sources":["../../../../src/components/overlays/Dialog/DialogFrame.tsx"],"sourcesContent":["import { useEffect, useId, useRef, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { FocusScope } from '@react-aria/focus';\nimport { ariaHideOutside, useOverlay, usePreventScroll } from '@react-aria/overlays';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { IconClose } from '../../icons';\nimport type { DialogBaseProps, DialogRole } from './Dialog';\nimport styles from './Dialog.module.css';\n\nexport interface DialogFrameProps extends DialogBaseProps {\n  'aria-label'?: string;\n  description?: string;\n  icon?: ReactNode;\n  role?: DialogRole;\n  surfaceClassName: string;\n  title?: string;\n  underlayClassName: string;\n}\n\n/** Mecanica modal do `Dialog` e do `Drawer`: portal, foco preso, rolagem travada, cabecalho, corpo e rodape. Interna. */\nexport function DialogFrame({ open, ...props }: DialogFrameProps) {\n  // No servidor nao ha `document` para o portal; o modal nasce na hidratacao.\n  if (!open || typeof document === 'undefined') {\n    return null;\n  }\n\n  return createPortal(<DialogFrameContent {...props} />, document.body);\n}\n\nfunction DialogFrameContent({\n  children,\n  className,\n  description,\n  dismissable = true,\n  footer,\n  icon,\n  onClose,\n  ref: refDoConsumidor,\n  role = 'dialog',\n  surfaceClassName,\n  title,\n  underlayClassName,\n  ...props\n}: Omit<DialogFrameProps, 'open'>) {\n  const ref = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergedRefs(ref, refDoConsumidor);\n  const generatedId = useId();\n  const titleId = `${generatedId}-title`;\n  const descriptionId = `${generatedId}-description`;\n\n  const { overlayProps, underlayProps } = useOverlay(\n    {\n      isOpen: true,\n      onClose,\n      isDismissable: dismissable,\n      isKeyboardDismissDisabled: !dismissable,\n    },\n    ref,\n  );\n\n  usePreventScroll();\n\n  useEffect(() => (ref.current ? ariaHideOutside([ref.current]) : undefined), []);\n\n  return (\n    <div {...underlayProps} className={underlayClassName}>\n      <FocusScope contain restoreFocus autoFocus>\n        <div\n          {...props}\n          {...overlayProps}\n          ref={mergedRef}\n          className={[surfaceClassName, className].filter(Boolean).join(' ')}\n          role={role}\n          aria-modal=\"true\"\n          aria-labelledby={title ? titleId : undefined}\n          aria-describedby={description ? descriptionId : undefined}\n        >\n          {title && (\n            <header className={[styles.header, children && styles.headerDivided].filter(Boolean).join(' ')}>\n              {icon && (\n                <span aria-hidden=\"true\" className={styles.icon}>\n                  {icon}\n                </span>\n              )}\n              <div className={styles.heading}>\n                <h2 className={styles.title} id={titleId}>{title}</h2>\n                {description && <p className={styles.description} id={descriptionId}>{description}</p>}\n              </div>\n              {dismissable && (\n                <button className={styles.close} type=\"button\" aria-label=\"Fechar\" onClick={onClose}>\n                  <IconClose size={20} />\n                </button>\n              )}\n            </header>\n          )}\n          {children && <div className={styles.body}>{children}</div>}\n          {footer && <div className={styles.footer}>{footer}</div>}\n        </div>\n      </FocusScope>\n    </div>\n  );\n}\n"],"names":["DialogFrame","open","props","createPortal","jsx","DialogFrameContent","children","className","description","dismissable","footer","icon","onClose","refDoConsumidor","role","surfaceClassName","title","underlayClassName","ref","useRef","mergedRef","useMergedRefs","generatedId","useId","titleId","descriptionId","overlayProps","underlayProps","useOverlay","usePreventScroll","useEffect","ariaHideOutside","FocusScope","jsxs","styles","IconClose"],"mappings":";;;;;;;;AAoBO,SAASA,EAAY,EAAE,MAAAC,GAAM,GAAGC,KAA2B;AAEhE,SAAI,CAACD,KAAQ,OAAO,WAAa,MACxB,OAGFE,EAAa,gBAAAC,EAACC,GAAA,EAAoB,GAAGH,GAAO,GAAI,SAAS,IAAI;AACtE;AAEA,SAASG,EAAmB;AAAA,EAC1B,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAKC;AAAA,EACL,MAAAC,IAAO;AAAA,EACP,kBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGf;AACL,GAAmC;AACjC,QAAMgB,IAAMC,EAAuB,IAAI,GACjCC,IAAYC,EAAcH,GAAKL,CAAe,GAC9CS,IAAcC,EAAA,GACdC,IAAU,GAAGF,CAAW,UACxBG,IAAgB,GAAGH,CAAW,gBAE9B,EAAE,cAAAI,GAAc,eAAAC,EAAA,IAAkBC;AAAA,IACtC;AAAA,MACE,QAAQ;AAAA,MACR,SAAAhB;AAAA,MACA,eAAeH;AAAA,MACf,2BAA2B,CAACA;AAAA,IAAA;AAAA,IAE9BS;AAAA,EAAA;AAGF,SAAAW,EAAA,GAEAC,EAAU,MAAOZ,EAAI,UAAUa,EAAgB,CAACb,EAAI,OAAO,CAAC,IAAI,QAAY,EAAE,GAG5E,gBAAAd,EAAC,OAAA,EAAK,GAAGuB,GAAe,WAAWV,GACjC,UAAA,gBAAAb,EAAC4B,GAAA,EAAW,SAAO,IAAC,cAAY,IAAC,WAAS,IACxC,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG/B;AAAA,MACH,GAAGwB;AAAA,MACJ,KAAKN;AAAA,MACL,WAAW,CAACL,GAAkBR,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MACjE,MAAAO;AAAA,MACA,cAAW;AAAA,MACX,mBAAiBE,IAAQQ,IAAU;AAAA,MACnC,oBAAkBhB,IAAciB,IAAgB;AAAA,MAE/C,UAAA;AAAA,QAAAT,KACC,gBAAAiB,EAAC,UAAA,EAAO,WAAW,CAACC,EAAO,QAAQ5B,KAAY4B,EAAO,aAAa,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC1F,UAAA;AAAA,UAAAvB,uBACE,QAAA,EAAK,eAAY,QAAO,WAAWuB,EAAO,MACxC,UAAAvB,EAAA,CACH;AAAA,UAEF,gBAAAsB,EAAC,OAAA,EAAI,WAAWC,EAAO,SACrB,UAAA;AAAA,YAAA,gBAAA9B,EAAC,QAAG,WAAW8B,EAAO,OAAO,IAAIV,GAAU,UAAAR,GAAM;AAAA,YAChDR,uBAAgB,KAAA,EAAE,WAAW0B,EAAO,aAAa,IAAIT,GAAgB,UAAAjB,EAAA,CAAY;AAAA,UAAA,GACpF;AAAA,UACCC,KACC,gBAAAL,EAAC,UAAA,EAAO,WAAW8B,EAAO,OAAO,MAAK,UAAS,cAAW,UAAS,SAAStB,GAC1E,UAAA,gBAAAR,EAAC+B,GAAA,EAAU,MAAM,IAAI,EAAA,CACvB;AAAA,QAAA,GAEJ;AAAA,QAED7B,KAAY,gBAAAF,EAAC,OAAA,EAAI,WAAW8B,EAAO,MAAO,UAAA5B,GAAS;AAAA,QACnDI,KAAU,gBAAAN,EAAC,OAAA,EAAI,WAAW8B,EAAO,QAAS,UAAAxB,EAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEtD,EAAA,CACF;AAEJ;"}

package/dist/components/overlays/Drawer/Drawer.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),l=require("../Dialog/DialogFrame.cjs"),e=require("./Drawer.module.css.cjs");function i({side:r="right",size:a="md",...t}){return u.jsx(l.DialogFrame,{...t,surfaceClassName:[e.default.drawer,e.default[a]].join(" "),underlayClassName:[e.default.underlay,e.default[r]].join(" ")})}exports.Drawer=i;
+//# sourceMappingURL=Drawer.cjs.map

package/dist/components/overlays/Drawer/Drawer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.cjs","sources":["../../../../src/components/overlays/Drawer/Drawer.tsx"],"sourcesContent":["import type { DialogBaseProps, DialogTitledProps } from '../Dialog/Dialog';\nimport { DialogFrame } from '../Dialog/DialogFrame';\nimport styles from './Drawer.module.css';\n\nexport type DrawerSide = 'left' | 'right';\nexport type DrawerSize = 'sm' | 'md' | 'lg';\n\nexport interface DrawerProps extends DialogBaseProps, Omit<DialogTitledProps, 'icon'> {\n  side?: DrawerSide;\n  size?: DrawerSize;\n}\n\n/** Painel modal preso a lateral da tela, com a mesma mecanica do `Dialog`: foco preso, Esc fecha, a pagina nao rola. */\nexport function Drawer({ side = 'right', size = 'md', ...props }: DrawerProps) {\n  return (\n    <DialogFrame\n      {...props}\n      surfaceClassName={[styles.drawer, styles[size]].join(' ')}\n      underlayClassName={[styles.underlay, styles[side]].join(' ')}\n    />\n  );\n}\n"],"names":["Drawer","side","size","props","jsx","DialogFrame","styles"],"mappings":"iMAaO,SAASA,EAAO,CAAE,KAAAC,EAAO,QAAS,KAAAC,EAAO,KAAM,GAAGC,GAAsB,CAC7E,OACEC,EAAAA,IAACC,EAAAA,YAAA,CACE,GAAGF,EACJ,iBAAkB,CAACG,EAAAA,QAAO,OAAQA,EAAAA,QAAOJ,CAAI,CAAC,EAAE,KAAK,GAAG,EACxD,kBAAmB,CAACI,EAAAA,QAAO,SAAUA,EAAAA,QAAOL,CAAI,CAAC,EAAE,KAAK,GAAG,CAAA,CAAA,CAGjE"}

package/dist/components/overlays/Drawer/Drawer.js

@@ -0,0 +1,17 @@
+import { jsx as m } from "react/jsx-runtime";
+import { DialogFrame as i } from "../Dialog/DialogFrame.js";
+import r from "./Drawer.module.css.js";
+function l({ side: a = "right", size: e = "md", ...o }) {
+  return /* @__PURE__ */ m(
+    i,
+    {
+      ...o,
+      surfaceClassName: [r.drawer, r[e]].join(" "),
+      underlayClassName: [r.underlay, r[a]].join(" ")
+    }
+  );
+}
+export {
+  l as Drawer
+};
+//# sourceMappingURL=Drawer.js.map

package/dist/components/overlays/Drawer/Drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.js","sources":["../../../../src/components/overlays/Drawer/Drawer.tsx"],"sourcesContent":["import type { DialogBaseProps, DialogTitledProps } from '../Dialog/Dialog';\nimport { DialogFrame } from '../Dialog/DialogFrame';\nimport styles from './Drawer.module.css';\n\nexport type DrawerSide = 'left' | 'right';\nexport type DrawerSize = 'sm' | 'md' | 'lg';\n\nexport interface DrawerProps extends DialogBaseProps, Omit<DialogTitledProps, 'icon'> {\n  side?: DrawerSide;\n  size?: DrawerSize;\n}\n\n/** Painel modal preso a lateral da tela, com a mesma mecanica do `Dialog`: foco preso, Esc fecha, a pagina nao rola. */\nexport function Drawer({ side = 'right', size = 'md', ...props }: DrawerProps) {\n  return (\n    <DialogFrame\n      {...props}\n      surfaceClassName={[styles.drawer, styles[size]].join(' ')}\n      underlayClassName={[styles.underlay, styles[side]].join(' ')}\n    />\n  );\n}\n"],"names":["Drawer","side","size","props","jsx","DialogFrame","styles"],"mappings":";;;AAaO,SAASA,EAAO,EAAE,MAAAC,IAAO,SAAS,MAAAC,IAAO,MAAM,GAAGC,KAAsB;AAC7E,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,kBAAkB,CAACG,EAAO,QAAQA,EAAOJ,CAAI,CAAC,EAAE,KAAK,GAAG;AAAA,MACxD,mBAAmB,CAACI,EAAO,UAAUA,EAAOL,CAAI,CAAC,EAAE,KAAK,GAAG;AAAA,IAAA;AAAA,EAAA;AAGjE;"}

package/dist/components/overlays/Drawer/Drawer.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="_underlay_wnki2_1",e="_right_wnki2_12",_="_left_wnki2_16",t="_drawer_wnki2_21",d="_sm_wnki2_43",n="_md_wnki2_47",l="_lg_wnki2_51",a={underlay:r,"drawer-fade":"_drawer-fade_wnki2_1",right:e,left:_,drawer:t,"drawer-from-right":"_drawer-from-right_wnki2_1","drawer-from-left":"_drawer-from-left_wnki2_1",sm:d,md:n,lg:l};exports.default=a;exports.drawer=t;exports.left=_;exports.lg=l;exports.md=n;exports.right=e;exports.sm=d;exports.underlay=r;
+//# sourceMappingURL=Drawer.module.css.cjs.map

package/dist/components/overlays/Drawer/Drawer.module.css.cjs.map

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

package/dist/components/overlays/Drawer/Drawer.module.css.js

@@ -0,0 +1,23 @@
+const r = "_underlay_wnki2_1", _ = "_right_wnki2_12", e = "_left_wnki2_16", n = "_drawer_wnki2_21", t = "_sm_wnki2_43", w = "_md_wnki2_47", d = "_lg_wnki2_51", a = {
+  underlay: r,
+  "drawer-fade": "_drawer-fade_wnki2_1",
+  right: _,
+  left: e,
+  drawer: n,
+  "drawer-from-right": "_drawer-from-right_wnki2_1",
+  "drawer-from-left": "_drawer-from-left_wnki2_1",
+  sm: t,
+  md: w,
+  lg: d
+};
+export {
+  a as default,
+  n as drawer,
+  e as left,
+  d as lg,
+  w as md,
+  _ as right,
+  t as sm,
+  r as underlay
+};
+//# sourceMappingURL=Drawer.module.css.js.map

package/dist/components/overlays/Drawer/Drawer.module.css.js.map

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

package/dist/components/overlays/Menu/Menu.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),n=require("react"),S=require("react-dom"),j=require("@react-aria/focus"),q=require("@react-aria/overlays"),P=require("../../../hooks/useMergedRefs.cjs"),K=require("./Menu.module.css.cjs"),A=require("../../../hooks/useSelection/useSelection.cjs");function O(r,d){return o=>{r==null||r(o),d(o)}}function E({children:r,defaultOpen:d=!1,items:o,label:g,onOpenChange:c,open:y}){const a=n.useRef(null),[x,h]=n.useState(d),[l,p]=n.useState("first"),i=y??x;function k(s){h(s),c==null||c(s)}function b(s){p(s),k(!0)}function m(s){var w;k(!1),s&&((w=a.current)==null||w.focus())}const u=r.props,D=P.useMergedRefs(a,u.ref),M=n.cloneElement(r,{ref:D,"aria-haspopup":"menu","aria-expanded":i,onClick:O(u.onClick,()=>i?m(!0):b("first")),onKeyDown:O(u.onKeyDown,s=>{(s.key==="ArrowDown"||s.key==="ArrowUp")&&(s.preventDefault(),b(s.key==="ArrowDown"?"first":"last"))})});return f.jsxs(f.Fragment,{children:[M,i&&typeof document<"u"&&S.createPortal(f.jsx(j.FocusScope,{children:f.jsx(N,{items:o,label:g,openedWith:l,onClose:m,triggerRef:a})}),document.body)]})}function N({items:r,label:d,onClose:o,openedWith:g,triggerRef:c}){var R;const y=n.useRef(null),a=n.useRef(new Map),x=n.useMemo(()=>r.map(e=>({key:e.key,disabled:e.disabled,textValue:e.label})),[r]),h=A.useSelection({items:x,mode:"none"}),{focusedKey:l,focusFirst:p,focusLast:i,focusNext:k,focusPrevious:b,search:m}=h,{overlayProps:u}=q.useOverlay({isOpen:!0,onClose:()=>o(!1),isDismissable:!0,shouldCloseOnBlur:!1,shouldCloseOnInteractOutside:e=>{var t;return!((t=c.current)!=null&&t.contains(e))}},y),{overlayProps:D}=q.useOverlayPosition({targetRef:c,overlayRef:y,placement:"bottom start",offset:6,containerPadding:8,isOpen:!0}),M=Math.min(Number((R=D.style)==null?void 0:R.maxHeight)||360,360);n.useEffect(()=>{g==="last"?i():p()},[]),n.useEffect(()=>{var e;l&&((e=a.current.get(l))==null||e.focus())},[l]);function s(e){var t;e.disabled||(o(!0),(t=e.onSelect)==null||t.call(e))}function w(e){e.key==="ArrowDown"?(e.preventDefault(),k()):e.key==="ArrowUp"?(e.preventDefault(),b()):e.key==="Home"?(e.preventDefault(),p()):e.key==="End"?(e.preventDefault(),i()):e.key==="Escape"||e.key==="Tab"?o(!0):e.key.length===1&&!e.metaKey&&!e.ctrlKey&&m(e.key)}return f.jsx("div",{...u,"data-react-aria-top-layer":"true",ref:y,className:K.default.menu,style:{...D.style,maxHeight:M},role:"menu","aria-label":d,onKeyDown:e=>{var t;w(e),(t=u.onKeyDown)==null||t.call(u,e)},children:r.map(e=>f.jsx("button",{ref:t=>{t?a.current.set(e.key,t):a.current.delete(e.key)},className:K.default.item,type:"button",role:"menuitem",disabled:e.disabled,tabIndex:l===e.key?0:-1,onClick:()=>s(e),children:e.label},e.key))})}exports.Menu=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),A=require("react-dom"),E=require("@react-aria/focus"),R=require("@react-aria/overlays"),I=require("../../../hooks/useMergedRefs.cjs"),o=require("./Menu.module.css.cjs"),T=require("../../../hooks/useSelection/useSelection.cjs"),B=require("../../icons/icons.cjs");function S(n,y){return u=>{n==null||n(u),y(u)}}function F({children:n,defaultOpen:y=!1,items:u,label:D,onOpenChange:a,open:h}){const l=c.useRef(null),[p,w]=c.useState(y),[M,i]=c.useState("first"),f=h??p;function k(t){w(t),a==null||a(t)}function b(t){i(t),k(!0)}function x(t){var g;k(!1),t&&((g=l.current)==null||g.focus())}const m=n.props,d=I.useMergedRefs(l,m.ref),j=c.cloneElement(n,{ref:d,"aria-haspopup":"menu","aria-expanded":f,onClick:S(m.onClick,()=>f?x(!0):b("first")),onKeyDown:S(m.onKeyDown,t=>{(t.key==="ArrowDown"||t.key==="ArrowUp")&&(t.preventDefault(),b(t.key==="ArrowDown"?"first":"last"))})});return r.jsxs(r.Fragment,{children:[j,f&&typeof document<"u"&&A.createPortal(r.jsx(E.FocusScope,{children:r.jsx(H,{items:u,label:D,openedWith:M,onClose:x,triggerRef:l})}),document.body)]})}function K(n){return"items"in n}function H({items:n,label:y,onClose:u,openedWith:D,triggerRef:a}){var q;const h=c.useRef(null),l=c.useRef(new Map),p=c.useMemo(()=>n.flatMap(e=>K(e)?e.items:[e]),[n]),w=c.useMemo(()=>p.map(e=>({key:e.key,disabled:e.disabled,textValue:e.label})),[p]),M=T.useSelection({items:w,mode:"none"}),{focusedKey:i,focusFirst:f,focusLast:k,focusNext:b,focusPrevious:x,search:m}=M,{overlayProps:d}=R.useOverlay({isOpen:!0,onClose:()=>u(!1),isDismissable:!0,shouldCloseOnBlur:!1,shouldCloseOnInteractOutside:e=>{var s;return!((s=a.current)!=null&&s.contains(e))}},h),{overlayProps:j}=R.useOverlayPosition({targetRef:a,overlayRef:h,placement:"bottom start",offset:6,containerPadding:8,isOpen:!0}),t=Math.min(Number((q=j.style)==null?void 0:q.maxHeight)||360,360);c.useEffect(()=>{D==="last"?k():f()},[]),c.useEffect(()=>{var e;i&&((e=l.current.get(i))==null||e.focus())},[i]);function g(e){var s;e.disabled||(u(!0),(s=e.onSelect)==null||s.call(e))}function N(e){const s=e.checked!==void 0;return r.jsxs("button",{"aria-checked":s?e.checked:void 0,"aria-keyshortcuts":e.shortcut,className:[o.default.item,e.tone==="danger"&&o.default.danger].filter(Boolean).join(" "),disabled:e.disabled,onClick:()=>g(e),ref:O=>{O?l.current.set(e.key,O):l.current.delete(e.key)},role:s?"menuitemcheckbox":"menuitem",tabIndex:i===e.key?0:-1,type:"button",children:[e.icon&&r.jsx("span",{"aria-hidden":"true",className:o.default.icon,children:e.icon}),r.jsx("span",{className:o.default.label,children:e.label}),e.shortcut&&r.jsx("kbd",{"aria-hidden":"true",className:o.default.shortcut,children:e.shortcut}),s&&r.jsx(B.IconCheck,{className:[o.default.check,e.checked&&o.default.checkOn].filter(Boolean).join(" ")})]},e.key)}function P(e){e.key==="ArrowDown"?(e.preventDefault(),b()):e.key==="ArrowUp"?(e.preventDefault(),x()):e.key==="Home"?(e.preventDefault(),f()):e.key==="End"?(e.preventDefault(),k()):e.key==="Escape"||e.key==="Tab"?u(!0):e.key.length===1&&!e.metaKey&&!e.ctrlKey&&m(e.key)}return r.jsx("div",{...d,"data-react-aria-top-layer":"true",ref:h,className:o.default.menu,style:{...j.style,maxHeight:t},role:"menu","aria-label":y,onKeyDown:e=>{var s;P(e),(s=d.onKeyDown)==null||s.call(d,e)},children:n.map((e,s)=>K(e)?r.jsxs("div",{"aria-label":e.title,className:o.default.section,role:"group",children:[s>0&&r.jsx("div",{"aria-hidden":"true",className:o.default.divider}),e.title&&r.jsx("div",{"aria-hidden":"true",className:o.default.sectionTitle,children:e.title}),e.items.map(N)]},e.key):N(e))})}exports.Menu=F;
 //# sourceMappingURL=Menu.cjs.map

package/dist/components/overlays/Menu/Menu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.cjs","sources":["../../../../src/components/overlays/Menu/Menu.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type ReactElement,\n  type Ref,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { FocusScope } from '@react-aria/focus';\nimport { useOverlay, useOverlayPosition } from '@react-aria/overlays';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { useSelection, type SelectionItem } from '../../../hooks/useSelection';\nimport styles from './Menu.module.css';\n\nexport interface MenuItem {\n  disabled?: boolean;\n  key: string;\n  label: string;\n  onSelect?: () => void;\n}\n\nexport interface MenuProps {\n  children: ReactElement<Record<string, unknown>>;\n  /** Abertura inicial no modo nao controlado. */\n  defaultOpen?: boolean;\n  items: readonly MenuItem[];\n  label: string;\n  /** Avisa cada abertura e fechamento pedidos pelo gatilho, pelo teclado, pela opcao ou pelo clique fora. */\n  onOpenChange?: (open: boolean) => void;\n  /** Controla a abertura; sem ele, o menu guarda o proprio estado. */\n  open?: boolean;\n}\n\n/** Encadeia o manipulador do gatilho ao do menu, em vez de substitui-lo. */\nfunction encadear<E>(proprio: ((evento: E) => void) | undefined, seguinte: (evento: E) => void) {\n  return (evento: E) => {\n    proprio?.(evento);\n    seguinte(evento);\n  };\n}\n\nexport function Menu({ children, defaultOpen = false, items, label, onOpenChange, open: controlledOpen }: MenuProps) {\n  const triggerRef = useRef<HTMLElement>(null);\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const [openedWith, setOpenedWith] = useState<'first' | 'last'>('first');\n  const open = controlledOpen ?? internalOpen;\n\n  function setOpen(proximo: boolean) {\n    setInternalOpen(proximo);\n    onOpenChange?.(proximo);\n  }\n\n  function abrir(from: 'first' | 'last') {\n    setOpenedWith(from);\n    setOpen(true);\n  }\n\n  // O foco volta na hora, antes de o `onSelect` montar o que vem depois, como um campo com `autoFocus` ou\n  // um Dialog, que guarda o elemento em foco para devolver. Clique fora nao devolve: o foco e de quem foi clicado.\n  function fechar(devolverFoco: boolean) {\n    setOpen(false);\n\n    if (devolverFoco) {\n      triggerRef.current?.focus();\n    }\n  }\n\n  const dono = children.props;\n  const mergedTriggerRef = useMergedRefs(triggerRef, dono.ref as Ref<HTMLElement> | undefined);\n  const trigger = cloneElement(children, {\n    ref: mergedTriggerRef,\n    'aria-haspopup': 'menu',\n    'aria-expanded': open,\n    onClick: encadear(dono.onClick as (evento: unknown) => void, () =>\n      open ? fechar(true) : abrir('first'),\n    ),\n    onKeyDown: encadear(dono.onKeyDown as (evento: KeyboardEvent) => void, (event: KeyboardEvent) => {\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        event.preventDefault();\n        abrir(event.key === 'ArrowDown' ? 'first' : 'last');\n      }\n    }),\n  });\n\n  return (\n    <>\n      {trigger}\n      {open &&\n        typeof document !== 'undefined' &&\n        createPortal(\n          // O escopo proprio poe o menu na arvore de escopos do Dialog, cujo `contain` puxaria o foco de volta.\n          // Sem `contain` aqui: ele disputaria o foco com o gatilho quando o menu fecha.\n          <FocusScope>\n            <MenuList\n              items={items}\n              label={label}\n              openedWith={openedWith}\n              onClose={fechar}\n              triggerRef={triggerRef}\n            />\n          </FocusScope>,\n          document.body,\n        )}\n    </>\n  );\n}\n\nfunction MenuList({\n  items,\n  label,\n  onClose,\n  openedWith,\n  triggerRef,\n}: {\n  items: readonly MenuItem[];\n  label: string;\n  onClose: (devolverFoco: boolean) => void;\n  openedWith: 'first' | 'last';\n  triggerRef: React.RefObject<HTMLElement | null>;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const nodes = useRef(new Map<string, HTMLElement>());\n  const collection = useMemo<SelectionItem[]>(\n    () => items.map((item) => ({ key: item.key, disabled: item.disabled, textValue: item.label })),\n    [items],\n  );\n  const selection = useSelection({ items: collection, mode: 'none' });\n  const { focusedKey, focusFirst, focusLast, focusNext, focusPrevious, search } = selection;\n\n  // useOverlayPosition entrega toda a altura disponivel; limitamos para que\n  // uma lista longa nao ocupe a tela inteira.\n  // Sem isto o gatilho conta como \"fora\": o ponteiro fecha o menu e o clique\n  // dele reabre em seguida, e o menu pisca sem abrir.\n  const { overlayProps } = useOverlay(\n    {\n      isOpen: true,\n      onClose: () => onClose(false),\n      isDismissable: true,\n      shouldCloseOnBlur: false,\n      shouldCloseOnInteractOutside: (elemento) => !triggerRef.current?.contains(elemento),\n    },\n    ref,\n  );\n  const { overlayProps: positionProps } = useOverlayPosition({\n    targetRef: triggerRef,\n    overlayRef: ref,\n    placement: 'bottom start',\n    offset: 6,\n    containerPadding: 8,\n    isOpen: true,\n  });\n\n  const alturaMaxima = Math.min(Number(positionProps.style?.maxHeight) || 360, 360);\n\n  useEffect(() => {\n    if (openedWith === 'last') {\n      focusLast();\n    } else {\n      focusFirst();\n    }\n    // Posicao inicial depende apenas de como o menu foi aberto.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (focusedKey) {\n      nodes.current.get(focusedKey)?.focus();\n    }\n  }, [focusedKey]);\n\n  function acionar(item: MenuItem) {\n    if (item.disabled) {\n      return;\n    }\n\n    onClose(true);\n    item.onSelect?.();\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      focusNext();\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      focusPrevious();\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      focusFirst();\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      focusLast();\n    } else if (event.key === 'Escape' || event.key === 'Tab') {\n      onClose(true);\n    } else if (event.key.length === 1 && !event.metaKey && !event.ctrlKey) {\n      search(event.key);\n    }\n  }\n\n  return (\n    <div\n      {...overlayProps}\n      data-react-aria-top-layer=\"true\"\n      ref={ref}\n      className={styles.menu}\n      style={{ ...positionProps.style, maxHeight: alturaMaxima }}\n      role=\"menu\"\n      aria-label={label}\n      onKeyDown={(event) => {\n        // Espalhar overlayProps antes nao basta: este onKeyDown o substituiria.\n        handleKeyDown(event);\n        overlayProps.onKeyDown?.(event);\n      }}\n    >\n      {items.map((item) => (\n        <button\n          key={item.key}\n          ref={(node) => {\n            if (node) {\n              nodes.current.set(item.key, node);\n            } else {\n              nodes.current.delete(item.key);\n            }\n          }}\n          className={styles.item}\n          type=\"button\"\n          role=\"menuitem\"\n          disabled={item.disabled}\n          tabIndex={focusedKey === item.key ? 0 : -1}\n          onClick={() => acionar(item)}\n        >\n          {item.label}\n        </button>\n      ))}\n    </div>\n  );\n}\n"],"names":["encadear","proprio","seguinte","evento","Menu","children","defaultOpen","items","label","onOpenChange","controlledOpen","triggerRef","useRef","internalOpen","setInternalOpen","useState","openedWith","setOpenedWith","open","setOpen","proximo","abrir","from","fechar","devolverFoco","_a","dono","mergedTriggerRef","useMergedRefs","trigger","cloneElement","event","jsxs","Fragment","createPortal","FocusScope","jsx","MenuList","onClose","ref","nodes","collection","useMemo","item","selection","useSelection","focusedKey","focusFirst","focusLast","focusNext","focusPrevious","search","overlayProps","useOverlay","elemento","positionProps","useOverlayPosition","alturaMaxima","useEffect","acionar","handleKeyDown","styles","node"],"mappings":"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"}
+{"version":3,"file":"Menu.cjs","sources":["../../../../src/components/overlays/Menu/Menu.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { FocusScope } from '@react-aria/focus';\nimport { useOverlay, useOverlayPosition } from '@react-aria/overlays';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { useSelection, type SelectionItem } from '../../../hooks/useSelection';\nimport { IconCheck } from '../../icons';\nimport styles from './Menu.module.css';\n\nexport interface MenuItem {\n  /** Com ele, o item e de marcar e mostra o visto quando marcado, como o tipo atual de um bloco. */\n  checked?: boolean;\n  disabled?: boolean;\n  /** Icone decorativo antes do texto. */\n  icon?: ReactNode;\n  key: string;\n  label: string;\n  onSelect?: () => void;\n  /** Atalho escrito a direita, como `Ctrl+D`, e anunciado em `aria-keyshortcuts`. */\n  shortcut?: string;\n  /** `danger` para a acao que destroi, como remover. */\n  tone?: 'danger';\n}\n\n/** Grupo de itens, com titulo opcional; entre dois grupos, o menu desenha o divisor. */\nexport interface MenuSection {\n  items: readonly MenuItem[];\n  key: string;\n  title?: string;\n}\n\nexport interface MenuProps {\n  children: ReactElement<Record<string, unknown>>;\n  /** Abertura inicial no modo nao controlado. */\n  defaultOpen?: boolean;\n  items: readonly (MenuItem | MenuSection)[];\n  label: string;\n  /** Avisa cada abertura e fechamento pedidos pelo gatilho, pelo teclado, pela opcao ou pelo clique fora. */\n  onOpenChange?: (open: boolean) => void;\n  /** Controla a abertura; sem ele, o menu guarda o proprio estado. */\n  open?: boolean;\n}\n\n/** Encadeia o manipulador do gatilho ao do menu, em vez de substitui-lo. */\nfunction encadear<E>(proprio: ((evento: E) => void) | undefined, seguinte: (evento: E) => void) {\n  return (evento: E) => {\n    proprio?.(evento);\n    seguinte(evento);\n  };\n}\n\nexport function Menu({ children, defaultOpen = false, items, label, onOpenChange, open: controlledOpen }: MenuProps) {\n  const triggerRef = useRef<HTMLElement>(null);\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const [openedWith, setOpenedWith] = useState<'first' | 'last'>('first');\n  const open = controlledOpen ?? internalOpen;\n\n  function setOpen(proximo: boolean) {\n    setInternalOpen(proximo);\n    onOpenChange?.(proximo);\n  }\n\n  function abrir(from: 'first' | 'last') {\n    setOpenedWith(from);\n    setOpen(true);\n  }\n\n  // O foco volta na hora, antes de o `onSelect` montar o que vem depois, como um campo com `autoFocus` ou\n  // um Dialog, que guarda o elemento em foco para devolver. Clique fora nao devolve: o foco e de quem foi clicado.\n  function fechar(devolverFoco: boolean) {\n    setOpen(false);\n\n    if (devolverFoco) {\n      triggerRef.current?.focus();\n    }\n  }\n\n  const dono = children.props;\n  const mergedTriggerRef = useMergedRefs(triggerRef, dono.ref as Ref<HTMLElement> | undefined);\n  const trigger = cloneElement(children, {\n    ref: mergedTriggerRef,\n    'aria-haspopup': 'menu',\n    'aria-expanded': open,\n    onClick: encadear(dono.onClick as (evento: unknown) => void, () =>\n      open ? fechar(true) : abrir('first'),\n    ),\n    onKeyDown: encadear(dono.onKeyDown as (evento: KeyboardEvent) => void, (event: KeyboardEvent) => {\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        event.preventDefault();\n        abrir(event.key === 'ArrowDown' ? 'first' : 'last');\n      }\n    }),\n  });\n\n  return (\n    <>\n      {trigger}\n      {open &&\n        typeof document !== 'undefined' &&\n        createPortal(\n          // O escopo proprio poe o menu na arvore de escopos do Dialog, cujo `contain` puxaria o foco de volta.\n          // Sem `contain` aqui: ele disputaria o foco com o gatilho quando o menu fecha.\n          <FocusScope>\n            <MenuList\n              items={items}\n              label={label}\n              openedWith={openedWith}\n              onClose={fechar}\n              triggerRef={triggerRef}\n            />\n          </FocusScope>,\n          document.body,\n        )}\n    </>\n  );\n}\n\nfunction ehSecao(entrada: MenuItem | MenuSection): entrada is MenuSection {\n  return 'items' in entrada;\n}\n\nfunction MenuList({\n  items: entradas,\n  label,\n  onClose,\n  openedWith,\n  triggerRef,\n}: {\n  items: readonly (MenuItem | MenuSection)[];\n  label: string;\n  onClose: (devolverFoco: boolean) => void;\n  openedWith: 'first' | 'last';\n  triggerRef: React.RefObject<HTMLElement | null>;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const nodes = useRef(new Map<string, HTMLElement>());\n  // O teclado percorre os itens de todos os grupos como uma lista so.\n  const items = useMemo(() => entradas.flatMap((entrada) => (ehSecao(entrada) ? entrada.items : [entrada])), [entradas]);\n  const collection = useMemo<SelectionItem[]>(\n    () => items.map((item) => ({ key: item.key, disabled: item.disabled, textValue: item.label })),\n    [items],\n  );\n  const selection = useSelection({ items: collection, mode: 'none' });\n  const { focusedKey, focusFirst, focusLast, focusNext, focusPrevious, search } = selection;\n\n  // useOverlayPosition entrega toda a altura disponivel; limitamos para que\n  // uma lista longa nao ocupe a tela inteira.\n  // Sem isto o gatilho conta como \"fora\": o ponteiro fecha o menu e o clique\n  // dele reabre em seguida, e o menu pisca sem abrir.\n  const { overlayProps } = useOverlay(\n    {\n      isOpen: true,\n      onClose: () => onClose(false),\n      isDismissable: true,\n      shouldCloseOnBlur: false,\n      shouldCloseOnInteractOutside: (elemento) => !triggerRef.current?.contains(elemento),\n    },\n    ref,\n  );\n  const { overlayProps: positionProps } = useOverlayPosition({\n    targetRef: triggerRef,\n    overlayRef: ref,\n    placement: 'bottom start',\n    offset: 6,\n    containerPadding: 8,\n    isOpen: true,\n  });\n\n  const alturaMaxima = Math.min(Number(positionProps.style?.maxHeight) || 360, 360);\n\n  useEffect(() => {\n    if (openedWith === 'last') {\n      focusLast();\n    } else {\n      focusFirst();\n    }\n    // Posicao inicial depende apenas de como o menu foi aberto.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (focusedKey) {\n      nodes.current.get(focusedKey)?.focus();\n    }\n  }, [focusedKey]);\n\n  function acionar(item: MenuItem) {\n    if (item.disabled) {\n      return;\n    }\n\n    onClose(true);\n    item.onSelect?.();\n  }\n\n  function renderizarItem(item: MenuItem) {\n    const marcavel = item.checked !== undefined;\n\n    return (\n      <button\n        aria-checked={marcavel ? item.checked : undefined}\n        aria-keyshortcuts={item.shortcut}\n        className={[styles.item, item.tone === 'danger' && styles.danger].filter(Boolean).join(' ')}\n        disabled={item.disabled}\n        key={item.key}\n        onClick={() => acionar(item)}\n        ref={(node) => {\n          if (node) {\n            nodes.current.set(item.key, node);\n          } else {\n            nodes.current.delete(item.key);\n          }\n        }}\n        role={marcavel ? 'menuitemcheckbox' : 'menuitem'}\n        tabIndex={focusedKey === item.key ? 0 : -1}\n        type=\"button\"\n      >\n        {item.icon && (\n          <span aria-hidden=\"true\" className={styles.icon}>\n            {item.icon}\n          </span>\n        )}\n        <span className={styles.label}>{item.label}</span>\n        {item.shortcut && (\n          <kbd aria-hidden=\"true\" className={styles.shortcut}>\n            {item.shortcut}\n          </kbd>\n        )}\n        {marcavel && <IconCheck className={[styles.check, item.checked && styles.checkOn].filter(Boolean).join(' ')} />}\n      </button>\n    );\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      focusNext();\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      focusPrevious();\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      focusFirst();\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      focusLast();\n    } else if (event.key === 'Escape' || event.key === 'Tab') {\n      onClose(true);\n    } else if (event.key.length === 1 && !event.metaKey && !event.ctrlKey) {\n      search(event.key);\n    }\n  }\n\n  return (\n    <div\n      {...overlayProps}\n      data-react-aria-top-layer=\"true\"\n      ref={ref}\n      className={styles.menu}\n      style={{ ...positionProps.style, maxHeight: alturaMaxima }}\n      role=\"menu\"\n      aria-label={label}\n      onKeyDown={(event) => {\n        // Espalhar overlayProps antes nao basta: este onKeyDown o substituiria.\n        handleKeyDown(event);\n        overlayProps.onKeyDown?.(event);\n      }}\n    >\n      {entradas.map((entrada, indice) => {\n        if (!ehSecao(entrada)) {\n          return renderizarItem(entrada);\n        }\n\n        return (\n          <div aria-label={entrada.title} className={styles.section} key={entrada.key} role=\"group\">\n            {indice > 0 && <div aria-hidden=\"true\" className={styles.divider} />}\n            {entrada.title && (\n              <div aria-hidden=\"true\" className={styles.sectionTitle}>\n                {entrada.title}\n              </div>\n            )}\n            {entrada.items.map(renderizarItem)}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["encadear","proprio","seguinte","evento","Menu","children","defaultOpen","items","label","onOpenChange","controlledOpen","triggerRef","useRef","internalOpen","setInternalOpen","useState","openedWith","setOpenedWith","open","setOpen","proximo","abrir","from","fechar","devolverFoco","_a","dono","mergedTriggerRef","useMergedRefs","trigger","cloneElement","event","jsxs","Fragment","createPortal","FocusScope","jsx","MenuList","ehSecao","entrada","entradas","onClose","ref","nodes","useMemo","collection","item","selection","useSelection","focusedKey","focusFirst","focusLast","focusNext","focusPrevious","search","overlayProps","useOverlay","elemento","positionProps","useOverlayPosition","alturaMaxima","useEffect","acionar","renderizarItem","marcavel","styles","node","IconCheck","handleKeyDown","indice"],"mappings":"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"}

package/dist/components/overlays/Menu/Menu.js

@@ -1,74 +1,78 @@
-import { jsxs as E, Fragment as N, jsx as w } from "react/jsx-runtime";
-import { useRef as K, useState as O, cloneElement as S, useMemo as F, useEffect as A } from "react";
-import { createPortal as H } from "react-dom";
-import { FocusScope as I } from "@react-aria/focus";
-import { useOverlay as j, useOverlayPosition as L } from "@react-aria/overlays";
-import { useMergedRefs as T } from "../../../hooks/useMergedRefs.js";
-import P from "./Menu.module.css.js";
-import { useSelection as U } from "../../../hooks/useSelection/useSelection.js";
-function R(o, f) {
-  return (s) => {
-    o == null || o(s), f(s);
+import { jsxs as K, Fragment as F, jsx as n } from "react/jsx-runtime";
+import { useRef as M, useState as P, cloneElement as H, useMemo as R, useEffect as S } from "react";
+import { createPortal as T } from "react-dom";
+import { FocusScope as C } from "@react-aria/focus";
+import { useOverlay as L, useOverlayPosition as U } from "@react-aria/overlays";
+import { useMergedRefs as W } from "../../../hooks/useMergedRefs.js";
+import t from "./Menu.module.css.js";
+import { useSelection as z } from "../../../hooks/useSelection/useSelection.js";
+import { IconCheck as V } from "../../icons/icons.js";
+function j(s, d) {
+  return (c) => {
+    s == null || s(c), d(c);
   };
 }
-function X({ children: o, defaultOpen: f = !1, items: s, label: D, onOpenChange: l, open: i }) {
-  const a = K(null), [h, g] = O(f), [u, d] = O("first"), c = i ?? h;
-  function y(t) {
-    g(t), l == null || l(t);
+function ee({ children: s, defaultOpen: d = !1, items: c, label: g, onOpenChange: l, open: m }) {
+  const i = M(null), [h, N] = P(d), [x, a] = P("first"), u = m ?? h;
+  function y(o) {
+    N(o), l == null || l(o);
   }
-  function p(t) {
-    d(t), y(!0);
+  function k(o) {
+    a(o), y(!0);
   }
-  function m(t) {
-    var b;
-    y(!1), t && ((b = a.current) == null || b.focus());
+  function b(o) {
+    var D;
+    y(!1), o && ((D = i.current) == null || D.focus());
   }
-  const n = o.props, k = T(a, n.ref), x = S(o, {
-    ref: k,
+  const p = s.props, f = W(i, p.ref), w = H(s, {
+    ref: f,
     "aria-haspopup": "menu",
-    "aria-expanded": c,
-    onClick: R(
-      n.onClick,
-      () => c ? m(!0) : p("first")
+    "aria-expanded": u,
+    onClick: j(
+      p.onClick,
+      () => u ? b(!0) : k("first")
     ),
-    onKeyDown: R(n.onKeyDown, (t) => {
-      (t.key === "ArrowDown" || t.key === "ArrowUp") && (t.preventDefault(), p(t.key === "ArrowDown" ? "first" : "last"));
+    onKeyDown: j(p.onKeyDown, (o) => {
+      (o.key === "ArrowDown" || o.key === "ArrowUp") && (o.preventDefault(), k(o.key === "ArrowDown" ? "first" : "last"));
     })
   });
-  return /* @__PURE__ */ E(N, { children: [
-    x,
-    c && typeof document < "u" && H(
+  return /* @__PURE__ */ K(F, { children: [
+    w,
+    u && typeof document < "u" && T(
       // O escopo proprio poe o menu na arvore de escopos do Dialog, cujo `contain` puxaria o foco de volta.
       // Sem `contain` aqui: ele disputaria o foco com o gatilho quando o menu fecha.
-      /* @__PURE__ */ w(I, { children: /* @__PURE__ */ w(
-        W,
+      /* @__PURE__ */ n(C, { children: /* @__PURE__ */ n(
+        q,
         {
-          items: s,
-          label: D,
-          openedWith: u,
-          onClose: m,
-          triggerRef: a
+          items: c,
+          label: g,
+          openedWith: x,
+          onClose: b,
+          triggerRef: i
         }
       ) }),
       document.body
     )
   ] });
 }
-function W({
-  items: o,
-  label: f,
-  onClose: s,
-  openedWith: D,
+function E(s) {
+  return "items" in s;
+}
+function q({
+  items: s,
+  label: d,
+  onClose: c,
+  openedWith: g,
   triggerRef: l
 }) {
-  var M;
-  const i = K(null), a = K(/* @__PURE__ */ new Map()), h = F(
-    () => o.map((e) => ({ key: e.key, disabled: e.disabled, textValue: e.label })),
-    [o]
-  ), g = U({ items: h, mode: "none" }), { focusedKey: u, focusFirst: d, focusLast: c, focusNext: y, focusPrevious: p, search: m } = g, { overlayProps: n } = j(
+  var A;
+  const m = M(null), i = M(/* @__PURE__ */ new Map()), h = R(() => s.flatMap((e) => E(e) ? e.items : [e]), [s]), N = R(
+    () => h.map((e) => ({ key: e.key, disabled: e.disabled, textValue: e.label })),
+    [h]
+  ), x = z({ items: N, mode: "none" }), { focusedKey: a, focusFirst: u, focusLast: y, focusNext: k, focusPrevious: b, search: p } = x, { overlayProps: f } = L(
     {
       isOpen: !0,
-      onClose: () => s(!1),
+      onClose: () => c(!1),
       isDismissable: !0,
       shouldCloseOnBlur: !1,
       shouldCloseOnInteractOutside: (e) => {
@@ -76,62 +80,77 @@ function W({
         return !((r = l.current) != null && r.contains(e));
       }
     },
-    i
-  ), { overlayProps: k } = L({
+    m
+  ), { overlayProps: w } = U({
     targetRef: l,
-    overlayRef: i,
+    overlayRef: m,
     placement: "bottom start",
     offset: 6,
     containerPadding: 8,
     isOpen: !0
-  }), x = Math.min(Number((M = k.style) == null ? void 0 : M.maxHeight) || 360, 360);
-  A(() => {
-    D === "last" ? c() : d();
-  }, []), A(() => {
+  }), o = Math.min(Number((A = w.style) == null ? void 0 : A.maxHeight) || 360, 360);
+  S(() => {
+    g === "last" ? y() : u();
+  }, []), S(() => {
     var e;
-    u && ((e = a.current.get(u)) == null || e.focus());
-  }, [u]);
-  function t(e) {
+    a && ((e = i.current.get(a)) == null || e.focus());
+  }, [a]);
+  function D(e) {
     var r;
-    e.disabled || (s(!0), (r = e.onSelect) == null || r.call(e));
+    e.disabled || (c(!0), (r = e.onSelect) == null || r.call(e));
+  }
+  function O(e) {
+    const r = e.checked !== void 0;
+    return /* @__PURE__ */ K(
+      "button",
+      {
+        "aria-checked": r ? e.checked : void 0,
+        "aria-keyshortcuts": e.shortcut,
+        className: [t.item, e.tone === "danger" && t.danger].filter(Boolean).join(" "),
+        disabled: e.disabled,
+        onClick: () => D(e),
+        ref: (I) => {
+          I ? i.current.set(e.key, I) : i.current.delete(e.key);
+        },
+        role: r ? "menuitemcheckbox" : "menuitem",
+        tabIndex: a === e.key ? 0 : -1,
+        type: "button",
+        children: [
+          e.icon && /* @__PURE__ */ n("span", { "aria-hidden": "true", className: t.icon, children: e.icon }),
+          /* @__PURE__ */ n("span", { className: t.label, children: e.label }),
+          e.shortcut && /* @__PURE__ */ n("kbd", { "aria-hidden": "true", className: t.shortcut, children: e.shortcut }),
+          r && /* @__PURE__ */ n(V, { className: [t.check, e.checked && t.checkOn].filter(Boolean).join(" ") })
+        ]
+      },
+      e.key
+    );
   }
-  function b(e) {
-    e.key === "ArrowDown" ? (e.preventDefault(), y()) : e.key === "ArrowUp" ? (e.preventDefault(), p()) : e.key === "Home" ? (e.preventDefault(), d()) : e.key === "End" ? (e.preventDefault(), c()) : e.key === "Escape" || e.key === "Tab" ? s(!0) : e.key.length === 1 && !e.metaKey && !e.ctrlKey && m(e.key);
+  function B(e) {
+    e.key === "ArrowDown" ? (e.preventDefault(), k()) : e.key === "ArrowUp" ? (e.preventDefault(), b()) : e.key === "Home" ? (e.preventDefault(), u()) : e.key === "End" ? (e.preventDefault(), y()) : e.key === "Escape" || e.key === "Tab" ? c(!0) : e.key.length === 1 && !e.metaKey && !e.ctrlKey && p(e.key);
   }
-  return /* @__PURE__ */ w(
+  return /* @__PURE__ */ n(
     "div",
     {
-      ...n,
+      ...f,
       "data-react-aria-top-layer": "true",
-      ref: i,
-      className: P.menu,
-      style: { ...k.style, maxHeight: x },
+      ref: m,
+      className: t.menu,
+      style: { ...w.style, maxHeight: o },
       role: "menu",
-      "aria-label": f,
+      "aria-label": d,
       onKeyDown: (e) => {
         var r;
-        b(e), (r = n.onKeyDown) == null || r.call(n, e);
+        B(e), (r = f.onKeyDown) == null || r.call(f, e);
       },
-      children: o.map((e) => /* @__PURE__ */ w(
-        "button",
-        {
-          ref: (r) => {
-            r ? a.current.set(e.key, r) : a.current.delete(e.key);
-          },
-          className: P.item,
-          type: "button",
-          role: "menuitem",
-          disabled: e.disabled,
-          tabIndex: u === e.key ? 0 : -1,
-          onClick: () => t(e),
-          children: e.label
-        },
-        e.key
-      ))
+      children: s.map((e, r) => E(e) ? /* @__PURE__ */ K("div", { "aria-label": e.title, className: t.section, role: "group", children: [
+        r > 0 && /* @__PURE__ */ n("div", { "aria-hidden": "true", className: t.divider }),
+        e.title && /* @__PURE__ */ n("div", { "aria-hidden": "true", className: t.sectionTitle, children: e.title }),
+        e.items.map(O)
+      ] }, e.key) : O(e))
     }
   );
 }
 export {
-  X as Menu
+  ee as Menu
 };
 //# sourceMappingURL=Menu.js.map

package/dist/components/overlays/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../src/components/overlays/Menu/Menu.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type ReactElement,\n  type Ref,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { FocusScope } from '@react-aria/focus';\nimport { useOverlay, useOverlayPosition } from '@react-aria/overlays';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { useSelection, type SelectionItem } from '../../../hooks/useSelection';\nimport styles from './Menu.module.css';\n\nexport interface MenuItem {\n  disabled?: boolean;\n  key: string;\n  label: string;\n  onSelect?: () => void;\n}\n\nexport interface MenuProps {\n  children: ReactElement<Record<string, unknown>>;\n  /** Abertura inicial no modo nao controlado. */\n  defaultOpen?: boolean;\n  items: readonly MenuItem[];\n  label: string;\n  /** Avisa cada abertura e fechamento pedidos pelo gatilho, pelo teclado, pela opcao ou pelo clique fora. */\n  onOpenChange?: (open: boolean) => void;\n  /** Controla a abertura; sem ele, o menu guarda o proprio estado. */\n  open?: boolean;\n}\n\n/** Encadeia o manipulador do gatilho ao do menu, em vez de substitui-lo. */\nfunction encadear<E>(proprio: ((evento: E) => void) | undefined, seguinte: (evento: E) => void) {\n  return (evento: E) => {\n    proprio?.(evento);\n    seguinte(evento);\n  };\n}\n\nexport function Menu({ children, defaultOpen = false, items, label, onOpenChange, open: controlledOpen }: MenuProps) {\n  const triggerRef = useRef<HTMLElement>(null);\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const [openedWith, setOpenedWith] = useState<'first' | 'last'>('first');\n  const open = controlledOpen ?? internalOpen;\n\n  function setOpen(proximo: boolean) {\n    setInternalOpen(proximo);\n    onOpenChange?.(proximo);\n  }\n\n  function abrir(from: 'first' | 'last') {\n    setOpenedWith(from);\n    setOpen(true);\n  }\n\n  // O foco volta na hora, antes de o `onSelect` montar o que vem depois, como um campo com `autoFocus` ou\n  // um Dialog, que guarda o elemento em foco para devolver. Clique fora nao devolve: o foco e de quem foi clicado.\n  function fechar(devolverFoco: boolean) {\n    setOpen(false);\n\n    if (devolverFoco) {\n      triggerRef.current?.focus();\n    }\n  }\n\n  const dono = children.props;\n  const mergedTriggerRef = useMergedRefs(triggerRef, dono.ref as Ref<HTMLElement> | undefined);\n  const trigger = cloneElement(children, {\n    ref: mergedTriggerRef,\n    'aria-haspopup': 'menu',\n    'aria-expanded': open,\n    onClick: encadear(dono.onClick as (evento: unknown) => void, () =>\n      open ? fechar(true) : abrir('first'),\n    ),\n    onKeyDown: encadear(dono.onKeyDown as (evento: KeyboardEvent) => void, (event: KeyboardEvent) => {\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        event.preventDefault();\n        abrir(event.key === 'ArrowDown' ? 'first' : 'last');\n      }\n    }),\n  });\n\n  return (\n    <>\n      {trigger}\n      {open &&\n        typeof document !== 'undefined' &&\n        createPortal(\n          // O escopo proprio poe o menu na arvore de escopos do Dialog, cujo `contain` puxaria o foco de volta.\n          // Sem `contain` aqui: ele disputaria o foco com o gatilho quando o menu fecha.\n          <FocusScope>\n            <MenuList\n              items={items}\n              label={label}\n              openedWith={openedWith}\n              onClose={fechar}\n              triggerRef={triggerRef}\n            />\n          </FocusScope>,\n          document.body,\n        )}\n    </>\n  );\n}\n\nfunction MenuList({\n  items,\n  label,\n  onClose,\n  openedWith,\n  triggerRef,\n}: {\n  items: readonly MenuItem[];\n  label: string;\n  onClose: (devolverFoco: boolean) => void;\n  openedWith: 'first' | 'last';\n  triggerRef: React.RefObject<HTMLElement | null>;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const nodes = useRef(new Map<string, HTMLElement>());\n  const collection = useMemo<SelectionItem[]>(\n    () => items.map((item) => ({ key: item.key, disabled: item.disabled, textValue: item.label })),\n    [items],\n  );\n  const selection = useSelection({ items: collection, mode: 'none' });\n  const { focusedKey, focusFirst, focusLast, focusNext, focusPrevious, search } = selection;\n\n  // useOverlayPosition entrega toda a altura disponivel; limitamos para que\n  // uma lista longa nao ocupe a tela inteira.\n  // Sem isto o gatilho conta como \"fora\": o ponteiro fecha o menu e o clique\n  // dele reabre em seguida, e o menu pisca sem abrir.\n  const { overlayProps } = useOverlay(\n    {\n      isOpen: true,\n      onClose: () => onClose(false),\n      isDismissable: true,\n      shouldCloseOnBlur: false,\n      shouldCloseOnInteractOutside: (elemento) => !triggerRef.current?.contains(elemento),\n    },\n    ref,\n  );\n  const { overlayProps: positionProps } = useOverlayPosition({\n    targetRef: triggerRef,\n    overlayRef: ref,\n    placement: 'bottom start',\n    offset: 6,\n    containerPadding: 8,\n    isOpen: true,\n  });\n\n  const alturaMaxima = Math.min(Number(positionProps.style?.maxHeight) || 360, 360);\n\n  useEffect(() => {\n    if (openedWith === 'last') {\n      focusLast();\n    } else {\n      focusFirst();\n    }\n    // Posicao inicial depende apenas de como o menu foi aberto.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (focusedKey) {\n      nodes.current.get(focusedKey)?.focus();\n    }\n  }, [focusedKey]);\n\n  function acionar(item: MenuItem) {\n    if (item.disabled) {\n      return;\n    }\n\n    onClose(true);\n    item.onSelect?.();\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      focusNext();\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      focusPrevious();\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      focusFirst();\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      focusLast();\n    } else if (event.key === 'Escape' || event.key === 'Tab') {\n      onClose(true);\n    } else if (event.key.length === 1 && !event.metaKey && !event.ctrlKey) {\n      search(event.key);\n    }\n  }\n\n  return (\n    <div\n      {...overlayProps}\n      data-react-aria-top-layer=\"true\"\n      ref={ref}\n      className={styles.menu}\n      style={{ ...positionProps.style, maxHeight: alturaMaxima }}\n      role=\"menu\"\n      aria-label={label}\n      onKeyDown={(event) => {\n        // Espalhar overlayProps antes nao basta: este onKeyDown o substituiria.\n        handleKeyDown(event);\n        overlayProps.onKeyDown?.(event);\n      }}\n    >\n      {items.map((item) => (\n        <button\n          key={item.key}\n          ref={(node) => {\n            if (node) {\n              nodes.current.set(item.key, node);\n            } else {\n              nodes.current.delete(item.key);\n            }\n          }}\n          className={styles.item}\n          type=\"button\"\n          role=\"menuitem\"\n          disabled={item.disabled}\n          tabIndex={focusedKey === item.key ? 0 : -1}\n          onClick={() => acionar(item)}\n        >\n          {item.label}\n        </button>\n      ))}\n    </div>\n  );\n}\n"],"names":["encadear","proprio","seguinte","evento","Menu","children","defaultOpen","items","label","onOpenChange","controlledOpen","triggerRef","useRef","internalOpen","setInternalOpen","useState","openedWith","setOpenedWith","open","setOpen","proximo","abrir","from","fechar","devolverFoco","_a","dono","mergedTriggerRef","useMergedRefs","trigger","cloneElement","event","jsxs","Fragment","createPortal","FocusScope","jsx","MenuList","onClose","ref","nodes","collection","useMemo","item","selection","useSelection","focusedKey","focusFirst","focusLast","focusNext","focusPrevious","search","overlayProps","useOverlay","elemento","positionProps","useOverlayPosition","alturaMaxima","useEffect","acionar","handleKeyDown","styles","node"],"mappings":"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"}
+{"version":3,"file":"Menu.js","sources":["../../../../src/components/overlays/Menu/Menu.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type KeyboardEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { FocusScope } from '@react-aria/focus';\nimport { useOverlay, useOverlayPosition } from '@react-aria/overlays';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { useSelection, type SelectionItem } from '../../../hooks/useSelection';\nimport { IconCheck } from '../../icons';\nimport styles from './Menu.module.css';\n\nexport interface MenuItem {\n  /** Com ele, o item e de marcar e mostra o visto quando marcado, como o tipo atual de um bloco. */\n  checked?: boolean;\n  disabled?: boolean;\n  /** Icone decorativo antes do texto. */\n  icon?: ReactNode;\n  key: string;\n  label: string;\n  onSelect?: () => void;\n  /** Atalho escrito a direita, como `Ctrl+D`, e anunciado em `aria-keyshortcuts`. */\n  shortcut?: string;\n  /** `danger` para a acao que destroi, como remover. */\n  tone?: 'danger';\n}\n\n/** Grupo de itens, com titulo opcional; entre dois grupos, o menu desenha o divisor. */\nexport interface MenuSection {\n  items: readonly MenuItem[];\n  key: string;\n  title?: string;\n}\n\nexport interface MenuProps {\n  children: ReactElement<Record<string, unknown>>;\n  /** Abertura inicial no modo nao controlado. */\n  defaultOpen?: boolean;\n  items: readonly (MenuItem | MenuSection)[];\n  label: string;\n  /** Avisa cada abertura e fechamento pedidos pelo gatilho, pelo teclado, pela opcao ou pelo clique fora. */\n  onOpenChange?: (open: boolean) => void;\n  /** Controla a abertura; sem ele, o menu guarda o proprio estado. */\n  open?: boolean;\n}\n\n/** Encadeia o manipulador do gatilho ao do menu, em vez de substitui-lo. */\nfunction encadear<E>(proprio: ((evento: E) => void) | undefined, seguinte: (evento: E) => void) {\n  return (evento: E) => {\n    proprio?.(evento);\n    seguinte(evento);\n  };\n}\n\nexport function Menu({ children, defaultOpen = false, items, label, onOpenChange, open: controlledOpen }: MenuProps) {\n  const triggerRef = useRef<HTMLElement>(null);\n  const [internalOpen, setInternalOpen] = useState(defaultOpen);\n  const [openedWith, setOpenedWith] = useState<'first' | 'last'>('first');\n  const open = controlledOpen ?? internalOpen;\n\n  function setOpen(proximo: boolean) {\n    setInternalOpen(proximo);\n    onOpenChange?.(proximo);\n  }\n\n  function abrir(from: 'first' | 'last') {\n    setOpenedWith(from);\n    setOpen(true);\n  }\n\n  // O foco volta na hora, antes de o `onSelect` montar o que vem depois, como um campo com `autoFocus` ou\n  // um Dialog, que guarda o elemento em foco para devolver. Clique fora nao devolve: o foco e de quem foi clicado.\n  function fechar(devolverFoco: boolean) {\n    setOpen(false);\n\n    if (devolverFoco) {\n      triggerRef.current?.focus();\n    }\n  }\n\n  const dono = children.props;\n  const mergedTriggerRef = useMergedRefs(triggerRef, dono.ref as Ref<HTMLElement> | undefined);\n  const trigger = cloneElement(children, {\n    ref: mergedTriggerRef,\n    'aria-haspopup': 'menu',\n    'aria-expanded': open,\n    onClick: encadear(dono.onClick as (evento: unknown) => void, () =>\n      open ? fechar(true) : abrir('first'),\n    ),\n    onKeyDown: encadear(dono.onKeyDown as (evento: KeyboardEvent) => void, (event: KeyboardEvent) => {\n      if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n        event.preventDefault();\n        abrir(event.key === 'ArrowDown' ? 'first' : 'last');\n      }\n    }),\n  });\n\n  return (\n    <>\n      {trigger}\n      {open &&\n        typeof document !== 'undefined' &&\n        createPortal(\n          // O escopo proprio poe o menu na arvore de escopos do Dialog, cujo `contain` puxaria o foco de volta.\n          // Sem `contain` aqui: ele disputaria o foco com o gatilho quando o menu fecha.\n          <FocusScope>\n            <MenuList\n              items={items}\n              label={label}\n              openedWith={openedWith}\n              onClose={fechar}\n              triggerRef={triggerRef}\n            />\n          </FocusScope>,\n          document.body,\n        )}\n    </>\n  );\n}\n\nfunction ehSecao(entrada: MenuItem | MenuSection): entrada is MenuSection {\n  return 'items' in entrada;\n}\n\nfunction MenuList({\n  items: entradas,\n  label,\n  onClose,\n  openedWith,\n  triggerRef,\n}: {\n  items: readonly (MenuItem | MenuSection)[];\n  label: string;\n  onClose: (devolverFoco: boolean) => void;\n  openedWith: 'first' | 'last';\n  triggerRef: React.RefObject<HTMLElement | null>;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const nodes = useRef(new Map<string, HTMLElement>());\n  // O teclado percorre os itens de todos os grupos como uma lista so.\n  const items = useMemo(() => entradas.flatMap((entrada) => (ehSecao(entrada) ? entrada.items : [entrada])), [entradas]);\n  const collection = useMemo<SelectionItem[]>(\n    () => items.map((item) => ({ key: item.key, disabled: item.disabled, textValue: item.label })),\n    [items],\n  );\n  const selection = useSelection({ items: collection, mode: 'none' });\n  const { focusedKey, focusFirst, focusLast, focusNext, focusPrevious, search } = selection;\n\n  // useOverlayPosition entrega toda a altura disponivel; limitamos para que\n  // uma lista longa nao ocupe a tela inteira.\n  // Sem isto o gatilho conta como \"fora\": o ponteiro fecha o menu e o clique\n  // dele reabre em seguida, e o menu pisca sem abrir.\n  const { overlayProps } = useOverlay(\n    {\n      isOpen: true,\n      onClose: () => onClose(false),\n      isDismissable: true,\n      shouldCloseOnBlur: false,\n      shouldCloseOnInteractOutside: (elemento) => !triggerRef.current?.contains(elemento),\n    },\n    ref,\n  );\n  const { overlayProps: positionProps } = useOverlayPosition({\n    targetRef: triggerRef,\n    overlayRef: ref,\n    placement: 'bottom start',\n    offset: 6,\n    containerPadding: 8,\n    isOpen: true,\n  });\n\n  const alturaMaxima = Math.min(Number(positionProps.style?.maxHeight) || 360, 360);\n\n  useEffect(() => {\n    if (openedWith === 'last') {\n      focusLast();\n    } else {\n      focusFirst();\n    }\n    // Posicao inicial depende apenas de como o menu foi aberto.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (focusedKey) {\n      nodes.current.get(focusedKey)?.focus();\n    }\n  }, [focusedKey]);\n\n  function acionar(item: MenuItem) {\n    if (item.disabled) {\n      return;\n    }\n\n    onClose(true);\n    item.onSelect?.();\n  }\n\n  function renderizarItem(item: MenuItem) {\n    const marcavel = item.checked !== undefined;\n\n    return (\n      <button\n        aria-checked={marcavel ? item.checked : undefined}\n        aria-keyshortcuts={item.shortcut}\n        className={[styles.item, item.tone === 'danger' && styles.danger].filter(Boolean).join(' ')}\n        disabled={item.disabled}\n        key={item.key}\n        onClick={() => acionar(item)}\n        ref={(node) => {\n          if (node) {\n            nodes.current.set(item.key, node);\n          } else {\n            nodes.current.delete(item.key);\n          }\n        }}\n        role={marcavel ? 'menuitemcheckbox' : 'menuitem'}\n        tabIndex={focusedKey === item.key ? 0 : -1}\n        type=\"button\"\n      >\n        {item.icon && (\n          <span aria-hidden=\"true\" className={styles.icon}>\n            {item.icon}\n          </span>\n        )}\n        <span className={styles.label}>{item.label}</span>\n        {item.shortcut && (\n          <kbd aria-hidden=\"true\" className={styles.shortcut}>\n            {item.shortcut}\n          </kbd>\n        )}\n        {marcavel && <IconCheck className={[styles.check, item.checked && styles.checkOn].filter(Boolean).join(' ')} />}\n      </button>\n    );\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLDivElement>) {\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      focusNext();\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      focusPrevious();\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      focusFirst();\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      focusLast();\n    } else if (event.key === 'Escape' || event.key === 'Tab') {\n      onClose(true);\n    } else if (event.key.length === 1 && !event.metaKey && !event.ctrlKey) {\n      search(event.key);\n    }\n  }\n\n  return (\n    <div\n      {...overlayProps}\n      data-react-aria-top-layer=\"true\"\n      ref={ref}\n      className={styles.menu}\n      style={{ ...positionProps.style, maxHeight: alturaMaxima }}\n      role=\"menu\"\n      aria-label={label}\n      onKeyDown={(event) => {\n        // Espalhar overlayProps antes nao basta: este onKeyDown o substituiria.\n        handleKeyDown(event);\n        overlayProps.onKeyDown?.(event);\n      }}\n    >\n      {entradas.map((entrada, indice) => {\n        if (!ehSecao(entrada)) {\n          return renderizarItem(entrada);\n        }\n\n        return (\n          <div aria-label={entrada.title} className={styles.section} key={entrada.key} role=\"group\">\n            {indice > 0 && <div aria-hidden=\"true\" className={styles.divider} />}\n            {entrada.title && (\n              <div aria-hidden=\"true\" className={styles.sectionTitle}>\n                {entrada.title}\n              </div>\n            )}\n            {entrada.items.map(renderizarItem)}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["encadear","proprio","seguinte","evento","Menu","children","defaultOpen","items","label","onOpenChange","controlledOpen","triggerRef","useRef","internalOpen","setInternalOpen","useState","openedWith","setOpenedWith","open","setOpen","proximo","abrir","from","fechar","devolverFoco","_a","dono","mergedTriggerRef","useMergedRefs","trigger","cloneElement","event","jsxs","Fragment","createPortal","FocusScope","jsx","MenuList","ehSecao","entrada","entradas","onClose","ref","nodes","useMemo","collection","item","selection","useSelection","focusedKey","focusFirst","focusLast","focusNext","focusPrevious","search","overlayProps","useOverlay","elemento","positionProps","useOverlayPosition","alturaMaxima","useEffect","acionar","renderizarItem","marcavel","styles","node","IconCheck","handleKeyDown","indice"],"mappings":"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"}

package/dist/components/overlays/Menu/Menu.module.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_menu_opb5f_1",t="_item_opb5f_20",u={menu:e,item:t};exports.default=u;exports.item=t;exports.menu=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_menu_ssmgq_1",s="_item_ssmgq_20",c="_icon_ssmgq_53",t="_label_ssmgq_60",n="_shortcut_ssmgq_66",_="_check_ssmgq_75",o="_checkOn_ssmgq_81",i="_danger_ssmgq_85",m="_section_ssmgq_101",l="_divider_ssmgq_107",g="_sectionTitle_ssmgq_113",r={menu:e,item:s,icon:c,label:t,shortcut:n,check:_,checkOn:o,danger:i,section:m,divider:l,sectionTitle:g};exports.check=_;exports.checkOn=o;exports.danger=i;exports.default=r;exports.divider=l;exports.icon=c;exports.item=s;exports.label=t;exports.menu=e;exports.section=m;exports.sectionTitle=g;exports.shortcut=n;
 //# sourceMappingURL=Menu.module.css.cjs.map

package/dist/components/overlays/Menu/Menu.module.css.js

@@ -1,10 +1,28 @@
-const e = "_menu_opb5f_1", t = "_item_opb5f_20", m = {
-  menu: e,
-  item: t
+const s = "_menu_ssmgq_1", c = "_item_ssmgq_20", e = "_icon_ssmgq_53", t = "_label_ssmgq_60", _ = "_shortcut_ssmgq_66", n = "_check_ssmgq_75", o = "_checkOn_ssmgq_81", i = "_danger_ssmgq_85", m = "_section_ssmgq_101", g = "_divider_ssmgq_107", l = "_sectionTitle_ssmgq_113", q = {
+  menu: s,
+  item: c,
+  icon: e,
+  label: t,
+  shortcut: _,
+  check: n,
+  checkOn: o,
+  danger: i,
+  section: m,
+  divider: g,
+  sectionTitle: l
 };
 export {
-  m as default,
-  t as item,
-  e as menu
+  n as check,
+  o as checkOn,
+  i as danger,
+  q as default,
+  g as divider,
+  e as icon,
+  c as item,
+  t as label,
+  s as menu,
+  m as section,
+  l as sectionTitle,
+  _ as shortcut
 };
 //# sourceMappingURL=Menu.module.css.js.map

package/dist/components/overlays/Menu/Menu.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"Menu.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}