@cdx-ui/primitives 0.0.1-beta.13 → 0.0.1-beta.131

package/lib/module/link/LinkRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","Pressable","composeEventHandlers","useFocus","useFocusRing","useHover","usePress","Slot","dataAttributes","mergeDataAttributes","LinkInteractionProvider","useLink","jsx","_jsx","LinkRoot","asChild","children","isHovered","isHoveredProp","isPressed","isPressedProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","isVisited","isVisitedProp","href","onPress","action","webProps","props","ref","focusProps","focusRingProps","pressProps","hoverProps","linkProps","hover","visited","focusVisible","contextValue","Comp","value","focus","active","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","displayName"],"sourceRoot":"../../../src","sources":["link/LinkRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/link/context.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { createContext } from '@cdx-ui/utils';
+export const [LinkInteractionProvider, useLinkInteractionContext] = createContext('LinkInteractionContext');
+//# sourceMappingURL=context.js.map

package/lib/module/link/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","LinkInteractionProvider","useLinkInteractionContext"],"sourceRoot":"../../../src","sources":["link/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,eAAe;AAQ7C,OAAO,MAAM,CAACC,uBAAuB,EAAEC,yBAAyB,CAAC,GAC/DF,aAAa,CAAuB,wBAAwB,CAAC","ignoreList":[]}

package/lib/module/link/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
-export { createLink } from './createLink';
+export { LinkRoot } from './LinkRoot';
+export { LinkInteractionProvider, useLinkInteractionContext } from './context';
 export { LinkProvider } from './LinkProvider';
 export { useLink } from './useLink';
 //# sourceMappingURL=index.js.map

package/lib/module/link/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["createLink","LinkProvider","useLink"],"sourceRoot":"../../../src","sources":["link/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,QAAQ,gBAAgB;AAE7C,SAASC,OAAO,QAAQ,WAAW","ignoreList":[]}
+{"version":3,"names":["LinkRoot","LinkInteractionProvider","useLinkInteractionContext","LinkProvider","useLink"],"sourceRoot":"../../../src","sources":["link/index.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAA4B,YAAY;AACzD,SAASC,uBAAuB,EAAEC,yBAAyB,QAAQ,WAAW;AAE9E,SAASC,YAAY,QAAQ,gBAAgB;AAE7C,SAASC,OAAO,QAAQ,WAAW","ignoreList":[]}

package/lib/module/list-item/ListItemRoot.js

@@ -0,0 +1,144 @@
+"use strict";
+
+import React, { forwardRef, useMemo } from 'react';
+import { Pressable, View } from 'react-native';
+import { composeEventHandlers } from '@cdx-ui/utils';
+import { useFocus, useFocusRing } from '@react-native-aria/focus';
+import { useHover, usePress } from '@react-native-aria/interactions';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { ListItemProvider } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+function rowStyleForCrossAlign(crossAlign) {
+  return {
+    flexDirection: 'row',
+    alignSelf: 'stretch',
+    alignItems: crossAlign === 'start' ? 'flex-start' : 'center'
+  };
+}
+export const ListItemRoot = /*#__PURE__*/forwardRef(({
+  asChild = false,
+  children,
+  onPress,
+  crossAlign = 'center',
+  isDisabled = false,
+  style,
+  ...restProps
+}, ref) => {
+  const asChildInteractive = asChild && /*#__PURE__*/React.isValidElement(children);
+  const isPressableRoot = !!onPress && !asChildInteractive;
+  const pressState = usePress({
+    isDisabled: !isPressableRoot || isDisabled
+  });
+  const isPressed = pressState.isPressed;
+  const pressProps = pressState.pressProps;
+  const {
+    hoverProps,
+    isHovered
+  } = useHover();
+  const {
+    isFocused,
+    focusProps
+  } = useFocus();
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = useFocusRing();
+  const childDisabled = asChildInteractive && !!(children.props.isDisabled ?? children.props.disabled);
+  const resolvedDisabled = isDisabled || childDisabled;
+  const contextValue = useMemo(() => ({
+    hover: isPressableRoot ? isHovered : false,
+    focus: isPressableRoot ? isFocused : false,
+    active: isPressableRoot ? isPressed : false,
+    disabled: isPressableRoot ? isDisabled : resolvedDisabled,
+    focusVisible: isPressableRoot ? isFocusVisible : false
+  }), [isPressableRoot, isHovered, isFocused, isPressed, isDisabled, resolvedDisabled, isFocusVisible]);
+  if (asChildInteractive) {
+    const slotMergeProps = {
+      ...restProps,
+      ...(resolvedDisabled && {
+        accessibilityState: {
+          disabled: true
+        }
+      }),
+      disabled: resolvedDisabled,
+      style: [rowStyleForCrossAlign(crossAlign), style]
+    };
+
+    // Only set onPress when we have a parent handler to compose. Slot merges this
+    // with the child's own onPress (child first, then ours). When there is no parent
+    // onPress, omitting it preserves the child's internal handler (e.g. Link's useLink).
+    // When disabled, `disabled` prop suppresses press events on the child.
+    if (!resolvedDisabled && onPress) {
+      slotMergeProps.onPress = onPress;
+    }
+    return /*#__PURE__*/_jsx(ListItemProvider, {
+      value: contextValue,
+      children: /*#__PURE__*/_jsx(Slot, {
+        ref: ref,
+        ...slotMergeProps,
+        ...mergeDataAttributes(restProps, dataAttributes({
+          active: false,
+          hover: false,
+          focus: false,
+          focusVisible: false,
+          disabled: resolvedDisabled
+        })),
+        children: children
+      })
+    });
+  }
+  if (isPressableRoot) {
+    const {
+      onPressIn: onPressInProp,
+      onPressOut: onPressOutProp,
+      onHoverIn: onHoverInProp,
+      onHoverOut: onHoverOutProp,
+      onFocus: onFocusProp,
+      onBlur: onBlurProp
+    } = restProps;
+    return /*#__PURE__*/_jsx(ListItemProvider, {
+      value: contextValue,
+      children: /*#__PURE__*/_jsx(Pressable, {
+        ...restProps,
+        ref: ref,
+        ...(isDisabled && {
+          accessibilityState: {
+            disabled: true
+          }
+        }),
+        disabled: isDisabled,
+        style: [rowStyleForCrossAlign(crossAlign), style],
+        onPress: isDisabled ? undefined : onPress,
+        onPressIn: composeEventHandlers(onPressInProp, pressProps.onPressIn),
+        onPressOut: composeEventHandlers(onPressOutProp, pressProps.onPressOut),
+        onHoverIn: composeEventHandlers(onHoverInProp, hoverProps.onHoverIn),
+        onHoverOut: composeEventHandlers(onHoverOutProp, hoverProps.onHoverOut),
+        onFocus: composeEventHandlers(composeEventHandlers(onFocusProp, focusProps.onFocus), focusRingProps.onFocus),
+        onBlur: composeEventHandlers(composeEventHandlers(onBlurProp, focusProps.onBlur), focusRingProps.onBlur),
+        ...mergeDataAttributes(restProps, dataAttributes({
+          active: isPressed,
+          hover: isHovered,
+          focus: isFocused,
+          focusVisible: isFocusVisible,
+          disabled: isDisabled
+        })),
+        children: children
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(ListItemProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(View, {
+      ...restProps,
+      ref: ref,
+      style: [rowStyleForCrossAlign(crossAlign), style],
+      ...mergeDataAttributes(restProps, isDisabled ? dataAttributes({
+        disabled: true
+      }) : undefined),
+      children: children
+    })
+  });
+});
+ListItemRoot.displayName = 'ListItemRoot';
+//# sourceMappingURL=ListItemRoot.js.map

package/lib/module/list-item/ListItemRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useMemo","Pressable","View","composeEventHandlers","useFocus","useFocusRing","useHover","usePress","Slot","dataAttributes","mergeDataAttributes","ListItemProvider","jsx","_jsx","rowStyleForCrossAlign","crossAlign","flexDirection","alignSelf","alignItems","ListItemRoot","asChild","children","onPress","isDisabled","style","restProps","ref","asChildInteractive","isValidElement","isPressableRoot","pressState","isPressed","pressProps","hoverProps","isHovered","isFocused","focusProps","isFocusVisible","focusRingProps","childDisabled","props","disabled","resolvedDisabled","contextValue","hover","focus","active","focusVisible","slotMergeProps","accessibilityState","value","onPressIn","onPressInProp","onPressOut","onPressOutProp","onHoverIn","onHoverInProp","onHoverOut","onHoverOutProp","onFocus","onFocusProp","onBlur","onBlurProp","undefined","displayName"],"sourceRoot":"../../../src","sources":["list-item/ListItemRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/list-item/context.js.map

@@ -1 +1 @@
-{"version":3,"names":["createContext","ListItemProvider","useListItemContext"],"sourceRoot":"../../../src","sources":["list-item/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,eAAe;AAG7C,OAAO,MAAM,CAACC,gBAAgB,EAAEC,kBAAkB,CAAC,GACjDF,aAAa,CAAwB,iBAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["createContext","ListItemProvider","useListItemContext"],"sourceRoot":"../../../src","sources":["list-item/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,eAAe;AAG7C,OAAO,MAAM,CAACC,gBAAgB,EAAEC,kBAAkB,CAAC,GACjDF,aAAa,CAAmB,iBAAiB,CAAC","ignoreList":[]}

package/lib/module/list-item/index.js

@@ -1,39 +1,5 @@
 "use strict";
 
-import { createListItemContent } from './createListItemContent';
-import { createListItemDescription } from './createListItemDescription';
-import { createListItemLeadingSlot } from './createListItemLeadingSlot';
-import { createListItemMeta } from './createListItemMeta';
-import { createListItemRoot } from './createListItemRoot';
-import { createListItemSectionHeader } from './createListItemSectionHeader';
-import { createListItemTitle } from './createListItemTitle';
-import { createListItemTrailingSlot } from './createListItemTrailingSlot';
 export { ListItemProvider, useListItemContext } from './context';
-export function createListItem(BaseComponents) {
-  const ListItem = createListItemRoot(BaseComponents.View, BaseComponents.Pressable);
-  const LeadingSlot = createListItemLeadingSlot(BaseComponents.LeadingSlot);
-  const Content = createListItemContent(BaseComponents.Content);
-  const Title = createListItemTitle(BaseComponents.Title);
-  const Description = createListItemDescription(BaseComponents.Description);
-  const Meta = createListItemMeta(BaseComponents.Meta);
-  const TrailingSlot = createListItemTrailingSlot(BaseComponents.TrailingSlot);
-  const SectionHeader = createListItemSectionHeader(BaseComponents.SectionHeader);
-  ListItem.displayName = 'ListItemPrimitive';
-  LeadingSlot.displayName = 'ListItemPrimitive.LeadingSlot';
-  Content.displayName = 'ListItemPrimitive.Content';
-  Title.displayName = 'ListItemPrimitive.Title';
-  Description.displayName = 'ListItemPrimitive.Description';
-  Meta.displayName = 'ListItemPrimitive.Meta';
-  TrailingSlot.displayName = 'ListItemPrimitive.TrailingSlot';
-  SectionHeader.displayName = 'ListItemPrimitive.SectionHeader';
-  return Object.assign(ListItem, {
-    LeadingSlot,
-    Content,
-    Title,
-    Description,
-    Meta,
-    TrailingSlot,
-    SectionHeader
-  });
-}
+export { ListItemRoot } from './ListItemRoot';
 //# sourceMappingURL=index.js.map

package/lib/module/list-item/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["createListItemContent","createListItemDescription","createListItemLeadingSlot","createListItemMeta","createListItemRoot","createListItemSectionHeader","createListItemTitle","createListItemTrailingSlot","ListItemProvider","useListItemContext","createListItem","BaseComponents","ListItem","View","Pressable","LeadingSlot","Content","Title","Description","Meta","TrailingSlot","SectionHeader","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["list-item/index.ts"],"mappings":";;AACA,SAASA,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,yBAAyB,QAAQ,6BAA6B;AACvE,SAASC,yBAAyB,QAAQ,6BAA6B;AACvE,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,2BAA2B,QAAQ,+BAA+B;AAC3E,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,0BAA0B,QAAQ,8BAA8B;AAoBzE,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,WAAW;AAEhE,OAAO,SAASC,cAAcA,CAU5BC,cAUD,EAAE;EACD,MAAMC,QAAQ,GAAGR,kBAAkB,CAACO,cAAc,CAACE,IAAI,EAAEF,cAAc,CAACG,SAAS,CAAC;EAClF,MAAMC,WAAW,GAAGb,yBAAyB,CAACS,cAAc,CAACI,WAAW,CAAC;EACzE,MAAMC,OAAO,GAAGhB,qBAAqB,CAACW,cAAc,CAACK,OAAO,CAAC;EAC7D,MAAMC,KAAK,GAAGX,mBAAmB,CAACK,cAAc,CAACM,KAAK,CAAC;EACvD,MAAMC,WAAW,GAAGjB,yBAAyB,CAACU,cAAc,CAACO,WAAW,CAAC;EACzE,MAAMC,IAAI,GAAGhB,kBAAkB,CAACQ,cAAc,CAACQ,IAAI,CAAC;EACpD,MAAMC,YAAY,GAAGb,0BAA0B,CAACI,cAAc,CAACS,YAAY,CAAC;EAC5E,MAAMC,aAAa,GAAGhB,2BAA2B,CAACM,cAAc,CAACU,aAAa,CAAC;EAE/ET,QAAQ,CAACU,WAAW,GAAG,mBAAmB;EAC1CP,WAAW,CAACO,WAAW,GAAG,+BAA+B;EACzDN,OAAO,CAACM,WAAW,GAAG,2BAA2B;EACjDL,KAAK,CAACK,WAAW,GAAG,yBAAyB;EAC7CJ,WAAW,CAACI,WAAW,GAAG,+BAA+B;EACzDH,IAAI,CAACG,WAAW,GAAG,wBAAwB;EAC3CF,YAAY,CAACE,WAAW,GAAG,gCAAgC;EAC3DD,aAAa,CAACC,WAAW,GAAG,iCAAiC;EAE7D,OAAOC,MAAM,CAACC,MAAM,CAACZ,QAAQ,EAAE;IAC7BG,WAAW;IACXC,OAAO;IACPC,KAAK;IACLC,WAAW;IACXC,IAAI;IACJC,YAAY;IACZC;EACF,CAAC,CAAC;AAUJ","ignoreList":[]}
+{"version":3,"names":["ListItemProvider","useListItemContext","ListItemRoot"],"sourceRoot":"../../../src","sources":["list-item/index.ts"],"mappings":";;AAOA,SAASA,gBAAgB,EAAEC,kBAAkB,QAAQ,WAAW;AAChE,SAASC,YAAY,QAAgC,gBAAgB","ignoreList":[]}

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

@@ -0,0 +1,116 @@
+"use strict";
+
+import { forwardRef, useMemo } from 'react';
+import { Platform, TextInput } from 'react-native';
+import { mergeRefs } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { useOtpCellIndexContext, useOtpInputContext } from './context';
+import { jsx as _jsx } from "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).
+ */
+export const OtpInputField = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    asChild,
+    ...restProps
+  } = props;
+  const {
+    cellIndex
+  } = useOtpCellIndexContext();
+  const {
+    value,
+    cellCount,
+    isDisabled,
+    isReadOnly,
+    smsOtpAutofill,
+    getCellProps,
+    cellTestIdPrefix,
+    rootAccessibilityLabel,
+    setFieldRef,
+    handleFieldChange,
+    handleFieldKeyPress
+  } = useOtpInputContext();
+  const char = cellIndex < value.length ? value[cellIndex] ?? '' : '';
+  const extra = getCellProps?.(cellIndex) ?? {};
+  const accessibilityLabel = 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 = useMemo(() => {
+    if (!smsOtpAutofill || cellIndex !== 0) {
+      return {};
+    }
+    return 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 : TextInput;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: 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/module/otp-input/OtpInputField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","Platform","TextInput","mergeRefs","Slot","useOtpCellIndexContext","useOtpInputContext","jsx","_jsx","OtpInputField","props","ref","asChild","restProps","cellIndex","value","cellCount","isDisabled","isReadOnly","smsOtpAutofill","getCellProps","cellTestIdPrefix","rootAccessibilityLabel","setFieldRef","handleFieldChange","handleFieldKeyPress","char","length","extra","accessibilityLabel","fromExtra","String","autofillProps","select","web","autoComplete","ios","textContentType","android","default","editable","style","extraStyle","_omitExtraA11y","extraRest","incomingStyle","_omitValue","defaultValue","_omitDefault","onChangeText","_omitOnChange","incomingRest","Comp","el","accessible","autoFocus","keyboardType","returnKeyType","selectTextOnFocus","testID","undefined","text","onKeyPress","e","nativeEvent","key","displayName"],"sourceRoot":"../../../src","sources":["otp-input/OtpInputField.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,SACEC,QAAQ,EACRC,SAAS,QAGJ,cAAc;AACrB,SAASC,SAAS,QAAQ,eAAe;AACzC,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,sBAAsB,EAAEC,kBAAkB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,gBAAGV,UAAU,CAAgC,CAACW,KAAK,EAAEC,GAAG,KAAK;EACrF,MAAM;IAAEC,OAAO;IAAE,GAAGC;EAAU,CAAC,GAAGH,KAAK;EACvC,MAAM;IAAEI;EAAU,CAAC,GAAGT,sBAAsB,CAAC,CAAC;EAC9C,MAAM;IACJU,KAAK;IACLC,SAAS;IACTC,UAAU;IACVC,UAAU;IACVC,cAAc;IACdC,YAAY;IACZC,gBAAgB;IAChBC,sBAAsB;IACtBC,WAAW;IACXC,iBAAiB;IACjBC;EACF,CAAC,GAAGnB,kBAAkB,CAAC,CAAC;EAExB,MAAMoB,IAAI,GAAGZ,SAAS,GAAGC,KAAK,CAACY,MAAM,GAAIZ,KAAK,CAACD,SAAS,CAAC,IAAI,EAAE,GAAI,EAAE;EACrE,MAAMc,KAAK,GAAGR,YAAY,GAAGN,SAAS,CAAC,IAAI,CAAC,CAAC;EAE7C,MAAMe,kBAAkB,GAAG7B,OAAO,CAAC,MAAM;IACvC,MAAM8B,SAAS,GAAGF,KAAK,CAACC,kBAAkB;IAC1C,IAAI,OAAOC,SAAS,KAAK,QAAQ,IAAIA,SAAS,KAAK,EAAE,EAAE;MACrD,OAAOA,SAAS;IAClB;IACA,IAAIR,sBAAsB,EAAE;MAC1B,OAAO,GAAGA,sBAAsB,KAAKS,MAAM,CAACjB,SAAS,GAAG,CAAC,CAAC,OAAOiB,MAAM,CAACf,SAAS,CAAC,EAAE;IACtF;IACA,OAAO,aAAae,MAAM,CAACjB,SAAS,GAAG,CAAC,CAAC,OAAOiB,MAAM,CAACf,SAAS,CAAC,EAAE;EACrE,CAAC,EAAE,CAACA,SAAS,EAAEF,SAAS,EAAEc,KAAK,CAACC,kBAAkB,EAAEP,sBAAsB,CAAC,CAAC;EAE5E,MAAMU,aAAa,GAAGhC,OAAO,CAAC,MAAM;IAClC,IAAI,CAACmB,cAAc,IAAIL,SAAS,KAAK,CAAC,EAAE;MACtC,OAAO,CAAC,CAAC;IACX;IACA,OAAOb,QAAQ,CAACgC,MAAM,CAA0B;MAC9CC,GAAG,EAAE;QAAEC,YAAY,EAAE;MAAgB,CAAC;MACtCC,GAAG,EAAE;QAAEC,eAAe,EAAE;MAAc,CAAC;MACvCC,OAAO,EAAE;QAAEH,YAAY,EAAE;MAAU,CAAC;MACpCI,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;EACJ,CAAC,EAAE,CAACzB,SAAS,EAAEK,cAAc,CAAC,CAAC;EAE/B,MAAMqB,QAAQ,GAAG,EAAEvB,UAAU,IAAIC,UAAU,CAAC;EAE5C,MAAM;IAAEuB,KAAK,EAAEC,UAAU;IAAEb,kBAAkB,EAAEc,cAAc;IAAE,GAAGC;EAAU,CAAC,GAAGhB,KAAK;EACrF,KAAKe,cAAc;EACnB,MAAM;IACJF,KAAK,EAAEI,aAAa;IACpB9B,KAAK,EAAE+B,UAAU;IACjBC,YAAY,EAAEC,YAAY;IAC1BC,YAAY,EAAEC,aAAa;IAC3B,GAAGC;EACL,CAAC,GAAGtC,SAA2B;EAC/B,KAAKiC,UAAU;EACf,KAAKE,YAAY;EACjB,KAAKE,aAAa;EAElB,MAAME,IAAI,GAAGxC,OAAO,GAAGR,IAAI,GAAGF,SAAS;EAEvC,oBACEM,IAAA,CAAC4C,IAAI;IACHzC,GAAG,EAAER,SAAS,CAACQ,GAAG,EAAG0C,EAAoB,IAAK;MAC5C9B,WAAW,CAACT,SAAS,EAAEuC,EAAE,CAAC;IAC5B,CAAC,CAAE;IACHxB,kBAAkB,EAAEA,kBAAmB;IACvC,cAAYA,kBAAmB;IAC/ByB,UAAU;IACVC,SAAS,EAAEzC,SAAS,KAAK,CAAC,IAAI0B,QAAQ,IAAIzB,KAAK,CAACY,MAAM,KAAK,CAAE;IAC7Da,QAAQ,EAAEA,QAAS;IACnBgB,YAAY,EAAC,YAAY;IACzBC,aAAa,EAAC,MAAM;IACpBC,iBAAiB;IACjBC,MAAM,EACJtC,gBAAgB,GACZ,GAAGA,gBAAgB,IAAIU,MAAM,CAACjB,SAAS,CAAC,uBAAuB,GAC/D8C,SACL;IACD7C,KAAK,EAAEW,IAAK;IACZuB,YAAY,EAAGY,IAAY,IAAK;MAC9BrC,iBAAiB,CAACV,SAAS,EAAE+C,IAAI,CAAC;IACpC,CAAE;IACFC,UAAU,EAAGC,CAAyB,IAAK;MACzCtC,mBAAmB,CAACX,SAAS,EAAEiD,CAAC,CAACC,WAAW,CAACC,GAAG,CAAC;IACnD,CAAE;IAAA,GACEjC,aAAa;IAAA,GACZY,SAAS;IAAA,GACTO,YAAY;IACjBV,KAAK,EAAE,CAACC,UAAU,EAAEG,aAAa;EAAE,CACpC,CAAC;AAEN,CAAC,CAAC;AAEFpC,aAAa,CAACyD,WAAW,GAAG,eAAe","ignoreList":[]}

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

@@ -1,20 +1,8 @@
 "use strict";
 
-import { createOtpInputCell } from './createOtpInputCell';
-import { createOtpInputField } from './createOtpInputField';
-import { createOtpInputRoot } from './createOtpInputRoot';
 export { applyOtpInputChange } from './utils/applyValueChange';
 export { filterAllowedCharacters, filterByRegExp, filterDigits } from './utils/filterValue';
-export function createOtpInput(BaseComponents) {
-  const Cell = createOtpInputCell(BaseComponents.Cell);
-  const Field = createOtpInputField(BaseComponents.Field);
-  const Root = createOtpInputRoot(BaseComponents.Root, Cell, Field);
-  Root.displayName = 'OtpInputPrimitive';
-  Cell.displayName = 'OtpInputPrimitive.Cell';
-  Field.displayName = 'OtpInputPrimitive.Field';
-  return Object.assign(Root, {
-    Cell,
-    Field
-  });
-}
+export { OtpInputField } from './OtpInputField';
+export { useOtpInput } from './useOtpInput';
+export { OtpInputProvider, useOtpInputContext, OtpCellIndexProvider, useOtpCellIndexContext } from './context';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createOtpInputCell","createOtpInputField","createOtpInputRoot","applyOtpInputChange","filterAllowedCharacters","filterByRegExp","filterDigits","createOtpInput","BaseComponents","Cell","Field","Root","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["otp-input/index.tsx"],"mappings":";;AACA,SAASA,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,kBAAkB,QAAQ,sBAAsB;AAGzD,SAASC,mBAAmB,QAAQ,0BAA0B;AAC9D,SAASC,uBAAuB,EAAEC,cAAc,EAAEC,YAAY,QAAQ,qBAAqB;AAG3F,OAAO,SAASC,cAAcA,CAM5BC,cAID,EAAE;EACD,MAAMC,IAAI,GAAGT,kBAAkB,CAACQ,cAAc,CAACC,IAAI,CAAC;EACpD,MAAMC,KAAK,GAAGT,mBAAmB,CAACO,cAAc,CAACE,KAAK,CAAC;EACvD,MAAMC,IAAI,GAAGT,kBAAkB,CAACM,cAAc,CAACG,IAAI,EAAEF,IAAI,EAAEC,KAAK,CAAC;EAEjEC,IAAI,CAACC,WAAW,GAAG,mBAAmB;EACtCH,IAAI,CAACG,WAAW,GAAG,wBAAwB;EAC3CF,KAAK,CAACE,WAAW,GAAG,yBAAyB;EAE7C,OAAOC,MAAM,CAACC,MAAM,CAACH,IAAI,EAAE;IACzBF,IAAI;IACJC;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["applyOtpInputChange","filterAllowedCharacters","filterByRegExp","filterDigits","OtpInputField","useOtpInput","OtpInputProvider","useOtpInputContext","OtpCellIndexProvider","useOtpCellIndexContext"],"sourceRoot":"../../../src","sources":["otp-input/index.ts"],"mappings":";;AAAA,SAASA,mBAAmB,QAAQ,0BAA0B;AAC9D,SAASC,uBAAuB,EAAEC,cAAc,EAAEC,YAAY,QAAQ,qBAAqB;AAC3F,SAASC,aAAa,QAAiC,iBAAiB;AACxE,SAASC,WAAW,QAAuD,eAAe;AAC1F,SACEC,gBAAgB,EAChBC,kBAAkB,EAClBC,oBAAoB,EACpBC,sBAAsB,QACjB,WAAW","ignoreList":[]}

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

@@ -0,0 +1,116 @@
+"use strict";
+
+import { useCallback, useEffect, useLayoutEffect, useMemo, useRef } from 'react';
+import { useFormControlContext } from '@cdx-ui/utils';
+import { applyOtpInputChange } from './utils/applyValueChange';
+import { filterAllowedCharacters, filterByRegExp, filterDigits } from './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).
+ */
+export 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 = useFormControlContext();
+  const isDisabled = isDisabledProp ?? form.isDisabled ?? false;
+  const isInvalid = isInvalidProp ?? form.isInvalid ?? false;
+  const isReadOnly = isReadOnlyProp ?? form.isReadOnly ?? false;
+  const fieldRefs = useRef([]);
+  const focusAfterApply = useRef(null);
+  const prevLenRef = useRef(value.length);
+  const prevValueRef = useRef(value);
+  const filter = useMemo(() => {
+    if (filterInput) {
+      return filterInput;
+    }
+    if (allowedCharacters !== undefined) {
+      return filterAllowedCharacters(allowedCharacters);
+    }
+    if (characterPattern !== undefined) {
+      return filterByRegExp(characterPattern);
+    }
+    return filterDigits;
+  }, [filterInput, allowedCharacters, characterPattern]);
+  const setFieldRef = useCallback((index, el) => {
+    fieldRefs.current[index] = el;
+  }, []);
+  const focusCell = useCallback(index => {
+    const safe = Math.max(0, Math.min(index, cellCount - 1));
+    fieldRefs.current[safe]?.focus();
+  }, [cellCount]);
+  const handleFieldChange = useCallback((index, text) => {
+    const {
+      nextValue,
+      focusIndex
+    } = applyOtpInputChange(value, index, text, cellCount, filter);
+    if (nextValue !== value) {
+      onChangeText(nextValue);
+    }
+    focusAfterApply.current = focusIndex;
+  }, [cellCount, filter, onChangeText, value]);
+  const handleFieldKeyPress = useCallback((index, key) => {
+    if (key !== 'Backspace') {
+      return;
+    }
+    const char = index < value.length ? value[index] : '';
+    if (!char && index > 0) {
+      focusCell(index - 1);
+    }
+  }, [focusCell, value]);
+  useLayoutEffect(() => {
+    if (focusAfterApply.current !== null) {
+      const i = focusAfterApply.current;
+      focusAfterApply.current = null;
+      fieldRefs.current[i]?.focus();
+    }
+  });
+  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 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/module/otp-input/useOtpInput.js.map

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

package/lib/module/overlay/useAnchorPosition.js

@@ -12,29 +12,60 @@ 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.
  */
-export function useAnchorPosition(anchorRef, open) {
+export function useAnchorPosition(anchorRef, open, options) {
+  const {
+    remeasureKey,
+    trackWhileOpen = false
+  } = options ?? {};
   const [layout, setLayout] = useState(null);
+  const measureAnchor = () => {
+    const anchor = anchorRef.current;
+    if (!anchor) {
+      return;
+    }
+    if (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;
     if (Platform.OS === 'web') {
-      setLayout(measureWeb(anchor));
+      measureAnchor();
     } else {
+      const anchor = anchorRef.current;
+      if (!anchor) {
+        return;
+      }
       anchor.measureInWindow((x, y, width, height) => {
         if (!cancelled) {
-          setLayout({
+          setLayoutIfChanged(setLayout, {
             x,
             y,
             width,
@@ -46,19 +77,37 @@ export function useAnchorPosition(anchorRef, open) {
     return () => {
       cancelled = true;
     };
-  }, [open, anchorRef]);
+  }, [open, anchorRef, remeasureKey]);
   useEffect(() => {
-    if (!open || 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]);
+  useEffect(() => {
+    if (!open || 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