@mieweb/ui 0.7.1-dev.15 → 0.7.1-dev.16

package/dist/{chunk-ZDEYV373.cjs → chunk-MYFZYUPR.cjs}

@@ -41,6 +41,8 @@ function useAnchoredPosition({
   matchWidth = false,
   matchMinWidth = false,
   viewportPadding = 8,
+  allowFlip = true,
+  boundaryRef,
   maxHeight
 }) {
   const anchorRef = React__namespace.useRef(null);
@@ -56,18 +58,37 @@ function useAnchoredPosition({
     const rect = anchor.getBoundingClientRect();
     const viewportWidth = window.innerWidth;
     const viewportHeight = window.innerHeight;
+    const boundaryRect = boundaryRef?.current?.getBoundingClientRect();
+    const bounds = boundaryRect ?? {
+      top: 0,
+      right: viewportWidth,
+      bottom: viewportHeight,
+      left: 0
+    };
+    const leftLimit = Math.max(bounds.left + viewportPadding, viewportPadding);
+    const rightLimit = Math.min(
+      bounds.right - viewportPadding,
+      viewportWidth - viewportPadding
+    );
+    const topLimit = Math.max(bounds.top + viewportPadding, viewportPadding);
+    const bottomLimit = Math.min(
+      bounds.bottom - viewportPadding,
+      viewportHeight - viewportPadding
+    );
     const contentHeight = Math.min(
       floating.scrollHeight,
       maxHeight ?? Infinity
     );
     const floatingWidth = matchWidth ? rect.width : Math.max(floating.offsetWidth, matchMinWidth ? rect.width : 0);
-    const spaceBelow = viewportHeight - rect.bottom - offset - viewportPadding;
-    const spaceAbove = rect.top - offset - viewportPadding;
+    const availableWidth = Math.max(rightLimit - leftLimit, 0);
+    const positionedWidth = Math.min(floatingWidth, availableWidth);
+    const spaceBelow = bottomLimit - rect.bottom - offset;
+    const spaceAbove = rect.top - topLimit - offset;
     const preferTop = placement.startsWith("top");
-    let side;
-    if (preferTop) {
+    let side = preferTop ? "top" : "bottom";
+    if (allowFlip && preferTop) {
       side = spaceAbove < contentHeight && spaceBelow > spaceAbove ? "bottom" : "top";
-    } else {
+    } else if (allowFlip) {
       side = spaceBelow < contentHeight && spaceAbove > spaceBelow ? "top" : "bottom";
     }
     const availableHeight = Math.max(
@@ -75,10 +96,10 @@ function useAnchoredPosition({
       0
     );
     const align = placement.endsWith("-start") ? "left" : placement.endsWith("-end") ? "right" : "center";
-    let left = align === "left" ? rect.left : align === "right" ? rect.right - floatingWidth : rect.left + rect.width / 2 - floatingWidth / 2;
+    let left = align === "left" ? rect.left : align === "right" ? rect.right - positionedWidth : rect.left + rect.width / 2 - positionedWidth / 2;
     left = Math.min(
-      Math.max(left, viewportPadding),
-      Math.max(viewportWidth - floatingWidth - viewportPadding, viewportPadding)
+      Math.max(left, leftLimit),
+      Math.max(rightLimit - positionedWidth, leftLimit)
     );
     setActualSide(side);
     setStyle({
@@ -87,6 +108,7 @@ function useAnchoredPosition({
       ...side === "top" ? { bottom: viewportHeight - rect.top + offset } : { top: rect.bottom + offset },
       ...matchWidth ? { width: rect.width } : {},
       ...matchMinWidth ? { minWidth: rect.width } : {},
+      maxWidth: availableWidth,
       maxHeight: Math.min(availableHeight, maxHeight ?? Infinity),
       zIndex: 9999,
       transition: "none"
@@ -97,7 +119,9 @@ function useAnchoredPosition({
     maxHeight,
     offset,
     placement,
-    viewportPadding
+    viewportPadding,
+    allowFlip,
+    boundaryRef
   ]);
   React__namespace.useLayoutEffect(() => {
     if (open) {
@@ -135,5 +159,5 @@ function useAnchoredPosition({
 }
 
 exports.useAnchoredPosition = useAnchoredPosition;
-//# sourceMappingURL=chunk-ZDEYV373.cjs.map
-//# sourceMappingURL=chunk-ZDEYV373.cjs.map
+//# sourceMappingURL=chunk-MYFZYUPR.cjs.map
+//# sourceMappingURL=chunk-MYFZYUPR.cjs.map

package/dist/chunk-MYFZYUPR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useAnchoredPosition.ts"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,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,SAAA,GAAY,IAAA;AAAA,EACZ,WAAA;AAAA,EACA;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;AAC9B,IAAA,MAAM,YAAA,GAAe,WAAA,EAAa,OAAA,EAAS,qBAAA,EAAsB;AACjE,IAAA,MAAM,SAAS,YAAA,IAAgB;AAAA,MAC7B,GAAA,EAAK,CAAA;AAAA,MACL,KAAA,EAAO,aAAA;AAAA,MACP,MAAA,EAAQ,cAAA;AAAA,MACR,IAAA,EAAM;AAAA,KACR;AACA,IAAA,MAAM,YAAY,IAAA,CAAK,GAAA,CAAI,MAAA,CAAO,IAAA,GAAO,iBAAiB,eAAe,CAAA;AACzE,IAAA,MAAM,aAAa,IAAA,CAAK,GAAA;AAAA,MACtB,OAAO,KAAA,GAAQ,eAAA;AAAA,MACf,aAAA,GAAgB;AAAA,KAClB;AACA,IAAA,MAAM,WAAW,IAAA,CAAK,GAAA,CAAI,MAAA,CAAO,GAAA,GAAM,iBAAiB,eAAe,CAAA;AACvE,IAAA,MAAM,cAAc,IAAA,CAAK,GAAA;AAAA,MACvB,OAAO,MAAA,GAAS,eAAA;AAAA,MAChB,cAAA,GAAiB;AAAA,KACnB;AAIA,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;AACjE,IAAA,MAAM,cAAA,GAAiB,IAAA,CAAK,GAAA,CAAI,UAAA,GAAa,WAAW,CAAC,CAAA;AACzD,IAAA,MAAM,eAAA,GAAkB,IAAA,CAAK,GAAA,CAAI,aAAA,EAAe,cAAc,CAAA;AAG9D,IAAA,MAAM,UAAA,GAAa,WAAA,GAAc,IAAA,CAAK,MAAA,GAAS,MAAA;AAC/C,IAAA,MAAM,UAAA,GAAa,IAAA,CAAK,GAAA,GAAM,QAAA,GAAW,MAAA;AACzC,IAAA,MAAM,SAAA,GAAY,SAAA,CAAU,UAAA,CAAW,KAAK,CAAA;AAC5C,IAAA,IAAI,IAAA,GAAyB,YAAY,KAAA,GAAQ,QAAA;AACjD,IAAA,IAAI,aAAa,SAAA,EAAW;AAC1B,MAAA,IAAA,GACE,UAAA,GAAa,aAAA,IAAiB,UAAA,GAAa,UAAA,GACvC,QAAA,GACA,KAAA;AAAA,IACR,WAAW,SAAA,EAAW;AACpB,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,kBACb,IAAA,CAAK,IAAA,GAAO,IAAA,CAAK,KAAA,GAAQ,IAAI,eAAA,GAAkB,CAAA;AACvD,IAAA,IAAA,GAAO,IAAA,CAAK,GAAA;AAAA,MACV,IAAA,CAAK,GAAA,CAAI,IAAA,EAAM,SAAS,CAAA;AAAA,MACxB,IAAA,CAAK,GAAA,CAAI,UAAA,GAAa,eAAA,EAAiB,SAAS;AAAA,KAClD;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,QAAA,EAAU,cAAA;AAAA,MACV,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,eAAA;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-MYFZYUPR.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  /** Flip to the opposite vertical side when the preferred side is cramped */\n  allowFlip?: boolean;\n  /** Optional element whose visible rectangle also constrains the popup */\n  boundaryRef?: React.RefObject<HTMLElement | null>;\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 or optional boundary element\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  allowFlip = true,\n  boundaryRef,\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    const boundaryRect = boundaryRef?.current?.getBoundingClientRect();\n    const bounds = boundaryRect ?? {\n      top: 0,\n      right: viewportWidth,\n      bottom: viewportHeight,\n      left: 0,\n    };\n    const leftLimit = Math.max(bounds.left + viewportPadding, viewportPadding);\n    const rightLimit = Math.min(\n      bounds.right - viewportPadding,\n      viewportWidth - viewportPadding\n    );\n    const topLimit = Math.max(bounds.top + viewportPadding, viewportPadding);\n    const bottomLimit = Math.min(\n      bounds.bottom - viewportPadding,\n      viewportHeight - viewportPadding\n    );\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    const availableWidth = Math.max(rightLimit - leftLimit, 0);\n    const positionedWidth = Math.min(floatingWidth, availableWidth);\n\n    // --- Vertical: preferred side, flip when out of space -------------------\n    const spaceBelow = bottomLimit - rect.bottom - offset;\n    const spaceAbove = rect.top - topLimit - offset;\n    const preferTop = placement.startsWith('top');\n    let side: 'top' | 'bottom' = preferTop ? 'top' : 'bottom';\n    if (allowFlip && preferTop) {\n      side =\n        spaceAbove < contentHeight && spaceBelow > spaceAbove\n          ? 'bottom'\n          : 'top';\n    } else if (allowFlip) {\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 - positionedWidth\n          : rect.left + rect.width / 2 - positionedWidth / 2;\n    left = Math.min(\n      Math.max(left, leftLimit),\n      Math.max(rightLimit - positionedWidth, leftLimit)\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      maxWidth: availableWidth,\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    allowFlip,\n    boundaryRef,\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"]}

package/dist/{chunk-I2BKK3AQ.js → chunk-NGLI2MSM.js}

@@ -1,7 +1,7 @@
 import { Slider } from './chunk-OTQ72WX3.js';
 import { MediaPlayer } from './chunk-PS5INHGC.js';
 import { Checkbox } from './chunk-KFLDXJEE.js';
-import { Select } from './chunk-34LGPMO4.js';
+import { Select } from './chunk-DLBV42JD.js';
 import { Modal, ModalHeader, ModalTitle, ModalClose, ModalBody, ModalFooter } from './chunk-XMCIXHGH.js';
 import { Input } from './chunk-YXCE2HSK.js';
 import { Button } from './chunk-WRYZ2752.js';
@@ -1999,5 +1999,5 @@ var MediaEditor = React6.forwardRef(
 MediaEditor.displayName = "MediaEditor";
 
 export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal };
-//# sourceMappingURL=chunk-I2BKK3AQ.js.map
-//# sourceMappingURL=chunk-I2BKK3AQ.js.map
+//# sourceMappingURL=chunk-NGLI2MSM.js.map
+//# sourceMappingURL=chunk-NGLI2MSM.js.map