@mastra/playground-ui 61.0.0-alpha.6 → 61.0.0

package/dist/{field-error-id-4xiCVBJ_.cjs → field-error-id-CFlRpKIz.cjs}

@@ -3,7 +3,7 @@
 const jsxRuntime = require('react/jsx-runtime');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
 const lucideReact = require('lucide-react');
-const Txt = require('./Txt-DNnvlrBo.cjs');
+const Txt = require('./Txt-DFPibRb3.cjs');
 const icons_Icon = require('./icons/Icon.cjs.js');
 
 function FieldBlockColumn({ children, className }) {
@@ -112,4 +112,4 @@ const fieldErrorId = (name) => `error-${name}`;
 
 exports.FieldBlock = FieldBlock;
 exports.fieldErrorId = fieldErrorId;
-//# sourceMappingURL=field-error-id-4xiCVBJ_.cjs.map
+//# sourceMappingURL=field-error-id-CFlRpKIz.cjs.map

package/dist/{field-error-id-4xiCVBJ_.cjs.map → field-error-id-CFlRpKIz.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"field-error-id-4xiCVBJ_.cjs","sources":["../src/ds/components/FormFieldBlocks/block/field-block-column.tsx","../src/ds/components/FormFieldBlocks/block/field-block-error-msg.tsx","../src/ds/components/FormFieldBlocks/block/field-block-help-text.tsx","../src/ds/components/FormFieldBlocks/block/field-block-label.tsx","../src/ds/components/FormFieldBlocks/block/field-block-layout.tsx","../src/ds/components/FormFieldBlocks/block/field-block-message.tsx","../src/ds/components/FormFieldBlocks/block/field-block.tsx","../src/ds/components/FormFieldBlocks/block/field-error-id.ts"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlockColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlockColumn({ children, className }: FieldBlockColumnProps) {\n  return <div className={cn('grid gap-2 text-foreground', className)}>{children}</div>;\n}\n","import { CircleAlertIcon } from 'lucide-react';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { cn } from '@/lib/utils';\n\nexport type FieldBlockErrorMsgProps = {\n  children?: React.ReactNode;\n  /**\n   * The field this message belongs to, matching the `name` given to `FieldBlock.Label`.\n   * Sets a stable `error-<name>` id so the control can point at it with\n   * `aria-describedby` and a screen reader reads the message with the field.\n   */\n  name?: string;\n  className?: string;\n};\n\nexport function FieldBlockErrorMsg({ children, name, className }: FieldBlockErrorMsgProps) {\n  return (\n    <Txt\n      variant=\"body-sm\"\n      // `role=\"alert\"` lives here rather than in a wrapper at every call site, so an\n      // error announces itself wherever it is used instead of depending on each caller\n      // remembering to wrap it.\n      role=\"alert\"\n      id={name !== undefined ? `error-${name}` : undefined}\n      className={cn('flex gap-1 text-destructive-foreground', className)}\n    >\n      <Icon size=\"xs\" className=\"mt-1 shrink-0\" aria-hidden>\n        <CircleAlertIcon />\n      </Icon>\n      <span>{children}</span>\n    </Txt>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nexport type FieldBlockHelpTextProps = {\n  children?: React.ReactNode;\n};\n\nexport function FieldBlockHelpText({ children }: FieldBlockHelpTextProps) {\n  return (\n    <Txt variant=\"caption\" tone=\"muted\">\n      {children}\n    </Txt>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockLabelProps = {\n  children: React.ReactNode;\n  name: string;\n  htmlFor?: string;\n  required?: boolean;\n  disabled?: boolean;\n  size?: 'default' | 'bigger';\n  className?: string;\n};\n\nexport function FieldBlockLabel({\n  children,\n  name,\n  htmlFor = `input-${name}`,\n  required,\n  disabled = false,\n  size = 'default',\n  className,\n}: FieldBlockLabelProps) {\n  return (\n    <label\n      htmlFor={htmlFor}\n      className={cn(\n        'inline-flex items-center text-label',\n        {\n          'text-body': size === 'bigger',\n          'text-foreground': !disabled,\n          'text-muted-foreground': disabled,\n        },\n        className,\n      )}\n    >\n      {children}\n      {required ? (\n        <>\n          <span\n            aria-hidden\n            className={cn('ml-0.5', disabled ? 'text-muted-foreground' : 'text-destructive-foreground')}\n          >\n            *\n          </span>\n          <span className=\"sr-only\"> (required)</span>\n        </>\n      ) : null}\n    </label>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockLayoutProps = {\n  children: React.ReactNode;\n  className?: string;\n  layout?: 'vertical' | 'horizontal';\n  // Optional prop to specify label column width in horizontal layout\n  labelColumnWidth?: string; // e.g., '150px' or '30%'\n};\n\nexport function FieldBlockLayout({\n  children,\n  className,\n  layout = 'vertical',\n  labelColumnWidth,\n}: FieldBlockLayoutProps) {\n  return (\n    <div\n      className={cn(\n        'relative grid gap-2 text-foreground',\n        {\n          'horizontal-field-block grid-cols-[auto_1fr] items-baseline': layout === 'horizontal',\n        },\n        className,\n      )}\n      style={\n        layout === 'horizontal' && labelColumnWidth ? { gridTemplateColumns: `${labelColumnWidth} 1fr` } : undefined\n      }\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlockErrorMsg } from './field-block-error-msg';\nimport { FieldBlockHelpText } from './field-block-help-text';\n\nexport type FieldBlockMessageProps = {\n  name: string;\n  helpText?: React.ReactNode;\n  errorMsg?: React.ReactNode;\n};\n\nexport function FieldBlockMessage({ name, helpText, errorMsg }: FieldBlockMessageProps) {\n  return (\n    <div className=\"h-[1lh] min-w-0 overflow-hidden text-body-sm [&>p]:truncate\">\n      {errorMsg ? (\n        <FieldBlockErrorMsg name={name} className=\"truncate\">\n          {errorMsg}\n        </FieldBlockErrorMsg>\n      ) : helpText ? (\n        <FieldBlockHelpText>{helpText}</FieldBlockHelpText>\n      ) : null}\n    </div>\n  );\n}\n","import { FieldBlockColumn } from './field-block-column';\nimport { FieldBlockErrorMsg } from './field-block-error-msg';\nimport { FieldBlockHelpText } from './field-block-help-text';\nimport { FieldBlockLabel } from './field-block-label';\nimport { FieldBlockLayout } from './field-block-layout';\nimport { FieldBlockMessage } from './field-block-message';\n\n/** @deprecated Use `Field` with `FieldLabel`, `FieldDescription` and `FieldError`. */\nexport const FieldBlock = Object.assign(\n  {},\n  {\n    Layout: FieldBlockLayout,\n    Column: FieldBlockColumn,\n    Label: FieldBlockLabel,\n    HelpText: FieldBlockHelpText,\n    ErrorMsg: FieldBlockErrorMsg,\n    Message: FieldBlockMessage,\n  },\n);\n","/** @deprecated Wrap the control in a `Field`: `FieldError` links itself to the control. */\nexport const fieldErrorId = (name: string) => `error-${name}`;\n"],"names":["cn","jsxs","Txt","jsx","Icon","CircleAlertIcon","Fragment"],"mappings":"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"}
+{"version":3,"file":"field-error-id-CFlRpKIz.cjs","sources":["../src/ds/components/FormFieldBlocks/block/field-block-column.tsx","../src/ds/components/FormFieldBlocks/block/field-block-error-msg.tsx","../src/ds/components/FormFieldBlocks/block/field-block-help-text.tsx","../src/ds/components/FormFieldBlocks/block/field-block-label.tsx","../src/ds/components/FormFieldBlocks/block/field-block-layout.tsx","../src/ds/components/FormFieldBlocks/block/field-block-message.tsx","../src/ds/components/FormFieldBlocks/block/field-block.tsx","../src/ds/components/FormFieldBlocks/block/field-error-id.ts"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlockColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlockColumn({ children, className }: FieldBlockColumnProps) {\n  return <div className={cn('grid gap-2 text-foreground', className)}>{children}</div>;\n}\n","import { CircleAlertIcon } from 'lucide-react';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { cn } from '@/lib/utils';\n\nexport type FieldBlockErrorMsgProps = {\n  children?: React.ReactNode;\n  /**\n   * The field this message belongs to, matching the `name` given to `FieldBlock.Label`.\n   * Sets a stable `error-<name>` id so the control can point at it with\n   * `aria-describedby` and a screen reader reads the message with the field.\n   */\n  name?: string;\n  className?: string;\n};\n\nexport function FieldBlockErrorMsg({ children, name, className }: FieldBlockErrorMsgProps) {\n  return (\n    <Txt\n      variant=\"body-sm\"\n      // `role=\"alert\"` lives here rather than in a wrapper at every call site, so an\n      // error announces itself wherever it is used instead of depending on each caller\n      // remembering to wrap it.\n      role=\"alert\"\n      id={name !== undefined ? `error-${name}` : undefined}\n      className={cn('flex gap-1 text-destructive-foreground', className)}\n    >\n      <Icon size=\"xs\" className=\"mt-1 shrink-0\" aria-hidden>\n        <CircleAlertIcon />\n      </Icon>\n      <span>{children}</span>\n    </Txt>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nexport type FieldBlockHelpTextProps = {\n  children?: React.ReactNode;\n};\n\nexport function FieldBlockHelpText({ children }: FieldBlockHelpTextProps) {\n  return (\n    <Txt variant=\"caption\" tone=\"muted\">\n      {children}\n    </Txt>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockLabelProps = {\n  children: React.ReactNode;\n  name: string;\n  htmlFor?: string;\n  required?: boolean;\n  disabled?: boolean;\n  size?: 'default' | 'bigger';\n  className?: string;\n};\n\nexport function FieldBlockLabel({\n  children,\n  name,\n  htmlFor = `input-${name}`,\n  required,\n  disabled = false,\n  size = 'default',\n  className,\n}: FieldBlockLabelProps) {\n  return (\n    <label\n      htmlFor={htmlFor}\n      className={cn(\n        'inline-flex items-center text-label',\n        {\n          'text-body': size === 'bigger',\n          'text-foreground': !disabled,\n          'text-muted-foreground': disabled,\n        },\n        className,\n      )}\n    >\n      {children}\n      {required ? (\n        <>\n          <span\n            aria-hidden\n            className={cn('ml-0.5', disabled ? 'text-muted-foreground' : 'text-destructive-foreground')}\n          >\n            *\n          </span>\n          <span className=\"sr-only\"> (required)</span>\n        </>\n      ) : null}\n    </label>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockLayoutProps = {\n  children: React.ReactNode;\n  className?: string;\n  layout?: 'vertical' | 'horizontal';\n  // Optional prop to specify label column width in horizontal layout\n  labelColumnWidth?: string; // e.g., '150px' or '30%'\n};\n\nexport function FieldBlockLayout({\n  children,\n  className,\n  layout = 'vertical',\n  labelColumnWidth,\n}: FieldBlockLayoutProps) {\n  return (\n    <div\n      className={cn(\n        'relative grid gap-2 text-foreground',\n        {\n          'horizontal-field-block grid-cols-[auto_1fr] items-baseline': layout === 'horizontal',\n        },\n        className,\n      )}\n      style={\n        layout === 'horizontal' && labelColumnWidth ? { gridTemplateColumns: `${labelColumnWidth} 1fr` } : undefined\n      }\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlockErrorMsg } from './field-block-error-msg';\nimport { FieldBlockHelpText } from './field-block-help-text';\n\nexport type FieldBlockMessageProps = {\n  name: string;\n  helpText?: React.ReactNode;\n  errorMsg?: React.ReactNode;\n};\n\nexport function FieldBlockMessage({ name, helpText, errorMsg }: FieldBlockMessageProps) {\n  return (\n    <div className=\"h-[1lh] min-w-0 overflow-hidden text-body-sm [&>p]:truncate\">\n      {errorMsg ? (\n        <FieldBlockErrorMsg name={name} className=\"truncate\">\n          {errorMsg}\n        </FieldBlockErrorMsg>\n      ) : helpText ? (\n        <FieldBlockHelpText>{helpText}</FieldBlockHelpText>\n      ) : null}\n    </div>\n  );\n}\n","import { FieldBlockColumn } from './field-block-column';\nimport { FieldBlockErrorMsg } from './field-block-error-msg';\nimport { FieldBlockHelpText } from './field-block-help-text';\nimport { FieldBlockLabel } from './field-block-label';\nimport { FieldBlockLayout } from './field-block-layout';\nimport { FieldBlockMessage } from './field-block-message';\n\n/** @deprecated Use `Field` with `FieldLabel`, `FieldDescription` and `FieldError`. */\nexport const FieldBlock = Object.assign(\n  {},\n  {\n    Layout: FieldBlockLayout,\n    Column: FieldBlockColumn,\n    Label: FieldBlockLabel,\n    HelpText: FieldBlockHelpText,\n    ErrorMsg: FieldBlockErrorMsg,\n    Message: FieldBlockMessage,\n  },\n);\n","/** @deprecated Wrap the control in a `Field`: `FieldError` links itself to the control. */\nexport const fieldErrorId = (name: string) => `error-${name}`;\n"],"names":["cn","jsxs","Txt","jsx","Icon","CircleAlertIcon","Fragment"],"mappings":"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"}

package/dist/hooks/use-fluid-hover.cjs.js

@@ -4,6 +4,20 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const React = require('react');
 
+function boxContains(box, point, axis) {
+  const insideX = point.x >= box.left && point.x <= box.right;
+  const insideY = point.y >= box.top && point.y <= box.bottom;
+  if (axis === "x") return insideX;
+  if (axis === "y") return insideY;
+  return insideX && insideY;
+}
+function distanceToCenter(box, point, axis) {
+  const dx = point.x - (box.left + box.right) / 2;
+  const dy = point.y - (box.top + box.bottom) / 2;
+  if (axis === "x") return Math.abs(dx);
+  if (axis === "y") return Math.abs(dy);
+  return Math.hypot(dx, dy);
+}
 function isOverDisabledItem(items, point, isItemDisabled) {
   for (const element of items) {
     if (!isItemDisabled?.(element)) continue;
@@ -22,50 +36,40 @@ function pickNearest({
   scroll,
   border,
   layoutSize,
-  isDisabled
+  isDisabled,
+  onlyBetweenItems = false
 }) {
   const scaleX = layoutSize.width > 0 ? containerRect.width / layoutSize.width : 1;
   const scaleY = layoutSize.height > 0 ? containerRect.height / layoutSize.height : 1;
   let closestIndex = null;
   let closestDistance = Infinity;
   let containingIndex = null;
+  const itemSpan = { left: Infinity, top: Infinity, right: -Infinity, bottom: -Infinity };
   for (let index = 0; index < rects.length; index++) {
     const r = rects[index];
     if (!r) continue;
     if (isDisabled?.(index)) continue;
-    if (axis === "xy") {
-      const left = containerRect.left + (border.x + r.left - scroll.x) * scaleX;
-      const top = containerRect.top + (border.y + r.top - scroll.y) * scaleY;
-      const width = r.width * scaleX;
-      const height = r.height * scaleY;
-      if (point.x >= left && point.x <= left + width && point.y >= top && point.y <= top + height) {
-        containingIndex = index;
-      }
-      const distance2 = Math.hypot(point.x - (left + width / 2), point.y - (top + height / 2));
-      if (distance2 < closestDistance) {
-        closestDistance = distance2;
-        closestIndex = index;
-      }
-      continue;
-    }
-    const horizontal = axis === "x";
-    const mousePos = horizontal ? point.x : point.y;
-    const scale = horizontal ? scaleX : scaleY;
-    const itemStart = (horizontal ? containerRect.left : containerRect.top) + ((horizontal ? border.x : border.y) + (horizontal ? r.left : r.top) - (horizontal ? scroll.x : scroll.y)) * scale;
-    const itemSize = (horizontal ? r.width : r.height) * scale;
-    if (mousePos >= itemStart && mousePos <= itemStart + itemSize) {
-      containingIndex = index;
-    }
-    const distance = Math.abs(mousePos - (itemStart + itemSize / 2));
+    const left = containerRect.left + (border.x + r.left - scroll.x) * scaleX;
+    const top = containerRect.top + (border.y + r.top - scroll.y) * scaleY;
+    const box = { left, top, right: left + r.width * scaleX, bottom: top + r.height * scaleY };
+    itemSpan.left = Math.min(itemSpan.left, box.left);
+    itemSpan.top = Math.min(itemSpan.top, box.top);
+    itemSpan.right = Math.max(itemSpan.right, box.right);
+    itemSpan.bottom = Math.max(itemSpan.bottom, box.bottom);
+    if (boxContains(box, point, axis)) containingIndex = index;
+    const distance = distanceToCenter(box, point, axis);
     if (distance < closestDistance) {
       closestDistance = distance;
       closestIndex = index;
     }
   }
+  if (onlyBetweenItems && !boxContains(itemSpan, point, axis)) return null;
   return containingIndex ?? closestIndex;
 }
 const ACTIVE_ATTR = "data-fluid-hover-active";
 const ACTIVE_INDEX_ATTR = "data-fluid-hover-active-index";
+const GROUP_ATTR = "data-fluid-hover-group";
+const GROUP_SELECTOR = `[${GROUP_ATTR}]`;
 function isFromInside(e) {
   return e.target instanceof Node && e.currentTarget.contains(e.target);
 }
@@ -82,6 +86,7 @@ function useFluidHover(containerRef, options = {}) {
   const { axis = "y", isItemDisabled, gapClick = true } = options;
   const gapClickMaxDistance = typeof gapClick === "object" ? gapClick.maxDistance ?? Infinity : Infinity;
   const itemsRef = React.useRef(/* @__PURE__ */ new Map());
+  const itemGroupsRef = React.useRef(/* @__PURE__ */ new Map());
   const [activeIndex, setActiveIndex] = React.useState(null);
   const activeIndexRef = React.useRef(null);
   activeIndexRef.current = activeIndex;
@@ -176,6 +181,7 @@ function useFluidHover(containerRef, options = {}) {
     (index, element) => {
       if (element) {
         itemsRef.current.set(index, element);
+        itemGroupsRef.current.set(index, element.closest(GROUP_SELECTOR));
         getItemRo()?.observe(element);
         if (index === activeIndexRef.current) element.setAttribute(ACTIVE_ATTR, "");
       } else {
@@ -183,6 +189,7 @@ function useFluidHover(containerRef, options = {}) {
         if (previous) itemRoRef.current?.unobserve(previous);
         previous?.removeAttribute(ACTIVE_ATTR);
         itemsRef.current.delete(index);
+        itemGroupsRef.current.delete(index);
         if (index === activeIndexRef.current) {
           setActiveIndex((current) => current === index && !itemsRef.current.has(index) ? null : current);
         }
@@ -194,7 +201,8 @@ function useFluidHover(containerRef, options = {}) {
   );
   const handleMouseMove = React.useCallback(
     (e) => {
-      if (!isFromInside(e)) return;
+      if (!isFromInside(e) || !(e.target instanceof Element)) return;
+      const pointerTarget = e.target;
       const mouseX = e.clientX;
       const mouseY = e.clientY;
       if (rafIdRef.current !== null) {
@@ -204,6 +212,9 @@ function useFluidHover(containerRef, options = {}) {
         rafIdRef.current = null;
         const container = containerRef.current;
         if (!container) return;
+        const enclosingGroup = container.closest(GROUP_SELECTOR);
+        const groupInside = (group) => group === enclosingGroup ? null : group;
+        const pointerGroup = groupInside(pointerTarget.closest(GROUP_SELECTOR));
         setActiveIndex(
           pickNearest({
             axis,
@@ -213,10 +224,12 @@ function useFluidHover(containerRef, options = {}) {
             scroll: { x: container.scrollLeft, y: container.scrollTop },
             border: { x: container.clientLeft, y: container.clientTop },
             layoutSize: { width: container.offsetWidth, height: container.offsetHeight },
-            isDisabled: isItemDisabled ? (index) => {
-              const el = itemsRef.current.get(index);
-              return !!el && isItemDisabled(el);
-            } : void 0
+            isDisabled: (index) => {
+              if (groupInside(itemGroupsRef.current.get(index)) !== pointerGroup) return true;
+              const element = itemsRef.current.get(index);
+              return !!element && !!isItemDisabled?.(element);
+            },
+            onlyBetweenItems: pointerGroup !== null
           })
         );
       });
@@ -299,6 +312,7 @@ function useRegisterFluidHoverItem(registerItem, index, ref) {
 
 exports.ACTIVE_ATTR = ACTIVE_ATTR;
 exports.ACTIVE_INDEX_ATTR = ACTIVE_INDEX_ATTR;
+exports.GROUP_ATTR = GROUP_ATTR;
 exports.pickNearest = pickNearest;
 exports.useFluidHover = useFluidHover;
 exports.useRegisterFluidHoverItem = useRegisterFluidHoverItem;

package/dist/hooks/use-fluid-hover.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-fluid-hover.cjs.js","sources":["../../src/hooks/use-fluid-hover.ts"],"sourcesContent":["'use client';\n\nimport { useRef, useState, useCallback, useEffect, type Dispatch, type RefObject, type SetStateAction } from 'react';\n\nexport interface ItemRect {\n  top: number;\n  height: number;\n  left: number;\n  width: number;\n}\n\nexport interface UseFluidHoverOptions {\n  /**\n   * Which direction to resolve the nearest item along.\n   *   \"y\"  — vertical lists (default): closest by top/height\n   *   \"x\"  — horizontal strips: closest by left/width\n   *   \"xy\" — 2-D grids: closest card across both rows AND columns,\n   *          measured by Euclidean distance to each item's center\n   */\n  axis?: 'x' | 'y' | 'xy';\n  /**\n   * Makes an item invisible to hit-testing without unregistering it — for\n   * rows that stay mounted while clipped away (a collapsed sub-tree).\n   * Unregistering would invalidate every measurement; a skipped item keeps\n   * the set stable. Consulted per mouse move, so keep it cheap.\n   */\n  isItemDisabled?: (element: HTMLElement) => boolean;\n  /**\n   * Whether a click that lands between items (a gap, the padding, past the\n   * last row) is routed to the highlighted item, so what is lit is what a\n   * click hits. On by default: in a menu or a list the highlight is a\n   * promise about the click. Pass `false` where empty space should stay\n   * inert (rows with destructive actions, generous whitespace), or\n   * `{ maxDistance }` to route only clicks within that many pixels of the\n   * highlighted item's edge.\n   */\n  gapClick?: boolean | { maxDistance?: number };\n}\n\nexport interface UseFluidHoverReturn {\n  activeIndex: number | null;\n  setActiveIndex: Dispatch<SetStateAction<number | null>>;\n  itemRects: ItemRect[];\n  /**\n   * True once every registered item has been measured and no remeasure is\n   * pending, i.e. `itemRects` describes the current item set. Gate absolutely\n   * positioned overlays on it: an overlay that mounts against a rect a later\n   * pass still corrects animates from the wrong place to the right one, which\n   * reads as the highlight sliding in from another row.\n   */\n  isMeasured: boolean;\n  /**\n   * Events whose target sits outside the container in the DOM are ignored:\n   * React bubbles events from a portaled child (a submenu) through its React\n   * parents, and those must not steer or click this list.\n   */\n  handlers: {\n    onMouseMove: (e: React.MouseEvent) => void;\n    onMouseLeave: (e: React.MouseEvent) => void;\n    /**\n     * Routes a click that lands between items (a gap, the padding, past the\n     * last row) to the highlighted item, so the highlight and the click agree:\n     * what is lit is what a click hits. A click inside an item is left to the\n     * item. Disabled items (`isItemDisabled`) are never activated.\n     */\n    onClick: (e: React.MouseEvent) => void;\n  };\n  registerItem: (index: number, element: HTMLElement | null) => void;\n  /**\n   * Invalidates the published rects and runs the hook's coalesced measurement\n   * pass again, holding `isMeasured` false until it settles. Reach for it when\n   * the rects may be wrong and showing an overlay against them would misplace\n   * it: a popup that stays mounted between opens keeps its items registered,\n   * so nothing else would notice that its rects were taken while it was\n   * hidden. Registration, item resize, and container resize already trigger\n   * a pass; do not call this on `children` changes.\n   */\n  remeasure: () => void;\n  /**\n   * Re-reads the rects synchronously, keeping `isMeasured` as it is. Only for\n   * layout that moves the rows under a visible overlay frame by frame (the\n   * accordion re-measures inside its height animation). Everything else\n   * wants `remeasure`, or nothing.\n   */\n  measureItems: () => void;\n}\n\nexport interface PickNearestInput {\n  axis: 'x' | 'y' | 'xy';\n  /** The pointer, in viewport coordinates. */\n  point: { x: number; y: number };\n  /** Item rects in the container's layout space (sparse: unregistered slots\n   *  are undefined). */\n  rects: readonly (ItemRect | undefined)[];\n  /** The container's bounding rect and live scroll / border offsets, which\n   *  map layout rects into the pointer's viewport space. */\n  containerRect: { left: number; top: number; width: number; height: number };\n  scroll: { x: number; y: number };\n  border: { x: number; y: number };\n  /** Layout size of the container, so a cumulative ancestor `transform:\n   *  scale` (a popup mid scale-in) can be factored out per axis. */\n  layoutSize: { width: number; height: number };\n  /** Skips an item without unregistering it. */\n  isDisabled?: (index: number) => boolean;\n}\n\nfunction isOverDisabledItem(\n  items: Iterable<HTMLElement>,\n  point: { clientX: number; clientY: number },\n  isItemDisabled: ((element: HTMLElement) => boolean) | undefined,\n) {\n  for (const element of items) {\n    if (!isItemDisabled?.(element)) continue;\n    const r = element.getBoundingClientRect();\n    if (point.clientX >= r.left && point.clientX <= r.right && point.clientY >= r.top && point.clientY <= r.bottom) {\n      return true;\n    }\n  }\n  return false;\n}\n\n/**\n * The rule, as one pure function: an item the pointer is inside wins;\n * otherwise the item whose center is nearest does, so a pointer in a gap, in\n * the padding, or past the last row still lands. `y` and `x` measure one\n * coordinate; `xy` measures the straight line to each center. Ties keep the\n * first item. The hook calls this once per animation frame; the docs page\n * times it.\n */\nexport function pickNearest({\n  axis,\n  point,\n  rects,\n  containerRect,\n  scroll,\n  border,\n  layoutSize,\n  isDisabled,\n}: PickNearestInput): number | null {\n  const scaleX = layoutSize.width > 0 ? containerRect.width / layoutSize.width : 1;\n  const scaleY = layoutSize.height > 0 ? containerRect.height / layoutSize.height : 1;\n  let closestIndex: number | null = null;\n  let closestDistance = Infinity;\n  let containingIndex: number | null = null;\n\n  for (let index = 0; index < rects.length; index++) {\n    const r = rects[index];\n    if (!r) continue;\n    if (isDisabled?.(index)) continue;\n\n    if (axis === 'xy') {\n      const left = containerRect.left + (border.x + r.left - scroll.x) * scaleX;\n      const top = containerRect.top + (border.y + r.top - scroll.y) * scaleY;\n      const width = r.width * scaleX;\n      const height = r.height * scaleY;\n      if (point.x >= left && point.x <= left + width && point.y >= top && point.y <= top + height) {\n        containingIndex = index;\n      }\n      const distance = Math.hypot(point.x - (left + width / 2), point.y - (top + height / 2));\n      if (distance < closestDistance) {\n        closestDistance = distance;\n        closestIndex = index;\n      }\n      continue;\n    }\n\n    const horizontal = axis === 'x';\n    const mousePos = horizontal ? point.x : point.y;\n    const scale = horizontal ? scaleX : scaleY;\n    const itemStart =\n      (horizontal ? containerRect.left : containerRect.top) +\n      ((horizontal ? border.x : border.y) + (horizontal ? r.left : r.top) - (horizontal ? scroll.x : scroll.y)) * scale;\n    const itemSize = (horizontal ? r.width : r.height) * scale;\n    if (mousePos >= itemStart && mousePos <= itemStart + itemSize) {\n      containingIndex = index;\n    }\n    const distance = Math.abs(mousePos - (itemStart + itemSize / 2));\n    if (distance < closestDistance) {\n      closestDistance = distance;\n      closestIndex = index;\n    }\n  }\n\n  return containingIndex ?? closestIndex;\n}\n\n/** Set on the highlighted item (boolean attribute). */\nexport const ACTIVE_ATTR = 'data-fluid-hover-active';\n/** Set on the container: the highlighted index, or absent. */\nexport const ACTIVE_INDEX_ATTR = 'data-fluid-hover-active-index';\n\n/** False for an event bubbled through React from a portal outside the container, and for a detached target. */\nfunction isFromInside(e: React.SyntheticEvent) {\n  return e.target instanceof Node && e.currentTarget.contains(e.target);\n}\n\nconst ACTIVATOR_SELECTOR =\n  \"a[href], button, [role='menuitem'], [role='menuitemradio'], [role='menuitemcheckbox'], [role='option'], [role='radio'], [role='checkbox'], [role='tab'], [role='link'], [role='button']\";\n\n/**\n * The element a routed click should land on. A registered item is usually\n * the interactive row itself; when it is only a box around one (a sidebar\n * row around its button, a card around its link), the first control inside\n * is what a real click on the row would have reached.\n */\nfunction resolveActivator(element: HTMLElement): HTMLElement {\n  if (element.matches(ACTIVATOR_SELECTOR) || element.hasAttribute('tabindex')) {\n    return element;\n  }\n  return element.querySelector<HTMLElement>(ACTIVATOR_SELECTOR) ?? element;\n}\n\n/**\n * How many frames the coalesced remeasure retries while the registered items\n * still have no layout box. A popup can be in the DOM one frame before it is\n * laid out; retrying beats publishing zeroed rects, and the cap keeps a list\n * that stays hidden for good from spinning frames forever.\n */\nconst measurementAttempts = 3;\n\nconst CONTROL_BETWEEN_ROWS =\n  \"input, textarea, select, button, a, label, summary, [contenteditable], [role='textbox'], [role='searchbox'], [role='button'], [role='link'], [role='radio'], [role='checkbox'], [role='switch'], [role='slider'], [role='spinbutton'], [role='tab'], [role='radiogroup'], [role='tablist'], [role='toolbar']\";\n\nexport function useFluidHover<T extends HTMLElement>(\n  containerRef: RefObject<T | null>,\n  options: UseFluidHoverOptions = {},\n): UseFluidHoverReturn {\n  const { axis = 'y', isItemDisabled, gapClick = true } = options;\n  const gapClickMaxDistance = typeof gapClick === 'object' ? (gapClick.maxDistance ?? Infinity) : Infinity;\n  const itemsRef = useRef(new Map<number, HTMLElement>());\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  // Mirrored for handlers that read it outside a render (the gap click).\n  const activeIndexRef = useRef<number | null>(null);\n  activeIndexRef.current = activeIndex;\n\n  // The state, in the DOM: `data-fluid-hover-active` on the highlighted item\n  // and `data-fluid-hover-active-index` on the container. Devtools shows it\n  // and a test asserts on it without waiting for a frame. React does not\n  // manage these attributes, so it never clobbers them.\n  useEffect(() => {\n    const container = containerRef.current;\n    if (activeIndex === null) container?.removeAttribute(ACTIVE_INDEX_ATTR);\n    else container?.setAttribute(ACTIVE_INDEX_ATTR, String(activeIndex));\n    const active = activeIndex === null ? undefined : itemsRef.current.get(activeIndex);\n    active?.setAttribute(ACTIVE_ATTR, '');\n    return () => {\n      active?.removeAttribute(ACTIVE_ATTR);\n      // A row that re-registered under this index while it was highlighted\n      // (a remount under a new key) was marked by registerItem, not by this\n      // effect: drop the mark from whatever element holds the index now.\n      // eslint-disable-next-line react-hooks/exhaustive-deps -- itemsRef is a registry Map, reading it at cleanup is the point\n      if (activeIndex !== null) itemsRef.current.get(activeIndex)?.removeAttribute(ACTIVE_ATTR);\n    };\n  }, [activeIndex, containerRef]);\n  const [itemRects, setItemRects] = useState<ItemRect[]>([]);\n  const [isMeasured, setIsMeasured] = useState(false);\n  const itemRectsRef = useRef<ItemRect[]>([]);\n  const rafIdRef = useRef<number | null>(null);\n  const remeasureRafIdRef = useRef<number | null>(null);\n\n  /**\n   * Publishes a rect for every registered item. Returns false when the\n   * measurement could not be completed (no container, or an item without a\n   * layout box) — nothing is published in that case, so the last complete\n   * measurement stands instead of being overwritten with zeroes.\n   */\n  const runMeasurement = useCallback(() => {\n    const container = containerRef.current;\n    if (!container) return false;\n    const rects: ItemRect[] = [];\n    let everyItemHasLayout = true;\n    itemsRef.current.forEach((element, index) => {\n      // An element inside a display:none / not-yet-laid-out popup has no\n      // offsetParent and reports every offset as 0. Publishing that would pin\n      // overlays to the top of the list, so treat the whole pass as\n      // incomplete. A boxless element is the only case: `position: fixed`\n      // items also have no offsetParent but do have a size.\n      const hasLayoutBox = element.offsetParent !== null || element.offsetWidth > 0 || element.offsetHeight > 0;\n      if (!hasLayoutBox) {\n        everyItemHasLayout = false;\n        return;\n      }\n      // Use offset* instead of getBoundingClientRect so measurements are\n      // unaffected by CSS transforms (e.g. scaleY animation on the parent\n      // motion.div). offsetTop/offsetLeft are layout values relative to the\n      // offsetParent (the scroll container), matching the coordinate space\n      // used by `position: absolute` children. Items nested inside positioned\n      // descendants of the container (a sidebar sub-menu's rows live inside a\n      // positioned row) accumulate those ancestors' offsets, so every rect\n      // lands in the container's own coordinate space; for a flat list the\n      // loop never runs and this is exactly the plain offsetTop/offsetLeft.\n      let top = element.offsetTop;\n      let left = element.offsetLeft;\n      let ancestor = element.offsetParent;\n      while (ancestor instanceof HTMLElement && ancestor !== container && container.contains(ancestor)) {\n        top += ancestor.offsetTop + ancestor.clientTop;\n        left += ancestor.offsetLeft + ancestor.clientLeft;\n        ancestor = ancestor.offsetParent;\n      }\n      rects[index] = {\n        top,\n        height: element.offsetHeight,\n        left,\n        width: element.offsetWidth,\n      };\n    });\n    if (!everyItemHasLayout) return false;\n    // Skip the state update when nothing moved (a cheap top/left/width/height\n    // compare) so redundant remeasures don't churn re-renders.\n    const prev = itemRectsRef.current;\n    let changed = prev.length !== rects.length;\n    for (let i = 0; !changed && i < rects.length; i++) {\n      const p = prev[i];\n      const r = rects[i];\n      if (p === r) continue; // both undefined (sparse slot)\n      changed = !p || !r || p.top !== r.top || p.left !== r.left || p.width !== r.width || p.height !== r.height;\n    }\n    if (changed) {\n      itemRectsRef.current = rects;\n      setItemRects(rects);\n    }\n    return true;\n  }, [containerRef]);\n\n  const measureItems = useCallback(() => {\n    runMeasurement();\n  }, [runMeasurement]);\n\n  /**\n   * The hook's single measurement pass: coalesces every trigger (item\n   * registration, container resize) into one remeasure on the next frame and\n   * is the only place readiness is reported, so `isMeasured` can never turn\n   * true while another pass is still queued.\n   */\n  const scheduleMeasurement = useCallback(\n    (attemptsLeft: number) => {\n      if (remeasureRafIdRef.current !== null) {\n        cancelAnimationFrame(remeasureRafIdRef.current);\n      }\n      remeasureRafIdRef.current = requestAnimationFrame(() => {\n        remeasureRafIdRef.current = null;\n        if (runMeasurement()) {\n          setIsMeasured(true);\n        } else if (attemptsLeft > 1) {\n          scheduleMeasurement(attemptsLeft - 1);\n        }\n      });\n    },\n    [runMeasurement],\n  );\n\n  const remeasure = useCallback(() => {\n    // Readiness drops first: until the pass below settles, the published rects\n    // may not describe what is on screen, and an overlay positioned from them\n    // would be corrected after mounting — which animates as a slide.\n    setIsMeasured(false);\n    scheduleMeasurement(measurementAttempts);\n  }, [scheduleMeasurement]);\n\n  // Observes the registered items themselves (not just the container): rows\n  // that change size in place — e.g. the site-wide size step flipping while a\n  // selection background is up — must invalidate the published rects even when\n  // the container the effect below captured has since been remounted and the\n  // ref points at a different element than the one being observed.\n  const itemRoRef = useRef<ResizeObserver | null>(null);\n  const getItemRo = useCallback(() => {\n    if (itemRoRef.current === null && typeof ResizeObserver !== 'undefined') {\n      itemRoRef.current = new ResizeObserver(() => scheduleMeasurement(measurementAttempts));\n    }\n    return itemRoRef.current;\n  }, [scheduleMeasurement]);\n\n  const registerItem = useCallback(\n    (index: number, element: HTMLElement | null) => {\n      if (element) {\n        itemsRef.current.set(index, element);\n        getItemRo()?.observe(element);\n        if (index === activeIndexRef.current) element.setAttribute(ACTIVE_ATTR, '');\n      } else {\n        const previous = itemsRef.current.get(index);\n        if (previous) itemRoRef.current?.unobserve(previous);\n        // The mark leaves with the element: a row that only moved to another\n        // index (a filtering list re-ordering) must not carry it there.\n        previous?.removeAttribute(ACTIVE_ATTR);\n        itemsRef.current.delete(index);\n        // The highlighted row is gone: nothing should stay lit or receive a\n        // routed click until the pointer picks again. Decided when the\n        // update applies, after this commit's registrations, so a row that\n        // only moved index hands the highlight to the row now under it.\n        if (index === activeIndexRef.current) {\n          setActiveIndex(current => (current === index && !itemsRef.current.has(index) ? null : current));\n        }\n      }\n      // Coalesce rapid register/unregister calls (e.g. when an AnimatePresence\n      // remounts a list of rows) into a single remeasure on the next frame,\n      // so consumers don't have to manually call measureItems after the\n      // container's children swap. A lit row keeps its element (unregistering\n      // it clears the highlight), so its rect stays good while the pass runs:\n      // dropping readiness then would blink the highlight every time a\n      // virtualized list mounts a row while scrolling.\n      if (activeIndexRef.current === null) remeasure();\n      else scheduleMeasurement(measurementAttempts);\n    },\n    [remeasure, scheduleMeasurement, getItemRo],\n  );\n\n  const handleMouseMove = useCallback(\n    (e: React.MouseEvent) => {\n      if (!isFromInside(e)) return;\n      const mouseX = e.clientX;\n      const mouseY = e.clientY;\n\n      if (rafIdRef.current !== null) {\n        cancelAnimationFrame(rafIdRef.current);\n      }\n\n      rafIdRef.current = requestAnimationFrame(() => {\n        rafIdRef.current = null;\n        const container = containerRef.current;\n        if (!container) return;\n        setActiveIndex(\n          pickNearest({\n            axis,\n            point: { x: mouseX, y: mouseY },\n            rects: itemRectsRef.current,\n            containerRect: container.getBoundingClientRect(),\n            scroll: { x: container.scrollLeft, y: container.scrollTop },\n            border: { x: container.clientLeft, y: container.clientTop },\n            layoutSize: { width: container.offsetWidth, height: container.offsetHeight },\n            isDisabled: isItemDisabled\n              ? index => {\n                  const el = itemsRef.current.get(index);\n                  return !!el && isItemDisabled(el);\n                }\n              : undefined,\n          }),\n        );\n      });\n    },\n    [axis, containerRef, isItemDisabled],\n  );\n\n  const handleMouseLeave = useCallback((e: React.MouseEvent) => {\n    if (!isFromInside(e)) return;\n    if (rafIdRef.current !== null) {\n      cancelAnimationFrame(rafIdRef.current);\n      rafIdRef.current = null;\n    }\n    setActiveIndex(null);\n  }, []);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      // Outside the container in the DOM: a portaled child's click, or a row\n      // that unmounted while its own click was still bubbling (a pick whose\n      // primitive re-renders the list synchronously). Neither is a gap.\n      const { target } = e;\n      if (!(target instanceof Element) || !isFromInside(e)) return;\n      // Inside an item: the item owns the click.\n      for (const element of itemsRef.current.values()) {\n        if (element.contains(target)) return;\n      }\n      // A control that sits between the rows (a search field at the top of\n      // a menu, a footer button, a theme toggle) keeps its own click too.\n      if (target.closest(CONTROL_BETWEEN_ROWS)) return;\n      if (gapClick === false) return;\n      if (isOverDisabledItem(itemsRef.current.values(), e, isItemDisabled)) return;\n      const index = activeIndexRef.current;\n      if (index === null) return;\n      const element = itemsRef.current.get(index);\n      if (!element || isItemDisabled?.(element)) return;\n      if (gapClickMaxDistance !== Infinity) {\n        const r = element.getBoundingClientRect();\n        const dx = Math.max(r.left - e.clientX, 0, e.clientX - r.right);\n        const dy = Math.max(r.top - e.clientY, 0, e.clientY - r.bottom);\n        if (Math.hypot(dx, dy) > gapClickMaxDistance) return;\n      }\n      // A real DOM click on the item, so its own handlers (and the primitive\n      // wrapping it, if any) run exactly as if the pointer had been inside.\n      resolveActivator(element).click();\n    },\n    [isItemDisabled, gapClick, gapClickMaxDistance],\n  );\n\n  // Remeasure when the container resizes — a reflow moves items even though\n  // the registered set is unchanged, which would otherwise leave itemRects\n  // stale. Coalesced through the same rAF as register/unregister. Readiness is\n  // deliberately not dropped: the item set is unchanged, so the published rects\n  // stay usable, and hiding overlays on every reflow would flicker them.\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container || typeof ResizeObserver === 'undefined') return;\n    const ro = new ResizeObserver(() => scheduleMeasurement(measurementAttempts));\n    ro.observe(container);\n    return () => ro.disconnect();\n  }, [containerRef, scheduleMeasurement]);\n\n  // Clean up rAF and the item observer on unmount\n  useEffect(() => {\n    return () => {\n      if (rafIdRef.current !== null) {\n        cancelAnimationFrame(rafIdRef.current);\n      }\n      if (remeasureRafIdRef.current !== null) {\n        cancelAnimationFrame(remeasureRafIdRef.current);\n      }\n      itemRoRef.current?.disconnect();\n      itemRoRef.current = null;\n    };\n  }, []);\n\n  return {\n    activeIndex,\n    setActiveIndex,\n    itemRects,\n    isMeasured,\n    handlers: {\n      onMouseMove: handleMouseMove,\n      onMouseLeave: handleMouseLeave,\n      onClick: handleClick,\n    },\n    registerItem,\n    remeasure,\n    measureItems,\n  };\n}\n\n/**\n * Registers an item's element with its list for as long as it is mounted.\n * The one way rows join a list: pass the hook's `registerItem` (or the copy\n * a context hands down), the row's index, and its ref. Either may be\n * missing for a row rendered outside a list (a standalone card, an accordion\n * item that is not grouped); then nothing is registered.\n */\nexport function useRegisterFluidHoverItem(\n  registerItem: ((index: number, element: HTMLElement | null) => void) | undefined,\n  index: number | undefined,\n  ref: RefObject<HTMLElement | null>,\n) {\n  useEffect(() => {\n    if (!registerItem || index === undefined) return;\n    registerItem(index, ref.current);\n    return () => registerItem(index, null);\n  }, [index, registerItem, ref]);\n}\n"],"names":["distance","useRef","useState","useEffect","useCallback","element"],"mappings":"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"}
+{"version":3,"file":"use-fluid-hover.cjs.js","sources":["../../src/hooks/use-fluid-hover.ts"],"sourcesContent":["'use client';\n\nimport { useRef, useState, useCallback, useEffect, type Dispatch, type RefObject, type SetStateAction } from 'react';\n\nexport interface ItemRect {\n  top: number;\n  height: number;\n  left: number;\n  width: number;\n}\n\nexport interface UseFluidHoverOptions {\n  /**\n   * Which direction to resolve the nearest item along.\n   *   \"y\"  — vertical lists (default): closest by top/height\n   *   \"x\"  — horizontal strips: closest by left/width\n   *   \"xy\" — 2-D grids: closest card across both rows AND columns,\n   *          measured by Euclidean distance to each item's center\n   */\n  axis?: 'x' | 'y' | 'xy';\n  /**\n   * Makes an item invisible to hit-testing without unregistering it — for\n   * rows that stay mounted while clipped away (a collapsed sub-tree).\n   * Unregistering would invalidate every measurement; a skipped item keeps\n   * the set stable. Consulted per mouse move, so keep it cheap.\n   */\n  isItemDisabled?: (element: HTMLElement) => boolean;\n  /**\n   * Whether a click that lands between items (a gap, the padding, past the\n   * last row) is routed to the highlighted item, so what is lit is what a\n   * click hits. On by default: in a menu or a list the highlight is a\n   * promise about the click. Pass `false` where empty space should stay\n   * inert (rows with destructive actions, generous whitespace), or\n   * `{ maxDistance }` to route only clicks within that many pixels of the\n   * highlighted item's edge.\n   */\n  gapClick?: boolean | { maxDistance?: number };\n}\n\nexport interface UseFluidHoverReturn {\n  activeIndex: number | null;\n  setActiveIndex: Dispatch<SetStateAction<number | null>>;\n  itemRects: ItemRect[];\n  /**\n   * True once every registered item has been measured and no remeasure is\n   * pending, i.e. `itemRects` describes the current item set. Gate absolutely\n   * positioned overlays on it: an overlay that mounts against a rect a later\n   * pass still corrects animates from the wrong place to the right one, which\n   * reads as the highlight sliding in from another row.\n   */\n  isMeasured: boolean;\n  /**\n   * Events whose target sits outside the container in the DOM are ignored:\n   * React bubbles events from a portaled child (a submenu) through its React\n   * parents, and those must not steer or click this list.\n   */\n  handlers: {\n    onMouseMove: (e: React.MouseEvent) => void;\n    onMouseLeave: (e: React.MouseEvent) => void;\n    /**\n     * Routes a click that lands between items (a gap, the padding, past the\n     * last row) to the highlighted item, so the highlight and the click agree:\n     * what is lit is what a click hits. A click inside an item is left to the\n     * item. Disabled items (`isItemDisabled`) are never activated.\n     */\n    onClick: (e: React.MouseEvent) => void;\n  };\n  registerItem: (index: number, element: HTMLElement | null) => void;\n  /**\n   * Invalidates the published rects and runs the hook's coalesced measurement\n   * pass again, holding `isMeasured` false until it settles. Reach for it when\n   * the rects may be wrong and showing an overlay against them would misplace\n   * it: a popup that stays mounted between opens keeps its items registered,\n   * so nothing else would notice that its rects were taken while it was\n   * hidden. Registration, item resize, and container resize already trigger\n   * a pass; do not call this on `children` changes.\n   */\n  remeasure: () => void;\n  /**\n   * Re-reads the rects synchronously, keeping `isMeasured` as it is. Only for\n   * layout that moves the rows under a visible overlay frame by frame (the\n   * accordion re-measures inside its height animation). Everything else\n   * wants `remeasure`, or nothing.\n   */\n  measureItems: () => void;\n}\n\nexport interface PickNearestInput {\n  axis: 'x' | 'y' | 'xy';\n  /** The pointer, in viewport coordinates. */\n  point: { x: number; y: number };\n  /** Item rects in the container's layout space (sparse: unregistered slots\n   *  are undefined). */\n  rects: readonly (ItemRect | undefined)[];\n  /** The container's bounding rect and live scroll / border offsets, which\n   *  map layout rects into the pointer's viewport space. */\n  containerRect: { left: number; top: number; width: number; height: number };\n  scroll: { x: number; y: number };\n  border: { x: number; y: number };\n  /** Layout size of the container, so a cumulative ancestor `transform:\n   *  scale` (a popup mid scale-in) can be factored out per axis. */\n  layoutSize: { width: number; height: number };\n  /** Skips an item without unregistering it. */\n  isDisabled?: (index: number) => boolean;\n  /** Resolves nothing once the pointer leaves the span from the first item to the last. */\n  onlyBetweenItems?: boolean;\n}\n\ninterface ViewportBox {\n  left: number;\n  top: number;\n  right: number;\n  bottom: number;\n}\n\nfunction boxContains(box: ViewportBox, point: { x: number; y: number }, axis: PickNearestInput['axis']) {\n  const insideX = point.x >= box.left && point.x <= box.right;\n  const insideY = point.y >= box.top && point.y <= box.bottom;\n  if (axis === 'x') return insideX;\n  if (axis === 'y') return insideY;\n  return insideX && insideY;\n}\n\nfunction distanceToCenter(box: ViewportBox, point: { x: number; y: number }, axis: PickNearestInput['axis']) {\n  const dx = point.x - (box.left + box.right) / 2;\n  const dy = point.y - (box.top + box.bottom) / 2;\n  if (axis === 'x') return Math.abs(dx);\n  if (axis === 'y') return Math.abs(dy);\n  return Math.hypot(dx, dy);\n}\n\nfunction isOverDisabledItem(\n  items: Iterable<HTMLElement>,\n  point: { clientX: number; clientY: number },\n  isItemDisabled: ((element: HTMLElement) => boolean) | undefined,\n) {\n  for (const element of items) {\n    if (!isItemDisabled?.(element)) continue;\n    const r = element.getBoundingClientRect();\n    if (point.clientX >= r.left && point.clientX <= r.right && point.clientY >= r.top && point.clientY <= r.bottom) {\n      return true;\n    }\n  }\n  return false;\n}\n\n/**\n * The rule, as one pure function: an item the pointer is inside wins;\n * otherwise the item whose center is nearest does, so a pointer in a gap, in\n * the padding, or past the last row still lands. `y` and `x` measure one\n * coordinate; `xy` measures the straight line to each center. Ties keep the\n * first item. The hook calls this once per animation frame; the docs page\n * times it.\n */\nexport function pickNearest({\n  axis,\n  point,\n  rects,\n  containerRect,\n  scroll,\n  border,\n  layoutSize,\n  isDisabled,\n  onlyBetweenItems = false,\n}: PickNearestInput): number | null {\n  const scaleX = layoutSize.width > 0 ? containerRect.width / layoutSize.width : 1;\n  const scaleY = layoutSize.height > 0 ? containerRect.height / layoutSize.height : 1;\n  let closestIndex: number | null = null;\n  let closestDistance = Infinity;\n  let containingIndex: number | null = null;\n  const itemSpan: ViewportBox = { left: Infinity, top: Infinity, right: -Infinity, bottom: -Infinity };\n\n  for (let index = 0; index < rects.length; index++) {\n    const r = rects[index];\n    if (!r) continue;\n    if (isDisabled?.(index)) continue;\n\n    const left = containerRect.left + (border.x + r.left - scroll.x) * scaleX;\n    const top = containerRect.top + (border.y + r.top - scroll.y) * scaleY;\n    const box: ViewportBox = { left, top, right: left + r.width * scaleX, bottom: top + r.height * scaleY };\n    itemSpan.left = Math.min(itemSpan.left, box.left);\n    itemSpan.top = Math.min(itemSpan.top, box.top);\n    itemSpan.right = Math.max(itemSpan.right, box.right);\n    itemSpan.bottom = Math.max(itemSpan.bottom, box.bottom);\n\n    if (boxContains(box, point, axis)) containingIndex = index;\n    const distance = distanceToCenter(box, point, axis);\n    if (distance < closestDistance) {\n      closestDistance = distance;\n      closestIndex = index;\n    }\n  }\n\n  if (onlyBetweenItems && !boxContains(itemSpan, point, axis)) return null;\n  return containingIndex ?? closestIndex;\n}\n\n/** Set on the highlighted item (boolean attribute). */\nexport const ACTIVE_ATTR = 'data-fluid-hover-active';\n/** Set on the container: the highlighted index, or absent. */\nexport const ACTIVE_INDEX_ATTR = 'data-fluid-hover-active-index';\n/** Marks an element whose items form their own hover group: the highlight stays between that group's items. */\nexport const GROUP_ATTR = 'data-fluid-hover-group';\nconst GROUP_SELECTOR = `[${GROUP_ATTR}]`;\n\n/** False for an event bubbled through React from a portal outside the container, and for a detached target. */\nfunction isFromInside(e: React.SyntheticEvent) {\n  return e.target instanceof Node && e.currentTarget.contains(e.target);\n}\n\nconst ACTIVATOR_SELECTOR =\n  \"a[href], button, [role='menuitem'], [role='menuitemradio'], [role='menuitemcheckbox'], [role='option'], [role='radio'], [role='checkbox'], [role='tab'], [role='link'], [role='button']\";\n\n/**\n * The element a routed click should land on. A registered item is usually\n * the interactive row itself; when it is only a box around one (a sidebar\n * row around its button, a card around its link), the first control inside\n * is what a real click on the row would have reached.\n */\nfunction resolveActivator(element: HTMLElement): HTMLElement {\n  if (element.matches(ACTIVATOR_SELECTOR) || element.hasAttribute('tabindex')) {\n    return element;\n  }\n  return element.querySelector<HTMLElement>(ACTIVATOR_SELECTOR) ?? element;\n}\n\n/**\n * How many frames the coalesced remeasure retries while the registered items\n * still have no layout box. A popup can be in the DOM one frame before it is\n * laid out; retrying beats publishing zeroed rects, and the cap keeps a list\n * that stays hidden for good from spinning frames forever.\n */\nconst measurementAttempts = 3;\n\nconst CONTROL_BETWEEN_ROWS =\n  \"input, textarea, select, button, a, label, summary, [contenteditable], [role='textbox'], [role='searchbox'], [role='button'], [role='link'], [role='radio'], [role='checkbox'], [role='switch'], [role='slider'], [role='spinbutton'], [role='tab'], [role='radiogroup'], [role='tablist'], [role='toolbar']\";\n\nexport function useFluidHover<T extends HTMLElement>(\n  containerRef: RefObject<T | null>,\n  options: UseFluidHoverOptions = {},\n): UseFluidHoverReturn {\n  const { axis = 'y', isItemDisabled, gapClick = true } = options;\n  const gapClickMaxDistance = typeof gapClick === 'object' ? (gapClick.maxDistance ?? Infinity) : Infinity;\n  const itemsRef = useRef(new Map<number, HTMLElement>());\n  const itemGroupsRef = useRef(new Map<number, Element | null>());\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  // Mirrored for handlers that read it outside a render (the gap click).\n  const activeIndexRef = useRef<number | null>(null);\n  activeIndexRef.current = activeIndex;\n\n  // The state, in the DOM: `data-fluid-hover-active` on the highlighted item\n  // and `data-fluid-hover-active-index` on the container. Devtools shows it\n  // and a test asserts on it without waiting for a frame. React does not\n  // manage these attributes, so it never clobbers them.\n  useEffect(() => {\n    const container = containerRef.current;\n    if (activeIndex === null) container?.removeAttribute(ACTIVE_INDEX_ATTR);\n    else container?.setAttribute(ACTIVE_INDEX_ATTR, String(activeIndex));\n    const active = activeIndex === null ? undefined : itemsRef.current.get(activeIndex);\n    active?.setAttribute(ACTIVE_ATTR, '');\n    return () => {\n      active?.removeAttribute(ACTIVE_ATTR);\n      // A row that re-registered under this index while it was highlighted\n      // (a remount under a new key) was marked by registerItem, not by this\n      // effect: drop the mark from whatever element holds the index now.\n      // eslint-disable-next-line react-hooks/exhaustive-deps -- itemsRef is a registry Map, reading it at cleanup is the point\n      if (activeIndex !== null) itemsRef.current.get(activeIndex)?.removeAttribute(ACTIVE_ATTR);\n    };\n  }, [activeIndex, containerRef]);\n  const [itemRects, setItemRects] = useState<ItemRect[]>([]);\n  const [isMeasured, setIsMeasured] = useState(false);\n  const itemRectsRef = useRef<ItemRect[]>([]);\n  const rafIdRef = useRef<number | null>(null);\n  const remeasureRafIdRef = useRef<number | null>(null);\n\n  /**\n   * Publishes a rect for every registered item. Returns false when the\n   * measurement could not be completed (no container, or an item without a\n   * layout box) — nothing is published in that case, so the last complete\n   * measurement stands instead of being overwritten with zeroes.\n   */\n  const runMeasurement = useCallback(() => {\n    const container = containerRef.current;\n    if (!container) return false;\n    const rects: ItemRect[] = [];\n    let everyItemHasLayout = true;\n    itemsRef.current.forEach((element, index) => {\n      // An element inside a display:none / not-yet-laid-out popup has no\n      // offsetParent and reports every offset as 0. Publishing that would pin\n      // overlays to the top of the list, so treat the whole pass as\n      // incomplete. A boxless element is the only case: `position: fixed`\n      // items also have no offsetParent but do have a size.\n      const hasLayoutBox = element.offsetParent !== null || element.offsetWidth > 0 || element.offsetHeight > 0;\n      if (!hasLayoutBox) {\n        everyItemHasLayout = false;\n        return;\n      }\n      // Use offset* instead of getBoundingClientRect so measurements are\n      // unaffected by CSS transforms (e.g. scaleY animation on the parent\n      // motion.div). offsetTop/offsetLeft are layout values relative to the\n      // offsetParent (the scroll container), matching the coordinate space\n      // used by `position: absolute` children. Items nested inside positioned\n      // descendants of the container (a sidebar sub-menu's rows live inside a\n      // positioned row) accumulate those ancestors' offsets, so every rect\n      // lands in the container's own coordinate space; for a flat list the\n      // loop never runs and this is exactly the plain offsetTop/offsetLeft.\n      let top = element.offsetTop;\n      let left = element.offsetLeft;\n      let ancestor = element.offsetParent;\n      while (ancestor instanceof HTMLElement && ancestor !== container && container.contains(ancestor)) {\n        top += ancestor.offsetTop + ancestor.clientTop;\n        left += ancestor.offsetLeft + ancestor.clientLeft;\n        ancestor = ancestor.offsetParent;\n      }\n      rects[index] = {\n        top,\n        height: element.offsetHeight,\n        left,\n        width: element.offsetWidth,\n      };\n    });\n    if (!everyItemHasLayout) return false;\n    // Skip the state update when nothing moved (a cheap top/left/width/height\n    // compare) so redundant remeasures don't churn re-renders.\n    const prev = itemRectsRef.current;\n    let changed = prev.length !== rects.length;\n    for (let i = 0; !changed && i < rects.length; i++) {\n      const p = prev[i];\n      const r = rects[i];\n      if (p === r) continue; // both undefined (sparse slot)\n      changed = !p || !r || p.top !== r.top || p.left !== r.left || p.width !== r.width || p.height !== r.height;\n    }\n    if (changed) {\n      itemRectsRef.current = rects;\n      setItemRects(rects);\n    }\n    return true;\n  }, [containerRef]);\n\n  const measureItems = useCallback(() => {\n    runMeasurement();\n  }, [runMeasurement]);\n\n  /**\n   * The hook's single measurement pass: coalesces every trigger (item\n   * registration, container resize) into one remeasure on the next frame and\n   * is the only place readiness is reported, so `isMeasured` can never turn\n   * true while another pass is still queued.\n   */\n  const scheduleMeasurement = useCallback(\n    (attemptsLeft: number) => {\n      if (remeasureRafIdRef.current !== null) {\n        cancelAnimationFrame(remeasureRafIdRef.current);\n      }\n      remeasureRafIdRef.current = requestAnimationFrame(() => {\n        remeasureRafIdRef.current = null;\n        if (runMeasurement()) {\n          setIsMeasured(true);\n        } else if (attemptsLeft > 1) {\n          scheduleMeasurement(attemptsLeft - 1);\n        }\n      });\n    },\n    [runMeasurement],\n  );\n\n  const remeasure = useCallback(() => {\n    // Readiness drops first: until the pass below settles, the published rects\n    // may not describe what is on screen, and an overlay positioned from them\n    // would be corrected after mounting — which animates as a slide.\n    setIsMeasured(false);\n    scheduleMeasurement(measurementAttempts);\n  }, [scheduleMeasurement]);\n\n  // Observes the registered items themselves (not just the container): rows\n  // that change size in place — e.g. the site-wide size step flipping while a\n  // selection background is up — must invalidate the published rects even when\n  // the container the effect below captured has since been remounted and the\n  // ref points at a different element than the one being observed.\n  const itemRoRef = useRef<ResizeObserver | null>(null);\n  const getItemRo = useCallback(() => {\n    if (itemRoRef.current === null && typeof ResizeObserver !== 'undefined') {\n      itemRoRef.current = new ResizeObserver(() => scheduleMeasurement(measurementAttempts));\n    }\n    return itemRoRef.current;\n  }, [scheduleMeasurement]);\n\n  const registerItem = useCallback(\n    (index: number, element: HTMLElement | null) => {\n      if (element) {\n        itemsRef.current.set(index, element);\n        itemGroupsRef.current.set(index, element.closest(GROUP_SELECTOR));\n        getItemRo()?.observe(element);\n        if (index === activeIndexRef.current) element.setAttribute(ACTIVE_ATTR, '');\n      } else {\n        const previous = itemsRef.current.get(index);\n        if (previous) itemRoRef.current?.unobserve(previous);\n        // The mark leaves with the element: a row that only moved to another\n        // index (a filtering list re-ordering) must not carry it there.\n        previous?.removeAttribute(ACTIVE_ATTR);\n        itemsRef.current.delete(index);\n        itemGroupsRef.current.delete(index);\n        // The highlighted row is gone: nothing should stay lit or receive a\n        // routed click until the pointer picks again. Decided when the\n        // update applies, after this commit's registrations, so a row that\n        // only moved index hands the highlight to the row now under it.\n        if (index === activeIndexRef.current) {\n          setActiveIndex(current => (current === index && !itemsRef.current.has(index) ? null : current));\n        }\n      }\n      // Coalesce rapid register/unregister calls (e.g. when an AnimatePresence\n      // remounts a list of rows) into a single remeasure on the next frame,\n      // so consumers don't have to manually call measureItems after the\n      // container's children swap. A lit row keeps its element (unregistering\n      // it clears the highlight), so its rect stays good while the pass runs:\n      // dropping readiness then would blink the highlight every time a\n      // virtualized list mounts a row while scrolling.\n      if (activeIndexRef.current === null) remeasure();\n      else scheduleMeasurement(measurementAttempts);\n    },\n    [remeasure, scheduleMeasurement, getItemRo],\n  );\n\n  const handleMouseMove = useCallback(\n    (e: React.MouseEvent) => {\n      if (!isFromInside(e) || !(e.target instanceof Element)) return;\n      const pointerTarget = e.target;\n      const mouseX = e.clientX;\n      const mouseY = e.clientY;\n\n      if (rafIdRef.current !== null) {\n        cancelAnimationFrame(rafIdRef.current);\n      }\n\n      rafIdRef.current = requestAnimationFrame(() => {\n        rafIdRef.current = null;\n        const container = containerRef.current;\n        if (!container) return;\n        const enclosingGroup = container.closest(GROUP_SELECTOR);\n        const groupInside = (group: Element | null | undefined) => (group === enclosingGroup ? null : group);\n        const pointerGroup = groupInside(pointerTarget.closest(GROUP_SELECTOR));\n        setActiveIndex(\n          pickNearest({\n            axis,\n            point: { x: mouseX, y: mouseY },\n            rects: itemRectsRef.current,\n            containerRect: container.getBoundingClientRect(),\n            scroll: { x: container.scrollLeft, y: container.scrollTop },\n            border: { x: container.clientLeft, y: container.clientTop },\n            layoutSize: { width: container.offsetWidth, height: container.offsetHeight },\n            isDisabled: index => {\n              if (groupInside(itemGroupsRef.current.get(index)) !== pointerGroup) return true;\n              const element = itemsRef.current.get(index);\n              return !!element && !!isItemDisabled?.(element);\n            },\n            onlyBetweenItems: pointerGroup !== null,\n          }),\n        );\n      });\n    },\n    [axis, containerRef, isItemDisabled],\n  );\n\n  const handleMouseLeave = useCallback((e: React.MouseEvent) => {\n    if (!isFromInside(e)) return;\n    if (rafIdRef.current !== null) {\n      cancelAnimationFrame(rafIdRef.current);\n      rafIdRef.current = null;\n    }\n    setActiveIndex(null);\n  }, []);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      // Outside the container in the DOM: a portaled child's click, or a row\n      // that unmounted while its own click was still bubbling (a pick whose\n      // primitive re-renders the list synchronously). Neither is a gap.\n      const { target } = e;\n      if (!(target instanceof Element) || !isFromInside(e)) return;\n      // Inside an item: the item owns the click.\n      for (const element of itemsRef.current.values()) {\n        if (element.contains(target)) return;\n      }\n      // A control that sits between the rows (a search field at the top of\n      // a menu, a footer button, a theme toggle) keeps its own click too.\n      if (target.closest(CONTROL_BETWEEN_ROWS)) return;\n      if (gapClick === false) return;\n      if (isOverDisabledItem(itemsRef.current.values(), e, isItemDisabled)) return;\n      const index = activeIndexRef.current;\n      if (index === null) return;\n      const element = itemsRef.current.get(index);\n      if (!element || isItemDisabled?.(element)) return;\n      if (gapClickMaxDistance !== Infinity) {\n        const r = element.getBoundingClientRect();\n        const dx = Math.max(r.left - e.clientX, 0, e.clientX - r.right);\n        const dy = Math.max(r.top - e.clientY, 0, e.clientY - r.bottom);\n        if (Math.hypot(dx, dy) > gapClickMaxDistance) return;\n      }\n      // A real DOM click on the item, so its own handlers (and the primitive\n      // wrapping it, if any) run exactly as if the pointer had been inside.\n      resolveActivator(element).click();\n    },\n    [isItemDisabled, gapClick, gapClickMaxDistance],\n  );\n\n  // Remeasure when the container resizes — a reflow moves items even though\n  // the registered set is unchanged, which would otherwise leave itemRects\n  // stale. Coalesced through the same rAF as register/unregister. Readiness is\n  // deliberately not dropped: the item set is unchanged, so the published rects\n  // stay usable, and hiding overlays on every reflow would flicker them.\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container || typeof ResizeObserver === 'undefined') return;\n    const ro = new ResizeObserver(() => scheduleMeasurement(measurementAttempts));\n    ro.observe(container);\n    return () => ro.disconnect();\n  }, [containerRef, scheduleMeasurement]);\n\n  // Clean up rAF and the item observer on unmount\n  useEffect(() => {\n    return () => {\n      if (rafIdRef.current !== null) {\n        cancelAnimationFrame(rafIdRef.current);\n      }\n      if (remeasureRafIdRef.current !== null) {\n        cancelAnimationFrame(remeasureRafIdRef.current);\n      }\n      itemRoRef.current?.disconnect();\n      itemRoRef.current = null;\n    };\n  }, []);\n\n  return {\n    activeIndex,\n    setActiveIndex,\n    itemRects,\n    isMeasured,\n    handlers: {\n      onMouseMove: handleMouseMove,\n      onMouseLeave: handleMouseLeave,\n      onClick: handleClick,\n    },\n    registerItem,\n    remeasure,\n    measureItems,\n  };\n}\n\n/**\n * Registers an item's element with its list for as long as it is mounted.\n * The one way rows join a list: pass the hook's `registerItem` (or the copy\n * a context hands down), the row's index, and its ref. Either may be\n * missing for a row rendered outside a list (a standalone card, an accordion\n * item that is not grouped); then nothing is registered.\n */\nexport function useRegisterFluidHoverItem(\n  registerItem: ((index: number, element: HTMLElement | null) => void) | undefined,\n  index: number | undefined,\n  ref: RefObject<HTMLElement | null>,\n) {\n  useEffect(() => {\n    if (!registerItem || index === undefined) return;\n    registerItem(index, ref.current);\n    return () => registerItem(index, null);\n  }, [index, registerItem, ref]);\n}\n"],"names":["useRef","useState","useEffect","useCallback","element"],"mappings":"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"}

package/dist/hooks/use-fluid-hover.es.js

@@ -1,5 +1,19 @@
 import { useRef, useState, useEffect, useCallback } from 'react';
 
+function boxContains(box, point, axis) {
+  const insideX = point.x >= box.left && point.x <= box.right;
+  const insideY = point.y >= box.top && point.y <= box.bottom;
+  if (axis === "x") return insideX;
+  if (axis === "y") return insideY;
+  return insideX && insideY;
+}
+function distanceToCenter(box, point, axis) {
+  const dx = point.x - (box.left + box.right) / 2;
+  const dy = point.y - (box.top + box.bottom) / 2;
+  if (axis === "x") return Math.abs(dx);
+  if (axis === "y") return Math.abs(dy);
+  return Math.hypot(dx, dy);
+}
 function isOverDisabledItem(items, point, isItemDisabled) {
   for (const element of items) {
     if (!isItemDisabled?.(element)) continue;
@@ -18,50 +32,40 @@ function pickNearest({
   scroll,
   border,
   layoutSize,
-  isDisabled
+  isDisabled,
+  onlyBetweenItems = false
 }) {
   const scaleX = layoutSize.width > 0 ? containerRect.width / layoutSize.width : 1;
   const scaleY = layoutSize.height > 0 ? containerRect.height / layoutSize.height : 1;
   let closestIndex = null;
   let closestDistance = Infinity;
   let containingIndex = null;
+  const itemSpan = { left: Infinity, top: Infinity, right: -Infinity, bottom: -Infinity };
   for (let index = 0; index < rects.length; index++) {
     const r = rects[index];
     if (!r) continue;
     if (isDisabled?.(index)) continue;
-    if (axis === "xy") {
-      const left = containerRect.left + (border.x + r.left - scroll.x) * scaleX;
-      const top = containerRect.top + (border.y + r.top - scroll.y) * scaleY;
-      const width = r.width * scaleX;
-      const height = r.height * scaleY;
-      if (point.x >= left && point.x <= left + width && point.y >= top && point.y <= top + height) {
-        containingIndex = index;
-      }
-      const distance2 = Math.hypot(point.x - (left + width / 2), point.y - (top + height / 2));
-      if (distance2 < closestDistance) {
-        closestDistance = distance2;
-        closestIndex = index;
-      }
-      continue;
-    }
-    const horizontal = axis === "x";
-    const mousePos = horizontal ? point.x : point.y;
-    const scale = horizontal ? scaleX : scaleY;
-    const itemStart = (horizontal ? containerRect.left : containerRect.top) + ((horizontal ? border.x : border.y) + (horizontal ? r.left : r.top) - (horizontal ? scroll.x : scroll.y)) * scale;
-    const itemSize = (horizontal ? r.width : r.height) * scale;
-    if (mousePos >= itemStart && mousePos <= itemStart + itemSize) {
-      containingIndex = index;
-    }
-    const distance = Math.abs(mousePos - (itemStart + itemSize / 2));
+    const left = containerRect.left + (border.x + r.left - scroll.x) * scaleX;
+    const top = containerRect.top + (border.y + r.top - scroll.y) * scaleY;
+    const box = { left, top, right: left + r.width * scaleX, bottom: top + r.height * scaleY };
+    itemSpan.left = Math.min(itemSpan.left, box.left);
+    itemSpan.top = Math.min(itemSpan.top, box.top);
+    itemSpan.right = Math.max(itemSpan.right, box.right);
+    itemSpan.bottom = Math.max(itemSpan.bottom, box.bottom);
+    if (boxContains(box, point, axis)) containingIndex = index;
+    const distance = distanceToCenter(box, point, axis);
     if (distance < closestDistance) {
       closestDistance = distance;
       closestIndex = index;
     }
   }
+  if (onlyBetweenItems && !boxContains(itemSpan, point, axis)) return null;
   return containingIndex ?? closestIndex;
 }
 const ACTIVE_ATTR = "data-fluid-hover-active";
 const ACTIVE_INDEX_ATTR = "data-fluid-hover-active-index";
+const GROUP_ATTR = "data-fluid-hover-group";
+const GROUP_SELECTOR = `[${GROUP_ATTR}]`;
 function isFromInside(e) {
   return e.target instanceof Node && e.currentTarget.contains(e.target);
 }
@@ -78,6 +82,7 @@ function useFluidHover(containerRef, options = {}) {
   const { axis = "y", isItemDisabled, gapClick = true } = options;
   const gapClickMaxDistance = typeof gapClick === "object" ? gapClick.maxDistance ?? Infinity : Infinity;
   const itemsRef = useRef(/* @__PURE__ */ new Map());
+  const itemGroupsRef = useRef(/* @__PURE__ */ new Map());
   const [activeIndex, setActiveIndex] = useState(null);
   const activeIndexRef = useRef(null);
   activeIndexRef.current = activeIndex;
@@ -172,6 +177,7 @@ function useFluidHover(containerRef, options = {}) {
     (index, element) => {
       if (element) {
         itemsRef.current.set(index, element);
+        itemGroupsRef.current.set(index, element.closest(GROUP_SELECTOR));
         getItemRo()?.observe(element);
         if (index === activeIndexRef.current) element.setAttribute(ACTIVE_ATTR, "");
       } else {
@@ -179,6 +185,7 @@ function useFluidHover(containerRef, options = {}) {
         if (previous) itemRoRef.current?.unobserve(previous);
         previous?.removeAttribute(ACTIVE_ATTR);
         itemsRef.current.delete(index);
+        itemGroupsRef.current.delete(index);
         if (index === activeIndexRef.current) {
           setActiveIndex((current) => current === index && !itemsRef.current.has(index) ? null : current);
         }
@@ -190,7 +197,8 @@ function useFluidHover(containerRef, options = {}) {
   );
   const handleMouseMove = useCallback(
     (e) => {
-      if (!isFromInside(e)) return;
+      if (!isFromInside(e) || !(e.target instanceof Element)) return;
+      const pointerTarget = e.target;
       const mouseX = e.clientX;
       const mouseY = e.clientY;
       if (rafIdRef.current !== null) {
@@ -200,6 +208,9 @@ function useFluidHover(containerRef, options = {}) {
         rafIdRef.current = null;
         const container = containerRef.current;
         if (!container) return;
+        const enclosingGroup = container.closest(GROUP_SELECTOR);
+        const groupInside = (group) => group === enclosingGroup ? null : group;
+        const pointerGroup = groupInside(pointerTarget.closest(GROUP_SELECTOR));
         setActiveIndex(
           pickNearest({
             axis,
@@ -209,10 +220,12 @@ function useFluidHover(containerRef, options = {}) {
             scroll: { x: container.scrollLeft, y: container.scrollTop },
             border: { x: container.clientLeft, y: container.clientTop },
             layoutSize: { width: container.offsetWidth, height: container.offsetHeight },
-            isDisabled: isItemDisabled ? (index) => {
-              const el = itemsRef.current.get(index);
-              return !!el && isItemDisabled(el);
-            } : void 0
+            isDisabled: (index) => {
+              if (groupInside(itemGroupsRef.current.get(index)) !== pointerGroup) return true;
+              const element = itemsRef.current.get(index);
+              return !!element && !!isItemDisabled?.(element);
+            },
+            onlyBetweenItems: pointerGroup !== null
           })
         );
       });
@@ -293,5 +306,5 @@ function useRegisterFluidHoverItem(registerItem, index, ref) {
   }, [index, registerItem, ref]);
 }
 
-export { ACTIVE_ATTR, ACTIVE_INDEX_ATTR, pickNearest, useFluidHover, useRegisterFluidHoverItem };
+export { ACTIVE_ATTR, ACTIVE_INDEX_ATTR, GROUP_ATTR, pickNearest, useFluidHover, useRegisterFluidHoverItem };
 //# sourceMappingURL=use-fluid-hover.es.js.map