@cdx-ui/primitives 0.0.1-beta.65 → 0.0.1-beta.67

package/lib/commonjs/input/{createInputField.js → InputField.android.js}

@@ -3,41 +3,46 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createInputField = void 0;
+exports.InputField = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
 var _utils = require("@cdx-ui/utils");
-var _dataAttributes = require("../utils/dataAttributes");
+var _slot = require("../slot");
 var _context = require("./context");
 var _jsxRuntime = require("react/jsx-runtime");
-const createInputField = BaseInputField => /*#__PURE__*/(0, _react.forwardRef)(({
-  children,
-  onKeyPress,
-  type = 'text',
-  accessibilityLabel,
-  'aria-label': ariaLabelProp,
-  secureTextEntry,
-  editable,
-  disabled,
-  ...props
-}, ref) => {
+const androidDefaults = {
+  includeFontPadding: false,
+  textAlignVertical: 'center'
+};
+const InputField = exports.InputField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    asChild,
+    children,
+    onKeyPress,
+    type = 'text',
+    accessibilityLabel,
+    'aria-label': ariaLabelProp,
+    secureTextEntry,
+    editable,
+    disabled,
+    style,
+    ...rest
+  } = props;
   const {
     isDisabled,
     isReadOnly,
     isFocused,
     isInvalid,
     setIsFocused,
-    isHovered,
-    isFocusVisible,
     inputFieldRef,
     isRequired
   } = (0, _context.useInputContext)();
   const inputProps = (0, _utils.useFormControl)({
-    isDisabled: props.isDisabled || disabled,
-    isInvalid: props.isInvalid,
-    isReadOnly: props.isReadOnly,
-    isRequired: props.isRequired,
-    id: props.id
+    isDisabled: rest.isDisabled || disabled,
+    isInvalid: rest.isInvalid,
+    isReadOnly: rest.isReadOnly,
+    isRequired: rest.isRequired,
+    id: rest.id
   });
   const field = (0, _utils.useFormControlContext)();
   const reportLabelFocus = focused => {
@@ -45,11 +50,11 @@ const createInputField = BaseInputField => /*#__PURE__*/(0, _react.forwardRef)((
     field.setIsLabelFocused?.(active);
   };
   const handleFocus = (focusState, callback) => {
-    setIsFocused(focusState);
+    setIsFocused?.(focusState);
     reportLabelFocus(focusState);
     callback();
   };
-  const mergedRef = _reactNative.Platform.OS === 'web' ? (0, _utils.mergeRefs)(ref, inputFieldRef) : (0, _utils.mergeRefs)(ref, inputFieldRef, field.inputRef);
+  const mergedRef = (0, _utils.mergeRefs)(ref, inputFieldRef, field.inputRef);
   const isEffectivelyDisabled = isDisabled || inputProps.disabled;
   const ariaLabel = accessibilityLabel ?? ariaLabelProp;
   const editableProp = (0, _react.useMemo)(() => {
@@ -58,19 +63,12 @@ const createInputField = BaseInputField => /*#__PURE__*/(0, _react.forwardRef)((
     }
     return !(isDisabled || inputProps.disabled || isReadOnly);
   }, [isDisabled, inputProps.disabled, isReadOnly, editable]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseInputField, {
+  const Comp = asChild ? _slot.Slot : _reactNative.TextInput;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ...inputProps,
-    ...props,
+    ...rest,
+    style: [androidDefaults, style],
     type: type,
-    ...(0, _dataAttributes.dataAttributes)({
-      focus: isFocused,
-      invalid: isInvalid,
-      readonly: isReadOnly,
-      required: isRequired,
-      hover: isHovered,
-      focusVisible: isFocusVisible,
-      disabled: isEffectivelyDisabled
-    }),
     disabled: isEffectivelyDisabled,
     secureTextEntry: secureTextEntry || type === 'password',
     accessible: true,
@@ -79,7 +77,7 @@ const createInputField = BaseInputField => /*#__PURE__*/(0, _react.forwardRef)((
     "aria-required": isRequired || inputProps.required,
     "aria-invalid": isInvalid || inputProps['aria-invalid'],
     "aria-disabled": isEffectivelyDisabled,
-    "aria-selected": _reactNative.Platform.OS !== 'web' ? isFocused : undefined,
+    "aria-selected": isFocused,
     accessibilityElementsHidden: isEffectivelyDisabled,
     readOnly: !editableProp,
     onKeyPress: e => {
@@ -87,14 +85,14 @@ const createInputField = BaseInputField => /*#__PURE__*/(0, _react.forwardRef)((
       onKeyPress?.(e);
     },
     onFocus: e => {
-      handleFocus(true, () => props?.onFocus?.(e));
+      handleFocus(true, () => rest.onFocus?.(e));
     },
     onBlur: e => {
-      handleFocus(false, () => props?.onBlur?.(e));
+      handleFocus(false, () => rest.onBlur?.(e));
     },
     ref: mergedRef,
     children: children
   });
 });
-exports.createInputField = createInputField;
-//# sourceMappingURL=createInputField.js.map
+InputField.displayName = 'InputField';
+//# sourceMappingURL=InputField.android.js.map

package/lib/commonjs/input/InputField.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_slot","_context","_jsxRuntime","androidDefaults","includeFontPadding","textAlignVertical","InputField","exports","forwardRef","props","ref","asChild","children","onKeyPress","type","accessibilityLabel","ariaLabelProp","secureTextEntry","editable","disabled","style","rest","isDisabled","isReadOnly","isFocused","isInvalid","setIsFocused","inputFieldRef","isRequired","useInputContext","inputProps","useFormControl","id","field","useFormControlContext","reportLabelFocus","focused","active","setIsLabelFocused","handleFocus","focusState","callback","mergedRef","mergeRefs","inputRef","isEffectivelyDisabled","ariaLabel","editableProp","useMemo","undefined","Comp","Slot","TextInput","jsx","accessible","required","accessibilityElementsHidden","readOnly","e","persist","onFocus","onBlur","displayName"],"sourceRoot":"../../../src","sources":["input/InputField.android.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/input/InputField.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputField = 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");
+const InputField = exports.InputField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    asChild,
+    children,
+    onKeyPress,
+    type = 'text',
+    accessibilityLabel,
+    'aria-label': ariaLabelProp,
+    secureTextEntry,
+    editable,
+    disabled,
+    ...rest
+  } = props;
+  const {
+    isDisabled,
+    isReadOnly,
+    isFocused,
+    isInvalid,
+    setIsFocused,
+    inputFieldRef,
+    isRequired
+  } = (0, _context.useInputContext)();
+  const inputProps = (0, _utils.useFormControl)({
+    isDisabled: rest.isDisabled || disabled,
+    isInvalid: rest.isInvalid,
+    isReadOnly: rest.isReadOnly,
+    isRequired: rest.isRequired,
+    id: rest.id
+  });
+  const field = (0, _utils.useFormControlContext)();
+  const reportLabelFocus = focused => {
+    const active = focused && !(isDisabled || inputProps.disabled);
+    field.setIsLabelFocused?.(active);
+  };
+  const handleFocus = (focusState, callback) => {
+    setIsFocused?.(focusState);
+    reportLabelFocus(focusState);
+    callback();
+  };
+  const mergedRef = (0, _utils.mergeRefs)(ref, inputFieldRef, field.inputRef);
+  const isEffectivelyDisabled = isDisabled || inputProps.disabled;
+  const ariaLabel = accessibilityLabel ?? ariaLabelProp;
+  const editableProp = (0, _react.useMemo)(() => {
+    if (editable !== undefined) {
+      return editable;
+    }
+    return !(isDisabled || inputProps.disabled || isReadOnly);
+  }, [isDisabled, inputProps.disabled, isReadOnly, editable]);
+  const Comp = asChild ? _slot.Slot : _reactNative.TextInput;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ...inputProps,
+    ...rest,
+    type: type,
+    disabled: isEffectivelyDisabled,
+    secureTextEntry: secureTextEntry || type === 'password',
+    accessible: true,
+    accessibilityLabel: ariaLabel,
+    "aria-label": ariaLabel,
+    "aria-required": isRequired || inputProps.required,
+    "aria-invalid": isInvalid || inputProps['aria-invalid'],
+    "aria-disabled": isEffectivelyDisabled,
+    "aria-selected": isFocused,
+    accessibilityElementsHidden: isEffectivelyDisabled,
+    readOnly: !editableProp,
+    onKeyPress: e => {
+      e.persist();
+      onKeyPress?.(e);
+    },
+    onFocus: e => {
+      handleFocus(true, () => rest.onFocus?.(e));
+    },
+    onBlur: e => {
+      handleFocus(false, () => rest.onBlur?.(e));
+    },
+    ref: mergedRef,
+    children: children
+  });
+});
+InputField.displayName = 'InputField';
+//# sourceMappingURL=InputField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_slot","_context","_jsxRuntime","InputField","exports","forwardRef","props","ref","asChild","children","onKeyPress","type","accessibilityLabel","ariaLabelProp","secureTextEntry","editable","disabled","rest","isDisabled","isReadOnly","isFocused","isInvalid","setIsFocused","inputFieldRef","isRequired","useInputContext","inputProps","useFormControl","id","field","useFormControlContext","reportLabelFocus","focused","active","setIsLabelFocused","handleFocus","focusState","callback","mergedRef","mergeRefs","inputRef","isEffectivelyDisabled","ariaLabel","editableProp","useMemo","undefined","Comp","Slot","TextInput","jsx","accessible","required","accessibilityElementsHidden","readOnly","e","persist","onFocus","onBlur","displayName"],"sourceRoot":"../../../src","sources":["input/InputField.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/input/InputField.web.js

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputField = void 0;
+var _react = _interopRequireWildcard(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");
+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); }
+const fileInputStyle = {
+  flex: 1,
+  minWidth: 0,
+  border: 'none',
+  outline: 'none',
+  background: 'transparent',
+  fontSize: 'inherit',
+  fontFamily: 'inherit'
+};
+const InputField = exports.InputField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    asChild,
+    children,
+    onKeyPress,
+    type = 'text',
+    accessibilityLabel,
+    'aria-label': ariaLabelProp,
+    secureTextEntry,
+    editable,
+    disabled,
+    ...rest
+  } = props;
+  const {
+    isDisabled,
+    isReadOnly,
+    isInvalid,
+    setIsFocused,
+    isRequired,
+    inputFieldRef
+  } = (0, _context.useInputContext)();
+  const inputProps = (0, _utils.useFormControl)({
+    isDisabled: rest.isDisabled || disabled,
+    isInvalid: rest.isInvalid,
+    isReadOnly: rest.isReadOnly,
+    isRequired: rest.isRequired,
+    id: rest.id
+  });
+  const field = (0, _utils.useFormControlContext)();
+  const reportLabelFocus = focused => {
+    const active = focused && !(isDisabled || inputProps.disabled);
+    field.setIsLabelFocused?.(active);
+  };
+  const handleFocus = (focusState, callback) => {
+    setIsFocused?.(focusState);
+    reportLabelFocus(focusState);
+    callback();
+  };
+  const mergedRef = (0, _utils.mergeRefs)(ref, inputFieldRef);
+  const isEffectivelyDisabled = isDisabled || inputProps.disabled;
+  const ariaLabel = accessibilityLabel ?? ariaLabelProp;
+  const editableProp = (0, _react.useMemo)(() => {
+    if (editable !== undefined) {
+      return editable;
+    }
+    return !(isDisabled || inputProps.disabled || isReadOnly);
+  }, [isDisabled, inputProps.disabled, isReadOnly, editable]);
+  if (!asChild && type === 'file') {
+    const fileProps = rest;
+    return /*#__PURE__*/_react.default.createElement('input', {
+      ref: mergedRef,
+      type: 'file',
+      accept: fileProps.accept || undefined,
+      multiple: fileProps.multiple || undefined,
+      capture: fileProps.capture || undefined,
+      disabled: isEffectivelyDisabled || undefined,
+      'aria-label': ariaLabel,
+      'aria-required': isRequired || inputProps.required || undefined,
+      'aria-invalid': isInvalid || inputProps['aria-invalid'] || undefined,
+      'aria-disabled': isEffectivelyDisabled || undefined,
+      onChange: e => {
+        const files = e.target.files;
+        if (files && fileProps.onFiles) {
+          fileProps.onFiles(Array.from(files));
+        }
+      },
+      onFocus: e => {
+        handleFocus(true, () => rest.onFocus?.(e));
+      },
+      onBlur: e => {
+        handleFocus(false, () => rest.onBlur?.(e));
+      },
+      style: {
+        ...fileInputStyle,
+        cursor: isEffectivelyDisabled ? 'not-allowed' : 'pointer'
+      }
+    });
+  }
+  const Comp = asChild ? _slot.Slot : _reactNative.TextInput;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ...inputProps,
+    ...rest,
+    type: type,
+    disabled: isEffectivelyDisabled,
+    secureTextEntry: secureTextEntry || type === 'password',
+    accessible: true,
+    accessibilityLabel: ariaLabel,
+    "aria-label": ariaLabel,
+    "aria-required": isRequired || inputProps.required,
+    "aria-invalid": isInvalid || inputProps['aria-invalid'],
+    "aria-disabled": isEffectivelyDisabled,
+    accessibilityElementsHidden: isEffectivelyDisabled,
+    readOnly: !editableProp,
+    onKeyPress: e => {
+      e.persist();
+      onKeyPress?.(e);
+    },
+    onFocus: e => {
+      handleFocus(true, () => rest.onFocus?.(e));
+    },
+    onBlur: e => {
+      handleFocus(false, () => rest.onBlur?.(e));
+    },
+    ref: mergedRef,
+    children: children
+  });
+});
+InputField.displayName = 'InputField';
+//# sourceMappingURL=InputField.web.js.map

package/lib/commonjs/input/InputField.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_utils","_slot","_context","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","fileInputStyle","flex","minWidth","border","outline","background","fontSize","fontFamily","InputField","exports","forwardRef","props","ref","asChild","children","onKeyPress","type","accessibilityLabel","ariaLabelProp","secureTextEntry","editable","disabled","rest","isDisabled","isReadOnly","isInvalid","setIsFocused","isRequired","inputFieldRef","useInputContext","inputProps","useFormControl","id","field","useFormControlContext","reportLabelFocus","focused","active","setIsLabelFocused","handleFocus","focusState","callback","mergedRef","mergeRefs","isEffectivelyDisabled","ariaLabel","editableProp","useMemo","undefined","fileProps","React","createElement","accept","multiple","capture","required","onChange","files","target","onFiles","Array","from","onFocus","onBlur","style","cursor","Comp","Slot","TextInput","jsx","accessible","accessibilityElementsHidden","readOnly","persist","displayName"],"sourceRoot":"../../../src","sources":["input/InputField.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/input/{createInputRoot.js → InputRoot.js}

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createInputRoot = void 0;
-var _react = _interopRequireWildcard(require("react"));
+exports.InputRoot = 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 _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); }
-// TODO: Does this need useControllableState?
-
-const createInputRoot = BaseInput => /*#__PURE__*/(0, _react.forwardRef)(({
+const InputRoot = exports.InputRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   children,
   isReadOnly,
   isDisabled,
@@ -23,11 +23,11 @@ const createInputRoot = BaseInput => /*#__PURE__*/(0, _react.forwardRef)(({
   isHovered: isHoveredProp,
   isFocused: isFocusedProp,
   isFocusVisible: isFocusVisibleProp,
-  ...props
+  ...rest
 }, ref) => {
-  const inputRef = _react.default.useRef(null);
-  const inputFieldRef = _react.default.useRef(null);
-  const [isFocused, setIsFocused] = _react.default.useState(false);
+  const inputRef = (0, _react.useRef)(null);
+  const inputFieldRef = (0, _react.useRef)(null);
+  const [isFocused, setIsFocused] = (0, _react.useState)(false);
   const handleFocus = (0, _react.useCallback)((focusState, callback) => {
     setIsFocused(focusState);
     callback();
@@ -46,6 +46,8 @@ const createInputRoot = BaseInput => /*#__PURE__*/(0, _react.forwardRef)(({
   const resolvedHovered = isHoveredProp || isHovered;
   const resolvedFocused = isFocusedProp || isFocused;
   const resolvedFocusVisible = isFocusVisibleProp || isFocusVisible;
+
+  // TODO: Remove is prefix from props (align with ButtonRoot)
   const contextValue = (0, _react.useMemo)(() => ({
     isDisabled: resolvedDisabled,
     isInvalid: resolvedInvalid,
@@ -59,24 +61,24 @@ const createInputRoot = BaseInput => /*#__PURE__*/(0, _react.forwardRef)(({
     setIsFocused,
     inputFieldRef
   }), [resolvedDisabled, resolvedInvalid, resolvedHovered, resolvedFocused, resolvedFocusVisible, resolvedReadOnly, resolvedRequired, handleFocus]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(BaseInput, {
-    ...(0, _dataAttributes.dataAttributes)({
-      hover: resolvedHovered,
-      focus: resolvedFocused,
-      disabled: resolvedDisabled,
-      invalid: resolvedInvalid,
-      readonly: resolvedReadOnly,
-      required: resolvedRequired,
-      focusVisible: resolvedFocusVisible
-    }),
-    ...props,
-    ref: (0, _utils.mergeRefs)(inputRef, ref) // TODO: Somehow utils and primitives package are resolving to different versions of react (@types/react?)
-    ,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.InputProvider, {
-      value: contextValue,
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.InputProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+      ref: (0, _utils.mergeRefs)(inputRef, ref),
+      ...rest,
+      ...(0, _dataAttributes.mergeDataAttributes)(rest, (0, _dataAttributes.dataAttributes)({
+        hover: resolvedHovered,
+        focus: resolvedFocused,
+        disabled: resolvedDisabled,
+        invalid: resolvedInvalid,
+        readonly: resolvedReadOnly,
+        required: resolvedRequired,
+        focusVisible: resolvedFocusVisible
+      })),
       children: children
     })
   });
 });
-exports.createInputRoot = createInputRoot;
-//# sourceMappingURL=createInputRoot.js.map
+InputRoot.displayName = 'InputRoot';
+//# sourceMappingURL=InputRoot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_focus","_interactions","_slot","_dataAttributes","_context","_jsxRuntime","InputRoot","exports","forwardRef","asChild","children","isReadOnly","isDisabled","isInvalid","isRequired","isHovered","isHoveredProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","rest","ref","inputRef","useRef","inputFieldRef","setIsFocused","useState","handleFocus","useCallback","focusState","callback","inputProps","useFormControlContext","useHover","useFocusRing","resolvedDisabled","resolvedInvalid","resolvedReadOnly","resolvedRequired","resolvedHovered","resolvedFocused","resolvedFocusVisible","contextValue","useMemo","Comp","Slot","View","jsx","InputProvider","value","mergeRefs","mergeDataAttributes","dataAttributes","hover","focus","disabled","invalid","readonly","required","focusVisible","displayName"],"sourceRoot":"../../../src","sources":["input/InputRoot.tsx"],"mappings":"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","ignoreList":[]}

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/{createLink.js → LinkRoot.js}

@@ -3,19 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createLink = void 0;
-var _react = _interopRequireWildcard(require("react"));
+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");
-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); }
-const createLink = ({
-  Root
-}) => /*#__PURE__*/(0, _react.forwardRef)(({
+const LinkRoot = exports.LinkRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   children,
   isHovered: isHoveredProp,
   isPressed: isPressedProp,
@@ -55,34 +55,34 @@ const createLink = ({
   const hover = isHoveredProp || isHovered;
   const visited = isVisitedProp ?? false;
   const focusVisible = isFocusVisibleProp || isFocusVisible;
-  const interactionState = (0, _react.useMemo)(() => ({
+  const contextValue = (0, _react.useMemo)(() => ({
     hover,
     visited,
     focusVisible
   }), [hover, visited, focusVisible]);
-  const interactionAttrs = (0, _dataAttributes.dataAttributes)({
-    hover,
-    focus: isFocusedProp || isFocused,
-    active: isPressedProp || isPressed,
-    focusVisible,
-    visited
-  });
+  const Comp = asChild ? _slot.Slot : _reactNative.Pressable;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.LinkInteractionProvider, {
-    value: interactionState,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
       ref: ref,
-      ...interactionAttrs,
       ...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: children
+      children: typeof children === 'function' ? children(contextValue) : children
     })
   });
 });
-exports.createLink = createLink;
-//# sourceMappingURL=createLink.js.map
+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":[]}