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

package/lib/commonjs/link/index.js

@@ -3,16 +3,22 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "LinkInteractionProvider", {
+  enumerable: true,
+  get: function () {
+    return _context.LinkInteractionProvider;
+  }
+});
 Object.defineProperty(exports, "LinkProvider", {
   enumerable: true,
   get: function () {
     return _LinkProvider.LinkProvider;
   }
 });
-Object.defineProperty(exports, "createLink", {
+Object.defineProperty(exports, "LinkRoot", {
   enumerable: true,
   get: function () {
-    return _createLink.createLink;
+    return _LinkRoot.LinkRoot;
   }
 });
 Object.defineProperty(exports, "useLink", {
@@ -21,7 +27,14 @@ Object.defineProperty(exports, "useLink", {
     return _useLink.useLink;
   }
 });
-var _createLink = require("./createLink");
+Object.defineProperty(exports, "useLinkInteractionContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useLinkInteractionContext;
+  }
+});
+var _LinkRoot = require("./LinkRoot");
+var _context = require("./context");
 var _LinkProvider = require("./LinkProvider");
 var _useLink = require("./useLink");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_createLink","require","_LinkProvider","_useLink"],"sourceRoot":"../../../src","sources":["link/index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA","ignoreList":[]}
+{"version":3,"names":["_LinkRoot","require","_context","_LinkProvider","_useLink"],"sourceRoot":"../../../src","sources":["link/index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA","ignoreList":[]}

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

@@ -0,0 +1,149 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListItemRoot = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _focus = require("@react-native-aria/focus");
+var _interactions = require("@react-native-aria/interactions");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function rowStyleForCrossAlign(crossAlign) {
+  return {
+    flexDirection: 'row',
+    alignSelf: 'stretch',
+    alignItems: crossAlign === 'start' ? 'flex-start' : 'center'
+  };
+}
+const ListItemRoot = exports.ListItemRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild = false,
+  children,
+  onPress,
+  crossAlign = 'center',
+  isDisabled = false,
+  style,
+  ...restProps
+}, ref) => {
+  const asChildInteractive = asChild && /*#__PURE__*/_react.default.isValidElement(children);
+  const isPressableRoot = !!onPress && !asChildInteractive;
+  const pressState = (0, _interactions.usePress)({
+    isDisabled: !isPressableRoot || isDisabled
+  });
+  const isPressed = pressState.isPressed;
+  const pressProps = pressState.pressProps;
+  const {
+    hoverProps,
+    isHovered
+  } = (0, _interactions.useHover)();
+  const {
+    isFocused,
+    focusProps
+  } = (0, _focus.useFocus)();
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = (0, _focus.useFocusRing)();
+  const childDisabled = asChildInteractive && !!(children.props.isDisabled ?? children.props.disabled);
+  const resolvedDisabled = isDisabled || childDisabled;
+  const contextValue = (0, _react.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__*/(0, _jsxRuntime.jsx)(_context.ListItemProvider, {
+      value: contextValue,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_slot.Slot, {
+        ref: ref,
+        ...slotMergeProps,
+        ...(0, _dataAttributes.mergeDataAttributes)(restProps, (0, _dataAttributes.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__*/(0, _jsxRuntime.jsx)(_context.ListItemProvider, {
+      value: contextValue,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        ...restProps,
+        ref: ref,
+        ...(isDisabled && {
+          accessibilityState: {
+            disabled: true
+          }
+        }),
+        disabled: isDisabled,
+        style: [rowStyleForCrossAlign(crossAlign), style],
+        onPress: isDisabled ? undefined : onPress,
+        onPressIn: (0, _utils.composeEventHandlers)(onPressInProp, pressProps.onPressIn),
+        onPressOut: (0, _utils.composeEventHandlers)(onPressOutProp, pressProps.onPressOut),
+        onHoverIn: (0, _utils.composeEventHandlers)(onHoverInProp, hoverProps.onHoverIn),
+        onHoverOut: (0, _utils.composeEventHandlers)(onHoverOutProp, hoverProps.onHoverOut),
+        onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onFocusProp, focusProps.onFocus), focusRingProps.onFocus),
+        onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onBlurProp, focusProps.onBlur), focusRingProps.onBlur),
+        ...(0, _dataAttributes.mergeDataAttributes)(restProps, (0, _dataAttributes.dataAttributes)({
+          active: isPressed,
+          hover: isHovered,
+          focus: isFocused,
+          focusVisible: isFocusVisible,
+          disabled: isDisabled
+        })),
+        children: children
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.ListItemProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      ...restProps,
+      ref: ref,
+      style: [rowStyleForCrossAlign(crossAlign), style],
+      ...(0, _dataAttributes.mergeDataAttributes)(restProps, isDisabled ? (0, _dataAttributes.dataAttributes)({
+        disabled: true
+      }) : undefined),
+      children: children
+    })
+  });
+});
+ListItemRoot.displayName = 'ListItemRoot';
+//# sourceMappingURL=ListItemRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_utils","_focus","_interactions","_slot","_dataAttributes","_context","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","rowStyleForCrossAlign","crossAlign","flexDirection","alignSelf","alignItems","ListItemRoot","exports","forwardRef","asChild","children","onPress","isDisabled","style","restProps","ref","asChildInteractive","React","isValidElement","isPressableRoot","pressState","usePress","isPressed","pressProps","hoverProps","isHovered","useHover","isFocused","focusProps","useFocus","isFocusVisible","focusRingProps","useFocusRing","childDisabled","props","disabled","resolvedDisabled","contextValue","useMemo","hover","focus","active","focusVisible","slotMergeProps","accessibilityState","jsx","ListItemProvider","value","Slot","mergeDataAttributes","dataAttributes","onPressIn","onPressInProp","onPressOut","onPressOutProp","onHoverIn","onHoverInProp","onHoverOut","onHoverOutProp","onFocus","onFocusProp","onBlur","onBlurProp","Pressable","undefined","composeEventHandlers","View","displayName"],"sourceRoot":"../../../src","sources":["list-item/ListItemRoot.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_utils","require","ListItemProvider","useListItemContext","createContext","exports"],"sourceRoot":"../../../src","sources":["list-item/context.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAM,CAACC,gBAAgB,EAAEC,kBAAkB,CAAC,GACjD,IAAAC,oBAAa,EAAwB,iBAAiB,CAAC;AAACC,OAAA,CAAAF,kBAAA,GAAAA,kBAAA;AAAAE,OAAA,CAAAH,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"names":["_utils","require","ListItemProvider","useListItemContext","createContext","exports"],"sourceRoot":"../../../src","sources":["list-item/context.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAM,CAACC,gBAAgB,EAAEC,kBAAkB,CAAC,GACjD,IAAAC,oBAAa,EAAmB,iBAAiB,CAAC;AAACC,OAAA,CAAAF,kBAAA,GAAAA,kBAAA;AAAAE,OAAA,CAAAH,gBAAA,GAAAA,gBAAA","ignoreList":[]}

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

@@ -9,47 +9,18 @@ Object.defineProperty(exports, "ListItemProvider", {
     return _context.ListItemProvider;
   }
 });
-exports.createListItem = createListItem;
+Object.defineProperty(exports, "ListItemRoot", {
+  enumerable: true,
+  get: function () {
+    return _ListItemRoot.ListItemRoot;
+  }
+});
 Object.defineProperty(exports, "useListItemContext", {
   enumerable: true,
   get: function () {
     return _context.useListItemContext;
   }
 });
-var _createListItemContent = require("./createListItemContent");
-var _createListItemDescription = require("./createListItemDescription");
-var _createListItemLeadingSlot = require("./createListItemLeadingSlot");
-var _createListItemMeta = require("./createListItemMeta");
-var _createListItemRoot = require("./createListItemRoot");
-var _createListItemSectionHeader = require("./createListItemSectionHeader");
-var _createListItemTitle = require("./createListItemTitle");
-var _createListItemTrailingSlot = require("./createListItemTrailingSlot");
 var _context = require("./context");
-function createListItem(BaseComponents) {
-  const ListItem = (0, _createListItemRoot.createListItemRoot)(BaseComponents.View, BaseComponents.Pressable);
-  const LeadingSlot = (0, _createListItemLeadingSlot.createListItemLeadingSlot)(BaseComponents.LeadingSlot);
-  const Content = (0, _createListItemContent.createListItemContent)(BaseComponents.Content);
-  const Title = (0, _createListItemTitle.createListItemTitle)(BaseComponents.Title);
-  const Description = (0, _createListItemDescription.createListItemDescription)(BaseComponents.Description);
-  const Meta = (0, _createListItemMeta.createListItemMeta)(BaseComponents.Meta);
-  const TrailingSlot = (0, _createListItemTrailingSlot.createListItemTrailingSlot)(BaseComponents.TrailingSlot);
-  const SectionHeader = (0, _createListItemSectionHeader.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
-  });
-}
+var _ListItemRoot = require("./ListItemRoot");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_createListItemContent","require","_createListItemDescription","_createListItemLeadingSlot","_createListItemMeta","_createListItemRoot","_createListItemSectionHeader","_createListItemTitle","_createListItemTrailingSlot","_context","createListItem","BaseComponents","ListItem","createListItemRoot","View","Pressable","LeadingSlot","createListItemLeadingSlot","Content","createListItemContent","Title","createListItemTitle","Description","createListItemDescription","Meta","createListItemMeta","TrailingSlot","createListItemTrailingSlot","SectionHeader","createListItemSectionHeader","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["list-item/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;AACA,IAAAA,sBAAA,GAAAC,OAAA;AACA,IAAAC,0BAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,4BAAA,GAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAN,OAAA;AACA,IAAAO,2BAAA,GAAAP,OAAA;AAoBA,IAAAQ,QAAA,GAAAR,OAAA;AAEO,SAASS,cAAcA,CAU5BC,cAUD,EAAE;EACD,MAAMC,QAAQ,GAAG,IAAAC,sCAAkB,EAACF,cAAc,CAACG,IAAI,EAAEH,cAAc,CAACI,SAAS,CAAC;EAClF,MAAMC,WAAW,GAAG,IAAAC,oDAAyB,EAACN,cAAc,CAACK,WAAW,CAAC;EACzE,MAAME,OAAO,GAAG,IAAAC,4CAAqB,EAACR,cAAc,CAACO,OAAO,CAAC;EAC7D,MAAME,KAAK,GAAG,IAAAC,wCAAmB,EAACV,cAAc,CAACS,KAAK,CAAC;EACvD,MAAME,WAAW,GAAG,IAAAC,oDAAyB,EAACZ,cAAc,CAACW,WAAW,CAAC;EACzE,MAAME,IAAI,GAAG,IAAAC,sCAAkB,EAACd,cAAc,CAACa,IAAI,CAAC;EACpD,MAAME,YAAY,GAAG,IAAAC,sDAA0B,EAAChB,cAAc,CAACe,YAAY,CAAC;EAC5E,MAAME,aAAa,GAAG,IAAAC,wDAA2B,EAAClB,cAAc,CAACiB,aAAa,CAAC;EAE/EhB,QAAQ,CAACkB,WAAW,GAAG,mBAAmB;EAC1Cd,WAAW,CAACc,WAAW,GAAG,+BAA+B;EACzDZ,OAAO,CAACY,WAAW,GAAG,2BAA2B;EACjDV,KAAK,CAACU,WAAW,GAAG,yBAAyB;EAC7CR,WAAW,CAACQ,WAAW,GAAG,+BAA+B;EACzDN,IAAI,CAACM,WAAW,GAAG,wBAAwB;EAC3CJ,YAAY,CAACI,WAAW,GAAG,gCAAgC;EAC3DF,aAAa,CAACE,WAAW,GAAG,iCAAiC;EAE7D,OAAOC,MAAM,CAACC,MAAM,CAACpB,QAAQ,EAAE;IAC7BI,WAAW;IACXE,OAAO;IACPE,KAAK;IACLE,WAAW;IACXE,IAAI;IACJE,YAAY;IACZE;EACF,CAAC,CAAC;AAUJ","ignoreList":[]}
+{"version":3,"names":["_context","require","_ListItemRoot"],"sourceRoot":"../../../src","sources":["list-item/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA","ignoreList":[]}

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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAMA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAuE,IAAAK,WAAA,GAAAL,OAAA;AAOvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMM,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,iBAAU,EAAgC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACrF,MAAM;IAAEC,OAAO;IAAE,GAAGC;EAAU,CAAC,GAAGH,KAAK;EACvC,MAAM;IAAEI;EAAU,CAAC,GAAG,IAAAC,+BAAsB,EAAC,CAAC;EAC9C,MAAM;IACJC,KAAK;IACLC,SAAS;IACTC,UAAU;IACVC,UAAU;IACVC,cAAc;IACdC,YAAY;IACZC,gBAAgB;IAChBC,sBAAsB;IACtBC,WAAW;IACXC,iBAAiB;IACjBC;EACF,CAAC,GAAG,IAAAC,2BAAkB,EAAC,CAAC;EAExB,MAAMC,IAAI,GAAGd,SAAS,GAAGE,KAAK,CAACa,MAAM,GAAIb,KAAK,CAACF,SAAS,CAAC,IAAI,EAAE,GAAI,EAAE;EACrE,MAAMgB,KAAK,GAAGT,YAAY,GAAGP,SAAS,CAAC,IAAI,CAAC,CAAC;EAE7C,MAAMiB,kBAAkB,GAAG,IAAAC,cAAO,EAAC,MAAM;IACvC,MAAMC,SAAS,GAAGH,KAAK,CAACC,kBAAkB;IAC1C,IAAI,OAAOE,SAAS,KAAK,QAAQ,IAAIA,SAAS,KAAK,EAAE,EAAE;MACrD,OAAOA,SAAS;IAClB;IACA,IAAIV,sBAAsB,EAAE;MAC1B,OAAO,GAAGA,sBAAsB,KAAKW,MAAM,CAACpB,SAAS,GAAG,CAAC,CAAC,OAAOoB,MAAM,CAACjB,SAAS,CAAC,EAAE;IACtF;IACA,OAAO,aAAaiB,MAAM,CAACpB,SAAS,GAAG,CAAC,CAAC,OAAOoB,MAAM,CAACjB,SAAS,CAAC,EAAE;EACrE,CAAC,EAAE,CAACA,SAAS,EAAEH,SAAS,EAAEgB,KAAK,CAACC,kBAAkB,EAAER,sBAAsB,CAAC,CAAC;EAE5E,MAAMY,aAAa,GAAG,IAAAH,cAAO,EAAC,MAAM;IAClC,IAAI,CAACZ,cAAc,IAAIN,SAAS,KAAK,CAAC,EAAE;MACtC,OAAO,CAAC,CAAC;IACX;IACA,OAAOsB,qBAAQ,CAACC,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,CAAC7B,SAAS,EAAEM,cAAc,CAAC,CAAC;EAE/B,MAAMwB,QAAQ,GAAG,EAAE1B,UAAU,IAAIC,UAAU,CAAC;EAE5C,MAAM;IAAE0B,KAAK,EAAEC,UAAU;IAAEf,kBAAkB,EAAEgB,cAAc;IAAE,GAAGC;EAAU,CAAC,GAAGlB,KAAK;EACrF,KAAKiB,cAAc;EACnB,MAAM;IACJF,KAAK,EAAEI,aAAa;IACpBjC,KAAK,EAAEkC,UAAU;IACjBC,YAAY,EAAEC,YAAY;IAC1BC,YAAY,EAAEC,aAAa;IAC3B,GAAGC;EACL,CAAC,GAAG1C,SAA2B;EAC/B,KAAKqC,UAAU;EACf,KAAKE,YAAY;EACjB,KAAKE,aAAa;EAElB,MAAME,IAAI,GAAG5C,OAAO,GAAG6C,UAAI,GAAGC,sBAAS;EAEvC,oBACE,IAAApD,WAAA,CAAAqD,GAAA,EAACH,IAAI;IACH7C,GAAG,EAAE,IAAAiD,gBAAS,EAACjD,GAAG,EAAGkD,EAAoB,IAAK;MAC5CrC,WAAW,CAACV,SAAS,EAAE+C,EAAE,CAAC;IAC5B,CAAC,CAAE;IACH9B,kBAAkB,EAAEA,kBAAmB;IACvC,cAAYA,kBAAmB;IAC/B+B,UAAU;IACVC,SAAS,EAAEjD,SAAS,KAAK,CAAC,IAAI8B,QAAQ,IAAI5B,KAAK,CAACa,MAAM,KAAK,CAAE;IAC7De,QAAQ,EAAEA,QAAS;IACnBoB,YAAY,EAAC,YAAY;IACzBC,aAAa,EAAC,MAAM;IACpBC,iBAAiB;IACjBC,MAAM,EACJ7C,gBAAgB,GACZ,GAAGA,gBAAgB,IAAIY,MAAM,CAACpB,SAAS,CAAC,uBAAuB,GAC/DsD,SACL;IACDpD,KAAK,EAAEY,IAAK;IACZyB,YAAY,EAAGgB,IAAY,IAAK;MAC9B5C,iBAAiB,CAACX,SAAS,EAAEuD,IAAI,CAAC;IACpC,CAAE;IACFC,UAAU,EAAGC,CAAyB,IAAK;MACzC7C,mBAAmB,CAACZ,SAAS,EAAEyD,CAAC,CAACC,WAAW,CAACC,GAAG,CAAC;IACnD,CAAE;IAAA,GACEtC,aAAa;IAAA,GACZa,SAAS;IAAA,GACTO,YAAY;IACjBV,KAAK,EAAE,CAACC,UAAU,EAAEG,aAAa;EAAE,CACpC,CAAC;AAEN,CAAC,CAAC;AAEF1C,aAAa,CAACmE,WAAW,GAAG,eAAe","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":[]}