@mieweb/ui 0.7.1-dev.9 → 0.7.2-dev.0

package/dist/chunk-UTYUT5YY.cjs

@@ -1,240 +0,0 @@
-'use strict';
-
-var lucideReact = require('lucide-react');
-
-
-
-Object.defineProperty(exports, "AlertCircle", {
-  enumerable: true,
-  get: function () { return lucideReact.AlertCircle; }
-});
-Object.defineProperty(exports, "AlertTriangle", {
-  enumerable: true,
-  get: function () { return lucideReact.AlertTriangle; }
-});
-Object.defineProperty(exports, "ArrowLeft", {
-  enumerable: true,
-  get: function () { return lucideReact.ArrowLeft; }
-});
-Object.defineProperty(exports, "Ban", {
-  enumerable: true,
-  get: function () { return lucideReact.Ban; }
-});
-Object.defineProperty(exports, "Bell", {
-  enumerable: true,
-  get: function () { return lucideReact.Bell; }
-});
-Object.defineProperty(exports, "Calendar", {
-  enumerable: true,
-  get: function () { return lucideReact.Calendar; }
-});
-Object.defineProperty(exports, "CalendarCheck", {
-  enumerable: true,
-  get: function () { return lucideReact.CalendarCheck; }
-});
-Object.defineProperty(exports, "Camera", {
-  enumerable: true,
-  get: function () { return lucideReact.Camera; }
-});
-Object.defineProperty(exports, "Check", {
-  enumerable: true,
-  get: function () { return lucideReact.Check; }
-});
-Object.defineProperty(exports, "CheckCircle", {
-  enumerable: true,
-  get: function () { return lucideReact.CheckCircle; }
-});
-Object.defineProperty(exports, "ChevronDown", {
-  enumerable: true,
-  get: function () { return lucideReact.ChevronDown; }
-});
-Object.defineProperty(exports, "ChevronRight", {
-  enumerable: true,
-  get: function () { return lucideReact.ChevronRight; }
-});
-Object.defineProperty(exports, "ChevronUp", {
-  enumerable: true,
-  get: function () { return lucideReact.ChevronUp; }
-});
-Object.defineProperty(exports, "ClipboardCheck", {
-  enumerable: true,
-  get: function () { return lucideReact.ClipboardCheck; }
-});
-Object.defineProperty(exports, "ClipboardList", {
-  enumerable: true,
-  get: function () { return lucideReact.ClipboardList; }
-});
-Object.defineProperty(exports, "ClipboardPlus", {
-  enumerable: true,
-  get: function () { return lucideReact.ClipboardPlus; }
-});
-Object.defineProperty(exports, "Clock", {
-  enumerable: true,
-  get: function () { return lucideReact.Clock; }
-});
-Object.defineProperty(exports, "Download", {
-  enumerable: true,
-  get: function () { return lucideReact.Download; }
-});
-Object.defineProperty(exports, "ExternalLink", {
-  enumerable: true,
-  get: function () { return lucideReact.ExternalLink; }
-});
-Object.defineProperty(exports, "Eye", {
-  enumerable: true,
-  get: function () { return lucideReact.Eye; }
-});
-Object.defineProperty(exports, "FileCheck", {
-  enumerable: true,
-  get: function () { return lucideReact.FileCheck; }
-});
-Object.defineProperty(exports, "FileHeart", {
-  enumerable: true,
-  get: function () { return lucideReact.FileHeart; }
-});
-Object.defineProperty(exports, "FilePlus", {
-  enumerable: true,
-  get: function () { return lucideReact.FilePlus; }
-});
-Object.defineProperty(exports, "FileText", {
-  enumerable: true,
-  get: function () { return lucideReact.FileText; }
-});
-Object.defineProperty(exports, "Globe", {
-  enumerable: true,
-  get: function () { return lucideReact.Globe; }
-});
-Object.defineProperty(exports, "GripVertical", {
-  enumerable: true,
-  get: function () { return lucideReact.GripVertical; }
-});
-Object.defineProperty(exports, "HandMetal", {
-  enumerable: true,
-  get: function () { return lucideReact.HandMetal; }
-});
-Object.defineProperty(exports, "HeartPulse", {
-  enumerable: true,
-  get: function () { return lucideReact.HeartPulse; }
-});
-Object.defineProperty(exports, "HelpCircle", {
-  enumerable: true,
-  get: function () { return lucideReact.HelpCircle; }
-});
-Object.defineProperty(exports, "History", {
-  enumerable: true,
-  get: function () { return lucideReact.History; }
-});
-Object.defineProperty(exports, "Image", {
-  enumerable: true,
-  get: function () { return lucideReact.Image; }
-});
-Object.defineProperty(exports, "Info", {
-  enumerable: true,
-  get: function () { return lucideReact.Info; }
-});
-Object.defineProperty(exports, "Link", {
-  enumerable: true,
-  get: function () { return lucideReact.Link; }
-});
-Object.defineProperty(exports, "Mail", {
-  enumerable: true,
-  get: function () { return lucideReact.Mail; }
-});
-Object.defineProperty(exports, "MoreHorizontal", {
-  enumerable: true,
-  get: function () { return lucideReact.MoreHorizontal; }
-});
-Object.defineProperty(exports, "MoreVertical", {
-  enumerable: true,
-  get: function () { return lucideReact.MoreVertical; }
-});
-Object.defineProperty(exports, "Paperclip", {
-  enumerable: true,
-  get: function () { return lucideReact.Paperclip; }
-});
-Object.defineProperty(exports, "Pencil", {
-  enumerable: true,
-  get: function () { return lucideReact.Pencil; }
-});
-Object.defineProperty(exports, "Phone", {
-  enumerable: true,
-  get: function () { return lucideReact.Phone; }
-});
-Object.defineProperty(exports, "Pill", {
-  enumerable: true,
-  get: function () { return lucideReact.Pill; }
-});
-Object.defineProperty(exports, "Plus", {
-  enumerable: true,
-  get: function () { return lucideReact.Plus; }
-});
-Object.defineProperty(exports, "Printer", {
-  enumerable: true,
-  get: function () { return lucideReact.Printer; }
-});
-Object.defineProperty(exports, "RefreshCw", {
-  enumerable: true,
-  get: function () { return lucideReact.RefreshCw; }
-});
-Object.defineProperty(exports, "Scan", {
-  enumerable: true,
-  get: function () { return lucideReact.Scan; }
-});
-Object.defineProperty(exports, "ScanLine", {
-  enumerable: true,
-  get: function () { return lucideReact.ScanLine; }
-});
-Object.defineProperty(exports, "Send", {
-  enumerable: true,
-  get: function () { return lucideReact.Send; }
-});
-Object.defineProperty(exports, "Share", {
-  enumerable: true,
-  get: function () { return lucideReact.Share; }
-});
-Object.defineProperty(exports, "Stethoscope", {
-  enumerable: true,
-  get: function () { return lucideReact.Stethoscope; }
-});
-Object.defineProperty(exports, "StickyNote", {
-  enumerable: true,
-  get: function () { return lucideReact.StickyNote; }
-});
-Object.defineProperty(exports, "TestTube2", {
-  enumerable: true,
-  get: function () { return lucideReact.TestTube2; }
-});
-Object.defineProperty(exports, "ThumbsDown", {
-  enumerable: true,
-  get: function () { return lucideReact.ThumbsDown; }
-});
-Object.defineProperty(exports, "ThumbsUp", {
-  enumerable: true,
-  get: function () { return lucideReact.ThumbsUp; }
-});
-Object.defineProperty(exports, "Trash2", {
-  enumerable: true,
-  get: function () { return lucideReact.Trash2; }
-});
-Object.defineProperty(exports, "Upload", {
-  enumerable: true,
-  get: function () { return lucideReact.Upload; }
-});
-Object.defineProperty(exports, "User", {
-  enumerable: true,
-  get: function () { return lucideReact.User; }
-});
-Object.defineProperty(exports, "Users", {
-  enumerable: true,
-  get: function () { return lucideReact.Users; }
-});
-Object.defineProperty(exports, "Wheat", {
-  enumerable: true,
-  get: function () { return lucideReact.Wheat; }
-});
-Object.defineProperty(exports, "X", {
-  enumerable: true,
-  get: function () { return lucideReact.X; }
-});
-//# sourceMappingURL=chunk-UTYUT5YY.cjs.map
-//# sourceMappingURL=chunk-UTYUT5YY.cjs.map

package/dist/chunk-ZDEYV373.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/useAnchoredPosition.ts"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,IAAM,YAAA,GAAoC;AAAA,EACxC,QAAA,EAAU,OAAA;AAAA,EACV,GAAA,EAAK,CAAA;AAAA,EACL,IAAA,EAAM,CAAA;AAAA,EACN,UAAA,EAAY,QAAA;AAAA,EACZ,MAAA,EAAQ,IAAA;AAAA;AAAA;AAAA;AAAA,EAIR,UAAA,EAAY;AACd,CAAA;AA6BO,SAAS,mBAAA,CAGd;AAAA,EACA,IAAA;AAAA,EACA,SAAA,GAAY,cAAA;AAAA,EACZ,MAAA,GAAS,CAAA;AAAA,EACT,UAAA,GAAa,KAAA;AAAA,EACb,aAAA,GAAgB,KAAA;AAAA,EAChB,eAAA,GAAkB,CAAA;AAAA,EAClB;AACF,CAAA,EAA8E;AAC5E,EAAA,MAAM,SAAA,GAAkBA,wBAAuB,IAAI,CAAA;AACnD,EAAA,MAAM,WAAA,GAAoBA,wBAAyB,IAAI,CAAA;AACvD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAUA,0BAA8B,YAAY,CAAA;AAC1E,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAUA,gBAAA,CAAA,QAAA;AAAA,IACxC,SAAA,CAAU,UAAA,CAAW,KAAK,CAAA,GAAI,KAAA,GAAQ;AAAA,GACxC;AAEA,EAAA,MAAM,MAAA,GAAeA,6BAAY,MAAM;AACrC,IAAA,MAAM,SAAS,SAAA,CAAU,OAAA;AACzB,IAAA,MAAM,WAAW,WAAA,CAAY,OAAA;AAC7B,IAAA,IAAI,CAAC,MAAA,IAAU,CAAC,QAAA,EAAU;AAE1B,IAAA,MAAM,IAAA,GAAO,OAAO,qBAAA,EAAsB;AAC1C,IAAA,MAAM,gBAAgB,MAAA,CAAO,UAAA;AAC7B,IAAA,MAAM,iBAAiB,MAAA,CAAO,WAAA;AAI9B,IAAA,MAAM,gBAAgB,IAAA,CAAK,GAAA;AAAA,MACzB,QAAA,CAAS,YAAA;AAAA,MACT,SAAA,IAAa;AAAA,KACf;AAGA,IAAA,MAAM,aAAA,GAAgB,UAAA,GAClB,IAAA,CAAK,KAAA,GACL,IAAA,CAAK,GAAA,CAAI,QAAA,CAAS,WAAA,EAAa,aAAA,GAAgB,IAAA,CAAK,KAAA,GAAQ,CAAC,CAAA;AAGjE,IAAA,MAAM,UAAA,GAAa,cAAA,GAAiB,IAAA,CAAK,MAAA,GAAS,MAAA,GAAS,eAAA;AAC3D,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,GAAA,GAAM,MAAA,GAAS,eAAA;AACvC,IAAA,MAAM,SAAA,GAAY,SAAA,CAAU,UAAA,CAAW,KAAK,CAAA;AAC5C,IAAA,IAAI,IAAA;AACJ,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,IAAA,GACE,UAAA,GAAa,aAAA,IAAiB,UAAA,GAAa,UAAA,GACvC,QAAA,GACA,KAAA;AAAA,IACR,CAAA,MAAO;AACL,MAAA,IAAA,GACE,UAAA,GAAa,aAAA,IAAiB,UAAA,GAAa,UAAA,GACvC,KAAA,GACA,QAAA;AAAA,IACR;AACA,IAAA,MAAM,kBAAkB,IAAA,CAAK,GAAA;AAAA,MAC3B,IAAA,KAAS,QAAQ,UAAA,GAAa,UAAA;AAAA,MAC9B;AAAA,KACF;AAGA,IAAA,MAAM,KAAA,GAAQ,SAAA,CAAU,QAAA,CAAS,QAAQ,CAAA,GACrC,SACA,SAAA,CAAU,QAAA,CAAS,MAAM,CAAA,GACvB,OAAA,GACA,QAAA;AACN,IAAA,IAAI,IAAA,GACF,KAAA,KAAU,MAAA,GACN,IAAA,CAAK,OACL,KAAA,KAAU,OAAA,GACR,IAAA,CAAK,KAAA,GAAQ,gBACb,IAAA,CAAK,IAAA,GAAO,IAAA,CAAK,KAAA,GAAQ,IAAI,aAAA,GAAgB,CAAA;AACrD,IAAA,IAAA,GAAO,IAAA,CAAK,GAAA;AAAA,MACV,IAAA,CAAK,GAAA,CAAI,IAAA,EAAM,eAAe,CAAA;AAAA,MAC9B,IAAA,CAAK,GAAA,CAAI,aAAA,GAAgB,aAAA,GAAgB,iBAAiB,eAAe;AAAA,KAC3E;AAEA,IAAA,aAAA,CAAc,IAAI,CAAA;AAClB,IAAA,QAAA,CAAS;AAAA,MACP,QAAA,EAAU,OAAA;AAAA,MACV,IAAA;AAAA,MACA,GAAI,IAAA,KAAS,KAAA,GACT,EAAE,QAAQ,cAAA,GAAiB,IAAA,CAAK,GAAA,GAAM,MAAA,EAAO,GAC7C,EAAE,GAAA,EAAK,IAAA,CAAK,SAAS,MAAA,EAAO;AAAA,MAChC,GAAI,UAAA,GAAa,EAAE,OAAO,IAAA,CAAK,KAAA,KAAU,EAAC;AAAA,MAC1C,GAAI,aAAA,GAAgB,EAAE,UAAU,IAAA,CAAK,KAAA,KAAU,EAAC;AAAA,MAChD,SAAA,EAAW,IAAA,CAAK,GAAA,CAAI,eAAA,EAAiB,aAAa,QAAQ,CAAA;AAAA,MAC1D,MAAA,EAAQ,IAAA;AAAA,MACR,UAAA,EAAY;AAAA,KACb,CAAA;AAAA,EACH,CAAA,EAAG;AAAA,IACD,aAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,GACD,CAAA;AAGD,EAAMA,iCAAgB,MAAM;AAC1B,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,MAAA,EAAO;AAAA,IACT,CAAA,MAAO;AACL,MAAA,QAAA,CAAS,YAAY,CAAA;AAAA,IACvB;AAAA,EACF,CAAA,EAAG,CAAC,IAAA,EAAM,MAAM,CAAC,CAAA;AAGjB,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,CAAC,IAAA,EAAM;AAIX,IAAA,IAAI,KAAA,GAAQ,CAAA;AACZ,IAAA,MAAM,iBAAiB,MAAM;AAC3B,MAAA,IAAI,KAAA,EAAO;AACX,MAAA,KAAA,GAAQ,MAAA,CAAO,sBAAsB,MAAM;AACzC,QAAA,KAAA,GAAQ,CAAA;AACR,QAAA,MAAA,EAAO;AAAA,MACT,CAAC,CAAA;AAAA,IACH,CAAA;AAEA,IAAA,MAAA,CAAO,gBAAA,CAAiB,QAAA,EAAU,cAAA,EAAgB,IAAI,CAAA;AACtD,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,cAAc,CAAA;AAEhD,IAAA,IAAI,cAAA;AACJ,IAAA,IAAI,OAAO,UAAA,CAAW,cAAA,KAAmB,WAAA,EAAa;AACpD,MAAA,cAAA,GAAiB,IAAI,UAAA,CAAW,cAAA,CAAe,cAAc,CAAA;AAC7D,MAAA,IAAI,SAAA,CAAU,OAAA,EAAS,cAAA,CAAe,OAAA,CAAQ,UAAU,OAAO,CAAA;AAC/D,MAAA,IAAI,WAAA,CAAY,OAAA,EAAS,cAAA,CAAe,OAAA,CAAQ,YAAY,OAAO,CAAA;AAAA,IACrE;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,KAAA,EAAO,MAAA,CAAO,oBAAA,CAAqB,KAAK,CAAA;AAC5C,MAAA,MAAA,CAAO,mBAAA,CAAoB,QAAA,EAAU,cAAA,EAAgB,IAAI,CAAA;AACzD,MAAA,MAAA,CAAO,mBAAA,CAAoB,UAAU,cAAc,CAAA;AACnD,MAAA,cAAA,EAAgB,UAAA,EAAW;AAAA,IAC7B,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,IAAA,EAAM,MAAM,CAAC,CAAA;AAEjB,EAAA,OAAO,EAAE,SAAA,EAAW,WAAA,EAAa,KAAA,EAAO,YAAY,MAAA,EAAO;AAC7D","file":"chunk-ZDEYV373.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport type AnchoredPlacement =\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'bottom'\n  | 'top-start'\n  | 'top-end'\n  | 'top';\n\nexport interface UseAnchoredPositionOptions {\n  /** Whether the floating element is currently shown */\n  open: boolean;\n  /** Preferred placement relative to the anchor (flips when out of space) */\n  placement?: AnchoredPlacement;\n  /** Gap between the anchor and the floating element, in px */\n  offset?: number;\n  /** Force the floating element to the anchor's width */\n  matchWidth?: boolean;\n  /** Use the anchor's width as the floating element's minimum width */\n  matchMinWidth?: boolean;\n  /** Minimum distance from the viewport edges, in px */\n  viewportPadding?: number;\n  /**\n   * Additional cap on the floating element's height, in px. The height is\n   * always clamped to the available viewport space; this only lowers that\n   * limit further (omitting it does not remove the viewport constraint).\n   */\n  maxHeight?: number;\n}\n\nexport interface UseAnchoredPositionReturn<\n  TAnchor extends HTMLElement,\n  TFloating extends HTMLElement,\n> {\n  /** Attach to the element the popup is anchored to (trigger/input) */\n  anchorRef: React.RefObject<TAnchor | null>;\n  /** Attach to the floating element (menu/listbox/panel) */\n  floatingRef: React.RefObject<TFloating | null>;\n  /** Fixed-position style for the floating element — spread onto it */\n  style: React.CSSProperties;\n  /** Vertical side in use after flipping ('top' or 'bottom') */\n  actualSide: 'top' | 'bottom';\n  /** Recompute the position (e.g. after async content loads) */\n  update: () => void;\n}\n\nconst HIDDEN_STYLE: React.CSSProperties = {\n  position: 'fixed',\n  top: 0,\n  left: 0,\n  visibility: 'hidden',\n  zIndex: 9999,\n  // Never let `transition-*` utilities animate top/left from the hidden\n  // (0,0) mount position to the computed one (keyframe animations like\n  // `animate-in` are unaffected).\n  transition: 'none',\n};\n\n/**\n * Positions a floating element (dropdown menu, autocomplete listbox,\n * date-picker calendar, …) relative to an anchor using `position: fixed`,\n * so it is never clipped by `overflow: hidden` ancestors.\n *\n * Render the floating element through `createPortal(..., document.body)`\n * and spread the returned `style` onto it. The hook:\n * - flips vertically when there is not enough space on the preferred side\n * - clamps horizontally to the viewport\n * - constrains `maxHeight` to the available space (add `overflow-auto`)\n * - tracks scroll, resize, and anchor/content size changes while open\n *\n * @example\n * ```tsx\n * const { anchorRef, floatingRef, style } = useAnchoredPosition<\n *   HTMLButtonElement,\n *   HTMLDivElement\n * >({ open, placement: 'bottom-start' });\n *\n * <button ref={anchorRef} onClick={() => setOpen(!open)}>Open</button>\n * {open &&\n *   createPortal(\n *     <div ref={floatingRef} style={style} className=\"overflow-auto …\">…</div>,\n *     document.body\n *   )}\n * ```\n */\nexport function useAnchoredPosition<\n  TAnchor extends HTMLElement = HTMLElement,\n  TFloating extends HTMLElement = HTMLElement,\n>({\n  open,\n  placement = 'bottom-start',\n  offset = 4,\n  matchWidth = false,\n  matchMinWidth = false,\n  viewportPadding = 8,\n  maxHeight,\n}: UseAnchoredPositionOptions): UseAnchoredPositionReturn<TAnchor, TFloating> {\n  const anchorRef = React.useRef<TAnchor | null>(null);\n  const floatingRef = React.useRef<TFloating | null>(null);\n  const [style, setStyle] = React.useState<React.CSSProperties>(HIDDEN_STYLE);\n  const [actualSide, setActualSide] = React.useState<'top' | 'bottom'>(\n    placement.startsWith('top') ? 'top' : 'bottom'\n  );\n\n  const update = React.useCallback(() => {\n    const anchor = anchorRef.current;\n    const floating = floatingRef.current;\n    if (!anchor || !floating) return;\n\n    const rect = anchor.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n    // Natural content size (scrollHeight so a previously applied maxHeight\n    // doesn't skew the flip decision).\n    const contentHeight = Math.min(\n      floating.scrollHeight,\n      maxHeight ?? Infinity\n    );\n    // With matchMinWidth the rendered width is at least the anchor's width,\n    // even if offsetWidth was measured before minWidth applied.\n    const floatingWidth = matchWidth\n      ? rect.width\n      : Math.max(floating.offsetWidth, matchMinWidth ? rect.width : 0);\n\n    // --- Vertical: preferred side, flip when out of space -------------------\n    const spaceBelow = viewportHeight - rect.bottom - offset - viewportPadding;\n    const spaceAbove = rect.top - offset - viewportPadding;\n    const preferTop = placement.startsWith('top');\n    let side: 'top' | 'bottom';\n    if (preferTop) {\n      side =\n        spaceAbove < contentHeight && spaceBelow > spaceAbove\n          ? 'bottom'\n          : 'top';\n    } else {\n      side =\n        spaceBelow < contentHeight && spaceAbove > spaceBelow\n          ? 'top'\n          : 'bottom';\n    }\n    const availableHeight = Math.max(\n      side === 'top' ? spaceAbove : spaceBelow,\n      0\n    );\n\n    // --- Horizontal: -start aligns left edges, -end aligns right edges ------\n    const align = placement.endsWith('-start')\n      ? 'left'\n      : placement.endsWith('-end')\n        ? 'right'\n        : 'center';\n    let left =\n      align === 'left'\n        ? rect.left\n        : align === 'right'\n          ? rect.right - floatingWidth\n          : rect.left + rect.width / 2 - floatingWidth / 2;\n    left = Math.min(\n      Math.max(left, viewportPadding),\n      Math.max(viewportWidth - floatingWidth - viewportPadding, viewportPadding)\n    );\n\n    setActualSide(side);\n    setStyle({\n      position: 'fixed',\n      left,\n      ...(side === 'top'\n        ? { bottom: viewportHeight - rect.top + offset }\n        : { top: rect.bottom + offset }),\n      ...(matchWidth ? { width: rect.width } : {}),\n      ...(matchMinWidth ? { minWidth: rect.width } : {}),\n      maxHeight: Math.min(availableHeight, maxHeight ?? Infinity),\n      zIndex: 9999,\n      transition: 'none',\n    });\n  }, [\n    matchMinWidth,\n    matchWidth,\n    maxHeight,\n    offset,\n    placement,\n    viewportPadding,\n  ]);\n\n  // Position synchronously before paint when opening / re-rendering open.\n  React.useLayoutEffect(() => {\n    if (open) {\n      update();\n    } else {\n      setStyle(HIDDEN_STYLE);\n    }\n  }, [open, update]);\n\n  // Track scroll/resize and anchor/content size changes while open.\n  React.useEffect(() => {\n    if (!open) return;\n\n    // Coalesce bursts (scroll/resize fire per event) into one layout\n    // read + state update per frame.\n    let frame = 0;\n    const scheduleUpdate = () => {\n      if (frame) return;\n      frame = window.requestAnimationFrame(() => {\n        frame = 0;\n        update();\n      });\n    };\n\n    window.addEventListener('scroll', scheduleUpdate, true);\n    window.addEventListener('resize', scheduleUpdate);\n\n    let resizeObserver: globalThis.ResizeObserver | undefined;\n    if (typeof globalThis.ResizeObserver !== 'undefined') {\n      resizeObserver = new globalThis.ResizeObserver(scheduleUpdate);\n      if (anchorRef.current) resizeObserver.observe(anchorRef.current);\n      if (floatingRef.current) resizeObserver.observe(floatingRef.current);\n    }\n\n    return () => {\n      if (frame) window.cancelAnimationFrame(frame);\n      window.removeEventListener('scroll', scheduleUpdate, true);\n      window.removeEventListener('resize', scheduleUpdate);\n      resizeObserver?.disconnect();\n    };\n  }, [open, update]);\n\n  return { anchorRef, floatingRef, style, actualSide, update };\n}\n"]}