@cdx-ui/primitives 0.0.1-beta.9 → 0.0.1-beta.91

package/lib/commonjs/input/index.js

@@ -3,20 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createInput = createInput;
-var _createInputField = require("./createInputField");
-var _createInputRoot = require("./createInputRoot");
-var _createInputSlot = require("./createInputSlot");
-function createInput(BaseComponents) {
-  const Input = (0, _createInputRoot.createInputRoot)(BaseComponents.Root);
-  const Slot = (0, _createInputSlot.createInputSlot)(BaseComponents.Slot);
-  const Field = (0, _createInputField.createInputField)(BaseComponents.Field);
-  Input.displayName = 'InputPrimitive';
-  Slot.displayName = 'InputPrimitive.Slot';
-  Field.displayName = 'InputPrimitive.Field';
-  return Object.assign(Input, {
-    Slot,
-    Field
-  });
-}
+Object.defineProperty(exports, "InputField", {
+  enumerable: true,
+  get: function () {
+    return _InputField.InputField;
+  }
+});
+Object.defineProperty(exports, "InputRoot", {
+  enumerable: true,
+  get: function () {
+    return _InputRoot.InputRoot;
+  }
+});
+Object.defineProperty(exports, "useInputContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useInputContext;
+  }
+});
+var _context = require("./context");
+var _InputRoot = require("./InputRoot");
+var _InputField = require("./InputField");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_createInputField","require","_createInputRoot","_createInputSlot","createInput","BaseComponents","Input","createInputRoot","Root","Slot","createInputSlot","Field","createInputField","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["input/index.tsx"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AAWO,SAASG,WAAWA,CAMzBC,cAID,EAAE;EACD,MAAMC,KAAK,GAAG,IAAAC,gCAAe,EAACF,cAAc,CAACG,IAAI,CAAC;EAClD,MAAMC,IAAI,GAAG,IAAAC,gCAAe,EAACL,cAAc,CAACI,IAAI,CAAC;EACjD,MAAME,KAAK,GAAG,IAAAC,kCAAgB,EAACP,cAAc,CAACM,KAAK,CAAC;EAEpDL,KAAK,CAACO,WAAW,GAAG,gBAAgB;EACpCJ,IAAI,CAACI,WAAW,GAAG,qBAAqB;EACxCF,KAAK,CAACE,WAAW,GAAG,sBAAsB;EAE1C,OAAOC,MAAM,CAACC,MAAM,CAACT,KAAK,EAAE;IAC1BG,IAAI;IACJE;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["_context","require","_InputRoot","_InputField"],"sourceRoot":"../../../src","sources":["input/index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA","ignoreList":[]}

package/lib/commonjs/link/LinkRoot.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LinkRoot = void 0;
+var _react = 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 _useLink = require("./useLink");
+var _jsxRuntime = require("react/jsx-runtime");
+const LinkRoot = exports.LinkRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  children,
+  isHovered: isHoveredProp,
+  isPressed: isPressedProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  isVisited: isVisitedProp,
+  href,
+  onPress,
+  action,
+  webProps,
+  ...props
+}, ref) => {
+  const {
+    isFocused,
+    focusProps
+  } = (0, _focus.useFocus)();
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = (0, _focus.useFocusRing)();
+  const {
+    pressProps,
+    isPressed
+  } = (0, _interactions.usePress)({});
+  const {
+    isHovered,
+    hoverProps
+  } = (0, _interactions.useHover)();
+  const {
+    linkProps
+  } = (0, _useLink.useLink)({
+    href,
+    onPress,
+    action,
+    webProps
+  });
+  const hover = isHoveredProp || isHovered;
+  const visited = isVisitedProp ?? false;
+  const focusVisible = isFocusVisibleProp || isFocusVisible;
+  const contextValue = (0, _react.useMemo)(() => ({
+    hover,
+    visited,
+    focusVisible
+  }), [hover, visited, focusVisible]);
+  const Comp = asChild ? _slot.Slot : _reactNative.Pressable;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.LinkInteractionProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+      ref: ref,
+      ...linkProps,
+      ...props,
+      ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+        hover,
+        focus: isFocusedProp || isFocused,
+        active: isPressedProp || isPressed,
+        focusVisible,
+        visited
+      })),
+      onPressIn: (0, _utils.composeEventHandlers)(props?.onPressIn, pressProps.onPressIn),
+      onPressOut: (0, _utils.composeEventHandlers)(props?.onPressOut, pressProps.onPressOut),
+      onHoverIn: (0, _utils.composeEventHandlers)(props?.onHoverIn, hoverProps.onHoverIn),
+      onHoverOut: (0, _utils.composeEventHandlers)(props?.onHoverOut, hoverProps.onHoverOut),
+      onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(props?.onFocus, focusProps.onFocus), focusRingProps.onFocus),
+      onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(props?.onBlur, focusProps.onBlur), focusRingProps.onBlur),
+      children: typeof children === 'function' ? children(contextValue) : children
+    })
+  });
+});
+LinkRoot.displayName = 'LinkRoot';
+//# sourceMappingURL=LinkRoot.js.map

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

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

package/lib/commonjs/link/context.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLinkInteractionContext = exports.LinkInteractionProvider = void 0;
+var _utils = require("@cdx-ui/utils");
+const [LinkInteractionProvider, useLinkInteractionContext] = (0, _utils.createContext)('LinkInteractionContext');
+exports.useLinkInteractionContext = useLinkInteractionContext;
+exports.LinkInteractionProvider = LinkInteractionProvider;
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","LinkInteractionProvider","useLinkInteractionContext","createContext","exports"],"sourceRoot":"../../../src","sources":["link/context.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAQO,MAAM,CAACC,uBAAuB,EAAEC,yBAAyB,CAAC,GAC/D,IAAAC,oBAAa,EAAuB,wBAAwB,CAAC;AAACC,OAAA,CAAAF,yBAAA,GAAAA,yBAAA;AAAAE,OAAA,CAAAH,uBAAA,GAAAA,uBAAA","ignoreList":[]}

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":"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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