@plenustech/design-system 0.2.1 → 0.2.3

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

@@ -0,0 +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 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":"8YAsDA,SAASA,EAAYC,EAA4CC,EAA+B,CAC9F,OAAQC,GAAc,CACpBF,GAAA,MAAAA,EAAUE,GACVD,EAASC,CAAM,CACjB,CACF,CAEO,SAASC,EAAK,CAAE,SAAAC,EAAU,YAAAC,EAAc,GAAO,MAAAC,EAAO,MAAAC,EAAO,aAAAC,EAAc,KAAMC,GAA6B,CACnH,MAAMC,EAAaC,EAAAA,OAAoB,IAAI,EACrC,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAAST,CAAW,EACtD,CAACU,EAAYC,CAAa,EAAIF,EAAAA,SAA2B,OAAO,EAChEG,EAAOR,GAAkBG,EAE/B,SAASM,EAAQC,EAAkB,CACjCN,EAAgBM,CAAO,EACvBX,GAAA,MAAAA,EAAeW,EACjB,CAEA,SAASC,EAAMC,EAAwB,CACrCL,EAAcK,CAAI,EAClBH,EAAQ,EAAI,CACd,CAIA,SAASI,EAAOC,EAAuB,OACrCL,EAAQ,EAAK,EAETK,KACFC,EAAAd,EAAW,UAAX,MAAAc,EAAoB,QAExB,CAEA,MAAMC,EAAOrB,EAAS,MAChBsB,EAAmBC,EAAAA,cAAcjB,EAAYe,EAAK,GAAmC,EACrFG,EAAUC,EAAAA,aAAazB,EAAU,CACrC,IAAKsB,EACL,gBAAiB,OACjB,gBAAiBT,EACjB,QAASlB,EAAS0B,EAAK,QAAsC,IAC3DR,EAAOK,EAAO,EAAI,EAAIF,EAAM,OAAO,CAAA,EAErC,UAAWrB,EAAS0B,EAAK,UAA+CK,GAAyB,EAC3FA,EAAM,MAAQ,aAAeA,EAAM,MAAQ,aAC7CA,EAAM,eAAA,EACNV,EAAMU,EAAM,MAAQ,YAAc,QAAU,MAAM,EAEtD,CAAC,CAAA,CACF,EAED,OACEC,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAAJ,EACAX,GACC,OAAO,SAAa,KACpBgB,EAAAA,mBAGGC,EAAAA,WAAA,CACC,SAAAC,EAAAA,IAACC,EAAA,CACC,MAAA9B,EACA,MAAAC,EACA,WAAAQ,EACA,QAASO,EACT,WAAAZ,CAAA,CAAA,EAEJ,EACA,SAAS,IAAA,CACX,EACJ,CAEJ,CAEA,SAAS2B,EAAQC,EAAyD,CACxE,MAAO,UAAWA,CACpB,CAEA,SAASF,EAAS,CAChB,MAAOG,EACP,MAAAhC,EACA,QAAAiC,EACA,WAAAzB,EACA,WAAAL,CACF,EAMG,OACD,MAAM+B,EAAM9B,EAAAA,OAAuB,IAAI,EACjC+B,EAAQ/B,EAAAA,OAAO,IAAI,GAA0B,EAE7CL,EAAQqC,EAAAA,QAAQ,IAAMJ,EAAS,QAASD,GAAaD,EAAQC,CAAO,EAAIA,EAAQ,MAAQ,CAACA,CAAO,CAAE,EAAG,CAACC,CAAQ,CAAC,EAC/GK,EAAaD,EAAAA,QACjB,IAAMrC,EAAM,IAAKuC,IAAU,CAAE,IAAKA,EAAK,IAAK,SAAUA,EAAK,SAAU,UAAWA,EAAK,OAAQ,EAC7F,CAACvC,CAAK,CAAA,EAEFwC,EAAYC,EAAAA,aAAa,CAAE,MAAOH,EAAY,KAAM,OAAQ,EAC5D,CAAE,WAAAI,EAAY,WAAAC,EAAY,UAAAC,EAAW,UAAAC,EAAW,cAAAC,EAAe,OAAAC,GAAWP,EAM1E,CAAE,aAAAQ,GAAiBC,EAAAA,WACvB,CACE,OAAQ,GACR,QAAS,IAAMf,EAAQ,EAAK,EAC5B,cAAe,GACf,kBAAmB,GACnB,6BAA+BgB,GAAA,OAAa,SAAChC,EAAAd,EAAW,UAAX,MAAAc,EAAoB,SAASgC,IAAQ,EAEpFf,CAAA,EAEI,CAAE,aAAcgB,CAAA,EAAkBC,qBAAmB,CACzD,UAAWhD,EACX,WAAY+B,EACZ,UAAW,eACX,OAAQ,EACR,iBAAkB,EAClB,OAAQ,EAAA,CACT,EAEKkB,EAAe,KAAK,IAAI,QAAOnC,EAAAiC,EAAc,QAAd,YAAAjC,EAAqB,SAAS,GAAK,IAAK,GAAG,EAEhFoC,EAAAA,UAAU,IAAM,CACV7C,IAAe,OACjBmC,EAAA,EAEAD,EAAA,CAIJ,EAAG,CAAA,CAAE,EAELW,EAAAA,UAAU,IAAM,OACVZ,KACFxB,EAAAkB,EAAM,QAAQ,IAAIM,CAAU,IAA5B,MAAAxB,EAA+B,QAEnC,EAAG,CAACwB,CAAU,CAAC,EAEf,SAASa,EAAQhB,EAAgB,OAC3BA,EAAK,WAITL,EAAQ,EAAI,GACZhB,EAAAqB,EAAK,WAAL,MAAArB,EAAA,KAAAqB,GACF,CAEA,SAASiB,EAAejB,EAAgB,CACtC,MAAMkB,EAAWlB,EAAK,UAAY,OAElC,OACEd,EAAAA,KAAC,SAAA,CACC,eAAcgC,EAAWlB,EAAK,QAAU,OACxC,oBAAmBA,EAAK,SACxB,UAAW,CAACmB,EAAAA,QAAO,KAAMnB,EAAK,OAAS,UAAYmB,UAAO,MAAM,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC1F,SAAUnB,EAAK,SAEf,QAAS,IAAMgB,EAAQhB,CAAI,EAC3B,IAAMoB,GAAS,CACTA,EACFvB,EAAM,QAAQ,IAAIG,EAAK,IAAKoB,CAAI,EAEhCvB,EAAM,QAAQ,OAAOG,EAAK,GAAG,CAEjC,EACA,KAAMkB,EAAW,mBAAqB,WACtC,SAAUf,IAAeH,EAAK,IAAM,EAAI,GACxC,KAAK,SAEJ,SAAA,CAAAA,EAAK,YACH,OAAA,CAAK,cAAY,OAAO,UAAWmB,EAAAA,QAAO,KACxC,SAAAnB,EAAK,IAAA,CACR,QAED,OAAA,CAAK,UAAWmB,EAAAA,QAAO,MAAQ,WAAK,MAAM,EAC1CnB,EAAK,UACJV,EAAAA,IAAC,MAAA,CAAI,cAAY,OAAO,UAAW6B,EAAAA,QAAO,SACvC,SAAAnB,EAAK,QAAA,CACR,EAEDkB,GAAY5B,EAAAA,IAAC+B,YAAA,CAAU,UAAW,CAACF,EAAAA,QAAO,MAAOnB,EAAK,SAAWmB,EAAAA,QAAO,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,CAAA,CAAG,CAAA,CAAA,EAxBxGnB,EAAK,GAAA,CA2BhB,CAEA,SAASsB,EAAcrC,EAAsC,CACvDA,EAAM,MAAQ,aAChBA,EAAM,eAAA,EACNqB,EAAA,GACSrB,EAAM,MAAQ,WACvBA,EAAM,eAAA,EACNsB,EAAA,GACStB,EAAM,MAAQ,QACvBA,EAAM,eAAA,EACNmB,EAAA,GACSnB,EAAM,MAAQ,OACvBA,EAAM,eAAA,EACNoB,EAAA,GACSpB,EAAM,MAAQ,UAAYA,EAAM,MAAQ,MACjDU,EAAQ,EAAI,EACHV,EAAM,IAAI,SAAW,GAAK,CAACA,EAAM,SAAW,CAACA,EAAM,SAC5DuB,EAAOvB,EAAM,GAAG,CAEpB,CAEA,OACEK,EAAAA,IAAC,MAAA,CACE,GAAGmB,EACJ,4BAA0B,OAC1B,IAAAb,EACA,UAAWuB,EAAAA,QAAO,KAClB,MAAO,CAAE,GAAGP,EAAc,MAAO,UAAWE,CAAA,EAC5C,KAAK,OACL,aAAYpD,EACZ,UAAYuB,GAAU,OAEpBqC,EAAcrC,CAAK,GACnBN,EAAA8B,EAAa,YAAb,MAAA9B,EAAA,KAAA8B,EAAyBxB,EAC3B,EAEC,SAAAS,EAAS,IAAI,CAACD,EAAS8B,IACjB/B,EAAQC,CAAO,EAKlBP,OAAC,OAAI,aAAYO,EAAQ,MAAO,UAAW0B,EAAAA,QAAO,QAA2B,KAAK,QAC/E,SAAA,CAAAI,EAAS,GAAKjC,EAAAA,IAAC,MAAA,CAAI,cAAY,OAAO,UAAW6B,UAAO,QAAS,EACjE1B,EAAQ,OACPH,EAAAA,IAAC,MAAA,CAAI,cAAY,OAAO,UAAW6B,EAAAA,QAAO,aACvC,SAAA1B,EAAQ,KAAA,CACX,EAEDA,EAAQ,MAAM,IAAIwB,CAAc,CAAA,CAAA,EAP6BxB,EAAQ,GAQxE,EAZOwB,EAAexB,CAAO,CAchC,CAAA,CAAA,CAGP"}

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

@@ -0,0 +1,156 @@
+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 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 k(o) {
+    a(o), y(!0);
+  }
+  function b(o) {
+    var D;
+    y(!1), o && ((D = i.current) == null || D.focus());
+  }
+  const p = s.props, f = W(i, p.ref), w = H(s, {
+    ref: f,
+    "aria-haspopup": "menu",
+    "aria-expanded": u,
+    onClick: j(
+      p.onClick,
+      () => u ? b(!0) : k("first")
+    ),
+    onKeyDown: j(p.onKeyDown, (o) => {
+      (o.key === "ArrowDown" || o.key === "ArrowUp") && (o.preventDefault(), k(o.key === "ArrowDown" ? "first" : "last"));
+    })
+  });
+  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__ */ n(C, { children: /* @__PURE__ */ n(
+        q,
+        {
+          items: c,
+          label: g,
+          openedWith: x,
+          onClose: b,
+          triggerRef: i
+        }
+      ) }),
+      document.body
+    )
+  ] });
+}
+function E(s) {
+  return "items" in s;
+}
+function q({
+  items: s,
+  label: d,
+  onClose: c,
+  openedWith: g,
+  triggerRef: l
+}) {
+  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: () => c(!1),
+      isDismissable: !0,
+      shouldCloseOnBlur: !1,
+      shouldCloseOnInteractOutside: (e) => {
+        var r;
+        return !((r = l.current) != null && r.contains(e));
+      }
+    },
+    m
+  ), { overlayProps: w } = U({
+    targetRef: l,
+    overlayRef: m,
+    placement: "bottom start",
+    offset: 6,
+    containerPadding: 8,
+    isOpen: !0
+  }), o = Math.min(Number((A = w.style) == null ? void 0 : A.maxHeight) || 360, 360);
+  S(() => {
+    g === "last" ? y() : u();
+  }, []), S(() => {
+    var e;
+    a && ((e = i.current.get(a)) == null || e.focus());
+  }, [a]);
+  function D(e) {
+    var r;
+    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(), 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__ */ n(
+    "div",
+    {
+      ...f,
+      "data-react-aria-top-layer": "true",
+      ref: m,
+      className: t.menu,
+      style: { ...w.style, maxHeight: o },
+      role: "menu",
+      "aria-label": d,
+      onKeyDown: (e) => {
+        var r;
+        B(e), (r = f.onKeyDown) == null || r.call(f, e);
+      },
+      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 {
+  ee as Menu
+};
+//# sourceMappingURL=Menu.js.map

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

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

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

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

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

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

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

package/dist/components/overlays/Popover/Popover.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),P=require("react"),O=require("react-dom"),q=require("@react-aria/focus"),n=require("@react-aria/overlays"),j=require("../../../hooks/useMergedRefs.cjs"),R=require("./Popover.module.css.cjs");function b({open:e,...o}){return!e||typeof document>"u"?null:O.createPortal(t.jsx(g,{...o}),document.body)}function g({children:e,className:o,offset:l=8,onClose:c,placement:i="bottom start",ref:a,style:d,triggerRef:s,...f}){const r=P.useRef(null),p=j.useMergedRefs(r,a),{overlayProps:v}=n.useOverlay({isOpen:!0,onClose:c,isDismissable:!0,shouldCloseOnBlur:!1,shouldCloseOnInteractOutside:m=>{var u;return!((u=s.current)!=null&&u.contains(m))}},r),{overlayProps:y}=n.useOverlayPosition({targetRef:s,overlayRef:r,placement:i,offset:l,isOpen:!0});return t.jsx(q.FocusScope,{restoreFocus:!0,autoFocus:!0,children:t.jsx("div",{...f,...v,ref:p,className:[R.default.popover,o].filter(Boolean).join(" "),"data-react-aria-top-layer":"true",style:{...d,...y.style},role:"dialog",children:e})})}exports.Popover=b;
+//# sourceMappingURL=Popover.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.cjs","sources":["../../../../src/components/overlays/Popover/Popover.tsx"],"sourcesContent":["import { useRef, type ComponentPropsWithRef, type ReactNode, type RefObject } 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 styles from './Popover.module.css';\n\nexport type PopoverPlacement =\n  | 'top'\n  | 'top start'\n  | 'top end'\n  | 'bottom'\n  | 'bottom start'\n  | 'bottom end'\n  | 'left'\n  | 'right';\n\n/** As propriedades nativas vao ao elemento do painel; o `className` soma ao do sistema. */\nexport interface PopoverProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {\n  children: ReactNode;\n  offset?: number;\n  onClose: () => void;\n  open: boolean;\n  placement?: PopoverPlacement;\n  triggerRef: RefObject<HTMLElement | null>;\n}\n\nexport function Popover({ open, ...props }: PopoverProps) {\n  // No servidor nao ha `document` para o portal; o Popover nasce na hidratacao.\n  if (!open || typeof document === 'undefined') {\n    return null;\n  }\n\n  return createPortal(<PopoverContent {...props} />, document.body);\n}\n\nfunction PopoverContent({\n  children,\n  className,\n  offset = 8,\n  onClose,\n  placement = 'bottom start',\n  ref: refDoConsumidor,\n  style,\n  triggerRef,\n  ...props\n}: Omit<PopoverProps, 'open'>) {\n  const ref = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergedRefs(ref, refDoConsumidor);\n\n  const { overlayProps } = useOverlay(\n    {\n      isOpen: true,\n      onClose,\n      isDismissable: true,\n      shouldCloseOnBlur: false,\n      // O gatilho nao conta como \"fora\": o clique dele e do consumidor, que decide se alterna.\n      shouldCloseOnInteractOutside: (elemento) => !triggerRef.current?.contains(elemento),\n    },\n    ref,\n  );\n\n  const { overlayProps: positionProps } = useOverlayPosition({\n    targetRef: triggerRef,\n    overlayRef: ref,\n    placement,\n    offset,\n    isOpen: true,\n  });\n\n  // Sem `contain`: o Popover nao bloqueia a pagina. O `restoreFocus` leva o Tab da borda ao elemento seguinte\n  // ao gatilho, e nao ao fim do `body`, onde o painel vive.\n  return (\n    <FocusScope restoreFocus autoFocus>\n      <div\n        {...props}\n        {...overlayProps}\n        ref={mergedRef}\n        className={[styles.popover, className].filter(Boolean).join(' ')}\n        // Camada de cima: o `ariaHideOutside` do Dialog ignora quem a declara.\n        data-react-aria-top-layer=\"true\"\n        style={{ ...style, ...positionProps.style }}\n        role=\"dialog\"\n      >\n        {children}\n      </div>\n    </FocusScope>\n  );\n}\n"],"names":["Popover","open","props","createPortal","jsx","PopoverContent","children","className","offset","onClose","placement","refDoConsumidor","style","triggerRef","ref","useRef","mergedRef","useMergedRefs","overlayProps","useOverlay","elemento","_a","positionProps","useOverlayPosition","FocusScope","styles"],"mappings":"oTA2BO,SAASA,EAAQ,CAAE,KAAAC,EAAM,GAAGC,GAAuB,CAExD,MAAI,CAACD,GAAQ,OAAO,SAAa,IACxB,KAGFE,EAAAA,aAAaC,EAAAA,IAACC,EAAA,CAAgB,GAAGH,EAAO,EAAI,SAAS,IAAI,CAClE,CAEA,SAASG,EAAe,CACtB,SAAAC,EACA,UAAAC,EACA,OAAAC,EAAS,EACT,QAAAC,EACA,UAAAC,EAAY,eACZ,IAAKC,EACL,MAAAC,EACA,WAAAC,EACA,GAAGX,CACL,EAA+B,CAC7B,MAAMY,EAAMC,EAAAA,OAAuB,IAAI,EACjCC,EAAYC,EAAAA,cAAcH,EAAKH,CAAe,EAE9C,CAAE,aAAAO,GAAiBC,EAAAA,WACvB,CACE,OAAQ,GACR,QAAAV,EACA,cAAe,GACf,kBAAmB,GAEnB,6BAA+BW,GAAA,OAAa,SAACC,EAAAR,EAAW,UAAX,MAAAQ,EAAoB,SAASD,IAAQ,EAEpFN,CAAA,EAGI,CAAE,aAAcQ,CAAA,EAAkBC,qBAAmB,CACzD,UAAWV,EACX,WAAYC,EACZ,UAAAJ,EACA,OAAAF,EACA,OAAQ,EAAA,CACT,EAID,OACEJ,EAAAA,IAACoB,EAAAA,WAAA,CAAW,aAAY,GAAC,UAAS,GAChC,SAAApB,EAAAA,IAAC,MAAA,CACE,GAAGF,EACH,GAAGgB,EACJ,IAAKF,EACL,UAAW,CAACS,UAAO,QAASlB,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAE/D,4BAA0B,OAC1B,MAAO,CAAE,GAAGK,EAAO,GAAGU,EAAc,KAAA,EACpC,KAAK,SAEJ,SAAAhB,CAAA,CAAA,EAEL,CAEJ"}

package/dist/components/overlays/Popover/Popover.js

@@ -0,0 +1,59 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useRef as v } from "react";
+import { createPortal as O } from "react-dom";
+import { FocusScope as P } from "@react-aria/focus";
+import { useOverlay as R, useOverlayPosition as b } from "@react-aria/overlays";
+import { useMergedRefs as h } from "../../../hooks/useMergedRefs.js";
+import C from "./Popover.module.css.js";
+function N({ open: e, ...o }) {
+  return !e || typeof document > "u" ? null : O(/* @__PURE__ */ t(F, { ...o }), document.body);
+}
+function F({
+  children: e,
+  className: o,
+  offset: u = 8,
+  onClose: i,
+  placement: l = "bottom start",
+  ref: a,
+  style: f,
+  triggerRef: s,
+  ...p
+}) {
+  const r = v(null), m = h(r, a), { overlayProps: c } = R(
+    {
+      isOpen: !0,
+      onClose: i,
+      isDismissable: !0,
+      shouldCloseOnBlur: !1,
+      // O gatilho nao conta como "fora": o clique dele e do consumidor, que decide se alterna.
+      shouldCloseOnInteractOutside: (y) => {
+        var n;
+        return !((n = s.current) != null && n.contains(y));
+      }
+    },
+    r
+  ), { overlayProps: d } = b({
+    targetRef: s,
+    overlayRef: r,
+    placement: l,
+    offset: u,
+    isOpen: !0
+  });
+  return /* @__PURE__ */ t(P, { restoreFocus: !0, autoFocus: !0, children: /* @__PURE__ */ t(
+    "div",
+    {
+      ...p,
+      ...c,
+      ref: m,
+      className: [C.popover, o].filter(Boolean).join(" "),
+      "data-react-aria-top-layer": "true",
+      style: { ...f, ...d.style },
+      role: "dialog",
+      children: e
+    }
+  ) });
+}
+export {
+  N as Popover
+};
+//# sourceMappingURL=Popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../../src/components/overlays/Popover/Popover.tsx"],"sourcesContent":["import { useRef, type ComponentPropsWithRef, type ReactNode, type RefObject } 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 styles from './Popover.module.css';\n\nexport type PopoverPlacement =\n  | 'top'\n  | 'top start'\n  | 'top end'\n  | 'bottom'\n  | 'bottom start'\n  | 'bottom end'\n  | 'left'\n  | 'right';\n\n/** As propriedades nativas vao ao elemento do painel; o `className` soma ao do sistema. */\nexport interface PopoverProps extends Omit<ComponentPropsWithRef<'div'>, 'children'> {\n  children: ReactNode;\n  offset?: number;\n  onClose: () => void;\n  open: boolean;\n  placement?: PopoverPlacement;\n  triggerRef: RefObject<HTMLElement | null>;\n}\n\nexport function Popover({ open, ...props }: PopoverProps) {\n  // No servidor nao ha `document` para o portal; o Popover nasce na hidratacao.\n  if (!open || typeof document === 'undefined') {\n    return null;\n  }\n\n  return createPortal(<PopoverContent {...props} />, document.body);\n}\n\nfunction PopoverContent({\n  children,\n  className,\n  offset = 8,\n  onClose,\n  placement = 'bottom start',\n  ref: refDoConsumidor,\n  style,\n  triggerRef,\n  ...props\n}: Omit<PopoverProps, 'open'>) {\n  const ref = useRef<HTMLDivElement>(null);\n  const mergedRef = useMergedRefs(ref, refDoConsumidor);\n\n  const { overlayProps } = useOverlay(\n    {\n      isOpen: true,\n      onClose,\n      isDismissable: true,\n      shouldCloseOnBlur: false,\n      // O gatilho nao conta como \"fora\": o clique dele e do consumidor, que decide se alterna.\n      shouldCloseOnInteractOutside: (elemento) => !triggerRef.current?.contains(elemento),\n    },\n    ref,\n  );\n\n  const { overlayProps: positionProps } = useOverlayPosition({\n    targetRef: triggerRef,\n    overlayRef: ref,\n    placement,\n    offset,\n    isOpen: true,\n  });\n\n  // Sem `contain`: o Popover nao bloqueia a pagina. O `restoreFocus` leva o Tab da borda ao elemento seguinte\n  // ao gatilho, e nao ao fim do `body`, onde o painel vive.\n  return (\n    <FocusScope restoreFocus autoFocus>\n      <div\n        {...props}\n        {...overlayProps}\n        ref={mergedRef}\n        className={[styles.popover, className].filter(Boolean).join(' ')}\n        // Camada de cima: o `ariaHideOutside` do Dialog ignora quem a declara.\n        data-react-aria-top-layer=\"true\"\n        style={{ ...style, ...positionProps.style }}\n        role=\"dialog\"\n      >\n        {children}\n      </div>\n    </FocusScope>\n  );\n}\n"],"names":["Popover","open","props","createPortal","jsx","PopoverContent","children","className","offset","onClose","placement","refDoConsumidor","style","triggerRef","ref","useRef","mergedRef","useMergedRefs","overlayProps","useOverlay","elemento","_a","positionProps","useOverlayPosition","FocusScope","styles"],"mappings":";;;;;;;AA2BO,SAASA,EAAQ,EAAE,MAAAC,GAAM,GAAGC,KAAuB;AAExD,SAAI,CAACD,KAAQ,OAAO,WAAa,MACxB,OAGFE,EAAa,gBAAAC,EAACC,GAAA,EAAgB,GAAGH,GAAO,GAAI,SAAS,IAAI;AAClE;AAEA,SAASG,EAAe;AAAA,EACtB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,KAAKC;AAAA,EACL,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGX;AACL,GAA+B;AAC7B,QAAMY,IAAMC,EAAuB,IAAI,GACjCC,IAAYC,EAAcH,GAAKH,CAAe,GAE9C,EAAE,cAAAO,MAAiBC;AAAA,IACvB;AAAA,MACE,QAAQ;AAAA,MACR,SAAAV;AAAA,MACA,eAAe;AAAA,MACf,mBAAmB;AAAA;AAAA,MAEnB,8BAA8B,CAACW,MAAA;;AAAa,kBAACC,IAAAR,EAAW,YAAX,QAAAQ,EAAoB,SAASD;AAAA;AAAA,IAAQ;AAAA,IAEpFN;AAAA,EAAA,GAGI,EAAE,cAAcQ,EAAA,IAAkBC,EAAmB;AAAA,IACzD,WAAWV;AAAA,IACX,YAAYC;AAAA,IACZ,WAAAJ;AAAA,IACA,QAAAF;AAAA,IACA,QAAQ;AAAA,EAAA,CACT;AAID,SACE,gBAAAJ,EAACoB,GAAA,EAAW,cAAY,IAAC,WAAS,IAChC,UAAA,gBAAApB;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACH,GAAGgB;AAAA,MACJ,KAAKF;AAAA,MACL,WAAW,CAACS,EAAO,SAASlB,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,MAE/D,6BAA0B;AAAA,MAC1B,OAAO,EAAE,GAAGK,GAAO,GAAGU,EAAc,MAAA;AAAA,MACpC,MAAK;AAAA,MAEJ,UAAAhB;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}

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

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

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

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

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

@@ -0,0 +1,8 @@
+const o = "_popover_12zpc_1", p = {
+  popover: o
+};
+export {
+  p as default,
+  o as popover
+};
+//# sourceMappingURL=Popover.module.css.js.map

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

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

package/dist/components/overlays/Tooltip/Tooltip.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("react"),g=require("react-dom"),R=require("@react-aria/overlays"),v=require("../../../hooks/useMergedRefs.cjs"),M=require("./Tooltip.module.css.cjs"),E=120;function c(t,u){return n=>{t==null||t(n),u(n)}}function j({children:t,content:u,delay:n=500,placement:f="top"}){const i=o.useRef(null),[a,s]=o.useState(!1),e=o.useRef(void 0),p=`tooltip-${o.useId()}`,d=o.useCallback(()=>{clearTimeout(e.current),s(!1)},[]),m=o.useCallback(()=>{clearTimeout(e.current),e.current=setTimeout(()=>s(!1),E)},[]);o.useEffect(()=>()=>clearTimeout(e.current),[]);const r=t.props,y=v.useMergedRefs(i,r.ref),T=o.cloneElement(t,{ref:y,"aria-describedby":a?[r["aria-describedby"],p].filter(Boolean).join(" "):r["aria-describedby"],onMouseEnter:c(r.onMouseEnter,()=>{clearTimeout(e.current),e.current=setTimeout(()=>s(!0),n)}),onMouseLeave:c(r.onMouseLeave,m),onFocus:c(r.onFocus,()=>s(!0)),onBlur:c(r.onBlur,d),onKeyDown:c(r.onKeyDown,b=>{b.key==="Escape"&&d()})});return l.jsxs(l.Fragment,{children:[T,a&&g.createPortal(l.jsx(q,{content:u,id:p,onMouseEnter:()=>clearTimeout(e.current),onMouseLeave:d,placement:f,triggerRef:i}),document.body)]})}function q({content:t,id:u,onMouseEnter:n,onMouseLeave:f,placement:i,triggerRef:a}){const s=o.useRef(null),{overlayProps:e}=R.useOverlayPosition({targetRef:a,overlayRef:s,placement:i,offset:6,isOpen:!0});return l.jsx("div",{ref:s,className:M.default.tooltip,"data-react-aria-top-layer":"true",id:u,onMouseEnter:n,onMouseLeave:f,role:"tooltip",style:e.style,children:t})}exports.Tooltip=j;
+//# sourceMappingURL=Tooltip.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.cjs","sources":["../../../../src/components/overlays/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type FocusEvent,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOverlayPosition } from '@react-aria/overlays';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport styles from './Tooltip.module.css';\n\nexport type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface TooltipProps {\n  children: ReactElement<Record<string, unknown>>;\n  content: ReactNode;\n  delay?: number;\n  placement?: TooltipPlacement;\n}\n\n/** Tempo para o ponteiro atravessar a folga entre o gatilho e o balao. */\nconst TRAVESSIA = 120;\n\nfunction chain<E>(own: ((event: E) => void) | undefined, next: (event: E) => void) {\n  return (event: E) => {\n    own?.(event);\n    next(event);\n  };\n}\n\nexport function Tooltip({ children, content, delay = 500, placement = 'top' }: TooltipProps) {\n  const triggerRef = useRef<HTMLElement>(null);\n  const [open, setOpen] = useState(false);\n  const timer = useRef<ReturnType<typeof setTimeout>>(undefined);\n  const id = `tooltip-${useId()}`;\n\n  const hide = useCallback(() => {\n    clearTimeout(timer.current);\n    setOpen(false);\n  }, []);\n\n  // O balao aceita o ponteiro (WCAG 1.4.13): sair do gatilho espera a travessia ate ele antes de fechar.\n  const hideSoon = useCallback(() => {\n    clearTimeout(timer.current);\n    timer.current = setTimeout(() => setOpen(false), TRAVESSIA);\n  }, []);\n\n  useEffect(() => () => clearTimeout(timer.current), []);\n\n  const props = children.props;\n  const mergedTriggerRef = useMergedRefs(triggerRef, props.ref as Ref<HTMLElement> | undefined);\n  const trigger = cloneElement(children, {\n    ref: mergedTriggerRef,\n    'aria-describedby': open ? [props['aria-describedby'], id].filter(Boolean).join(' ') : props['aria-describedby'],\n    onMouseEnter: chain(props.onMouseEnter as (e: MouseEvent) => void, () => {\n      clearTimeout(timer.current);\n      timer.current = setTimeout(() => setOpen(true), delay);\n    }),\n    onMouseLeave: chain(props.onMouseLeave as (e: MouseEvent) => void, hideSoon),\n    onFocus: chain(props.onFocus as (e: FocusEvent) => void, () => setOpen(true)),\n    onBlur: chain(props.onBlur as (e: FocusEvent) => void, hide),\n    onKeyDown: chain(props.onKeyDown as (e: KeyboardEvent) => void, (event) => {\n      if (event.key === 'Escape') {\n        hide();\n      }\n    }),\n  });\n\n  return (\n    <>\n      {trigger}\n      {open &&\n        createPortal(\n          <TooltipBubble\n            content={content}\n            id={id}\n            onMouseEnter={() => clearTimeout(timer.current)}\n            onMouseLeave={hide}\n            placement={placement}\n            triggerRef={triggerRef}\n          />,\n          document.body,\n        )}\n    </>\n  );\n}\n\nfunction TooltipBubble({\n  content,\n  id,\n  onMouseEnter,\n  onMouseLeave,\n  placement,\n  triggerRef,\n}: {\n  content: ReactNode;\n  id: string;\n  onMouseEnter: () => void;\n  onMouseLeave: () => void;\n  placement: TooltipPlacement;\n  triggerRef: React.RefObject<HTMLElement | null>;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const { overlayProps } = useOverlayPosition({\n    targetRef: triggerRef,\n    overlayRef: ref,\n    placement,\n    offset: 6,\n    isOpen: true,\n  });\n\n  return (\n    <div\n      ref={ref}\n      className={styles.tooltip}\n      data-react-aria-top-layer=\"true\"\n      id={id}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      role=\"tooltip\"\n      style={overlayProps.style}\n    >\n      {content}\n    </div>\n  );\n}\n"],"names":["TRAVESSIA","chain","own","next","event","Tooltip","children","content","delay","placement","triggerRef","useRef","open","setOpen","useState","timer","id","useId","hide","useCallback","hideSoon","useEffect","props","mergedTriggerRef","useMergedRefs","trigger","cloneElement","jsxs","Fragment","createPortal","jsx","TooltipBubble","onMouseEnter","onMouseLeave","ref","overlayProps","useOverlayPosition","styles"],"mappings":"qRA6BMA,EAAY,IAElB,SAASC,EAASC,EAAuCC,EAA0B,CACjF,OAAQC,GAAa,CACnBF,GAAA,MAAAA,EAAME,GACND,EAAKC,CAAK,CACZ,CACF,CAEO,SAASC,EAAQ,CAAE,SAAAC,EAAU,QAAAC,EAAS,MAAAC,EAAQ,IAAK,UAAAC,EAAY,OAAuB,CAC3F,MAAMC,EAAaC,EAAAA,OAAoB,IAAI,EACrC,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAK,EAChCC,EAAQJ,EAAAA,OAAsC,MAAS,EACvDK,EAAK,WAAWC,EAAAA,MAAA,CAAO,GAEvBC,EAAOC,EAAAA,YAAY,IAAM,CAC7B,aAAaJ,EAAM,OAAO,EAC1BF,EAAQ,EAAK,CACf,EAAG,CAAA,CAAE,EAGCO,EAAWD,EAAAA,YAAY,IAAM,CACjC,aAAaJ,EAAM,OAAO,EAC1BA,EAAM,QAAU,WAAW,IAAMF,EAAQ,EAAK,EAAGb,CAAS,CAC5D,EAAG,CAAA,CAAE,EAELqB,EAAAA,UAAU,IAAM,IAAM,aAAaN,EAAM,OAAO,EAAG,CAAA,CAAE,EAErD,MAAMO,EAAQhB,EAAS,MACjBiB,EAAmBC,EAAAA,cAAcd,EAAYY,EAAM,GAAmC,EACtFG,EAAUC,EAAAA,aAAapB,EAAU,CACrC,IAAKiB,EACL,mBAAoBX,EAAO,CAACU,EAAM,kBAAkB,EAAGN,CAAE,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAAIM,EAAM,kBAAkB,EAC/G,aAAcrB,EAAMqB,EAAM,aAAyC,IAAM,CACvE,aAAaP,EAAM,OAAO,EAC1BA,EAAM,QAAU,WAAW,IAAMF,EAAQ,EAAI,EAAGL,CAAK,CACvD,CAAC,EACD,aAAcP,EAAMqB,EAAM,aAAyCF,CAAQ,EAC3E,QAASnB,EAAMqB,EAAM,QAAoC,IAAMT,EAAQ,EAAI,CAAC,EAC5E,OAAQZ,EAAMqB,EAAM,OAAmCJ,CAAI,EAC3D,UAAWjB,EAAMqB,EAAM,UAA0ClB,GAAU,CACrEA,EAAM,MAAQ,UAChBc,EAAA,CAEJ,CAAC,CAAA,CACF,EAED,OACES,EAAAA,KAAAC,WAAA,CACG,SAAA,CAAAH,EACAb,GACCiB,EAAAA,aACEC,EAAAA,IAACC,EAAA,CACC,QAAAxB,EACA,GAAAS,EACA,aAAc,IAAM,aAAaD,EAAM,OAAO,EAC9C,aAAcG,EACd,UAAAT,EACA,WAAAC,CAAA,CAAA,EAEF,SAAS,IAAA,CACX,EACJ,CAEJ,CAEA,SAASqB,EAAc,CACrB,QAAAxB,EACA,GAAAS,EACA,aAAAgB,EACA,aAAAC,EACA,UAAAxB,EACA,WAAAC,CACF,EAOG,CACD,MAAMwB,EAAMvB,EAAAA,OAAuB,IAAI,EACjC,CAAE,aAAAwB,CAAA,EAAiBC,qBAAmB,CAC1C,UAAW1B,EACX,WAAYwB,EACZ,UAAAzB,EACA,OAAQ,EACR,OAAQ,EAAA,CACT,EAED,OACEqB,EAAAA,IAAC,MAAA,CACC,IAAAI,EACA,UAAWG,EAAAA,QAAO,QAClB,4BAA0B,OAC1B,GAAArB,EACA,aAAAgB,EACA,aAAAC,EACA,KAAK,UACL,MAAOE,EAAa,MAEnB,SAAA5B,CAAA,CAAA,CAGP"}

package/dist/components/overlays/Tooltip/Tooltip.js

@@ -0,0 +1,84 @@
+import { jsxs as v, Fragment as E, jsx as d } from "react/jsx-runtime";
+import { useRef as f, useState as M, useId as R, useCallback as p, useEffect as h, cloneElement as B } from "react";
+import { createPortal as S } from "react-dom";
+import { useOverlayPosition as j } from "@react-aria/overlays";
+import { useMergedRefs as x } from "../../../hooks/useMergedRefs.js";
+import F from "./Tooltip.module.css.js";
+const L = 120;
+function i(o, s) {
+  return (n) => {
+    o == null || o(n), s(n);
+  };
+}
+function C({ children: o, content: s, delay: n = 500, placement: a = "top" }) {
+  const u = f(null), [c, t] = M(!1), e = f(void 0), m = `tooltip-${R()}`, l = p(() => {
+    clearTimeout(e.current), t(!1);
+  }, []), y = p(() => {
+    clearTimeout(e.current), e.current = setTimeout(() => t(!1), L);
+  }, []);
+  h(() => () => clearTimeout(e.current), []);
+  const r = o.props, T = x(u, r.ref), b = B(o, {
+    ref: T,
+    "aria-describedby": c ? [r["aria-describedby"], m].filter(Boolean).join(" ") : r["aria-describedby"],
+    onMouseEnter: i(r.onMouseEnter, () => {
+      clearTimeout(e.current), e.current = setTimeout(() => t(!0), n);
+    }),
+    onMouseLeave: i(r.onMouseLeave, y),
+    onFocus: i(r.onFocus, () => t(!0)),
+    onBlur: i(r.onBlur, l),
+    onKeyDown: i(r.onKeyDown, (g) => {
+      g.key === "Escape" && l();
+    })
+  });
+  return /* @__PURE__ */ v(E, { children: [
+    b,
+    c && S(
+      /* @__PURE__ */ d(
+        O,
+        {
+          content: s,
+          id: m,
+          onMouseEnter: () => clearTimeout(e.current),
+          onMouseLeave: l,
+          placement: a,
+          triggerRef: u
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function O({
+  content: o,
+  id: s,
+  onMouseEnter: n,
+  onMouseLeave: a,
+  placement: u,
+  triggerRef: c
+}) {
+  const t = f(null), { overlayProps: e } = j({
+    targetRef: c,
+    overlayRef: t,
+    placement: u,
+    offset: 6,
+    isOpen: !0
+  });
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      ref: t,
+      className: F.tooltip,
+      "data-react-aria-top-layer": "true",
+      id: s,
+      onMouseEnter: n,
+      onMouseLeave: a,
+      role: "tooltip",
+      style: e.style,
+      children: o
+    }
+  );
+}
+export {
+  C as Tooltip
+};
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/overlays/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useCallback,\n  useEffect,\n  useId,\n  useRef,\n  useState,\n  type FocusEvent,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOverlayPosition } from '@react-aria/overlays';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport styles from './Tooltip.module.css';\n\nexport type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface TooltipProps {\n  children: ReactElement<Record<string, unknown>>;\n  content: ReactNode;\n  delay?: number;\n  placement?: TooltipPlacement;\n}\n\n/** Tempo para o ponteiro atravessar a folga entre o gatilho e o balao. */\nconst TRAVESSIA = 120;\n\nfunction chain<E>(own: ((event: E) => void) | undefined, next: (event: E) => void) {\n  return (event: E) => {\n    own?.(event);\n    next(event);\n  };\n}\n\nexport function Tooltip({ children, content, delay = 500, placement = 'top' }: TooltipProps) {\n  const triggerRef = useRef<HTMLElement>(null);\n  const [open, setOpen] = useState(false);\n  const timer = useRef<ReturnType<typeof setTimeout>>(undefined);\n  const id = `tooltip-${useId()}`;\n\n  const hide = useCallback(() => {\n    clearTimeout(timer.current);\n    setOpen(false);\n  }, []);\n\n  // O balao aceita o ponteiro (WCAG 1.4.13): sair do gatilho espera a travessia ate ele antes de fechar.\n  const hideSoon = useCallback(() => {\n    clearTimeout(timer.current);\n    timer.current = setTimeout(() => setOpen(false), TRAVESSIA);\n  }, []);\n\n  useEffect(() => () => clearTimeout(timer.current), []);\n\n  const props = children.props;\n  const mergedTriggerRef = useMergedRefs(triggerRef, props.ref as Ref<HTMLElement> | undefined);\n  const trigger = cloneElement(children, {\n    ref: mergedTriggerRef,\n    'aria-describedby': open ? [props['aria-describedby'], id].filter(Boolean).join(' ') : props['aria-describedby'],\n    onMouseEnter: chain(props.onMouseEnter as (e: MouseEvent) => void, () => {\n      clearTimeout(timer.current);\n      timer.current = setTimeout(() => setOpen(true), delay);\n    }),\n    onMouseLeave: chain(props.onMouseLeave as (e: MouseEvent) => void, hideSoon),\n    onFocus: chain(props.onFocus as (e: FocusEvent) => void, () => setOpen(true)),\n    onBlur: chain(props.onBlur as (e: FocusEvent) => void, hide),\n    onKeyDown: chain(props.onKeyDown as (e: KeyboardEvent) => void, (event) => {\n      if (event.key === 'Escape') {\n        hide();\n      }\n    }),\n  });\n\n  return (\n    <>\n      {trigger}\n      {open &&\n        createPortal(\n          <TooltipBubble\n            content={content}\n            id={id}\n            onMouseEnter={() => clearTimeout(timer.current)}\n            onMouseLeave={hide}\n            placement={placement}\n            triggerRef={triggerRef}\n          />,\n          document.body,\n        )}\n    </>\n  );\n}\n\nfunction TooltipBubble({\n  content,\n  id,\n  onMouseEnter,\n  onMouseLeave,\n  placement,\n  triggerRef,\n}: {\n  content: ReactNode;\n  id: string;\n  onMouseEnter: () => void;\n  onMouseLeave: () => void;\n  placement: TooltipPlacement;\n  triggerRef: React.RefObject<HTMLElement | null>;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const { overlayProps } = useOverlayPosition({\n    targetRef: triggerRef,\n    overlayRef: ref,\n    placement,\n    offset: 6,\n    isOpen: true,\n  });\n\n  return (\n    <div\n      ref={ref}\n      className={styles.tooltip}\n      data-react-aria-top-layer=\"true\"\n      id={id}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      role=\"tooltip\"\n      style={overlayProps.style}\n    >\n      {content}\n    </div>\n  );\n}\n"],"names":["TRAVESSIA","chain","own","next","event","Tooltip","children","content","delay","placement","triggerRef","useRef","open","setOpen","useState","timer","id","useId","hide","useCallback","hideSoon","useEffect","props","mergedTriggerRef","useMergedRefs","trigger","cloneElement","jsxs","Fragment","createPortal","jsx","TooltipBubble","onMouseEnter","onMouseLeave","ref","overlayProps","useOverlayPosition","styles"],"mappings":";;;;;;AA6BA,MAAMA,IAAY;AAElB,SAASC,EAASC,GAAuCC,GAA0B;AACjF,SAAO,CAACC,MAAa;AACnB,IAAAF,KAAA,QAAAA,EAAME,IACND,EAAKC,CAAK;AAAA,EACZ;AACF;AAEO,SAASC,EAAQ,EAAE,UAAAC,GAAU,SAAAC,GAAS,OAAAC,IAAQ,KAAK,WAAAC,IAAY,SAAuB;AAC3F,QAAMC,IAAaC,EAAoB,IAAI,GACrC,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChCC,IAAQJ,EAAsC,MAAS,GACvDK,IAAK,WAAWC,EAAA,CAAO,IAEvBC,IAAOC,EAAY,MAAM;AAC7B,iBAAaJ,EAAM,OAAO,GAC1BF,EAAQ,EAAK;AAAA,EACf,GAAG,CAAA,CAAE,GAGCO,IAAWD,EAAY,MAAM;AACjC,iBAAaJ,EAAM,OAAO,GAC1BA,EAAM,UAAU,WAAW,MAAMF,EAAQ,EAAK,GAAGb,CAAS;AAAA,EAC5D,GAAG,CAAA,CAAE;AAEL,EAAAqB,EAAU,MAAM,MAAM,aAAaN,EAAM,OAAO,GAAG,CAAA,CAAE;AAErD,QAAMO,IAAQhB,EAAS,OACjBiB,IAAmBC,EAAcd,GAAYY,EAAM,GAAmC,GACtFG,IAAUC,EAAapB,GAAU;AAAA,IACrC,KAAKiB;AAAA,IACL,oBAAoBX,IAAO,CAACU,EAAM,kBAAkB,GAAGN,CAAE,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,IAAIM,EAAM,kBAAkB;AAAA,IAC/G,cAAcrB,EAAMqB,EAAM,cAAyC,MAAM;AACvE,mBAAaP,EAAM,OAAO,GAC1BA,EAAM,UAAU,WAAW,MAAMF,EAAQ,EAAI,GAAGL,CAAK;AAAA,IACvD,CAAC;AAAA,IACD,cAAcP,EAAMqB,EAAM,cAAyCF,CAAQ;AAAA,IAC3E,SAASnB,EAAMqB,EAAM,SAAoC,MAAMT,EAAQ,EAAI,CAAC;AAAA,IAC5E,QAAQZ,EAAMqB,EAAM,QAAmCJ,CAAI;AAAA,IAC3D,WAAWjB,EAAMqB,EAAM,WAAyC,CAAClB,MAAU;AACzE,MAAIA,EAAM,QAAQ,YAChBc,EAAA;AAAA,IAEJ,CAAC;AAAA,EAAA,CACF;AAED,SACE,gBAAAS,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAH;AAAA,IACAb,KACCiB;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,SAAAxB;AAAA,UACA,IAAAS;AAAA,UACA,cAAc,MAAM,aAAaD,EAAM,OAAO;AAAA,UAC9C,cAAcG;AAAA,UACd,WAAAT;AAAA,UACA,YAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEF,SAAS;AAAA,IAAA;AAAA,EACX,GACJ;AAEJ;AAEA,SAASqB,EAAc;AAAA,EACrB,SAAAxB;AAAA,EACA,IAAAS;AAAA,EACA,cAAAgB;AAAA,EACA,cAAAC;AAAA,EACA,WAAAxB;AAAA,EACA,YAAAC;AACF,GAOG;AACD,QAAMwB,IAAMvB,EAAuB,IAAI,GACjC,EAAE,cAAAwB,EAAA,IAAiBC,EAAmB;AAAA,IAC1C,WAAW1B;AAAA,IACX,YAAYwB;AAAA,IACZ,WAAAzB;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA,CACT;AAED,SACE,gBAAAqB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAI;AAAA,MACA,WAAWG,EAAO;AAAA,MAClB,6BAA0B;AAAA,MAC1B,IAAArB;AAAA,MACA,cAAAgB;AAAA,MACA,cAAAC;AAAA,MACA,MAAK;AAAA,MACL,OAAOE,EAAa;AAAA,MAEnB,UAAA5B;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_tooltip_7n3ao_1",o={tooltip:t};exports.default=o;exports.tooltip=t;
+//# sourceMappingURL=Tooltip.module.css.cjs.map

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

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

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

@@ -0,0 +1,8 @@
+const t = "_tooltip_7n3ao_1", o = {
+  tooltip: t
+};
+export {
+  o as default,
+  t as tooltip
+};
+//# sourceMappingURL=Tooltip.module.css.js.map

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

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