@ansh-ui/react 0.2.0

package/dist/chunk-XEP6P7E6.js

@@ -0,0 +1,279 @@
+import { useState, useId, useEffect, useCallback, useLayoutEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+// src/primitives/portal.tsx
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+function Portal({ children, container, disabled }) {
+  const [mounted, setMounted] = useState(false);
+  useIsomorphicLayoutEffect(() => setMounted(true), []);
+  if (disabled) return /* @__PURE__ */ jsx(Fragment, { children });
+  if (!mounted) return null;
+  const target = container ?? (typeof document !== "undefined" ? document.body : null);
+  if (!target) return null;
+  return createPortal(children, target);
+}
+var layers = [];
+function getLayerStack() {
+  return layers;
+}
+function useDismiss(ref, open, onDismiss, options = {}) {
+  const { outsidePress = true, escapeKey = true, ignore = [] } = options;
+  const id = useId();
+  useEffect(() => {
+    if (!open) return;
+    layers.push(id);
+    const onKeyDown = (event) => {
+      if (!escapeKey || event.key !== "Escape") return;
+      if (layers[layers.length - 1] !== id) return;
+      event.stopPropagation();
+      onDismiss();
+    };
+    const onPointerDown = (event) => {
+      if (!outsidePress) return;
+      const target = event.target;
+      if (!target) return;
+      if (!target.isConnected) return;
+      if (ref.current?.contains(target)) return;
+      for (const other of ignore) {
+        if (other.current?.contains(target)) return;
+      }
+      onDismiss();
+    };
+    document.addEventListener("pointerdown", onPointerDown, true);
+    document.addEventListener("keydown", onKeyDown, true);
+    return () => {
+      const index = layers.indexOf(id);
+      if (index >= 0) layers.splice(index, 1);
+      document.removeEventListener("pointerdown", onPointerDown, true);
+      document.removeEventListener("keydown", onKeyDown, true);
+    };
+  }, [open, id, outsidePress, escapeKey, onDismiss, ref]);
+}
+var scrollLocks = 0;
+var restoreStyles = null;
+function useScrollLock(active) {
+  useEffect(() => {
+    if (!active || typeof document === "undefined") return;
+    scrollLocks += 1;
+    if (scrollLocks === 1) {
+      const { body } = document;
+      restoreStyles = { overflow: body.style.overflow, paddingRight: body.style.paddingRight };
+      const gutter = window.innerWidth - document.documentElement.clientWidth;
+      body.style.overflow = "hidden";
+      if (gutter > 0) {
+        const current = Number.parseFloat(window.getComputedStyle(body).paddingRight) || 0;
+        body.style.paddingRight = `${current + gutter}px`;
+      }
+    }
+    return () => {
+      scrollLocks -= 1;
+      if (scrollLocks === 0 && restoreStyles) {
+        document.body.style.overflow = restoreStyles.overflow;
+        document.body.style.paddingRight = restoreStyles.paddingRight;
+        restoreStyles = null;
+      }
+    };
+  }, [active]);
+}
+
+// src/primitives/position.ts
+function parse(placement) {
+  const [side, align = "center"] = placement.split("-");
+  return { side, align };
+}
+var OPPOSITE = { top: "bottom", bottom: "top", left: "right", right: "left" };
+function space(anchor, viewport, padding) {
+  return {
+    top: anchor.y - viewport.y - padding,
+    bottom: viewport.y + viewport.height - (anchor.y + anchor.height) - padding,
+    left: anchor.x - viewport.x - padding,
+    right: viewport.x + viewport.width - (anchor.x + anchor.width) - padding
+  };
+}
+function place(anchor, floating, side, align, offset) {
+  let x = 0;
+  let y = 0;
+  switch (side) {
+    case "top":
+      y = anchor.y - floating.height - offset;
+      break;
+    case "bottom":
+      y = anchor.y + anchor.height + offset;
+      break;
+    case "left":
+      x = anchor.x - floating.width - offset;
+      break;
+    case "right":
+      x = anchor.x + anchor.width + offset;
+      break;
+  }
+  const vertical = side === "top" || side === "bottom";
+  if (vertical) {
+    if (align === "start") x = anchor.x;
+    else if (align === "end") x = anchor.x + anchor.width - floating.width;
+    else x = anchor.x + anchor.width / 2 - floating.width / 2;
+  } else {
+    if (align === "start") y = anchor.y;
+    else if (align === "end") y = anchor.y + anchor.height - floating.height;
+    else y = anchor.y + anchor.height / 2 - floating.height / 2;
+  }
+  return { x, y };
+}
+function computePosition(anchor, floating, viewport, options = {}) {
+  const {
+    placement = "bottom",
+    offset = 8,
+    padding = 8,
+    flip = true,
+    shift = true,
+    arrowSize = 0
+  } = options;
+  const requested = parse(placement);
+  let side = requested.side;
+  const align = requested.align;
+  if (flip) {
+    const available = space(anchor, viewport, padding);
+    const needed = side === "top" || side === "bottom" ? floating.height : floating.width;
+    const opposite = OPPOSITE[side];
+    if (available[side] < needed + offset && available[opposite] > available[side]) {
+      side = opposite;
+    }
+  }
+  let { x, y } = place(anchor, floating, side, align, offset);
+  const minX = viewport.x + padding;
+  const maxX = viewport.x + viewport.width - floating.width - padding;
+  const minY = viewport.y + padding;
+  const maxY = viewport.y + viewport.height - floating.height - padding;
+  if (shift) {
+    if (side === "top" || side === "bottom") {
+      x = maxX < minX ? minX : Math.min(Math.max(x, minX), maxX);
+    } else {
+      y = maxY < minY ? minY : Math.min(Math.max(y, minY), maxY);
+    }
+  }
+  let arrow = null;
+  if (arrowSize > 0) {
+    const half = arrowSize / 2;
+    const inset = arrowSize + 4;
+    if (side === "top" || side === "bottom") {
+      const centre = anchor.x + anchor.width / 2 - x - half;
+      const limit = Math.max(inset, floating.width - inset - arrowSize);
+      arrow = {
+        x: Math.min(Math.max(centre, inset), limit),
+        y: side === "top" ? floating.height : -arrowSize
+      };
+    } else {
+      const centre = anchor.y + anchor.height / 2 - y - half;
+      const limit = Math.max(inset, floating.height - inset - arrowSize);
+      arrow = {
+        x: side === "left" ? floating.width : -arrowSize,
+        y: Math.min(Math.max(centre, inset), limit)
+      };
+    }
+  }
+  const hidden = anchor.y + anchor.height < viewport.y || anchor.y > viewport.y + viewport.height || anchor.x + anchor.width < viewport.x || anchor.x > viewport.x + viewport.width;
+  return {
+    // Rounded to whole pixels. Sub-pixel translation makes text render through a different
+    // rasterisation path, which reads as a subtle blur on non-retina displays.
+    x: Math.round(x),
+    y: Math.round(y),
+    placement: align === "center" ? side : `${side}-${align}`,
+    side,
+    align,
+    arrow,
+    hidden
+  };
+}
+var HIDDEN = {
+  position: "fixed",
+  top: 0,
+  left: 0,
+  // Rendered off-screen rather than `display: none` for the first frame, so the element has real
+  // dimensions to measure. Measuring a `display: none` element returns a zero rect, which would
+  // place the surface at the anchor's corner for one frame — a visible jump on every open.
+  transform: "translate3d(0, -200vh, 0)",
+  pointerEvents: "none"
+};
+function useAnchoredPosition(anchorRef, floatingRef, open, options = {}) {
+  const {
+    matchWidth = false,
+    enabled = true,
+    placement = "bottom",
+    offset = 8,
+    padding = 8,
+    flip = true,
+    shift = true,
+    arrowSize = 0
+  } = options;
+  const [result, setResult] = useState(null);
+  const [anchorWidth, setAnchorWidth] = useState(null);
+  const update = useCallback(() => {
+    const anchor = anchorRef.current;
+    const floating = floatingRef.current;
+    if (!anchor || !floating) return;
+    const anchorRect = anchor.getBoundingClientRect();
+    const floatingRect = floating.getBoundingClientRect();
+    if (floatingRect.width === 0 && floatingRect.height === 0) return;
+    setAnchorWidth(matchWidth ? anchorRect.width : null);
+    setResult(
+      computePosition(
+        anchorRect,
+        floatingRect,
+        { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight },
+        { placement, offset, padding, flip, shift, arrowSize }
+      )
+    );
+  }, [anchorRef, floatingRef, matchWidth, placement, offset, padding, flip, shift, arrowSize]);
+  useEffect(() => {
+    if (!open || !enabled) {
+      setResult(null);
+      return;
+    }
+    update();
+    const onScroll = () => update();
+    window.addEventListener("scroll", onScroll, { capture: true, passive: true });
+    window.addEventListener("resize", onScroll, { passive: true });
+    let observer;
+    if (typeof ResizeObserver !== "undefined") {
+      observer = new ResizeObserver(() => update());
+      if (anchorRef.current) observer.observe(anchorRef.current);
+      if (floatingRef.current) observer.observe(floatingRef.current);
+    }
+    return () => {
+      window.removeEventListener("scroll", onScroll, { capture: true });
+      window.removeEventListener("resize", onScroll);
+      observer?.disconnect();
+    };
+  }, [open, enabled, update, anchorRef, floatingRef]);
+  if (!result) {
+    return {
+      style: matchWidth && anchorWidth !== null ? { ...HIDDEN, width: anchorWidth } : HIDDEN,
+      arrowStyle: void 0,
+      placement,
+      side: placement.split("-")[0],
+      update
+    };
+  }
+  const style = {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    // `transform` rather than `top`/`left`: it is composited, so repositioning during scroll does
+    // not invalidate layout for the rest of the page.
+    transform: `translate3d(${result.x}px, ${result.y}px, 0)`,
+    ...result.hidden ? { visibility: "hidden", pointerEvents: "none" } : null,
+    ...anchorWidth !== null ? { width: anchorWidth } : null
+  };
+  return {
+    style,
+    arrowStyle: result.arrow ? { position: "absolute", left: result.arrow.x, top: result.arrow.y } : void 0,
+    placement: result.placement,
+    side: result.side,
+    update
+  };
+}
+
+export { Portal, computePosition, getLayerStack, useAnchoredPosition, useDismiss, useScrollLock };
+//# sourceMappingURL=chunk-XEP6P7E6.js.map
+//# sourceMappingURL=chunk-XEP6P7E6.js.map

package/dist/chunk-XEP6P7E6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/primitives/portal.tsx","../src/primitives/use-dismiss.ts","../src/primitives/position.ts","../src/primitives/use-anchored-position.ts"],"names":["useEffect","useState"],"mappings":"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","file":"chunk-XEP6P7E6.js","sourcesContent":["import { type ReactNode, useEffect, useLayoutEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\n/**\n * `useLayoutEffect` in the browser, `useEffect` on the server.\n *\n * React warns that `useLayoutEffect` does nothing on the server — correctly, since there is no\n * layout to read. Swapping to `useEffect` there keeps the console clean without changing client\n * behaviour, where the distinction genuinely matters (see below).\n */\nconst useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect\n\nexport interface PortalProps {\n  children: ReactNode\n  /** Where to mount. Defaults to `document.body`. */\n  container?: Element | null\n  /** Skip the portal and render in place. Useful inside an already-portalled surface. */\n  disabled?: boolean\n}\n\n/**\n * Render children elsewhere in the DOM.\n *\n * Overlays must escape their parent's stacking and clipping context. A popover inside a container\n * with `overflow: hidden` gets clipped; one inside a `transform`ed ancestor has its `position:\n * fixed` resolved against that ancestor instead of the viewport, so it lands in the wrong place.\n * Neither is fixable with z-index, and both are the single most common overlay bug.\n *\n * SSR-safe: renders nothing on the server and on the first client render, then portals after mount.\n * Portalling during SSR is impossible (no DOM), and portalling on the first client render would\n * produce markup the server didn't emit — a hydration mismatch.\n */\nexport function Portal({ children, container, disabled }: PortalProps) {\n  const [mounted, setMounted] = useState(false)\n\n  /**\n   * A **layout** effect, not a passive one, and the difference is load-bearing.\n   *\n   * React flushes every layout effect during commit, then runs passive effects after paint. With\n   * `useEffect` here, the portal's children do not exist yet when a parent's passive effect runs —\n   * so a parent that opens an overlay and immediately focuses into it finds a null ref and focus\n   * stays on `<body>`. That is not a hypothetical: it is exactly how `Select` silently stopped\n   * moving focus into its listbox, which breaks `aria-activedescendant` entirely.\n   *\n   * Promoting this to a layout effect means the portal mounts and re-renders before any parent\n   * passive effect runs, so refs into portalled content are populated by the time they are read.\n   */\n  useIsomorphicLayoutEffect(() => setMounted(true), [])\n\n  if (disabled) return <>{children}</>\n  if (!mounted) return null\n\n  const target = container ?? (typeof document !== 'undefined' ? document.body : null)\n  if (!target) return null\n\n  return createPortal(children, target)\n}\n","import { type RefObject, useEffect, useId } from 'react'\n\n/**\n * Dismissing layered surfaces.\n *\n * The hard part isn't detecting an outside click — it's nesting. A dropdown inside a dialog, with a\n * tooltip inside that: pressing Escape must close **one** layer, the innermost. Every component\n * attaching its own `document` keydown listener closes all three at once, which is the single most\n * common overlay bug in hand-rolled implementations.\n *\n * A module-level stack fixes it. Surfaces push on open and pop on close, and only the top of the\n * stack responds to Escape.\n */\n\nconst layers: string[] = []\n\n/** Ids of the currently open dismissable layers, outermost first. Exposed for tests. */\nexport function getLayerStack(): readonly string[] {\n  return layers\n}\n\nexport interface DismissOptions {\n  /** Close on pointer press outside the surface. Default `true`. */\n  outsidePress?: boolean\n  /** Close on Escape. Only the topmost layer responds. Default `true`. */\n  escapeKey?: boolean\n  /**\n   * Extra elements that count as \"inside\" — normally the trigger.\n   *\n   * Without this the trigger's own click closes the surface via the outside handler and then\n   * immediately reopens it via its own onClick, so the surface appears not to close at all.\n   */\n  ignore?: Array<RefObject<HTMLElement | null>>\n}\n\nexport function useDismiss(\n  ref: RefObject<HTMLElement | null>,\n  open: boolean,\n  onDismiss: () => void,\n  options: DismissOptions = {},\n): void {\n  const { outsidePress = true, escapeKey = true, ignore = [] } = options\n  const id = useId()\n\n  useEffect(() => {\n    if (!open) return\n\n    layers.push(id)\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (!escapeKey || event.key !== 'Escape') return\n      // Innermost only.\n      if (layers[layers.length - 1] !== id) return\n      event.stopPropagation()\n      onDismiss()\n    }\n\n    const onPointerDown = (event: PointerEvent | MouseEvent) => {\n      if (!outsidePress) return\n      const target = event.target as Node | null\n      if (!target) return\n\n      // A click that lands on a node already detached from the document (a menu item that removed\n      // itself on click) reads as \"outside\" by containment but isn't. Ignore those.\n      if (!target.isConnected) return\n\n      if (ref.current?.contains(target)) return\n      for (const other of ignore) {\n        if (other.current?.contains(target)) return\n      }\n      onDismiss()\n    }\n\n    // `pointerdown` rather than `click`: a click fires after mouseup, so dragging a text selection\n    // out of a popover and releasing outside would close it mid-selection.\n    document.addEventListener('pointerdown', onPointerDown, true)\n    document.addEventListener('keydown', onKeyDown, true)\n\n    return () => {\n      const index = layers.indexOf(id)\n      if (index >= 0) layers.splice(index, 1)\n      document.removeEventListener('pointerdown', onPointerDown, true)\n      document.removeEventListener('keydown', onKeyDown, true)\n    }\n    // `ignore` is typically an inline array literal; its identity changes every render, and\n    // resubscribing on every render would drop events fired in between.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open, id, outsidePress, escapeKey, onDismiss, ref])\n}\n\n/**\n * Lock body scroll while a modal surface is open.\n *\n * Reference-counted, so two stacked modals don't fight over the original value — the inner one\n * closing must not restore scrolling while the outer one is still open.\n *\n * The scrollbar's width is replaced with padding. Without that, hiding the scrollbar reflows the\n * whole page a few pixels wider the instant a dialog opens, which reads as a flash.\n */\nlet scrollLocks = 0\nlet restoreStyles: { overflow: string; paddingRight: string } | null = null\n\nexport function useScrollLock(active: boolean): void {\n  useEffect(() => {\n    if (!active || typeof document === 'undefined') return\n\n    scrollLocks += 1\n    if (scrollLocks === 1) {\n      const { body } = document\n      restoreStyles = { overflow: body.style.overflow, paddingRight: body.style.paddingRight }\n\n      const gutter = window.innerWidth - document.documentElement.clientWidth\n      body.style.overflow = 'hidden'\n      if (gutter > 0) {\n        const current = Number.parseFloat(window.getComputedStyle(body).paddingRight) || 0\n        body.style.paddingRight = `${current + gutter}px`\n      }\n    }\n\n    return () => {\n      scrollLocks -= 1\n      if (scrollLocks === 0 && restoreStyles) {\n        document.body.style.overflow = restoreStyles.overflow\n        document.body.style.paddingRight = restoreStyles.paddingRight\n        restoreStyles = null\n      }\n    }\n  }, [active])\n}\n","/**\n * Anchored positioning.\n *\n * Popovers, tooltips, menus and comboboxes all need the same thing: place a floating box next to an\n * anchor, keep it on screen, and report where it actually ended up so the arrow can point the right\n * way. This is that calculation, as a **pure function** of rectangles.\n *\n * Keeping it pure is deliberate. Positioning bugs are notoriously hard to reproduce — they depend\n * on scroll offset, viewport size and element dimensions all at once. As a pure function the whole\n * space is testable in milliseconds without a browser, which is why the edge cases below (flipping\n * into *less* space, shifting past the anchor, both axes at once) are covered by tests rather than\n * by hoping.\n *\n * This is a focused ~200-line implementation, not a Floating UI replacement: it does offset, flip,\n * shift, size-matching and arrow placement, which is what these components need. It does not do\n * auto-placement search, virtual elements or `position: absolute` containing-block resolution —\n * everything here assumes `position: fixed` against the viewport, which is the only strategy that\n * is correct inside transformed and clipped ancestors.\n */\n\nexport type Side = 'top' | 'right' | 'bottom' | 'left'\nexport type Align = 'start' | 'center' | 'end'\nexport type Placement = Side | `${Side}-${Align}`\n\nexport interface Rect {\n  x: number\n  y: number\n  width: number\n  height: number\n}\n\nexport interface PositionOptions {\n  /** Preferred placement. Default `'bottom'`. */\n  placement?: Placement\n  /** Gap between anchor and floating element, in px. Default `8`. */\n  offset?: number\n  /** Minimum distance to keep from the viewport edge, in px. Default `8`. */\n  padding?: number\n  /** Flip to the opposite side when there isn't room. Default `true`. */\n  flip?: boolean\n  /** Slide along the cross axis to stay on screen. Default `true`. */\n  shift?: boolean\n  /** Size of the arrow, in px, if one is being positioned. Default `0` (no arrow). */\n  arrowSize?: number\n}\n\nexport interface PositionResult {\n  /** Viewport coordinates for the floating element's top-left corner. */\n  x: number\n  y: number\n  /** Where it actually ended up — may differ from the request if it flipped. */\n  placement: Placement\n  side: Side\n  align: Align\n  /** Arrow offset along the anchor's edge, or `null` when `arrowSize` is 0. */\n  arrow: { x: number; y: number } | null\n  /** True when the anchor is entirely outside the viewport — callers usually hide the surface. */\n  hidden: boolean\n}\n\nfunction parse(placement: Placement): { side: Side; align: Align } {\n  const [side, align = 'center'] = placement.split('-') as [Side, Align?]\n  return { side, align }\n}\n\nconst OPPOSITE: Record<Side, Side> = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' }\n\n/** Free space on each side of the anchor, within the padded viewport. */\nfunction space(anchor: Rect, viewport: Rect, padding: number) {\n  return {\n    top: anchor.y - viewport.y - padding,\n    bottom: viewport.y + viewport.height - (anchor.y + anchor.height) - padding,\n    left: anchor.x - viewport.x - padding,\n    right: viewport.x + viewport.width - (anchor.x + anchor.width) - padding,\n  }\n}\n\n/** Place `floating` next to `anchor` on `side`, aligned by `align`, without clamping. */\nfunction place(anchor: Rect, floating: Rect, side: Side, align: Align, offset: number) {\n  let x = 0\n  let y = 0\n\n  // Main axis: the gap between the two boxes.\n  switch (side) {\n    case 'top':\n      y = anchor.y - floating.height - offset\n      break\n    case 'bottom':\n      y = anchor.y + anchor.height + offset\n      break\n    case 'left':\n      x = anchor.x - floating.width - offset\n      break\n    case 'right':\n      x = anchor.x + anchor.width + offset\n      break\n  }\n\n  // Cross axis: alignment along the anchor's edge.\n  const vertical = side === 'top' || side === 'bottom'\n  if (vertical) {\n    if (align === 'start') x = anchor.x\n    else if (align === 'end') x = anchor.x + anchor.width - floating.width\n    else x = anchor.x + anchor.width / 2 - floating.width / 2\n  } else {\n    if (align === 'start') y = anchor.y\n    else if (align === 'end') y = anchor.y + anchor.height - floating.height\n    else y = anchor.y + anchor.height / 2 - floating.height / 2\n  }\n\n  return { x, y }\n}\n\n/**\n * Compute where a floating element should sit.\n *\n * All rectangles are in viewport coordinates, as `getBoundingClientRect` returns them.\n */\nexport function computePosition(\n  anchor: Rect,\n  floating: Rect,\n  viewport: Rect,\n  options: PositionOptions = {},\n): PositionResult {\n  const {\n    placement = 'bottom',\n    offset = 8,\n    padding = 8,\n    flip = true,\n    shift = true,\n    arrowSize = 0,\n  } = options\n\n  const requested = parse(placement)\n  let side = requested.side\n  const align = requested.align\n\n  // --- Flip ---------------------------------------------------------------\n  // Only flip if the opposite side has *more* room. Flipping unconditionally when the preferred\n  // side doesn't fit is the classic bug: a tall menu near the bottom of a short viewport fits\n  // nowhere, flips upward into even less space, and ends up worse than if it had stayed put.\n  if (flip) {\n    const available = space(anchor, viewport, padding)\n    const needed = side === 'top' || side === 'bottom' ? floating.height : floating.width\n    const opposite = OPPOSITE[side]\n    if (available[side] < needed + offset && available[opposite] > available[side]) {\n      side = opposite\n    }\n  }\n\n  let { x, y } = place(anchor, floating, side, align, offset)\n\n  // --- Shift --------------------------------------------------------------\n  // Slide along the cross axis to stay within the padded viewport. Clamped so a floating element\n  // wider than the viewport pins to the left edge rather than oscillating between both.\n  const minX = viewport.x + padding\n  const maxX = viewport.x + viewport.width - floating.width - padding\n  const minY = viewport.y + padding\n  const maxY = viewport.y + viewport.height - floating.height - padding\n\n  if (shift) {\n    if (side === 'top' || side === 'bottom') {\n      x = maxX < minX ? minX : Math.min(Math.max(x, minX), maxX)\n    } else {\n      y = maxY < minY ? minY : Math.min(Math.max(y, minY), maxY)\n    }\n  }\n\n  // --- Arrow --------------------------------------------------------------\n  // Positioned against the *anchor's* centre, then clamped inside the floating box so it never\n  // pokes out of a rounded corner after a shift. This is why `shift` runs first.\n  let arrow: { x: number; y: number } | null = null\n  if (arrowSize > 0) {\n    const half = arrowSize / 2\n    // Keep the arrow clear of the corner radius, and clamp to a valid range even when the\n    // floating box is narrower than the arrow plus its inset.\n    const inset = arrowSize + 4\n    if (side === 'top' || side === 'bottom') {\n      const centre = anchor.x + anchor.width / 2 - x - half\n      const limit = Math.max(inset, floating.width - inset - arrowSize)\n      arrow = {\n        x: Math.min(Math.max(centre, inset), limit),\n        y: side === 'top' ? floating.height : -arrowSize,\n      }\n    } else {\n      const centre = anchor.y + anchor.height / 2 - y - half\n      const limit = Math.max(inset, floating.height - inset - arrowSize)\n      arrow = {\n        x: side === 'left' ? floating.width : -arrowSize,\n        y: Math.min(Math.max(centre, inset), limit),\n      }\n    }\n  }\n\n  // The anchor having scrolled out of its clipping container is the caller's cue to hide the\n  // surface — a tooltip left floating over unrelated content is worse than no tooltip.\n  const hidden =\n    anchor.y + anchor.height < viewport.y ||\n    anchor.y > viewport.y + viewport.height ||\n    anchor.x + anchor.width < viewport.x ||\n    anchor.x > viewport.x + viewport.width\n\n  return {\n    // Rounded to whole pixels. Sub-pixel translation makes text render through a different\n    // rasterisation path, which reads as a subtle blur on non-retina displays.\n    x: Math.round(x),\n    y: Math.round(y),\n    placement: align === 'center' ? side : (`${side}-${align}` as Placement),\n    side,\n    align,\n    arrow,\n    hidden,\n  }\n}\n","import { type CSSProperties, type RefObject, useCallback, useEffect, useState } from 'react'\nimport { type PositionOptions, type PositionResult, computePosition } from './position'\n\nexport interface AnchoredPositionOptions extends PositionOptions {\n  /** Set the floating element's width to the anchor's — what a combobox listbox wants. */\n  matchWidth?: boolean\n  /** Recompute while open. Default `true`. */\n  enabled?: boolean\n}\n\nexport interface AnchoredPosition {\n  style: CSSProperties\n  arrowStyle: CSSProperties | undefined\n  placement: PositionResult['placement']\n  side: PositionResult['side']\n  /** Force a recompute — call after content changes size in a way observers can't see. */\n  update: () => void\n}\n\nconst HIDDEN: CSSProperties = {\n  position: 'fixed',\n  top: 0,\n  left: 0,\n  // Rendered off-screen rather than `display: none` for the first frame, so the element has real\n  // dimensions to measure. Measuring a `display: none` element returns a zero rect, which would\n  // place the surface at the anchor's corner for one frame — a visible jump on every open.\n  transform: 'translate3d(0, -200vh, 0)',\n  pointerEvents: 'none',\n}\n\n/**\n * Keep a floating element positioned against an anchor.\n *\n * Recomputes on scroll (capture phase, so nested scroll containers are caught), on viewport\n * resize, and whenever either element changes size. It deliberately does **not** poll on every\n * frame: that costs a forced layout per frame for a value that changes only on discrete events,\n * and it is the reason some popover libraries make scrolling janky.\n */\nexport function useAnchoredPosition(\n  anchorRef: RefObject<HTMLElement | null>,\n  floatingRef: RefObject<HTMLElement | null>,\n  open: boolean,\n  options: AnchoredPositionOptions = {},\n): AnchoredPosition {\n  const {\n    matchWidth = false,\n    enabled = true,\n    placement = 'bottom',\n    offset = 8,\n    padding = 8,\n    flip = true,\n    shift = true,\n    arrowSize = 0,\n  } = options\n\n  const [result, setResult] = useState<PositionResult | null>(null)\n  const [anchorWidth, setAnchorWidth] = useState<number | null>(null)\n\n  const update = useCallback(() => {\n    const anchor = anchorRef.current\n    const floating = floatingRef.current\n    if (!anchor || !floating) return\n\n    const anchorRect = anchor.getBoundingClientRect()\n    const floatingRect = floating.getBoundingClientRect()\n\n    // jsdom reports every rect as zero. Positioning against a zero-size floating box would place\n    // it at the anchor's corner, so bail and leave the off-screen style in place; tests assert on\n    // `computePosition` directly, where the geometry is real.\n    if (floatingRect.width === 0 && floatingRect.height === 0) return\n\n    setAnchorWidth(matchWidth ? anchorRect.width : null)\n    setResult(\n      computePosition(\n        anchorRect,\n        floatingRect,\n        { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight },\n        { placement, offset, padding, flip, shift, arrowSize },\n      ),\n    )\n  }, [anchorRef, floatingRef, matchWidth, placement, offset, padding, flip, shift, arrowSize])\n\n  useEffect(() => {\n    if (!open || !enabled) {\n      setResult(null)\n      return\n    }\n\n    update()\n\n    // Capture phase catches scrolling in any ancestor container, not just the document. A popover\n    // inside a scrollable panel is the common case and the one that non-capturing listeners miss.\n    const onScroll = () => update()\n    window.addEventListener('scroll', onScroll, { capture: true, passive: true })\n    window.addEventListener('resize', onScroll, { passive: true })\n\n    // Content that grows — an async-loaded menu, a combobox filtering down — changes the required\n    // placement. `ResizeObserver` catches that without polling.\n    let observer: ResizeObserver | undefined\n    if (typeof ResizeObserver !== 'undefined') {\n      observer = new ResizeObserver(() => update())\n      if (anchorRef.current) observer.observe(anchorRef.current)\n      if (floatingRef.current) observer.observe(floatingRef.current)\n    }\n\n    return () => {\n      window.removeEventListener('scroll', onScroll, { capture: true })\n      window.removeEventListener('resize', onScroll)\n      observer?.disconnect()\n    }\n  }, [open, enabled, update, anchorRef, floatingRef])\n\n  if (!result) {\n    return {\n      style: matchWidth && anchorWidth !== null ? { ...HIDDEN, width: anchorWidth } : HIDDEN,\n      arrowStyle: undefined,\n      placement,\n      side: placement.split('-')[0] as PositionResult['side'],\n      update,\n    }\n  }\n\n  const style: CSSProperties = {\n    position: 'fixed',\n    top: 0,\n    left: 0,\n    // `transform` rather than `top`/`left`: it is composited, so repositioning during scroll does\n    // not invalidate layout for the rest of the page.\n    transform: `translate3d(${result.x}px, ${result.y}px, 0)`,\n    ...(result.hidden ? { visibility: 'hidden' as const, pointerEvents: 'none' as const } : null),\n    ...(anchorWidth !== null ? { width: anchorWidth } : null),\n  }\n\n  return {\n    style,\n    arrowStyle: result.arrow\n      ? { position: 'absolute', left: result.arrow.x, top: result.arrow.y }\n      : undefined,\n    placement: result.placement,\n    side: result.side,\n    update,\n  }\n}\n"]}

package/dist/chunk-XMXECSQO.cjs

@@ -0,0 +1,286 @@
+'use strict';
+
+var react = require('react');
+var reactDom = require('react-dom');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/primitives/portal.tsx
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? react.useLayoutEffect : react.useEffect;
+function Portal({ children, container, disabled }) {
+  const [mounted, setMounted] = react.useState(false);
+  useIsomorphicLayoutEffect(() => setMounted(true), []);
+  if (disabled) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  if (!mounted) return null;
+  const target = container ?? (typeof document !== "undefined" ? document.body : null);
+  if (!target) return null;
+  return reactDom.createPortal(children, target);
+}
+var layers = [];
+function getLayerStack() {
+  return layers;
+}
+function useDismiss(ref, open, onDismiss, options = {}) {
+  const { outsidePress = true, escapeKey = true, ignore = [] } = options;
+  const id = react.useId();
+  react.useEffect(() => {
+    if (!open) return;
+    layers.push(id);
+    const onKeyDown = (event) => {
+      if (!escapeKey || event.key !== "Escape") return;
+      if (layers[layers.length - 1] !== id) return;
+      event.stopPropagation();
+      onDismiss();
+    };
+    const onPointerDown = (event) => {
+      if (!outsidePress) return;
+      const target = event.target;
+      if (!target) return;
+      if (!target.isConnected) return;
+      if (ref.current?.contains(target)) return;
+      for (const other of ignore) {
+        if (other.current?.contains(target)) return;
+      }
+      onDismiss();
+    };
+    document.addEventListener("pointerdown", onPointerDown, true);
+    document.addEventListener("keydown", onKeyDown, true);
+    return () => {
+      const index = layers.indexOf(id);
+      if (index >= 0) layers.splice(index, 1);
+      document.removeEventListener("pointerdown", onPointerDown, true);
+      document.removeEventListener("keydown", onKeyDown, true);
+    };
+  }, [open, id, outsidePress, escapeKey, onDismiss, ref]);
+}
+var scrollLocks = 0;
+var restoreStyles = null;
+function useScrollLock(active) {
+  react.useEffect(() => {
+    if (!active || typeof document === "undefined") return;
+    scrollLocks += 1;
+    if (scrollLocks === 1) {
+      const { body } = document;
+      restoreStyles = { overflow: body.style.overflow, paddingRight: body.style.paddingRight };
+      const gutter = window.innerWidth - document.documentElement.clientWidth;
+      body.style.overflow = "hidden";
+      if (gutter > 0) {
+        const current = Number.parseFloat(window.getComputedStyle(body).paddingRight) || 0;
+        body.style.paddingRight = `${current + gutter}px`;
+      }
+    }
+    return () => {
+      scrollLocks -= 1;
+      if (scrollLocks === 0 && restoreStyles) {
+        document.body.style.overflow = restoreStyles.overflow;
+        document.body.style.paddingRight = restoreStyles.paddingRight;
+        restoreStyles = null;
+      }
+    };
+  }, [active]);
+}
+
+// src/primitives/position.ts
+function parse(placement) {
+  const [side, align = "center"] = placement.split("-");
+  return { side, align };
+}
+var OPPOSITE = { top: "bottom", bottom: "top", left: "right", right: "left" };
+function space(anchor, viewport, padding) {
+  return {
+    top: anchor.y - viewport.y - padding,
+    bottom: viewport.y + viewport.height - (anchor.y + anchor.height) - padding,
+    left: anchor.x - viewport.x - padding,
+    right: viewport.x + viewport.width - (anchor.x + anchor.width) - padding
+  };
+}
+function place(anchor, floating, side, align, offset) {
+  let x = 0;
+  let y = 0;
+  switch (side) {
+    case "top":
+      y = anchor.y - floating.height - offset;
+      break;
+    case "bottom":
+      y = anchor.y + anchor.height + offset;
+      break;
+    case "left":
+      x = anchor.x - floating.width - offset;
+      break;
+    case "right":
+      x = anchor.x + anchor.width + offset;
+      break;
+  }
+  const vertical = side === "top" || side === "bottom";
+  if (vertical) {
+    if (align === "start") x = anchor.x;
+    else if (align === "end") x = anchor.x + anchor.width - floating.width;
+    else x = anchor.x + anchor.width / 2 - floating.width / 2;
+  } else {
+    if (align === "start") y = anchor.y;
+    else if (align === "end") y = anchor.y + anchor.height - floating.height;
+    else y = anchor.y + anchor.height / 2 - floating.height / 2;
+  }
+  return { x, y };
+}
+function computePosition(anchor, floating, viewport, options = {}) {
+  const {
+    placement = "bottom",
+    offset = 8,
+    padding = 8,
+    flip = true,
+    shift = true,
+    arrowSize = 0
+  } = options;
+  const requested = parse(placement);
+  let side = requested.side;
+  const align = requested.align;
+  if (flip) {
+    const available = space(anchor, viewport, padding);
+    const needed = side === "top" || side === "bottom" ? floating.height : floating.width;
+    const opposite = OPPOSITE[side];
+    if (available[side] < needed + offset && available[opposite] > available[side]) {
+      side = opposite;
+    }
+  }
+  let { x, y } = place(anchor, floating, side, align, offset);
+  const minX = viewport.x + padding;
+  const maxX = viewport.x + viewport.width - floating.width - padding;
+  const minY = viewport.y + padding;
+  const maxY = viewport.y + viewport.height - floating.height - padding;
+  if (shift) {
+    if (side === "top" || side === "bottom") {
+      x = maxX < minX ? minX : Math.min(Math.max(x, minX), maxX);
+    } else {
+      y = maxY < minY ? minY : Math.min(Math.max(y, minY), maxY);
+    }
+  }
+  let arrow = null;
+  if (arrowSize > 0) {
+    const half = arrowSize / 2;
+    const inset = arrowSize + 4;
+    if (side === "top" || side === "bottom") {
+      const centre = anchor.x + anchor.width / 2 - x - half;
+      const limit = Math.max(inset, floating.width - inset - arrowSize);
+      arrow = {
+        x: Math.min(Math.max(centre, inset), limit),
+        y: side === "top" ? floating.height : -arrowSize
+      };
+    } else {
+      const centre = anchor.y + anchor.height / 2 - y - half;
+      const limit = Math.max(inset, floating.height - inset - arrowSize);
+      arrow = {
+        x: side === "left" ? floating.width : -arrowSize,
+        y: Math.min(Math.max(centre, inset), limit)
+      };
+    }
+  }
+  const hidden = anchor.y + anchor.height < viewport.y || anchor.y > viewport.y + viewport.height || anchor.x + anchor.width < viewport.x || anchor.x > viewport.x + viewport.width;
+  return {
+    // Rounded to whole pixels. Sub-pixel translation makes text render through a different
+    // rasterisation path, which reads as a subtle blur on non-retina displays.
+    x: Math.round(x),
+    y: Math.round(y),
+    placement: align === "center" ? side : `${side}-${align}`,
+    side,
+    align,
+    arrow,
+    hidden
+  };
+}
+var HIDDEN = {
+  position: "fixed",
+  top: 0,
+  left: 0,
+  // Rendered off-screen rather than `display: none` for the first frame, so the element has real
+  // dimensions to measure. Measuring a `display: none` element returns a zero rect, which would
+  // place the surface at the anchor's corner for one frame — a visible jump on every open.
+  transform: "translate3d(0, -200vh, 0)",
+  pointerEvents: "none"
+};
+function useAnchoredPosition(anchorRef, floatingRef, open, options = {}) {
+  const {
+    matchWidth = false,
+    enabled = true,
+    placement = "bottom",
+    offset = 8,
+    padding = 8,
+    flip = true,
+    shift = true,
+    arrowSize = 0
+  } = options;
+  const [result, setResult] = react.useState(null);
+  const [anchorWidth, setAnchorWidth] = react.useState(null);
+  const update = react.useCallback(() => {
+    const anchor = anchorRef.current;
+    const floating = floatingRef.current;
+    if (!anchor || !floating) return;
+    const anchorRect = anchor.getBoundingClientRect();
+    const floatingRect = floating.getBoundingClientRect();
+    if (floatingRect.width === 0 && floatingRect.height === 0) return;
+    setAnchorWidth(matchWidth ? anchorRect.width : null);
+    setResult(
+      computePosition(
+        anchorRect,
+        floatingRect,
+        { x: 0, y: 0, width: window.innerWidth, height: window.innerHeight },
+        { placement, offset, padding, flip, shift, arrowSize }
+      )
+    );
+  }, [anchorRef, floatingRef, matchWidth, placement, offset, padding, flip, shift, arrowSize]);
+  react.useEffect(() => {
+    if (!open || !enabled) {
+      setResult(null);
+      return;
+    }
+    update();
+    const onScroll = () => update();
+    window.addEventListener("scroll", onScroll, { capture: true, passive: true });
+    window.addEventListener("resize", onScroll, { passive: true });
+    let observer;
+    if (typeof ResizeObserver !== "undefined") {
+      observer = new ResizeObserver(() => update());
+      if (anchorRef.current) observer.observe(anchorRef.current);
+      if (floatingRef.current) observer.observe(floatingRef.current);
+    }
+    return () => {
+      window.removeEventListener("scroll", onScroll, { capture: true });
+      window.removeEventListener("resize", onScroll);
+      observer?.disconnect();
+    };
+  }, [open, enabled, update, anchorRef, floatingRef]);
+  if (!result) {
+    return {
+      style: matchWidth && anchorWidth !== null ? { ...HIDDEN, width: anchorWidth } : HIDDEN,
+      arrowStyle: void 0,
+      placement,
+      side: placement.split("-")[0],
+      update
+    };
+  }
+  const style = {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    // `transform` rather than `top`/`left`: it is composited, so repositioning during scroll does
+    // not invalidate layout for the rest of the page.
+    transform: `translate3d(${result.x}px, ${result.y}px, 0)`,
+    ...result.hidden ? { visibility: "hidden", pointerEvents: "none" } : null,
+    ...anchorWidth !== null ? { width: anchorWidth } : null
+  };
+  return {
+    style,
+    arrowStyle: result.arrow ? { position: "absolute", left: result.arrow.x, top: result.arrow.y } : void 0,
+    placement: result.placement,
+    side: result.side,
+    update
+  };
+}
+
+exports.Portal = Portal;
+exports.computePosition = computePosition;
+exports.getLayerStack = getLayerStack;
+exports.useAnchoredPosition = useAnchoredPosition;
+exports.useDismiss = useDismiss;
+exports.useScrollLock = useScrollLock;
+//# sourceMappingURL=chunk-XMXECSQO.cjs.map
+//# sourceMappingURL=chunk-XMXECSQO.cjs.map