@cdx-ui/primitives 0.0.1-beta.7 → 0.0.1-beta.70

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

@@ -0,0 +1,98 @@
+"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 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,
+    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,
+    style: [androidDefaults, style],
+    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.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/InputRoot.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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");
+const InputRoot = exports.InputRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  children,
+  isReadOnly,
+  isDisabled,
+  isInvalid,
+  isRequired,
+  isHovered: isHoveredProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  ...rest
+}, ref) => {
+  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();
+  }, []);
+  const inputProps = (0, _utils.useFormControlContext)();
+  const {
+    isHovered
+  } = (0, _interactions.useHover)({}, inputRef);
+  const {
+    isFocusVisible
+  } = (0, _focus.useFocusRing)();
+  const resolvedDisabled = isDisabled || inputProps.isDisabled;
+  const resolvedInvalid = isInvalid || inputProps.isInvalid;
+  const resolvedReadOnly = isReadOnly || inputProps.isReadOnly;
+  const resolvedRequired = isRequired || inputProps.isRequired;
+  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,
+    isHovered: resolvedHovered,
+    isFocused: resolvedFocused,
+    isFocusVisible: resolvedFocusVisible,
+    isReadOnly: resolvedReadOnly,
+    isRequired: resolvedRequired,
+    inputRef,
+    handleFocus,
+    setIsFocused,
+    inputFieldRef
+  }), [resolvedDisabled, resolvedInvalid, resolvedHovered, resolvedFocused, resolvedFocusVisible, resolvedReadOnly, resolvedRequired, handleFocus]);
+  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
+    })
+  });
+});
+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/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":[]}