@cdx-ui/primitives 0.0.1-beta.14 → 0.0.1-beta.141

package/lib/commonjs/otp-input/OtpInputField.js

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OtpInputField = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _slot = require("../slot");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Concrete per-cell TextInput primitive for OTP input.
+ *
+ * Reads OtpInput context (state machine) and OtpCellIndex context (position) to
+ * wire ref registration, accessibility labels, autofill hints, and key-press/
+ * change-text handlers. Renders a `TextInput` by default; supports `asChild` via
+ * `Slot` for element substitution (Standard 2).
+ *
+ * Standards mapping:
+ *   - Standard 3 #1 — behavioral state (ref registration, focus, change handling).
+ *   - Standard 3 #2 — non-host a11y (computed accessibilityLabel, SMS autofill).
+ */
+const OtpInputField = exports.OtpInputField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    asChild,
+    ...restProps
+  } = props;
+  const {
+    cellIndex
+  } = (0, _context.useOtpCellIndexContext)();
+  const {
+    value,
+    cellCount,
+    isDisabled,
+    isReadOnly,
+    smsOtpAutofill,
+    getCellProps,
+    cellTestIdPrefix,
+    rootAccessibilityLabel,
+    setFieldRef,
+    handleFieldChange,
+    handleFieldKeyPress
+  } = (0, _context.useOtpInputContext)();
+  const char = cellIndex < value.length ? value[cellIndex] ?? '' : '';
+  const extra = getCellProps?.(cellIndex) ?? {};
+  const accessibilityLabel = (0, _react.useMemo)(() => {
+    const fromExtra = extra.accessibilityLabel;
+    if (typeof fromExtra === 'string' && fromExtra !== '') {
+      return fromExtra;
+    }
+    if (rootAccessibilityLabel) {
+      return `${rootAccessibilityLabel}, ${String(cellIndex + 1)} of ${String(cellCount)}`;
+    }
+    return `OTP digit ${String(cellIndex + 1)} of ${String(cellCount)}`;
+  }, [cellCount, cellIndex, extra.accessibilityLabel, rootAccessibilityLabel]);
+  const autofillProps = (0, _react.useMemo)(() => {
+    if (!smsOtpAutofill || cellIndex !== 0) {
+      return {};
+    }
+    return _reactNative.Platform.select({
+      web: {
+        autoComplete: 'one-time-code'
+      },
+      ios: {
+        textContentType: 'oneTimeCode'
+      },
+      android: {
+        autoComplete: 'sms-otp'
+      },
+      default: {}
+    });
+  }, [cellIndex, smsOtpAutofill]);
+  const editable = !(isDisabled || isReadOnly);
+  const {
+    style: extraStyle,
+    accessibilityLabel: _omitExtraA11y,
+    ...extraRest
+  } = extra;
+  void _omitExtraA11y;
+  const {
+    style: incomingStyle,
+    value: _omitValue,
+    defaultValue: _omitDefault,
+    onChangeText: _omitOnChange,
+    ...incomingRest
+  } = restProps;
+  void _omitValue;
+  void _omitDefault;
+  void _omitOnChange;
+  const Comp = asChild ? _slot.Slot : _reactNative.TextInput;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: (0, _utils.mergeRefs)(ref, el => {
+      setFieldRef(cellIndex, el);
+    }),
+    accessibilityLabel: accessibilityLabel,
+    "aria-label": accessibilityLabel,
+    accessible: true,
+    autoFocus: cellIndex === 0 && editable && value.length === 0,
+    editable: editable,
+    keyboardType: "number-pad",
+    returnKeyType: "done",
+    selectTextOnFocus: true,
+    testID: cellTestIdPrefix ? `${cellTestIdPrefix}:${String(cellIndex)}:textField:changeText` : undefined,
+    value: char,
+    onChangeText: text => {
+      handleFieldChange(cellIndex, text);
+    },
+    onKeyPress: e => {
+      handleFieldKeyPress(cellIndex, e.nativeEvent.key);
+    },
+    ...autofillProps,
+    ...extraRest,
+    ...incomingRest,
+    style: [extraStyle, incomingStyle]
+  });
+});
+OtpInputField.displayName = 'OtpInputField';
+//# sourceMappingURL=OtpInputField.js.map

package/lib/commonjs/otp-input/OtpInputField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_slot","_context","_jsxRuntime","OtpInputField","exports","forwardRef","props","ref","asChild","restProps","cellIndex","useOtpCellIndexContext","value","cellCount","isDisabled","isReadOnly","smsOtpAutofill","getCellProps","cellTestIdPrefix","rootAccessibilityLabel","setFieldRef","handleFieldChange","handleFieldKeyPress","useOtpInputContext","char","length","extra","accessibilityLabel","useMemo","fromExtra","String","autofillProps","Platform","select","web","autoComplete","ios","textContentType","android","default","editable","style","extraStyle","_omitExtraA11y","extraRest","incomingStyle","_omitValue","defaultValue","_omitDefault","onChangeText","_omitOnChange","incomingRest","Comp","Slot","TextInput","jsx","mergeRefs","el","accessible","autoFocus","keyboardType","returnKeyType","selectTextOnFocus","testID","undefined","text","onKeyPress","e","nativeEvent","key","displayName"],"sourceRoot":"../../../src","sources":["otp-input/OtpInputField.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/otp-input/index.js

@@ -3,13 +3,30 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "OtpCellIndexProvider", {
+  enumerable: true,
+  get: function () {
+    return _context.OtpCellIndexProvider;
+  }
+});
+Object.defineProperty(exports, "OtpInputField", {
+  enumerable: true,
+  get: function () {
+    return _OtpInputField.OtpInputField;
+  }
+});
+Object.defineProperty(exports, "OtpInputProvider", {
+  enumerable: true,
+  get: function () {
+    return _context.OtpInputProvider;
+  }
+});
 Object.defineProperty(exports, "applyOtpInputChange", {
   enumerable: true,
   get: function () {
     return _applyValueChange.applyOtpInputChange;
   }
 });
-exports.createOtpInput = createOtpInput;
 Object.defineProperty(exports, "filterAllowedCharacters", {
   enumerable: true,
   get: function () {
@@ -28,21 +45,27 @@ Object.defineProperty(exports, "filterDigits", {
     return _filterValue.filterDigits;
   }
 });
-var _createOtpInputCell = require("./createOtpInputCell");
-var _createOtpInputField = require("./createOtpInputField");
-var _createOtpInputRoot = require("./createOtpInputRoot");
+Object.defineProperty(exports, "useOtpCellIndexContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useOtpCellIndexContext;
+  }
+});
+Object.defineProperty(exports, "useOtpInput", {
+  enumerable: true,
+  get: function () {
+    return _useOtpInput.useOtpInput;
+  }
+});
+Object.defineProperty(exports, "useOtpInputContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useOtpInputContext;
+  }
+});
 var _applyValueChange = require("./utils/applyValueChange");
 var _filterValue = require("./utils/filterValue");
-function createOtpInput(BaseComponents) {
-  const Cell = (0, _createOtpInputCell.createOtpInputCell)(BaseComponents.Cell);
-  const Field = (0, _createOtpInputField.createOtpInputField)(BaseComponents.Field);
-  const Root = (0, _createOtpInputRoot.createOtpInputRoot)(BaseComponents.Root, Cell, Field);
-  Root.displayName = 'OtpInputPrimitive';
-  Cell.displayName = 'OtpInputPrimitive.Cell';
-  Field.displayName = 'OtpInputPrimitive.Field';
-  return Object.assign(Root, {
-    Cell,
-    Field
-  });
-}
+var _OtpInputField = require("./OtpInputField");
+var _useOtpInput = require("./useOtpInput");
+var _context = require("./context");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/otp-input/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_createOtpInputCell","require","_createOtpInputField","_createOtpInputRoot","_applyValueChange","_filterValue","createOtpInput","BaseComponents","Cell","createOtpInputCell","Field","createOtpInputField","Root","createOtpInputRoot","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["otp-input/index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAGA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAGO,SAASK,cAAcA,CAM5BC,cAID,EAAE;EACD,MAAMC,IAAI,GAAG,IAAAC,sCAAkB,EAACF,cAAc,CAACC,IAAI,CAAC;EACpD,MAAME,KAAK,GAAG,IAAAC,wCAAmB,EAACJ,cAAc,CAACG,KAAK,CAAC;EACvD,MAAME,IAAI,GAAG,IAAAC,sCAAkB,EAACN,cAAc,CAACK,IAAI,EAAEJ,IAAI,EAAEE,KAAK,CAAC;EAEjEE,IAAI,CAACE,WAAW,GAAG,mBAAmB;EACtCN,IAAI,CAACM,WAAW,GAAG,wBAAwB;EAC3CJ,KAAK,CAACI,WAAW,GAAG,yBAAyB;EAE7C,OAAOC,MAAM,CAACC,MAAM,CAACJ,IAAI,EAAE;IACzBJ,IAAI;IACJE;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["_applyValueChange","require","_filterValue","_OtpInputField","_useOtpInput","_context"],"sourceRoot":"../../../src","sources":["otp-input/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA","ignoreList":[]}

package/lib/commonjs/otp-input/useOtpInput.js

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOtpInput = useOtpInput;
+var _react = require("react");
+var _utils = require("@cdx-ui/utils");
+var _applyValueChange = require("./utils/applyValueChange");
+var _filterValue = require("./utils/filterValue");
+/**
+ * Headless behavioral primitive for OTP input.
+ *
+ * Owns the controlled value, focus management, masked-input handling, and the
+ * `onComplete` lifecycle. Exposes the context value the styled layer must provide
+ * to `OtpInputField` primitives via `OtpInputProvider`.
+ *
+ * Standards mapping:
+ *   - Standard 3 #1 — controlled state + focus management state machine.
+ *   - Standard 3 #4 — compound contract ownership (context value for Fields).
+ */
+function useOtpInput(props) {
+  const {
+    cellCount,
+    value,
+    onChangeText,
+    onComplete,
+    isDisabled: isDisabledProp,
+    isInvalid: isInvalidProp,
+    isReadOnly: isReadOnlyProp,
+    smsOtpAutofill = true,
+    filterInput,
+    allowedCharacters,
+    characterPattern,
+    getCellProps,
+    cellTestIdPrefix,
+    accessibilityLabel: rootAccessibilityLabel
+  } = props;
+  const form = (0, _utils.useFormControlContext)();
+  const isDisabled = isDisabledProp ?? form.isDisabled ?? false;
+  const isInvalid = isInvalidProp ?? form.isInvalid ?? false;
+  const isReadOnly = isReadOnlyProp ?? form.isReadOnly ?? false;
+  const fieldRefs = (0, _react.useRef)([]);
+  const focusAfterApply = (0, _react.useRef)(null);
+  const prevLenRef = (0, _react.useRef)(value.length);
+  const prevValueRef = (0, _react.useRef)(value);
+  const filter = (0, _react.useMemo)(() => {
+    if (filterInput) {
+      return filterInput;
+    }
+    if (allowedCharacters !== undefined) {
+      return (0, _filterValue.filterAllowedCharacters)(allowedCharacters);
+    }
+    if (characterPattern !== undefined) {
+      return (0, _filterValue.filterByRegExp)(characterPattern);
+    }
+    return _filterValue.filterDigits;
+  }, [filterInput, allowedCharacters, characterPattern]);
+  const setFieldRef = (0, _react.useCallback)((index, el) => {
+    fieldRefs.current[index] = el;
+  }, []);
+  const focusCell = (0, _react.useCallback)(index => {
+    const safe = Math.max(0, Math.min(index, cellCount - 1));
+    fieldRefs.current[safe]?.focus();
+  }, [cellCount]);
+  const handleFieldChange = (0, _react.useCallback)((index, text) => {
+    const {
+      nextValue,
+      focusIndex
+    } = (0, _applyValueChange.applyOtpInputChange)(value, index, text, cellCount, filter);
+    if (nextValue !== value) {
+      onChangeText(nextValue);
+    }
+    focusAfterApply.current = focusIndex;
+  }, [cellCount, filter, onChangeText, value]);
+  const handleFieldKeyPress = (0, _react.useCallback)((index, key) => {
+    if (key !== 'Backspace') {
+      return;
+    }
+    const char = index < value.length ? value[index] : '';
+    if (!char && index > 0) {
+      focusCell(index - 1);
+    }
+  }, [focusCell, value]);
+  (0, _react.useLayoutEffect)(() => {
+    if (focusAfterApply.current !== null) {
+      const i = focusAfterApply.current;
+      focusAfterApply.current = null;
+      fieldRefs.current[i]?.focus();
+    }
+  });
+  (0, _react.useEffect)(() => {
+    const prevLen = prevLenRef.current;
+    const prevVal = prevValueRef.current;
+    const isFull = value.length === cellCount;
+    const becameFullByLength = isFull && prevLen < cellCount;
+    const correctedWhileFull = isFull && prevLen === cellCount && prevVal !== value;
+    if (becameFullByLength || correctedWhileFull) {
+      onComplete?.();
+    }
+    prevLenRef.current = value.length;
+    prevValueRef.current = value;
+  }, [cellCount, onComplete, value]);
+  return (0, _react.useMemo)(() => ({
+    cellCount,
+    value,
+    isDisabled,
+    isInvalid,
+    isReadOnly,
+    smsOtpAutofill,
+    filter,
+    getCellProps: getCellProps,
+    cellTestIdPrefix,
+    rootAccessibilityLabel,
+    setFieldRef,
+    handleFieldChange,
+    handleFieldKeyPress
+  }), [cellCount, value, isDisabled, isInvalid, isReadOnly, smsOtpAutofill, filter, getCellProps, cellTestIdPrefix, rootAccessibilityLabel, setFieldRef, handleFieldChange, handleFieldKeyPress]);
+}
+//# sourceMappingURL=useOtpInput.js.map

package/lib/commonjs/otp-input/useOtpInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_utils","_applyValueChange","_filterValue","useOtpInput","props","cellCount","value","onChangeText","onComplete","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","smsOtpAutofill","filterInput","allowedCharacters","characterPattern","getCellProps","cellTestIdPrefix","accessibilityLabel","rootAccessibilityLabel","form","useFormControlContext","fieldRefs","useRef","focusAfterApply","prevLenRef","length","prevValueRef","filter","useMemo","undefined","filterAllowedCharacters","filterByRegExp","filterDigits","setFieldRef","useCallback","index","el","current","focusCell","safe","Math","max","min","focus","handleFieldChange","text","nextValue","focusIndex","applyOtpInputChange","handleFieldKeyPress","key","char","useLayoutEffect","i","useEffect","prevLen","prevVal","isFull","becameFullByLength","correctedWhileFull"],"sourceRoot":"../../../src","sources":["otp-input/useOtpInput.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/overlay/useAnchorPosition.js

@@ -16,53 +16,113 @@ function measureWeb(element) {
     height: rect.height
   };
 }
-
+function setLayoutIfChanged(setLayout, next) {
+  setLayout(prev => {
+    if (prev?.x === next.x && prev.y === next.y && prev.width === next.width && prev.height === next.height) {
+      return prev;
+    }
+    return next;
+  });
+}
 /**
  * Measures an anchor element's position and size, re-measuring on scroll/resize
  * (web) so a positioned overlay can track its anchor across layout changes.
  *
  * Returns `null` until the first measurement completes.
  */
-function useAnchorPosition(anchorRef, open) {
+function useAnchorPosition(anchorRef, open, options) {
+  const {
+    remeasureKey,
+    trackWhileOpen = false
+  } = options ?? {};
   const [layout, setLayout] = (0, _react.useState)(null);
+  const measureAnchor = () => {
+    const anchor = anchorRef.current;
+    if (!anchor) {
+      return;
+    }
+    if (_reactNative.Platform.OS === 'web') {
+      setLayoutIfChanged(setLayout, measureWeb(anchor));
+      return;
+    }
+    anchor.measureInWindow((x, y, width, height) => {
+      setLayoutIfChanged(setLayout, {
+        x,
+        y,
+        width,
+        height
+      });
+    });
+  };
   useIsomorphicLayoutEffect(() => {
     if (!open) {
       setLayout(null);
       return;
     }
-    const anchor = anchorRef.current;
-    if (!anchor) return;
     let cancelled = false;
+    const runMeasure = () => {
+      if (!cancelled) {
+        measureAnchor();
+      }
+    };
+    runMeasure();
     if (_reactNative.Platform.OS === 'web') {
-      setLayout(measureWeb(anchor));
-    } else {
-      anchor.measureInWindow((x, y, width, height) => {
-        if (!cancelled) {
-          setLayout({
-            x,
-            y,
-            width,
-            height
-          });
-        }
-      });
+      const frame = requestAnimationFrame(runMeasure);
+      return () => {
+        cancelled = true;
+        cancelAnimationFrame(frame);
+      };
+    }
+    const anchor = anchorRef.current;
+    if (!anchor) {
+      return () => {
+        cancelled = true;
+      };
     }
+    anchor.measureInWindow((x, y, width, height) => {
+      if (!cancelled) {
+        setLayoutIfChanged(setLayout, {
+          x,
+          y,
+          width,
+          height
+        });
+      }
+    });
     return () => {
       cancelled = true;
     };
-  }, [open, anchorRef]);
+  }, [open, anchorRef, remeasureKey]);
   (0, _react.useEffect)(() => {
-    if (!open || _reactNative.Platform.OS !== 'web') return;
+    if (!open || !trackWhileOpen) {
+      return;
+    }
+    let frameId = 0;
+    const tick = () => {
+      measureAnchor();
+      frameId = requestAnimationFrame(tick);
+    };
+    frameId = requestAnimationFrame(tick);
+    return () => {
+      cancelAnimationFrame(frameId);
+    };
+  }, [open, anchorRef, remeasureKey, trackWhileOpen]);
+  (0, _react.useEffect)(() => {
+    if (!open || _reactNative.Platform.OS !== 'web' || trackWhileOpen) {
+      return;
+    }
     const anchor = anchorRef.current;
-    if (!anchor) return;
-    const update = () => setLayout(measureWeb(anchor));
+    if (!anchor) {
+      return;
+    }
+    const update = () => setLayoutIfChanged(setLayout, measureWeb(anchor));
     window.addEventListener('scroll', update, true);
     window.addEventListener('resize', update);
     return () => {
       window.removeEventListener('scroll', update, true);
       window.removeEventListener('resize', update);
     };
-  }, [open, anchorRef]);
+  }, [open, anchorRef, remeasureKey, trackWhileOpen]);
   return layout;
 }
 //# sourceMappingURL=useAnchorPosition.js.map

package/lib/commonjs/overlay/useAnchorPosition.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","useIsomorphicLayoutEffect","Platform","OS","useLayoutEffect","useEffect","measureWeb","element","rect","getBoundingClientRect","x","left","y","top","width","height","useAnchorPosition","anchorRef","open","layout","setLayout","useState","anchor","current","cancelled","measureInWindow","update","window","addEventListener","removeEventListener"],"sourceRoot":"../../../src","sources":["overlay/useAnchorPosition.ts"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,MAAME,yBAAyB,GAAGC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAGC,sBAAe,GAAGC,gBAAS;AASrF,SAASC,UAAUA,CAACC,OAAY,EAAgB;EAC9C,MAAMC,IAAI,GAAID,OAAO,CAA4BE,qBAAqB,CAAC,CAAC;EACxE,OAAO;IAAEC,CAAC,EAAEF,IAAI,CAACG,IAAI;IAAEC,CAAC,EAAEJ,IAAI,CAACK,GAAG;IAAEC,KAAK,EAAEN,IAAI,CAACM,KAAK;IAAEC,MAAM,EAAEP,IAAI,CAACO;EAAO,CAAC;AAC9E;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,iBAAiBA,CAACC,SAAyB,EAAEC,IAAa,EAAuB;EAC/F,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG,IAAAC,eAAQ,EAAsB,IAAI,CAAC;EAE/DpB,yBAAyB,CAAC,MAAM;IAC9B,IAAI,CAACiB,IAAI,EAAE;MACTE,SAAS,CAAC,IAAI,CAAC;MACf;IACF;IAEA,MAAME,MAAM,GAAGL,SAAS,CAACM,OAAO;IAChC,IAAI,CAACD,MAAM,EAAE;IAEb,IAAIE,SAAS,GAAG,KAAK;IAErB,IAAItB,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;MACzBiB,SAAS,CAACd,UAAU,CAACgB,MAAM,CAAC,CAAC;IAC/B,CAAC,MAAM;MACLA,MAAM,CAACG,eAAe,CAAC,CAACf,CAAS,EAAEE,CAAS,EAAEE,KAAa,EAAEC,MAAc,KAAK;QAC9E,IAAI,CAACS,SAAS,EAAE;UACdJ,SAAS,CAAC;YAAEV,CAAC;YAAEE,CAAC;YAAEE,KAAK;YAAEC;UAAO,CAAC,CAAC;QACpC;MACF,CAAC,CAAC;IACJ;IAEA,OAAO,MAAM;MACXS,SAAS,GAAG,IAAI;IAClB,CAAC;EACH,CAAC,EAAE,CAACN,IAAI,EAAED,SAAS,CAAC,CAAC;EAErB,IAAAZ,gBAAS,EAAC,MAAM;IACd,IAAI,CAACa,IAAI,IAAIhB,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IAEpC,MAAMmB,MAAM,GAAGL,SAAS,CAACM,OAAO;IAChC,IAAI,CAACD,MAAM,EAAE;IAEb,MAAMI,MAAM,GAAGA,CAAA,KAAMN,SAAS,CAACd,UAAU,CAACgB,MAAM,CAAC,CAAC;IAElDK,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,MAAM,EAAE,IAAI,CAAC;IAC/CC,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,MAAM,CAAC;IAEzC,OAAO,MAAM;MACXC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEH,MAAM,EAAE,IAAI,CAAC;MAClDC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEH,MAAM,CAAC;IAC9C,CAAC;EACH,CAAC,EAAE,CAACR,IAAI,EAAED,SAAS,CAAC,CAAC;EAErB,OAAOE,MAAM;AACf","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","useIsomorphicLayoutEffect","Platform","OS","useLayoutEffect","useEffect","measureWeb","element","rect","getBoundingClientRect","x","left","y","top","width","height","setLayoutIfChanged","setLayout","next","prev","useAnchorPosition","anchorRef","open","options","remeasureKey","trackWhileOpen","layout","useState","measureAnchor","anchor","current","measureInWindow","cancelled","runMeasure","frame","requestAnimationFrame","cancelAnimationFrame","frameId","tick","update","window","addEventListener","removeEventListener"],"sourceRoot":"../../../src","sources":["overlay/useAnchorPosition.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/overlay/useDismissOverlay.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDismissOverlay = useDismissOverlay;
-/* eslint-disable @typescript-eslint/no-unused-vars */
-
 /**
  * No-op on native — overlay dismissal is handled by backdrop press
  * or the system back gesture / hardware button via Modal.

package/lib/commonjs/overlay/useDismissOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["useDismissOverlay","_open","_contentRef","_excludeRefs","_onDismiss"],"sourceRoot":"../../../src","sources":["overlay/useDismissOverlay.ts"],"mappings":";;;;;;AAAA;;AAIA;AACA;AACA;AACA;AACO,SAASA,iBAAiBA,CAC/BC,KAAc,EACdC,WAA2B,EAC3BC,YAA8B,EAC9BC,UAAsB,EACtB,CAAC","ignoreList":[]}
+{"version":3,"names":["useDismissOverlay","_open","_contentRef","_excludeRefs","_onDismiss"],"sourceRoot":"../../../src","sources":["overlay/useDismissOverlay.ts"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACO,SAASA,iBAAiBA,CAC/BC,KAAc,EACdC,WAA2B,EAC3BC,YAA8B,EAC9BC,UAAsB,EACtB,CAAC","ignoreList":[]}

package/lib/commonjs/overlay/useDismissOverlay.web.js

@@ -5,6 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useDismissOverlay = useDismissOverlay;
 var _react = require("react");
+function refContainsNode(ref, target) {
+  const current = ref.current;
+  if (!current || typeof current.contains !== 'function') {
+    return false;
+  }
+  return current.contains(target);
+}
+
 /**
  * Dismisses an overlay when the user clicks/presses outside of it or when
  * focus moves to an element outside the overlay via keyboard.
@@ -20,11 +28,11 @@ function useDismissOverlay(open, contentRef, excludeRefs, onDismiss) {
       return;
     }
     const isInsideOverlay = target => {
-      if (contentRef.current?.contains?.(target)) {
+      if (refContainsNode(contentRef, target)) {
         return true;
       }
       for (const ref of excludeRefsRef.current) {
-        if (ref.current?.contains?.(target)) {
+        if (refContainsNode(ref, target)) {
           return true;
         }
       }

package/lib/commonjs/overlay/useDismissOverlay.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useDismissOverlay","open","contentRef","excludeRefs","onDismiss","onDismissRef","useRef","current","excludeRefsRef","useEffect","isInsideOverlay","target","contains","ref","dismissIfOutside","e","document","addEventListener","removeEventListener"],"sourceRoot":"../../../src","sources":["overlay/useDismissOverlay.web.ts"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACO,SAASC,iBAAiBA,CAC/BC,IAAa,EACbC,UAA0B,EAC1BC,WAA6B,EAC7BC,SAAqB,EACrB;EACA,MAAMC,YAAY,GAAG,IAAAC,aAAM,EAACF,SAAS,CAAC;EACtCC,YAAY,CAACE,OAAO,GAAGH,SAAS;EAEhC,MAAMI,cAAc,GAAG,IAAAF,aAAM,EAACH,WAAW,CAAC;EAC1CK,cAAc,CAACD,OAAO,GAAGJ,WAAW;EAEpC,IAAAM,gBAAS,EAAC,MAAM;IACd,IAAI,CAACR,IAAI,EAAE;MACT;IACF;IAEA,MAAMS,eAAe,GAAIC,MAAY,IAAK;MACxC,IAAIT,UAAU,CAACK,OAAO,EAAEK,QAAQ,GAAGD,MAAM,CAAC,EAAE;QAC1C,OAAO,IAAI;MACb;MACA,KAAK,MAAME,GAAG,IAAIL,cAAc,CAACD,OAAO,EAAE;QACxC,IAAIM,GAAG,CAACN,OAAO,EAAEK,QAAQ,GAAGD,MAAM,CAAC,EAAE;UACnC,OAAO,IAAI;QACb;MACF;MACA,OAAO,KAAK;IACd,CAAC;IAED,MAAMG,gBAAgB,GAAIC,CAAQ,IAAK;MACrC,IAAI,CAACL,eAAe,CAACK,CAAC,CAACJ,MAAc,CAAC,EAAE;QACtCN,YAAY,CAACE,OAAO,CAAC,CAAC;MACxB;IACF,CAAC;IAEDS,QAAQ,CAACC,gBAAgB,CAAC,aAAa,EAAEH,gBAAgB,CAAC;IAC1DE,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEH,gBAAgB,CAAC;IACtD,OAAO,MAAM;MACXE,QAAQ,CAACE,mBAAmB,CAAC,aAAa,EAAEJ,gBAAgB,CAAC;MAC7DE,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEJ,gBAAgB,CAAC;IAC3D,CAAC;EACH,CAAC,EAAE,CAACb,IAAI,EAAEC,UAAU,CAAC,CAAC;AACxB","ignoreList":[]}
+{"version":3,"names":["_react","require","refContainsNode","ref","target","current","contains","useDismissOverlay","open","contentRef","excludeRefs","onDismiss","onDismissRef","useRef","excludeRefsRef","useEffect","isInsideOverlay","dismissIfOutside","e","document","addEventListener","removeEventListener"],"sourceRoot":"../../../src","sources":["overlay/useDismissOverlay.web.ts"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA,SAASC,eAAeA,CAACC,GAAuB,EAAEC,MAAY,EAAW;EACvE,MAAMC,OAAO,GAAGF,GAAG,CAACE,OAAwD;EAC5E,IAAI,CAACA,OAAO,IAAI,OAAOA,OAAO,CAACC,QAAQ,KAAK,UAAU,EAAE;IACtD,OAAO,KAAK;EACd;EACA,OAAOD,OAAO,CAACC,QAAQ,CAACF,MAAM,CAAC;AACjC;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASG,iBAAiBA,CAC/BC,IAAa,EACbC,UAA0B,EAC1BC,WAA6B,EAC7BC,SAAqB,EACrB;EACA,MAAMC,YAAY,GAAG,IAAAC,aAAM,EAACF,SAAS,CAAC;EACtCC,YAAY,CAACP,OAAO,GAAGM,SAAS;EAEhC,MAAMG,cAAc,GAAG,IAAAD,aAAM,EAACH,WAAW,CAAC;EAC1CI,cAAc,CAACT,OAAO,GAAGK,WAAW;EAEpC,IAAAK,gBAAS,EAAC,MAAM;IACd,IAAI,CAACP,IAAI,EAAE;MACT;IACF;IAEA,MAAMQ,eAAe,GAAIZ,MAAY,IAAK;MACxC,IAAIF,eAAe,CAACO,UAAU,EAAEL,MAAM,CAAC,EAAE;QACvC,OAAO,IAAI;MACb;MACA,KAAK,MAAMD,GAAG,IAAIW,cAAc,CAACT,OAAO,EAAE;QACxC,IAAIH,eAAe,CAACC,GAAG,EAAEC,MAAM,CAAC,EAAE;UAChC,OAAO,IAAI;QACb;MACF;MACA,OAAO,KAAK;IACd,CAAC;IAED,MAAMa,gBAAgB,GAAIC,CAAQ,IAAK;MACrC,IAAI,CAACF,eAAe,CAACE,CAAC,CAACd,MAAc,CAAC,EAAE;QACtCQ,YAAY,CAACP,OAAO,CAAC,CAAC;MACxB;IACF,CAAC;IAEDc,QAAQ,CAACC,gBAAgB,CAAC,aAAa,EAAEH,gBAAgB,CAAC;IAC1DE,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEH,gBAAgB,CAAC;IACtD,OAAO,MAAM;MACXE,QAAQ,CAACE,mBAAmB,CAAC,aAAa,EAAEJ,gBAAgB,CAAC;MAC7DE,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEJ,gBAAgB,CAAC;IAC3D,CAAC;EACH,CAAC,EAAE,CAACT,IAAI,EAAEC,UAAU,CAAC,CAAC;AACxB","ignoreList":[]}

package/lib/commonjs/overlay/useEscapeKey.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useEscapeKey = useEscapeKey;
-/* eslint-disable @typescript-eslint/no-unused-vars */
-
 /**
  * No-op on native — Escape key dismissal is not applicable.
  * Native uses the system back gesture / hardware button via Modal.

package/lib/commonjs/overlay/useEscapeKey.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEscapeKey","_open","_onEscape"],"sourceRoot":"../../../src","sources":["overlay/useEscapeKey.ts"],"mappings":";;;;;;AAAA;;AAEA;AACA;AACA;AACA;AACO,SAASA,YAAYA,CAACC,KAAc,EAAEC,SAAqB,EAAE,CAAC","ignoreList":[]}
+{"version":3,"names":["useEscapeKey","_open","_onEscape"],"sourceRoot":"../../../src","sources":["overlay/useEscapeKey.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACO,SAASA,YAAYA,CAACC,KAAc,EAAEC,SAAqB,EAAE,CAAC","ignoreList":[]}

package/lib/commonjs/overlay/useOverlayPosition.js

@@ -40,6 +40,9 @@ const OverlayInsetsProvider = exports.OverlayInsetsProvider = OverlayInsetsConte
 /** Minimum gap (px) between the overlay edge and the viewport/safe-area boundary. */
 const SCREEN_EDGE_PADDING = 8;
 
+/** Gap between anchor and popover content. */
+const POPOVER_GAP = 4;
+
 /** Minimum usable space (px) below the anchor before the overlay flips above. */
 const MIN_CONTENT_HEIGHT = 200;
 /**
@@ -68,7 +71,7 @@ function useOverlayPosition(anchorLayout) {
       const maxHeight = Math.max(0, spaceBelow);
       return {
         style: {
-          top: anchorBottom,
+          top: anchorBottom + POPOVER_GAP,
           left: anchorLayout.x,
           width: anchorLayout.width,
           maxHeight
@@ -80,7 +83,7 @@ function useOverlayPosition(anchorLayout) {
     const maxHeight = Math.max(0, spaceAbove);
     return {
       style: {
-        bottom: viewportHeight - anchorLayout.y,
+        bottom: viewportHeight - anchorLayout.y + POPOVER_GAP,
         left: anchorLayout.x,
         width: anchorLayout.width,
         maxHeight

package/lib/commonjs/overlay/useOverlayPosition.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","DEFAULT_INSETS","top","right","bottom","left","OverlayInsetsContext","exports","createContext","OverlayInsetsProvider","Provider","SCREEN_EDGE_PADDING","MIN_CONTENT_HEIGHT","useOverlayPosition","anchorLayout","height","viewportHeight","useWindowDimensions","insetTop","insetBottom","useContext","useMemo","anchorBottom","y","spaceBelow","spaceAbove","preferBelow","maxHeight","Math","max","style","x","width","placement"],"sourceRoot":"../../../src","sources":["overlay/useOverlayPosition.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAUA,MAAME,cAA0B,GAAG;EAAEC,GAAG,EAAE,CAAC;EAAEC,KAAK,EAAE,CAAC;EAAEC,MAAM,EAAE,CAAC;EAAEC,IAAI,EAAE;AAAE,CAAC;;AAE3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,gBAAG,IAAAE,oBAAa,EAAaP,cAAc,CAAC;AACtE,MAAMQ,qBAAqB,GAAAF,OAAA,CAAAE,qBAAA,GAAGH,oBAAoB,CAACI,QAAQ;;AAElE;AACA,MAAMC,mBAAmB,GAAG,CAAC;;AAE7B;AACA,MAAMC,kBAAkB,GAAG,GAAG;AAQ9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,kBAAkBA,CAACC,YAAiC,EAA0B;EAC5F,MAAM;IAAEC,MAAM,EAAEC;EAAe,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACxD,MAAM;IAAEf,GAAG,EAAEgB,QAAQ;IAAEd,MAAM,EAAEe;EAAY,CAAC,GAAG,IAAAC,iBAAU,EAACd,oBAAoB,CAAC;EAE/E,OAAO,IAAAe,cAAO,EAAC,MAAM;IACnB,IAAI,CAACP,YAAY,EAAE,OAAO,IAAI;IAE9B,MAAMQ,YAAY,GAAGR,YAAY,CAACS,CAAC,GAAGT,YAAY,CAACC,MAAM;IACzD,MAAMS,UAAU,GAAGR,cAAc,GAAGM,YAAY,GAAGH,WAAW,GAAGR,mBAAmB;IACpF,MAAMc,UAAU,GAAGX,YAAY,CAACS,CAAC,GAAGL,QAAQ,GAAGP,mBAAmB;IAElE,MAAMe,WAAW,GAAGF,UAAU,IAAIZ,kBAAkB,IAAIY,UAAU,IAAIC,UAAU;IAEhF,IAAIC,WAAW,EAAE;MACf,MAAMC,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,UAAU,CAAC;MACzC,OAAO;QACLM,KAAK,EAAE;UACL5B,GAAG,EAAEoB,YAAY;UACjBjB,IAAI,EAAES,YAAY,CAACiB,CAAC;UACpBC,KAAK,EAAElB,YAAY,CAACkB,KAAK;UACzBL;QACF,CAAC;QACDA,SAAS;QACTM,SAAS,EAAE;MACb,CAAC;IACH;IAEA,MAAMN,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEJ,UAAU,CAAC;IACzC,OAAO;MACLK,KAAK,EAAE;QACL1B,MAAM,EAAEY,cAAc,GAAGF,YAAY,CAACS,CAAC;QACvClB,IAAI,EAAES,YAAY,CAACiB,CAAC;QACpBC,KAAK,EAAElB,YAAY,CAACkB,KAAK;QACzBL;MACF,CAAC;MACDA,SAAS;MACTM,SAAS,EAAE;IACb,CAAC;EACH,CAAC,EAAE,CAACnB,YAAY,EAAEE,cAAc,EAAEE,QAAQ,EAAEC,WAAW,CAAC,CAAC;AAC3D","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","DEFAULT_INSETS","top","right","bottom","left","OverlayInsetsContext","exports","createContext","OverlayInsetsProvider","Provider","SCREEN_EDGE_PADDING","POPOVER_GAP","MIN_CONTENT_HEIGHT","useOverlayPosition","anchorLayout","height","viewportHeight","useWindowDimensions","insetTop","insetBottom","useContext","useMemo","anchorBottom","y","spaceBelow","spaceAbove","preferBelow","maxHeight","Math","max","style","x","width","placement"],"sourceRoot":"../../../src","sources":["overlay/useOverlayPosition.ts"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAUA,MAAME,cAA0B,GAAG;EAAEC,GAAG,EAAE,CAAC;EAAEC,KAAK,EAAE,CAAC;EAAEC,MAAM,EAAE,CAAC;EAAEC,IAAI,EAAE;AAAE,CAAC;;AAE3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,gBAAG,IAAAE,oBAAa,EAAaP,cAAc,CAAC;AACtE,MAAMQ,qBAAqB,GAAAF,OAAA,CAAAE,qBAAA,GAAGH,oBAAoB,CAACI,QAAQ;;AAElE;AACA,MAAMC,mBAAmB,GAAG,CAAC;;AAE7B;AACA,MAAMC,WAAW,GAAG,CAAC;;AAErB;AACA,MAAMC,kBAAkB,GAAG,GAAG;AAQ9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,kBAAkBA,CAACC,YAAiC,EAA0B;EAC5F,MAAM;IAAEC,MAAM,EAAEC;EAAe,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACxD,MAAM;IAAEhB,GAAG,EAAEiB,QAAQ;IAAEf,MAAM,EAAEgB;EAAY,CAAC,GAAG,IAAAC,iBAAU,EAACf,oBAAoB,CAAC;EAE/E,OAAO,IAAAgB,cAAO,EAAC,MAAM;IACnB,IAAI,CAACP,YAAY,EAAE,OAAO,IAAI;IAE9B,MAAMQ,YAAY,GAAGR,YAAY,CAACS,CAAC,GAAGT,YAAY,CAACC,MAAM;IACzD,MAAMS,UAAU,GAAGR,cAAc,GAAGM,YAAY,GAAGH,WAAW,GAAGT,mBAAmB;IACpF,MAAMe,UAAU,GAAGX,YAAY,CAACS,CAAC,GAAGL,QAAQ,GAAGR,mBAAmB;IAElE,MAAMgB,WAAW,GAAGF,UAAU,IAAIZ,kBAAkB,IAAIY,UAAU,IAAIC,UAAU;IAEhF,IAAIC,WAAW,EAAE;MACf,MAAMC,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEL,UAAU,CAAC;MACzC,OAAO;QACLM,KAAK,EAAE;UACL7B,GAAG,EAAEqB,YAAY,GAAGX,WAAW;UAC/BP,IAAI,EAAEU,YAAY,CAACiB,CAAC;UACpBC,KAAK,EAAElB,YAAY,CAACkB,KAAK;UACzBL;QACF,CAAC;QACDA,SAAS;QACTM,SAAS,EAAE;MACb,CAAC;IACH;IAEA,MAAMN,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEJ,UAAU,CAAC;IACzC,OAAO;MACLK,KAAK,EAAE;QACL3B,MAAM,EAAEa,cAAc,GAAGF,YAAY,CAACS,CAAC,GAAGZ,WAAW;QACrDP,IAAI,EAAEU,YAAY,CAACiB,CAAC;QACpBC,KAAK,EAAElB,YAAY,CAACkB,KAAK;QACzBL;MACF,CAAC;MACDA,SAAS;MACTM,SAAS,EAAE;IACb,CAAC;EACH,CAAC,EAAE,CAACnB,YAAY,EAAEE,cAAc,EAAEE,QAAQ,EAAEC,WAAW,CAAC,CAAC;AAC3D","ignoreList":[]}

package/lib/commonjs/portal/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _portal = require("./portal");
+Object.keys(_portal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _portal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _portal[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/portal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_portal","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../src","sources":["portal/index.ts"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}