@misael703/ui 1.0.1 → 1.2.0

package/dist/chunk-VR4OXVKE.js

@@ -0,0 +1,198 @@
+'use strict';
+
+var chunkXMLBKK7X_js = require('./chunk-XMLBKK7X.js');
+var chunkDPMUWQHL_js = require('./chunk-DPMUWQHL.js');
+var chunkGLYGO7WX_js = require('./chunk-GLYGO7WX.js');
+var chunkRQOTH7I7_js = require('./chunk-RQOTH7I7.js');
+var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function NavigationMenu({ items, className, ariaLabel = "Navegaci\xF3n principal", linkAs, rootLinkAs }) {
+  const [openId, setOpenId] = React__namespace.useState(null);
+  const focusOnOpen = React__namespace.useRef(false);
+  const rootRef = React__namespace.useRef(null);
+  const panelRef = React__namespace.useRef(null);
+  const anchorRef = React__namespace.useRef(null);
+  const triggerRefs = React__namespace.useRef({});
+  const open = openId !== null;
+  const pos = chunkDPMUWQHL_js.usePopoverPosition(anchorRef, panelRef, {
+    open,
+    side: "bottom",
+    align: "start",
+    offset: 8
+  });
+  chunkXMLBKK7X_js.useDismiss({
+    open,
+    onDismiss: () => setOpenId(null),
+    refs: [rootRef, panelRef],
+    closeOnEscape: false
+  });
+  const closeAndFocusTrigger = () => {
+    const id = openId;
+    setOpenId(null);
+    if (id) triggerRefs.current[id]?.focus();
+  };
+  const panelLinks = () => Array.from(panelRef.current?.querySelectorAll(".nav-menu__link") ?? []);
+  const focusLinkAt = (index) => {
+    const links = panelLinks();
+    if (links.length === 0) return;
+    const wrapped = (index % links.length + links.length) % links.length;
+    links[wrapped]?.focus();
+  };
+  React__namespace.useEffect(() => {
+    if (open && focusOnOpen.current) {
+      focusOnOpen.current = false;
+      focusLinkAt(0);
+    }
+  }, [open]);
+  const onPanelKeyDown = (e) => {
+    const links = panelLinks();
+    const current = links.indexOf(document.activeElement);
+    if (e.key === "Escape") {
+      e.preventDefault();
+      closeAndFocusTrigger();
+    } else if (e.key === "Tab") {
+      setOpenId(null);
+    } else if (e.key === "ArrowDown") {
+      e.preventDefault();
+      focusLinkAt(current + 1);
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      focusLinkAt(current - 1);
+    } else if (e.key === "Home") {
+      e.preventDefault();
+      focusLinkAt(0);
+    } else if (e.key === "End") {
+      e.preventDefault();
+      focusLinkAt(links.length - 1);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { ref: rootRef, "aria-label": ariaLabel, className: chunkPASF6T4H_js.cx("nav-menu", className), children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "nav-menu__list", children: items.map((item) => {
+    const hasChildren = !!item.links?.length;
+    const isOpen = openId === item.id;
+    const triggerCls = chunkPASF6T4H_js.cx("nav-menu__trigger", isOpen && "is-open");
+    const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label }),
+      hasChildren && /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.ChevronDown, { size: 14, className: "nav-menu__chevron" })
+    ] });
+    return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "nav-menu__item", children: [
+      hasChildren ? /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          ref: (el) => {
+            triggerRefs.current[item.id] = el;
+          },
+          className: triggerCls,
+          "aria-expanded": isOpen,
+          "aria-haspopup": "menu",
+          onClick: (e) => {
+            if (isOpen) {
+              setOpenId(null);
+              return;
+            }
+            anchorRef.current = e.currentTarget;
+            focusOnOpen.current = false;
+            setOpenId(item.id);
+          },
+          onMouseEnter: (e) => {
+            if (!openId) return;
+            anchorRef.current = e.currentTarget;
+            focusOnOpen.current = false;
+            setOpenId(item.id);
+          },
+          onKeyDown: (e) => {
+            if (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              if (isOpen) {
+                focusLinkAt(0);
+                return;
+              }
+              anchorRef.current = e.currentTarget;
+              focusOnOpen.current = true;
+              setOpenId(item.id);
+            } else if (e.key === "Escape" && isOpen) {
+              e.preventDefault();
+              setOpenId(null);
+            }
+          },
+          children: content
+        }
+      ) : rootLinkAs && item.href ? rootLinkAs(item, content, triggerCls) : /* @__PURE__ */ jsxRuntime.jsx("a", { className: triggerCls, href: item.href, children: content }),
+      hasChildren && isOpen && /* @__PURE__ */ jsxRuntime.jsx(chunkGLYGO7WX_js.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ref: panelRef,
+          className: "nav-menu__panel",
+          role: "menu",
+          "aria-label": typeof item.label === "string" ? item.label : void 0,
+          onKeyDown: onPanelKeyDown,
+          style: {
+            position: "absolute",
+            top: pos.top,
+            left: pos.left,
+            visibility: pos.ready ? "visible" : "hidden"
+          },
+          children: [
+            item.featured && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "nav-menu__featured", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("strong", { children: item.featured.label }),
+              item.featured.description && /* @__PURE__ */ jsxRuntime.jsx("p", { children: item.featured.description })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "nav-menu__sublist", children: item.links.map((link) => {
+              const linkCls = "nav-menu__link";
+              const linkContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                link.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nav-menu__link-icon", children: link.icon }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "nav-menu__link-body", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nav-menu__link-label", children: link.label }),
+                  link.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "nav-menu__link-desc", children: link.description })
+                ] })
+              ] });
+              return /* @__PURE__ */ jsxRuntime.jsx("li", { role: "none", children: linkAs ? linkAs(link, linkContent, linkCls) : /* @__PURE__ */ jsxRuntime.jsx(
+                "a",
+                {
+                  role: "menuitem",
+                  tabIndex: -1,
+                  className: linkCls,
+                  href: link.href,
+                  onClick: (e) => {
+                    if (link.onClick) {
+                      e.preventDefault();
+                      link.onClick();
+                    }
+                    closeAndFocusTrigger();
+                  },
+                  children: linkContent
+                }
+              ) }, link.id);
+            }) })
+          ]
+        }
+      ) })
+    ] }, item.id);
+  }) }) });
+}
+
+exports.NavigationMenu = NavigationMenu;
+//# sourceMappingURL=chunk-VR4OXVKE.js.map
+//# sourceMappingURL=chunk-VR4OXVKE.js.map

package/dist/chunk-VR4OXVKE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/NavigationMenu.tsx"],"names":["React","usePopoverPosition","useDismiss","cx","jsxs","Fragment","jsx","ChevronDown","Portal"],"mappings":"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","file":"chunk-VR4OXVKE.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { ChevronDown } from './Icons';\nimport { Portal } from './Portal';\nimport { usePopoverPosition } from '../hooks/usePopoverPosition';\nimport { useDismiss } from '../hooks/useDismiss';\n\nexport interface NavLink {\n  id: string;\n  label: React.ReactNode;\n  href?: string;\n  description?: React.ReactNode;\n  icon?: React.ReactNode;\n  onClick?: () => void;\n}\n\nexport interface NavMenuItem {\n  id: string;\n  label: React.ReactNode;\n  href?: string;\n  links?: NavLink[];\n  featured?: NavLink;\n}\n\nexport interface NavigationMenuProps {\n  items: NavMenuItem[];\n  className?: string;\n  ariaLabel?: string;\n  linkAs?: (link: NavLink, content: React.ReactNode, className: string) => React.ReactNode;\n  rootLinkAs?: (item: NavMenuItem, content: React.ReactNode, className: string) => React.ReactNode;\n}\n\nexport function NavigationMenu({ items, className, ariaLabel = 'Navegación principal', linkAs, rootLinkAs }: NavigationMenuProps) {\n  const [openId, setOpenId] = React.useState<string | null>(null);\n  // When the panel was opened by keyboard we move focus into it; pointer\n  // (click/hover) opens leave focus with the user's cursor.\n  const focusOnOpen = React.useRef(false);\n  const rootRef = React.useRef<HTMLElement>(null);\n  const panelRef = React.useRef<HTMLDivElement>(null);\n  // The currently-open trigger; usePopoverPosition anchors to this and\n  // focus returns here on close. One panel is open at a time, so a single\n  // anchor ref is correct (see todo.md risk note).\n  const anchorRef = React.useRef<HTMLElement | null>(null);\n  const triggerRefs = React.useRef<Record<string, HTMLButtonElement | null>>({});\n\n  const open = openId !== null;\n\n  const pos = usePopoverPosition(anchorRef, panelRef, {\n    open,\n    side: 'bottom',\n    align: 'start',\n    offset: 8,\n  });\n\n  // Outside-click closes; Escape is handled on the panel so it can also\n  // return focus to the trigger (WAI-ARIA disclosure/menu pattern).\n  useDismiss({\n    open,\n    onDismiss: () => setOpenId(null),\n    refs: [rootRef, panelRef],\n    closeOnEscape: false,\n  });\n\n  const closeAndFocusTrigger = () => {\n    const id = openId;\n    setOpenId(null);\n    if (id) triggerRefs.current[id]?.focus();\n  };\n\n  // `.nav-menu__link` is applied to every link node (default <a> and the\n  // `linkAs` render-prop alike), so querying by class manages focus\n  // uniformly regardless of how the consumer renders links.\n  const panelLinks = (): HTMLElement[] =>\n    Array.from(panelRef.current?.querySelectorAll<HTMLElement>('.nav-menu__link') ?? []);\n\n  const focusLinkAt = (index: number) => {\n    const links = panelLinks();\n    if (links.length === 0) return;\n    const wrapped = ((index % links.length) + links.length) % links.length;\n    links[wrapped]?.focus();\n  };\n\n  React.useEffect(() => {\n    if (open && focusOnOpen.current) {\n      focusOnOpen.current = false;\n      focusLinkAt(0);\n    }\n  }, [open]);\n\n  const onPanelKeyDown = (e: React.KeyboardEvent) => {\n    const links = panelLinks();\n    const current = links.indexOf(document.activeElement as HTMLElement);\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      closeAndFocusTrigger();\n    } else if (e.key === 'Tab') {\n      setOpenId(null);\n    } else if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      focusLinkAt(current + 1);\n    } else if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      focusLinkAt(current - 1);\n    } else if (e.key === 'Home') {\n      e.preventDefault();\n      focusLinkAt(0);\n    } else if (e.key === 'End') {\n      e.preventDefault();\n      focusLinkAt(links.length - 1);\n    }\n  };\n\n  return (\n    <nav ref={rootRef} aria-label={ariaLabel} className={cx('nav-menu', className)}>\n      <ul className=\"nav-menu__list\">\n        {items.map((item) => {\n          const hasChildren = !!item.links?.length;\n          const isOpen = openId === item.id;\n          const triggerCls = cx('nav-menu__trigger', isOpen && 'is-open');\n          const content = (\n            <>\n              <span>{item.label}</span>\n              {hasChildren && <ChevronDown size={14} className=\"nav-menu__chevron\" />}\n            </>\n          );\n\n          return (\n            <li key={item.id} className=\"nav-menu__item\">\n              {hasChildren ? (\n                <button\n                  type=\"button\"\n                  ref={(el) => { triggerRefs.current[item.id] = el; }}\n                  className={triggerCls}\n                  aria-expanded={isOpen}\n                  aria-haspopup=\"menu\"\n                  onClick={(e) => {\n                    if (isOpen) { setOpenId(null); return; }\n                    anchorRef.current = e.currentTarget;\n                    focusOnOpen.current = false;\n                    setOpenId(item.id);\n                  }}\n                  onMouseEnter={(e) => {\n                    if (!openId) return;\n                    anchorRef.current = e.currentTarget;\n                    focusOnOpen.current = false;\n                    setOpenId(item.id);\n                  }}\n                  onKeyDown={(e) => {\n                    if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault();\n                      if (isOpen) { focusLinkAt(0); return; }\n                      anchorRef.current = e.currentTarget;\n                      focusOnOpen.current = true;\n                      setOpenId(item.id);\n                    } else if (e.key === 'Escape' && isOpen) {\n                      e.preventDefault();\n                      setOpenId(null);\n                    }\n                  }}\n                >\n                  {content}\n                </button>\n              ) : rootLinkAs && item.href ? (\n                rootLinkAs(item, content, triggerCls)\n              ) : (\n                <a className={triggerCls} href={item.href}>\n                  {content}\n                </a>\n              )}\n              {hasChildren && isOpen && (\n                <Portal>\n                  <div\n                    ref={panelRef}\n                    className=\"nav-menu__panel\"\n                    role=\"menu\"\n                    aria-label={typeof item.label === 'string' ? item.label : undefined}\n                    onKeyDown={onPanelKeyDown}\n                    style={{\n                      position: 'absolute',\n                      top: pos.top,\n                      left: pos.left,\n                      visibility: pos.ready ? 'visible' : 'hidden',\n                    }}\n                  >\n                    {item.featured && (\n                      <div className=\"nav-menu__featured\">\n                        <strong>{item.featured.label}</strong>\n                        {item.featured.description && <p>{item.featured.description}</p>}\n                      </div>\n                    )}\n                    <ul className=\"nav-menu__sublist\">\n                      {item.links!.map((link) => {\n                        const linkCls = 'nav-menu__link';\n                        const linkContent = (\n                          <>\n                            {link.icon && <span className=\"nav-menu__link-icon\">{link.icon}</span>}\n                            <span className=\"nav-menu__link-body\">\n                              <span className=\"nav-menu__link-label\">{link.label}</span>\n                              {link.description && <span className=\"nav-menu__link-desc\">{link.description}</span>}\n                            </span>\n                          </>\n                        );\n                        return (\n                          <li key={link.id} role=\"none\">\n                            {linkAs ? (\n                              linkAs(link, linkContent, linkCls)\n                            ) : (\n                              <a\n                                role=\"menuitem\"\n                                tabIndex={-1}\n                                className={linkCls}\n                                href={link.href}\n                                onClick={(e) => {\n                                  if (link.onClick) {\n                                    e.preventDefault();\n                                    link.onClick();\n                                  }\n                                  closeAndFocusTrigger();\n                                }}\n                              >\n                                {linkContent}\n                              </a>\n                            )}\n                          </li>\n                        );\n                      })}\n                    </ul>\n                  </div>\n                </Portal>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n}\n"]}

package/dist/chunk-WLDQP4KD.mjs

@@ -0,0 +1,75 @@
+import { usePopoverPosition } from './chunk-H3PRT76O.mjs';
+import { Portal } from './chunk-QX5GGPV5.mjs';
+import { cx } from './chunk-IEPCH3JB.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function HoverCard({
+  trigger,
+  children,
+  placement = "bottom",
+  openDelay = 250,
+  closeDelay = 150,
+  offset = 8,
+  className,
+  contentClassName
+}) {
+  const [open, setOpen] = React.useState(false);
+  const triggerRef = React.useRef(null);
+  const contentRef = React.useRef(null);
+  const openTimer = React.useRef(null);
+  const closeTimer = React.useRef(null);
+  const clear = () => {
+    if (openTimer.current) clearTimeout(openTimer.current);
+    if (closeTimer.current) clearTimeout(closeTimer.current);
+  };
+  const onEnter = () => {
+    clear();
+    openTimer.current = setTimeout(() => setOpen(true), openDelay);
+  };
+  const onLeave = () => {
+    clear();
+    closeTimer.current = setTimeout(() => setOpen(false), closeDelay);
+  };
+  React.useEffect(() => () => clear(), []);
+  const pos = usePopoverPosition(triggerRef, contentRef, {
+    open,
+    side: placement,
+    align: "center",
+    offset
+  });
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cx("hover-card", className),
+      onMouseEnter: onEnter,
+      onMouseLeave: onLeave,
+      onFocus: onEnter,
+      onBlur: onLeave,
+      children: [
+        /* @__PURE__ */ jsx("span", { ref: triggerRef, className: "hover-card__trigger", children: trigger }),
+        open && /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: contentRef,
+            role: "tooltip",
+            className: cx("hover-card__content", "is-floating", contentClassName),
+            style: {
+              position: "absolute",
+              top: pos.top,
+              left: pos.left,
+              visibility: pos.ready ? "visible" : "hidden"
+            },
+            onMouseEnter: onEnter,
+            onMouseLeave: onLeave,
+            children
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+export { HoverCard };
+//# sourceMappingURL=chunk-WLDQP4KD.mjs.map
+//# sourceMappingURL=chunk-WLDQP4KD.mjs.map

package/dist/chunk-WLDQP4KD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/HoverCard.tsx"],"names":[],"mappings":";;;;;;AAmBO,SAAS,SAAA,CAAU;AAAA,EACxB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY,QAAA;AAAA,EACZ,SAAA,GAAY,GAAA;AAAA,EACZ,UAAA,GAAa,GAAA;AAAA,EACb,MAAA,GAAS,CAAA;AAAA,EACT,SAAA;AAAA,EACA;AACF,CAAA,EAAmB;AACjB,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAU,eAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,UAAA,GAAmB,aAAwB,IAAI,CAAA;AACrD,EAAA,MAAM,UAAA,GAAmB,aAAuB,IAAI,CAAA;AACpD,EAAA,MAAM,SAAA,GAAkB,aAA6C,IAAI,CAAA;AACzE,EAAA,MAAM,UAAA,GAAmB,aAA6C,IAAI,CAAA;AAE1E,EAAA,MAAM,QAAQ,MAAM;AAClB,IAAA,IAAI,SAAA,CAAU,OAAA,EAAS,YAAA,CAAa,SAAA,CAAU,OAAO,CAAA;AACrD,IAAA,IAAI,UAAA,CAAW,OAAA,EAAS,YAAA,CAAa,UAAA,CAAW,OAAO,CAAA;AAAA,EACzD,CAAA;AAEA,EAAA,MAAM,UAAU,MAAM;AACpB,IAAA,KAAA,EAAM;AACN,IAAA,SAAA,CAAU,UAAU,UAAA,CAAW,MAAM,OAAA,CAAQ,IAAI,GAAG,SAAS,CAAA;AAAA,EAC/D,CAAA;AACA,EAAA,MAAM,UAAU,MAAM;AACpB,IAAA,KAAA,EAAM;AACN,IAAA,UAAA,CAAW,UAAU,UAAA,CAAW,MAAM,OAAA,CAAQ,KAAK,GAAG,UAAU,CAAA;AAAA,EAClE,CAAA;AAEA,EAAM,gBAAU,MAAM,MAAM,KAAA,EAAM,EAAG,EAAE,CAAA;AAEvC,EAAA,MAAM,GAAA,GAAM,kBAAA,CAAmB,UAAA,EAAY,UAAA,EAAY;AAAA,IACrD,IAAA;AAAA,IACA,IAAA,EAAM,SAAA;AAAA,IACN,KAAA,EAAO,QAAA;AAAA,IACP;AAAA,GACD,CAAA;AAED,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,YAAA,EAAc,SAAS,CAAA;AAAA,MACrC,YAAA,EAAc,OAAA;AAAA,MACd,YAAA,EAAc,OAAA;AAAA,MACd,OAAA,EAAS,OAAA;AAAA,MACT,MAAA,EAAQ,OAAA;AAAA,MAER,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,GAAA,EAAK,UAAA,EAAY,SAAA,EAAU,uBAAuB,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,QAC/D,IAAA,wBACE,MAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,UAAA;AAAA,YACL,IAAA,EAAK,SAAA;AAAA,YACL,SAAA,EAAW,EAAA,CAAG,qBAAA,EAAuB,aAAA,EAAe,gBAAgB,CAAA;AAAA,YACpE,KAAA,EAAO;AAAA,cACL,QAAA,EAAU,UAAA;AAAA,cACV,KAAK,GAAA,CAAI,GAAA;AAAA,cACT,MAAM,GAAA,CAAI,IAAA;AAAA,cACV,UAAA,EAAY,GAAA,CAAI,KAAA,GAAQ,SAAA,GAAY;AAAA,aACtC;AAAA,YACA,YAAA,EAAc,OAAA;AAAA,YACd,YAAA,EAAc,OAAA;AAAA,YAEb;AAAA;AAAA,SACH,EACF;AAAA;AAAA;AAAA,GAEJ;AAEJ","file":"chunk-WLDQP4KD.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Portal } from './Portal';\nimport { usePopoverPosition } from '../hooks/usePopoverPosition';\n\nexport type HoverCardPlacement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface HoverCardProps {\n  trigger: React.ReactNode;\n  children: React.ReactNode;\n  placement?: HoverCardPlacement;\n  openDelay?: number;\n  closeDelay?: number;\n  offset?: number;\n  className?: string;\n  contentClassName?: string;\n}\n\nexport function HoverCard({\n  trigger,\n  children,\n  placement = 'bottom',\n  openDelay = 250,\n  closeDelay = 150,\n  offset = 8,\n  className,\n  contentClassName,\n}: HoverCardProps) {\n  const [open, setOpen] = React.useState(false);\n  const triggerRef = React.useRef<HTMLSpanElement>(null);\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const openTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const closeTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clear = () => {\n    if (openTimer.current) clearTimeout(openTimer.current);\n    if (closeTimer.current) clearTimeout(closeTimer.current);\n  };\n\n  const onEnter = () => {\n    clear();\n    openTimer.current = setTimeout(() => setOpen(true), openDelay);\n  };\n  const onLeave = () => {\n    clear();\n    closeTimer.current = setTimeout(() => setOpen(false), closeDelay);\n  };\n\n  React.useEffect(() => () => clear(), []);\n\n  const pos = usePopoverPosition(triggerRef, contentRef, {\n    open,\n    side: placement,\n    align: 'center',\n    offset,\n  });\n\n  return (\n    <span\n      className={cx('hover-card', className)}\n      onMouseEnter={onEnter}\n      onMouseLeave={onLeave}\n      onFocus={onEnter}\n      onBlur={onLeave}\n    >\n      <span ref={triggerRef} className=\"hover-card__trigger\">{trigger}</span>\n      {open && (\n        <Portal>\n          <div\n            ref={contentRef}\n            role=\"tooltip\"\n            className={cx('hover-card__content', 'is-floating', contentClassName)}\n            style={{\n              position: 'absolute',\n              top: pos.top,\n              left: pos.left,\n              visibility: pos.ready ? 'visible' : 'hidden',\n            }}\n            onMouseEnter={onEnter}\n            onMouseLeave={onLeave}\n          >\n            {children}\n          </div>\n        </Portal>\n      )}\n    </span>\n  );\n}\n"]}

package/dist/{chunk-W6YOBPL5.js → chunk-WVN5JJVV.js}

@@ -1,8 +1,9 @@
 'use strict';
 
+var chunkDPMUWQHL_js = require('./chunk-DPMUWQHL.js');
+var chunkGLYGO7WX_js = require('./chunk-GLYGO7WX.js');
 var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
 var React = require('react');
-var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -36,7 +37,6 @@ function HoverCard({
   contentClassName
 }) {
   const [open, setOpen] = React__namespace.useState(false);
-  const [coords, setCoords] = React__namespace.useState(null);
   const triggerRef = React__namespace.useRef(null);
   const contentRef = React__namespace.useRef(null);
   const openTimer = React__namespace.useRef(null);
@@ -54,41 +54,12 @@ function HoverCard({
     closeTimer.current = setTimeout(() => setOpen(false), closeDelay);
   };
   React__namespace.useEffect(() => () => clear(), []);
-  React__namespace.useEffect(() => {
-    if (!open || !triggerRef.current || !contentRef.current) return;
-    const t = triggerRef.current.getBoundingClientRect();
-    const c = contentRef.current.getBoundingClientRect();
-    let top = 0;
-    let left = 0;
-    if (placement === "bottom") {
-      top = t.bottom + offset;
-      left = t.left + (t.width - c.width) / 2;
-    } else if (placement === "top") {
-      top = t.top - c.height - offset;
-      left = t.left + (t.width - c.width) / 2;
-    } else if (placement === "right") {
-      left = t.right + offset;
-      top = t.top + (t.height - c.height) / 2;
-    } else {
-      left = t.left - c.width - offset;
-      top = t.top + (t.height - c.height) / 2;
-    }
-    left = Math.max(8, Math.min(left, window.innerWidth - c.width - 8));
-    top = Math.max(8, Math.min(top, window.innerHeight - c.height - 8));
-    setCoords({ top: top + window.scrollY, left: left + window.scrollX });
-  }, [open, placement, offset]);
-  const panel = open && /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref: contentRef,
-      role: "tooltip",
-      className: chunkPASF6T4H_js.cx("hover-card__content", contentClassName),
-      style: coords ? { position: "absolute", top: coords.top, left: coords.left } : { position: "absolute", visibility: "hidden" },
-      onMouseEnter: onEnter,
-      onMouseLeave: onLeave,
-      children
-    }
-  );
+  const pos = chunkDPMUWQHL_js.usePopoverPosition(triggerRef, contentRef, {
+    open,
+    side: placement,
+    align: "center",
+    offset
+  });
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "span",
     {
@@ -99,12 +70,28 @@ function HoverCard({
       onBlur: onLeave,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { ref: triggerRef, className: "hover-card__trigger", children: trigger }),
-        panel && typeof document !== "undefined" && reactDom.createPortal(panel, document.body)
+        open && /* @__PURE__ */ jsxRuntime.jsx(chunkGLYGO7WX_js.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref: contentRef,
+            role: "tooltip",
+            className: chunkPASF6T4H_js.cx("hover-card__content", "is-floating", contentClassName),
+            style: {
+              position: "absolute",
+              top: pos.top,
+              left: pos.left,
+              visibility: pos.ready ? "visible" : "hidden"
+            },
+            onMouseEnter: onEnter,
+            onMouseLeave: onLeave,
+            children
+          }
+        ) })
       ]
     }
   );
 }
 
 exports.HoverCard = HoverCard;
-//# sourceMappingURL=chunk-W6YOBPL5.js.map
-//# sourceMappingURL=chunk-W6YOBPL5.js.map
+//# sourceMappingURL=chunk-WVN5JJVV.js.map
+//# sourceMappingURL=chunk-WVN5JJVV.js.map

package/dist/chunk-WVN5JJVV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/HoverCard.tsx"],"names":["React","usePopoverPosition","jsxs","cx","jsx","Portal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,SAAS,SAAA,CAAU;AAAA,EACxB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY,QAAA;AAAA,EACZ,SAAA,GAAY,GAAA;AAAA,EACZ,UAAA,GAAa,GAAA;AAAA,EACb,MAAA,GAAS,CAAA;AAAA,EACT,SAAA;AAAA,EACA;AACF,CAAA,EAAmB;AACjB,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAUA,0BAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,UAAA,GAAmBA,wBAAwB,IAAI,CAAA;AACrD,EAAA,MAAM,UAAA,GAAmBA,wBAAuB,IAAI,CAAA;AACpD,EAAA,MAAM,SAAA,GAAkBA,wBAA6C,IAAI,CAAA;AACzE,EAAA,MAAM,UAAA,GAAmBA,wBAA6C,IAAI,CAAA;AAE1E,EAAA,MAAM,QAAQ,MAAM;AAClB,IAAA,IAAI,SAAA,CAAU,OAAA,EAAS,YAAA,CAAa,SAAA,CAAU,OAAO,CAAA;AACrD,IAAA,IAAI,UAAA,CAAW,OAAA,EAAS,YAAA,CAAa,UAAA,CAAW,OAAO,CAAA;AAAA,EACzD,CAAA;AAEA,EAAA,MAAM,UAAU,MAAM;AACpB,IAAA,KAAA,EAAM;AACN,IAAA,SAAA,CAAU,UAAU,UAAA,CAAW,MAAM,OAAA,CAAQ,IAAI,GAAG,SAAS,CAAA;AAAA,EAC/D,CAAA;AACA,EAAA,MAAM,UAAU,MAAM;AACpB,IAAA,KAAA,EAAM;AACN,IAAA,UAAA,CAAW,UAAU,UAAA,CAAW,MAAM,OAAA,CAAQ,KAAK,GAAG,UAAU,CAAA;AAAA,EAClE,CAAA;AAEA,EAAMA,2BAAU,MAAM,MAAM,KAAA,EAAM,EAAG,EAAE,CAAA;AAEvC,EAAA,MAAM,GAAA,GAAMC,mCAAA,CAAmB,UAAA,EAAY,UAAA,EAAY;AAAA,IACrD,IAAA;AAAA,IACA,IAAA,EAAM,SAAA;AAAA,IACN,KAAA,EAAO,QAAA;AAAA,IACP;AAAA,GACD,CAAA;AAED,EAAA,uBACEC,eAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,mBAAA,CAAG,YAAA,EAAc,SAAS,CAAA;AAAA,MACrC,YAAA,EAAc,OAAA;AAAA,MACd,YAAA,EAAc,OAAA;AAAA,MACd,OAAA,EAAS,OAAA;AAAA,MACT,MAAA,EAAQ,OAAA;AAAA,MAER,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,GAAA,EAAK,UAAA,EAAY,SAAA,EAAU,uBAAuB,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,QAC/D,IAAA,mCACEC,uBAAA,EAAA,EACC,QAAA,kBAAAD,cAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,GAAA,EAAK,UAAA;AAAA,YACL,IAAA,EAAK,SAAA;AAAA,YACL,SAAA,EAAWD,mBAAA,CAAG,qBAAA,EAAuB,aAAA,EAAe,gBAAgB,CAAA;AAAA,YACpE,KAAA,EAAO;AAAA,cACL,QAAA,EAAU,UAAA;AAAA,cACV,KAAK,GAAA,CAAI,GAAA;AAAA,cACT,MAAM,GAAA,CAAI,IAAA;AAAA,cACV,UAAA,EAAY,GAAA,CAAI,KAAA,GAAQ,SAAA,GAAY;AAAA,aACtC;AAAA,YACA,YAAA,EAAc,OAAA;AAAA,YACd,YAAA,EAAc,OAAA;AAAA,YAEb;AAAA;AAAA,SACH,EACF;AAAA;AAAA;AAAA,GAEJ;AAEJ","file":"chunk-WVN5JJVV.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Portal } from './Portal';\nimport { usePopoverPosition } from '../hooks/usePopoverPosition';\n\nexport type HoverCardPlacement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface HoverCardProps {\n  trigger: React.ReactNode;\n  children: React.ReactNode;\n  placement?: HoverCardPlacement;\n  openDelay?: number;\n  closeDelay?: number;\n  offset?: number;\n  className?: string;\n  contentClassName?: string;\n}\n\nexport function HoverCard({\n  trigger,\n  children,\n  placement = 'bottom',\n  openDelay = 250,\n  closeDelay = 150,\n  offset = 8,\n  className,\n  contentClassName,\n}: HoverCardProps) {\n  const [open, setOpen] = React.useState(false);\n  const triggerRef = React.useRef<HTMLSpanElement>(null);\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const openTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const closeTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clear = () => {\n    if (openTimer.current) clearTimeout(openTimer.current);\n    if (closeTimer.current) clearTimeout(closeTimer.current);\n  };\n\n  const onEnter = () => {\n    clear();\n    openTimer.current = setTimeout(() => setOpen(true), openDelay);\n  };\n  const onLeave = () => {\n    clear();\n    closeTimer.current = setTimeout(() => setOpen(false), closeDelay);\n  };\n\n  React.useEffect(() => () => clear(), []);\n\n  const pos = usePopoverPosition(triggerRef, contentRef, {\n    open,\n    side: placement,\n    align: 'center',\n    offset,\n  });\n\n  return (\n    <span\n      className={cx('hover-card', className)}\n      onMouseEnter={onEnter}\n      onMouseLeave={onLeave}\n      onFocus={onEnter}\n      onBlur={onLeave}\n    >\n      <span ref={triggerRef} className=\"hover-card__trigger\">{trigger}</span>\n      {open && (\n        <Portal>\n          <div\n            ref={contentRef}\n            role=\"tooltip\"\n            className={cx('hover-card__content', 'is-floating', contentClassName)}\n            style={{\n              position: 'absolute',\n              top: pos.top,\n              left: pos.left,\n              visibility: pos.ready ? 'visible' : 'hidden',\n            }}\n            onMouseEnter={onEnter}\n            onMouseLeave={onLeave}\n          >\n            {children}\n          </div>\n        </Portal>\n      )}\n    </span>\n  );\n}\n"]}

package/dist/chunk-XMLBKK7X.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/hooks/useDismiss.ts
+function useDismiss({
+  open,
+  onDismiss,
+  refs,
+  closeOnEscape = true,
+  closeOnOutsideClick = true,
+  returnFocusRef
+}) {
+  const onDismissRef = React__namespace.useRef(onDismiss);
+  onDismissRef.current = onDismiss;
+  const refsRef = React__namespace.useRef(refs);
+  refsRef.current = refs;
+  React__namespace.useEffect(() => {
+    if (!open) return;
+    const onPointer = (e) => {
+      if (!closeOnOutsideClick) return;
+      const target = e.target;
+      if (refsRef.current.some((r) => r.current?.contains(target))) return;
+      onDismissRef.current();
+    };
+    const onKey = (e) => {
+      if (closeOnEscape && e.key === "Escape") onDismissRef.current();
+    };
+    document.addEventListener("mousedown", onPointer);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onPointer);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [open, closeOnEscape, closeOnOutsideClick]);
+  const wasOpen = React__namespace.useRef(false);
+  React__namespace.useEffect(() => {
+    if (wasOpen.current && !open) {
+      returnFocusRef?.current?.focus();
+    }
+    wasOpen.current = open;
+  }, [open, returnFocusRef]);
+}
+
+exports.useDismiss = useDismiss;
+//# sourceMappingURL=chunk-XMLBKK7X.js.map
+//# sourceMappingURL=chunk-XMLBKK7X.js.map

package/dist/chunk-XMLBKK7X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useDismiss.ts"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,SAAS,UAAA,CAAW;AAAA,EACzB,IAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAA,GAAgB,IAAA;AAAA,EAChB,mBAAA,GAAsB,IAAA;AAAA,EACtB;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,YAAA,GAAqBA,wBAAO,SAAS,CAAA;AAC3C,EAAA,YAAA,CAAa,OAAA,GAAU,SAAA;AACvB,EAAA,MAAM,OAAA,GAAgBA,wBAAO,IAAI,CAAA;AACjC,EAAA,OAAA,CAAQ,OAAA,GAAU,IAAA;AAElB,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,CAAC,IAAA,EAAM;AACX,IAAA,MAAM,SAAA,GAAY,CAAC,CAAA,KAAwB;AACzC,MAAA,IAAI,CAAC,mBAAA,EAAqB;AAC1B,MAAA,MAAM,SAAS,CAAA,CAAE,MAAA;AACjB,MAAA,IAAI,OAAA,CAAQ,OAAA,CAAQ,IAAA,CAAK,CAAC,CAAA,KAAM,EAAE,OAAA,EAAS,QAAA,CAAS,MAAM,CAAC,CAAA,EAAG;AAC9D,MAAA,YAAA,CAAa,OAAA,EAAQ;AAAA,IACvB,CAAA;AACA,IAAA,MAAM,KAAA,GAAQ,CAAC,CAAA,KAA2B;AACxC,MAAA,IAAI,aAAA,IAAiB,CAAA,CAAE,GAAA,KAAQ,QAAA,eAAuB,OAAA,EAAQ;AAAA,IAChE,CAAA;AACA,IAAA,QAAA,CAAS,gBAAA,CAAiB,aAAa,SAAS,CAAA;AAChD,IAAA,QAAA,CAAS,gBAAA,CAAiB,WAAW,KAAK,CAAA;AAC1C,IAAA,OAAO,MAAM;AACX,MAAA,QAAA,CAAS,mBAAA,CAAoB,aAAa,SAAS,CAAA;AACnD,MAAA,QAAA,CAAS,mBAAA,CAAoB,WAAW,KAAK,CAAA;AAAA,IAC/C,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,IAAA,EAAM,aAAA,EAAe,mBAAmB,CAAC,CAAA;AAE7C,EAAA,MAAM,OAAA,GAAgBA,wBAAO,KAAK,CAAA;AAClC,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,OAAA,CAAQ,OAAA,IAAW,CAAC,IAAA,EAAM;AAC5B,MAAA,cAAA,EAAgB,SAAS,KAAA,EAAM;AAAA,IACjC;AACA,IAAA,OAAA,CAAQ,OAAA,GAAU,IAAA;AAAA,EACpB,CAAA,EAAG,CAAC,IAAA,EAAM,cAAc,CAAC,CAAA;AAC3B","file":"chunk-XMLBKK7X.js","sourcesContent":["import * as React from 'react';\n\nexport interface UseDismissOptions {\n  open: boolean;\n  onDismiss: () => void;\n  /** Refs whose subtree should NOT count as \"outside\" (trigger + panel). */\n  refs: Array<React.RefObject<HTMLElement | null>>;\n  closeOnEscape?: boolean;\n  closeOnOutsideClick?: boolean;\n  /** Focus returns here when the panel closes (usually the trigger). */\n  returnFocusRef?: React.RefObject<HTMLElement | null>;\n}\n\n/**\n * Shared dismiss behaviour for floating panels: closes on outside\n * pointer-down and on Escape, and restores focus to the trigger when the\n * panel closes (focus hygiene for keyboard/AT users).\n *\n * `onDismiss` and `refs` are read through refs internally, so callers\n * don't need to memoize them to avoid re-subscribing listeners.\n */\nexport function useDismiss({\n  open,\n  onDismiss,\n  refs,\n  closeOnEscape = true,\n  closeOnOutsideClick = true,\n  returnFocusRef,\n}: UseDismissOptions): void {\n  const onDismissRef = React.useRef(onDismiss);\n  onDismissRef.current = onDismiss;\n  const refsRef = React.useRef(refs);\n  refsRef.current = refs;\n\n  React.useEffect(() => {\n    if (!open) return;\n    const onPointer = (e: MouseEvent): void => {\n      if (!closeOnOutsideClick) return;\n      const target = e.target as Node;\n      if (refsRef.current.some((r) => r.current?.contains(target))) return;\n      onDismissRef.current();\n    };\n    const onKey = (e: KeyboardEvent): void => {\n      if (closeOnEscape && e.key === 'Escape') onDismissRef.current();\n    };\n    document.addEventListener('mousedown', onPointer);\n    document.addEventListener('keydown', onKey);\n    return () => {\n      document.removeEventListener('mousedown', onPointer);\n      document.removeEventListener('keydown', onKey);\n    };\n  }, [open, closeOnEscape, closeOnOutsideClick]);\n\n  const wasOpen = React.useRef(false);\n  React.useEffect(() => {\n    if (wasOpen.current && !open) {\n      returnFocusRef?.current?.focus();\n    }\n    wasOpen.current = open;\n  }, [open, returnFocusRef]);\n}\n"]}

package/dist/chunk-XXUSZD5I.mjs

@@ -0,0 +1,26 @@
+import * as React from 'react';
+
+// src/hooks/useDelayedUnmount.ts
+function useDelayedUnmount(open, durationMs) {
+  const [mounted, setMounted] = React.useState(open);
+  const [closing, setClosing] = React.useState(false);
+  React.useEffect(() => {
+    if (open) {
+      setMounted(true);
+      setClosing(false);
+      return;
+    }
+    if (!mounted) return;
+    setClosing(true);
+    const handle = setTimeout(() => {
+      setMounted(false);
+      setClosing(false);
+    }, durationMs);
+    return () => clearTimeout(handle);
+  }, [open, durationMs, mounted]);
+  return { mounted, closing };
+}
+
+export { useDelayedUnmount };
+//# sourceMappingURL=chunk-XXUSZD5I.mjs.map
+//# sourceMappingURL=chunk-XXUSZD5I.mjs.map

package/dist/chunk-XXUSZD5I.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useDelayedUnmount.ts"],"names":[],"mappings":";;;AAkBO,SAAS,iBAAA,CAAkB,MAAe,UAAA,EAAoB;AACnE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAU,eAAS,IAAI,CAAA;AACjD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAU,eAAS,KAAK,CAAA;AAElD,EAAM,gBAAU,MAAM;AACpB,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,UAAA,CAAW,IAAI,CAAA;AACf,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA;AAAA,IACF;AACA,IAAA,IAAI,CAAC,OAAA,EAAS;AACd,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,MAAM,MAAA,GAAS,WAAW,MAAM;AAC9B,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA,IAClB,GAAG,UAAU,CAAA;AACb,IAAA,OAAO,MAAM,aAAa,MAAM,CAAA;AAAA,EAClC,CAAA,EAAG,CAAC,IAAA,EAAM,UAAA,EAAY,OAAO,CAAC,CAAA;AAE9B,EAAA,OAAO,EAAE,SAAS,OAAA,EAAQ;AAC5B","file":"chunk-XXUSZD5I.mjs","sourcesContent":["import * as React from 'react';\n\n/**\n * Delays unmounting of a component so an exit animation can play.\n *\n * When `open` flips to false, the hook keeps `mounted` true for `durationMs`\n * (giving CSS time to play `is-closing` keyframes) and then flips it to\n * false. The `closing` flag toggles during that window so the consumer can\n * apply a class like `is-closing` for the CSS animation.\n *\n * Usage:\n *\n * ```tsx\n * const { mounted, closing } = useDelayedUnmount(open, 200);\n * if (!mounted) return null;\n * return <div className={cx('modal', closing && 'is-closing')} />\n * ```\n */\nexport function useDelayedUnmount(open: boolean, durationMs: number) {\n  const [mounted, setMounted] = React.useState(open);\n  const [closing, setClosing] = React.useState(false);\n\n  React.useEffect(() => {\n    if (open) {\n      setMounted(true);\n      setClosing(false);\n      return;\n    }\n    if (!mounted) return;\n    setClosing(true);\n    const handle = setTimeout(() => {\n      setMounted(false);\n      setClosing(false);\n    }, durationMs);\n    return () => clearTimeout(handle);\n  }, [open, durationMs, mounted]);\n\n  return { mounted, closing };\n}\n"]}

package/dist/{chunk-IIYQO6BL.js → chunk-YAORRBMU.js}

@@ -1,5 +1,8 @@
 'use strict';
 
+var chunkXMLBKK7X_js = require('./chunk-XMLBKK7X.js');
+var chunkDPMUWQHL_js = require('./chunk-DPMUWQHL.js');
+var chunkGLYGO7WX_js = require('./chunk-GLYGO7WX.js');
 var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -25,38 +28,25 @@ function _interopNamespace(e) {
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 function ContextMenu({ items, children, className, menuClassName, ariaLabel = "Men\xFA contextual" }) {
-  const [pos, setPos] = React__namespace.useState(null);
+  const [point, setPoint] = React__namespace.useState(null);
   const menuRef = React__namespace.useRef(null);
-  const close = () => setPos(null);
+  const anchorRef = React__namespace.useRef(null);
+  const open = point !== null;
+  const close = () => setPoint(null);
   const onContextMenu = (e) => {
     e.preventDefault();
-    setPos({ x: e.clientX, y: e.clientY });
+    const x = e.clientX;
+    const y = e.clientY;
+    anchorRef.current = { getBoundingClientRect: () => new DOMRect(x, y, 0, 0) };
+    setPoint({ x, y });
   };
-  React__namespace.useEffect(() => {
-    if (!pos) return;
-    const onClick = (e) => {
-      if (menuRef.current?.contains(e.target)) return;
-      close();
-    };
-    const onKey = (e) => {
-      if (e.key === "Escape") close();
-    };
-    document.addEventListener("mousedown", onClick);
-    document.addEventListener("keydown", onKey);
-    return () => {
-      document.removeEventListener("mousedown", onClick);
-      document.removeEventListener("keydown", onKey);
-    };
-  }, [pos]);
-  React__namespace.useEffect(() => {
-    if (!pos || !menuRef.current) return;
-    const r = menuRef.current.getBoundingClientRect();
-    let x = pos.x;
-    let y = pos.y;
-    if (x + r.width > window.innerWidth) x = window.innerWidth - r.width - 8;
-    if (y + r.height > window.innerHeight) y = window.innerHeight - r.height - 8;
-    if (x !== pos.x || y !== pos.y) setPos({ x, y });
-  }, [pos]);
+  const pos = chunkDPMUWQHL_js.usePopoverPosition(anchorRef, menuRef, {
+    open,
+    side: "bottom",
+    align: "start",
+    offset: 2
+  });
+  chunkXMLBKK7X_js.useDismiss({ open, onDismiss: close, refs: [menuRef] });
   const handleSelect = (item) => {
     if (item.disabled || item.separator) return;
     item.onSelect?.();
@@ -64,14 +54,19 @@ function ContextMenu({ items, children, className, menuClassName, ariaLabel = "M
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkPASF6T4H_js.cx("context-menu", className), onContextMenu, children: [
     children,
-    pos && /* @__PURE__ */ jsxRuntime.jsx(
+    open && /* @__PURE__ */ jsxRuntime.jsx(chunkGLYGO7WX_js.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
       "ul",
       {
         ref: menuRef,
         role: "menu",
         "aria-label": ariaLabel,
-        className: chunkPASF6T4H_js.cx("context-menu__menu", menuClassName),
-        style: { position: "fixed", top: pos.y, left: pos.x, zIndex: "var(--z-popover, 1300)" },
+        className: chunkPASF6T4H_js.cx("context-menu__menu", "is-floating", menuClassName),
+        style: {
+          position: "absolute",
+          top: pos.top,
+          left: pos.left,
+          visibility: pos.ready ? "visible" : "hidden"
+        },
         children: items.map(
           (item) => item.separator ? /* @__PURE__ */ jsxRuntime.jsx("li", { className: "context-menu__separator", role: "separator" }, item.id) : /* @__PURE__ */ jsxRuntime.jsx("li", { role: "none", children: /* @__PURE__ */ jsxRuntime.jsxs(
             "button",
@@ -89,10 +84,10 @@ function ContextMenu({ items, children, className, menuClassName, ariaLabel = "M
           ) }, item.id)
         )
       }
-    )
+    ) })
   ] });
 }
 
 exports.ContextMenu = ContextMenu;
-//# sourceMappingURL=chunk-IIYQO6BL.js.map
-//# sourceMappingURL=chunk-IIYQO6BL.js.map
+//# sourceMappingURL=chunk-YAORRBMU.js.map
+//# sourceMappingURL=chunk-YAORRBMU.js.map