@plenustech/design-system 0.2.1 → 0.2.2

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

@@ -0,0 +1,137 @@
+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);
+  };
+}
+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 p(t) {
+    d(t), y(!0);
+  }
+  function m(t) {
+    var b;
+    y(!1), t && ((b = a.current) == null || b.focus());
+  }
+  const n = o.props, k = T(a, n.ref), x = S(o, {
+    ref: k,
+    "aria-haspopup": "menu",
+    "aria-expanded": c,
+    onClick: R(
+      n.onClick,
+      () => c ? m(!0) : p("first")
+    ),
+    onKeyDown: R(n.onKeyDown, (t) => {
+      (t.key === "ArrowDown" || t.key === "ArrowUp") && (t.preventDefault(), p(t.key === "ArrowDown" ? "first" : "last"));
+    })
+  });
+  return /* @__PURE__ */ E(N, { children: [
+    x,
+    c && typeof document < "u" && H(
+      // 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,
+        {
+          items: s,
+          label: D,
+          openedWith: u,
+          onClose: m,
+          triggerRef: a
+        }
+      ) }),
+      document.body
+    )
+  ] });
+}
+function W({
+  items: o,
+  label: f,
+  onClose: s,
+  openedWith: D,
+  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(
+    {
+      isOpen: !0,
+      onClose: () => s(!1),
+      isDismissable: !0,
+      shouldCloseOnBlur: !1,
+      shouldCloseOnInteractOutside: (e) => {
+        var r;
+        return !((r = l.current) != null && r.contains(e));
+      }
+    },
+    i
+  ), { overlayProps: k } = L({
+    targetRef: l,
+    overlayRef: i,
+    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(() => {
+    var e;
+    u && ((e = a.current.get(u)) == null || e.focus());
+  }, [u]);
+  function t(e) {
+    var r;
+    e.disabled || (s(!0), (r = e.onSelect) == null || r.call(e));
+  }
+  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);
+  }
+  return /* @__PURE__ */ w(
+    "div",
+    {
+      ...n,
+      "data-react-aria-top-layer": "true",
+      ref: i,
+      className: P.menu,
+      style: { ...k.style, maxHeight: x },
+      role: "menu",
+      "aria-label": f,
+      onKeyDown: (e) => {
+        var r;
+        b(e), (r = n.onKeyDown) == null || r.call(n, 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
+      ))
+    }
+  );
+}
+export {
+  X 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 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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"}

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_opb5f_1",t="_item_opb5f_20",u={menu:e,item:t};exports.default=u;exports.item=t;exports.menu=e;
+//# 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,10 @@
+const e = "_menu_opb5f_1", t = "_item_opb5f_20", m = {
+  menu: e,
+  item: t
+};
+export {
+  m as default,
+  t as item,
+  e as menu
+};
+//# 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":";;;"}