@cdx-ui/primitives 0.0.1-alpha.11 → 0.0.1-alpha.13

package/lib/commonjs/index.js

@@ -48,6 +48,18 @@ Object.keys(_input).forEach(function (key) {
     }
   });
 });
+var _link = require("./link");
+Object.keys(_link).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _link[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _link[key];
+    }
+  });
+});
 var _overlay = require("./overlay");
 var _select = require("./select");
 Object.keys(_select).forEach(function (key) {

package/lib/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_button","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_checkbox","_input","_overlay","_select","_switch"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,SAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,SAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,SAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,SAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,MAAA,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,MAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,MAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,MAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,QAAA,GAAAf,OAAA;AACA,IAAAgB,OAAA,GAAAhB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAc,OAAA,EAAAb,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAY,OAAA,CAAAZ,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,OAAA,CAAAZ,GAAA;IAAA;EAAA;AAAA;AACA,IAAAa,OAAA,GAAAjB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAe,OAAA,EAAAd,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAa,OAAA,CAAAb,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,OAAA,CAAAb,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_button","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_checkbox","_input","_link","_overlay","_select","_switch"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/link/LinkProvider.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LinkProvider = LinkProvider;
+exports.useLinkConfig = useLinkConfig;
+var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
+const LinkConfigContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+function LinkProvider({
+  navigate,
+  shouldNavigate,
+  children
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinkConfigContext.Provider, {
+    value: {
+      navigate,
+      shouldNavigate
+    },
+    children: children
+  });
+}
+LinkProvider.displayName = 'LinkProvider';
+function useLinkConfig() {
+  return (0, _react.useContext)(LinkConfigContext);
+}
+//# sourceMappingURL=LinkProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_jsxRuntime","LinkConfigContext","createContext","undefined","LinkProvider","navigate","shouldNavigate","children","jsx","Provider","value","displayName","useLinkConfig","useContext"],"sourceRoot":"../../../src","sources":["link/LinkProvider.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAkE,IAAAC,WAAA,GAAAD,OAAA;AA+BlE,MAAME,iBAAiB,gBAAG,IAAAC,oBAAa,EAAyBC,SAAS,CAAC;AAEnE,SAASC,YAAYA,CAAC;EAC3BC,QAAQ;EACRC,cAAc;EACdC;AACoC,CAAC,EAAE;EACvC,oBACE,IAAAP,WAAA,CAAAQ,GAAA,EAACP,iBAAiB,CAACQ,QAAQ;IAACC,KAAK,EAAE;MAAEL,QAAQ;MAAEC;IAAe,CAAE;IAAAC,QAAA,EAC7DA;EAAQ,CACiB,CAAC;AAEjC;AAEAH,YAAY,CAACO,WAAW,GAAG,cAAc;AAElC,SAASC,aAAaA,CAAA,EAA2B;EACtD,OAAO,IAAAC,iBAAU,EAACZ,iBAAiB,CAAC;AACtC","ignoreList":[]}

package/lib/commonjs/link/createLink.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createLink = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("@cdx-ui/utils");
+var _focus = require("@react-native-aria/focus");
+var _interactions = require("@react-native-aria/interactions");
+var _dataAttributes = require("../utils/dataAttributes");
+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)(({
+  children,
+  isHovered: isHoveredProp,
+  isPressed: isPressedProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  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 interactionAttrs = (0, _dataAttributes.dataAttributes)({
+    hover: isHoveredProp || isHovered,
+    focus: isFocusedProp || isFocused,
+    active: isPressedProp || isPressed,
+    focusVisible: isFocusVisibleProp || isFocusVisible
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, {
+    ref: ref,
+    ...interactionAttrs,
+    ...linkProps,
+    ...props,
+    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
+  });
+});
+exports.createLink = createLink;
+//# sourceMappingURL=createLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_utils","_focus","_interactions","_dataAttributes","_useLink","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","createLink","Root","forwardRef","children","isHovered","isHoveredProp","isPressed","isPressedProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","href","onPress","action","webProps","props","ref","focusProps","useFocus","focusRingProps","useFocusRing","pressProps","usePress","hoverProps","useHover","linkProps","useLink","interactionAttrs","dataAttributes","hover","focus","active","focusVisible","jsx","onPressIn","composeEventHandlers","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","exports"],"sourceRoot":"../../../src","sources":["link/createLink.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/link/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LinkProvider", {
+  enumerable: true,
+  get: function () {
+    return _LinkProvider.LinkProvider;
+  }
+});
+Object.defineProperty(exports, "createLink", {
+  enumerable: true,
+  get: function () {
+    return _createLink.createLink;
+  }
+});
+Object.defineProperty(exports, "useLink", {
+  enumerable: true,
+  get: function () {
+    return _useLink.useLink;
+  }
+});
+var _createLink = require("./createLink");
+var _LinkProvider = require("./LinkProvider");
+var _useLink = require("./useLink");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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":[]}

package/lib/commonjs/link/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["link/types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/link/useLink.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLink = useLink;
+var _reactNative = require("react-native");
+var _LinkProvider = require("./LinkProvider");
+function defaultNavigate(href) {
+  _reactNative.Linking.canOpenURL(href).then(supported => {
+    if (supported) return _reactNative.Linking.openURL(href);
+    console.warn(`Cannot open URL: ${href}`);
+  }).catch(err => console.error('Failed to open URL', err));
+}
+function useLink(props) {
+  const {
+    href,
+    onPress,
+    action = 'navigate',
+    webProps
+  } = props;
+  const config = (0, _LinkProvider.useLinkConfig)();
+  const providerHandles = !!config && !!href && (config.shouldNavigate?.(href) ?? true);
+  let platformLinkProps = {};
+  if (_reactNative.Platform.OS === 'web') {
+    platformLinkProps = {
+      href: providerHandles ? undefined : href,
+      hrefAttrs: webProps,
+      onPress: event => {
+        onPress?.(event);
+        if (providerHandles) void config.navigate(href, action);
+      }
+    };
+  } else {
+    platformLinkProps = {
+      onPress: event => {
+        onPress?.(event);
+        if (href) {
+          if (providerHandles) {
+            void config.navigate(href, action);
+          } else {
+            defaultNavigate(href);
+          }
+        }
+      }
+    };
+  }
+  return {
+    linkProps: {
+      ...platformLinkProps,
+      role: 'link',
+      accessible: true
+    }
+  };
+}
+//# sourceMappingURL=useLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_LinkProvider","defaultNavigate","href","Linking","canOpenURL","then","supported","openURL","console","warn","catch","err","error","useLink","props","onPress","action","webProps","config","useLinkConfig","providerHandles","shouldNavigate","platformLinkProps","Platform","OS","undefined","hrefAttrs","event","navigate","linkProps","role","accessible"],"sourceRoot":"../../../src","sources":["link/useLink.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,aAAA,GAAAD,OAAA;AAGA,SAASE,eAAeA,CAACC,IAAY,EAAQ;EAC3CC,oBAAO,CAACC,UAAU,CAACF,IAAI,CAAC,CACrBG,IAAI,CAAEC,SAAS,IAAK;IACnB,IAAIA,SAAS,EAAE,OAAOH,oBAAO,CAACI,OAAO,CAACL,IAAI,CAAC;IAC3CM,OAAO,CAACC,IAAI,CAAC,oBAAoBP,IAAI,EAAE,CAAC;EAC1C,CAAC,CAAC,CACDQ,KAAK,CAAEC,GAAY,IAAKH,OAAO,CAACI,KAAK,CAAC,oBAAoB,EAAED,GAAG,CAAC,CAAC;AACtE;AAEO,SAASE,OAAOA,CAACC,KAAmB,EAAE;EAC3C,MAAM;IAAEZ,IAAI;IAAEa,OAAO;IAAEC,MAAM,GAAG,UAAU;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAC9D,MAAMI,MAAM,GAAG,IAAAC,2BAAa,EAAC,CAAC;EAE9B,MAAMC,eAAe,GAAG,CAAC,CAACF,MAAM,IAAI,CAAC,CAAChB,IAAI,KAAKgB,MAAM,CAACG,cAAc,GAAGnB,IAAI,CAAC,IAAI,IAAI,CAAC;EAErF,IAAIoB,iBAAiB,GAAG,CAAC,CAAC;EAE1B,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,EAAE;IACzBF,iBAAiB,GAAG;MAClBpB,IAAI,EAAEkB,eAAe,GAAGK,SAAS,GAAGvB,IAAI;MACxCwB,SAAS,EAAET,QAAQ;MACnBF,OAAO,EAAGY,KAA4B,IAAK;QACzCZ,OAAO,GAAGY,KAAK,CAAC;QAChB,IAAIP,eAAe,EAAE,KAAKF,MAAM,CAACU,QAAQ,CAAC1B,IAAI,EAAEc,MAAM,CAAC;MACzD;IACF,CAAC;EACH,CAAC,MAAM;IACLM,iBAAiB,GAAG;MAClBP,OAAO,EAAGY,KAA4B,IAAK;QACzCZ,OAAO,GAAGY,KAAK,CAAC;QAChB,IAAIzB,IAAI,EAAE;UACR,IAAIkB,eAAe,EAAE;YACnB,KAAKF,MAAM,CAACU,QAAQ,CAAC1B,IAAI,EAAEc,MAAM,CAAC;UACpC,CAAC,MAAM;YACLf,eAAe,CAACC,IAAI,CAAC;UACvB;QACF;MACF;IACF,CAAC;EACH;EAEA,OAAO;IACL2B,SAAS,EAAE;MACT,GAAGP,iBAAiB;MACpBQ,IAAI,EAAE,MAA2B;MACjCC,UAAU,EAAE;IACd;EACF,CAAC;AACH","ignoreList":[]}

package/lib/module/index.js

@@ -3,6 +3,7 @@
 export * from './button';
 export * from './checkbox';
 export * from './input';
+export * from './link';
 export { OverlayInsetsProvider } from './overlay';
 export * from './select';
 export * from './switch';

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["OverlayInsetsProvider"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,SAA0BA,qBAAqB,QAAQ,WAAW;AAClE,cAAc,UAAU;AACxB,cAAc,UAAU","ignoreList":[]}
+{"version":3,"names":["OverlayInsetsProvider"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,SAA0BA,qBAAqB,QAAQ,WAAW;AAClE,cAAc,UAAU;AACxB,cAAc,UAAU","ignoreList":[]}

package/lib/module/link/LinkProvider.js

@@ -0,0 +1,23 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+const LinkConfigContext = /*#__PURE__*/createContext(undefined);
+export function LinkProvider({
+  navigate,
+  shouldNavigate,
+  children
+}) {
+  return /*#__PURE__*/_jsx(LinkConfigContext.Provider, {
+    value: {
+      navigate,
+      shouldNavigate
+    },
+    children: children
+  });
+}
+LinkProvider.displayName = 'LinkProvider';
+export function useLinkConfig() {
+  return useContext(LinkConfigContext);
+}
+//# sourceMappingURL=LinkProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","jsx","_jsx","LinkConfigContext","undefined","LinkProvider","navigate","shouldNavigate","children","Provider","value","displayName","useLinkConfig"],"sourceRoot":"../../../src","sources":["link/LinkProvider.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAwB,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA+BlE,MAAMC,iBAAiB,gBAAGJ,aAAa,CAAyBK,SAAS,CAAC;AAE1E,OAAO,SAASC,YAAYA,CAAC;EAC3BC,QAAQ;EACRC,cAAc;EACdC;AACoC,CAAC,EAAE;EACvC,oBACEN,IAAA,CAACC,iBAAiB,CAACM,QAAQ;IAACC,KAAK,EAAE;MAAEJ,QAAQ;MAAEC;IAAe,CAAE;IAAAC,QAAA,EAC7DA;EAAQ,CACiB,CAAC;AAEjC;AAEAH,YAAY,CAACM,WAAW,GAAG,cAAc;AAEzC,OAAO,SAASC,aAAaA,CAAA,EAA2B;EACtD,OAAOZ,UAAU,CAACG,iBAAiB,CAAC;AACtC","ignoreList":[]}

package/lib/module/link/createLink.js

@@ -0,0 +1,68 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { composeEventHandlers } from '@cdx-ui/utils';
+import { useFocusRing, useFocus } from '@react-native-aria/focus';
+import { useHover, usePress } from '@react-native-aria/interactions';
+import { dataAttributes } from '../utils/dataAttributes';
+import { useLink } from './useLink';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const createLink = ({
+  Root
+}) => /*#__PURE__*/forwardRef(({
+  children,
+  isHovered: isHoveredProp,
+  isPressed: isPressedProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  href,
+  onPress,
+  action,
+  webProps,
+  ...props
+}, ref) => {
+  const {
+    isFocused,
+    focusProps
+  } = useFocus();
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = useFocusRing();
+  const {
+    pressProps,
+    isPressed
+  } = usePress({});
+  const {
+    isHovered,
+    hoverProps
+  } = useHover();
+  const {
+    linkProps
+  } = useLink({
+    href,
+    onPress,
+    action,
+    webProps
+  });
+  const interactionAttrs = dataAttributes({
+    hover: isHoveredProp || isHovered,
+    focus: isFocusedProp || isFocused,
+    active: isPressedProp || isPressed,
+    focusVisible: isFocusVisibleProp || isFocusVisible
+  });
+  return /*#__PURE__*/_jsx(Root, {
+    ref: ref,
+    ...interactionAttrs,
+    ...linkProps,
+    ...props,
+    onPressIn: composeEventHandlers(props?.onPressIn, pressProps.onPressIn),
+    onPressOut: composeEventHandlers(props?.onPressOut, pressProps.onPressOut),
+    onHoverIn: composeEventHandlers(props?.onHoverIn, hoverProps.onHoverIn),
+    onHoverOut: composeEventHandlers(props?.onHoverOut, hoverProps.onHoverOut),
+    onFocus: composeEventHandlers(composeEventHandlers(props?.onFocus, focusProps.onFocus), focusRingProps.onFocus),
+    onBlur: composeEventHandlers(composeEventHandlers(props?.onBlur, focusProps.onBlur), focusRingProps.onBlur),
+    children: children
+  });
+});
+//# sourceMappingURL=createLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","composeEventHandlers","useFocusRing","useFocus","useHover","usePress","dataAttributes","useLink","jsx","_jsx","createLink","Root","children","isHovered","isHoveredProp","isPressed","isPressedProp","isFocused","isFocusedProp","isFocusVisible","isFocusVisibleProp","href","onPress","action","webProps","props","ref","focusProps","focusRingProps","pressProps","hoverProps","linkProps","interactionAttrs","hover","focus","active","focusVisible","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur"],"sourceRoot":"../../../src","sources":["link/createLink.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,oBAAoB,QAAQ,eAAe;AACpD,SAASC,YAAY,EAAEC,QAAQ,QAAQ,0BAA0B;AACjE,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,iCAAiC;AACpE,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,OAAO,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGpC,OAAO,MAAMC,UAAU,GAAGA,CAAqB;EAAEC;AAA2C,CAAC,kBAC3FX,UAAU,CACR,CACE;EACEY,QAAQ;EACRC,SAAS,EAAEC,aAAa;EACxBC,SAAS,EAAEC,aAAa;EACxBC,SAAS,EAAEC,aAAa;EACxBC,cAAc,EAAEC,kBAAkB;EAClCC,IAAI;EACJC,OAAO;EACPC,MAAM;EACNC,QAAQ;EACR,GAAGC;AACO,CAAC,EACbC,GAA0B,KACvB;EACH,MAAM;IAAET,SAAS;IAAEU;EAAW,CAAC,GAAGxB,QAAQ,CAAC,CAAC;EAC5C,MAAM;IAAEgB,cAAc;IAAEQ,UAAU,EAAEC;EAAe,CAAC,GAAG1B,YAAY,CAAC,CAGnE;EACD,MAAM;IAAE2B,UAAU;IAAEd;EAAU,CAAC,GAAGV,QAAQ,CAAC,CAAC,CAAC,CAAC;EAC9C,MAAM;IAAEQ,SAAS;IAAEiB;EAAW,CAAC,GAAG1B,QAAQ,CAAC,CAAC;EAE5C,MAAM;IAAE2B;EAAU,CAAC,GAAGxB,OAAO,CAAC;IAC5Bc,IAAI;IACJC,OAAO;IACPC,MAAM;IACNC;EACF,CAAC,CAAC;EAEF,MAAMQ,gBAAgB,GAAG1B,cAAc,CAAC;IACtC2B,KAAK,EAAEnB,aAAa,IAAID,SAAS;IACjCqB,KAAK,EAAEhB,aAAa,IAAID,SAAS;IACjCkB,MAAM,EAAEnB,aAAa,IAAID,SAAS;IAClCqB,YAAY,EAAEhB,kBAAkB,IAAID;EACtC,CAAC,CAAC;EAEF,oBACEV,IAAA,CAACE,IAAI;IACHe,GAAG,EAAEA,GAAI;IAAA,GACLM,gBAAgB;IAAA,GAChBD,SAAS;IAAA,GACRN,KAAK;IACVY,SAAS,EAAEpC,oBAAoB,CAACwB,KAAK,EAAEY,SAAS,EAAER,UAAU,CAACQ,SAAS,CAAE;IACxEC,UAAU,EAAErC,oBAAoB,CAACwB,KAAK,EAAEa,UAAU,EAAET,UAAU,CAACS,UAAU,CAAE;IAC3EC,SAAS,EAAEtC,oBAAoB,CAACwB,KAAK,EAAEc,SAAS,EAAET,UAAU,CAACS,SAAS,CAAE;IACxEC,UAAU,EAAEvC,oBAAoB,CAACwB,KAAK,EAAEe,UAAU,EAAEV,UAAU,CAACU,UAAU,CAAE;IAC3EC,OAAO,EAAExC,oBAAoB,CAC3BA,oBAAoB,CAACwB,KAAK,EAAEgB,OAAO,EAAEd,UAAU,CAACc,OAAO,CAAC,EACxDb,cAAc,CAACa,OACjB,CAAE;IACFC,MAAM,EAAEzC,oBAAoB,CAC1BA,oBAAoB,CAACwB,KAAK,EAAEiB,MAAM,EAAEf,UAAU,CAACe,MAAM,CAAC,EACtDd,cAAc,CAACc,MACjB,CAAE;IAAA9B,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC","ignoreList":[]}

package/lib/module/link/index.js

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

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

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

package/lib/module/link/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["link/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/link/useLink.js

@@ -0,0 +1,52 @@
+"use strict";
+
+import { Linking, Platform } from 'react-native';
+import { useLinkConfig } from './LinkProvider';
+function defaultNavigate(href) {
+  Linking.canOpenURL(href).then(supported => {
+    if (supported) return Linking.openURL(href);
+    console.warn(`Cannot open URL: ${href}`);
+  }).catch(err => console.error('Failed to open URL', err));
+}
+export function useLink(props) {
+  const {
+    href,
+    onPress,
+    action = 'navigate',
+    webProps
+  } = props;
+  const config = useLinkConfig();
+  const providerHandles = !!config && !!href && (config.shouldNavigate?.(href) ?? true);
+  let platformLinkProps = {};
+  if (Platform.OS === 'web') {
+    platformLinkProps = {
+      href: providerHandles ? undefined : href,
+      hrefAttrs: webProps,
+      onPress: event => {
+        onPress?.(event);
+        if (providerHandles) void config.navigate(href, action);
+      }
+    };
+  } else {
+    platformLinkProps = {
+      onPress: event => {
+        onPress?.(event);
+        if (href) {
+          if (providerHandles) {
+            void config.navigate(href, action);
+          } else {
+            defaultNavigate(href);
+          }
+        }
+      }
+    };
+  }
+  return {
+    linkProps: {
+      ...platformLinkProps,
+      role: 'link',
+      accessible: true
+    }
+  };
+}
+//# sourceMappingURL=useLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Linking","Platform","useLinkConfig","defaultNavigate","href","canOpenURL","then","supported","openURL","console","warn","catch","err","error","useLink","props","onPress","action","webProps","config","providerHandles","shouldNavigate","platformLinkProps","OS","undefined","hrefAttrs","event","navigate","linkProps","role","accessible"],"sourceRoot":"../../../src","sources":["link/useLink.ts"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,QAAQ,QAAQ,cAAc;AAEhD,SAASC,aAAa,QAAQ,gBAAgB;AAG9C,SAASC,eAAeA,CAACC,IAAY,EAAQ;EAC3CJ,OAAO,CAACK,UAAU,CAACD,IAAI,CAAC,CACrBE,IAAI,CAAEC,SAAS,IAAK;IACnB,IAAIA,SAAS,EAAE,OAAOP,OAAO,CAACQ,OAAO,CAACJ,IAAI,CAAC;IAC3CK,OAAO,CAACC,IAAI,CAAC,oBAAoBN,IAAI,EAAE,CAAC;EAC1C,CAAC,CAAC,CACDO,KAAK,CAAEC,GAAY,IAAKH,OAAO,CAACI,KAAK,CAAC,oBAAoB,EAAED,GAAG,CAAC,CAAC;AACtE;AAEA,OAAO,SAASE,OAAOA,CAACC,KAAmB,EAAE;EAC3C,MAAM;IAAEX,IAAI;IAAEY,OAAO;IAAEC,MAAM,GAAG,UAAU;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAC9D,MAAMI,MAAM,GAAGjB,aAAa,CAAC,CAAC;EAE9B,MAAMkB,eAAe,GAAG,CAAC,CAACD,MAAM,IAAI,CAAC,CAACf,IAAI,KAAKe,MAAM,CAACE,cAAc,GAAGjB,IAAI,CAAC,IAAI,IAAI,CAAC;EAErF,IAAIkB,iBAAiB,GAAG,CAAC,CAAC;EAE1B,IAAIrB,QAAQ,CAACsB,EAAE,KAAK,KAAK,EAAE;IACzBD,iBAAiB,GAAG;MAClBlB,IAAI,EAAEgB,eAAe,GAAGI,SAAS,GAAGpB,IAAI;MACxCqB,SAAS,EAAEP,QAAQ;MACnBF,OAAO,EAAGU,KAA4B,IAAK;QACzCV,OAAO,GAAGU,KAAK,CAAC;QAChB,IAAIN,eAAe,EAAE,KAAKD,MAAM,CAACQ,QAAQ,CAACvB,IAAI,EAAEa,MAAM,CAAC;MACzD;IACF,CAAC;EACH,CAAC,MAAM;IACLK,iBAAiB,GAAG;MAClBN,OAAO,EAAGU,KAA4B,IAAK;QACzCV,OAAO,GAAGU,KAAK,CAAC;QAChB,IAAItB,IAAI,EAAE;UACR,IAAIgB,eAAe,EAAE;YACnB,KAAKD,MAAM,CAACQ,QAAQ,CAACvB,IAAI,EAAEa,MAAM,CAAC;UACpC,CAAC,MAAM;YACLd,eAAe,CAACC,IAAI,CAAC;UACvB;QACF;MACF;IACF,CAAC;EACH;EAEA,OAAO;IACLwB,SAAS,EAAE;MACT,GAAGN,iBAAiB;MACpBO,IAAI,EAAE,MAA2B;MACjCC,UAAU,EAAE;IACd;EACF,CAAC;AACH","ignoreList":[]}

package/lib/typescript/index.d.ts

@@ -1,6 +1,7 @@
 export * from './button';
 export * from './checkbox';
 export * from './input';
+export * from './link';
 export { type EdgeInsets, OverlayInsetsProvider } from './overlay';
 export * from './select';
 export * from './switch';

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,KAAK,UAAU,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AACnE,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,OAAO,EAAE,KAAK,UAAU,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AACnE,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/link/LinkProvider.d.ts

@@ -0,0 +1,36 @@
+import { type ReactNode } from 'react';
+import type { LinkAction } from './types';
+export interface LinkConfig {
+    /**
+     * Global navigation handler for `<Link>` instances whose `href` passes the
+     * `shouldNavigate` check. Called with the `href` and the per-instance `action`.
+     *
+     * @param href   - The URL or path to navigate to.
+     * @param action - Navigation intent from the per-instance `action` prop:
+     *                 `'navigate'` (default) — smart navigation, avoids duplicates.
+     *                 `'push'` — always pushes a new entry onto the stack.
+     *                 `'replace'` — replaces the current entry without stacking.
+     */
+    navigate: (href: string, action: LinkAction) => void | Promise<void>;
+    /**
+     * Optional predicate evaluated at **render time** to decide whether the
+     * provider should handle a given `href`.
+     *
+     * - Returns `true`  → the provider's `navigate` is called on press;
+     *   on web the native `<a href>` is **removed** so the browser doesn't
+     *   follow the link.
+     * - Returns `false` → the provider is bypassed; on web the `<a href>` is
+     *   preserved (cmd-click, SEO, etc.); on native `Linking.openURL` is used.
+     *
+     * Defaults to `() => true` when omitted (all hrefs go through the provider).
+     */
+    shouldNavigate?: (href: string) => boolean;
+}
+export declare function LinkProvider({ navigate, shouldNavigate, children, }: LinkConfig & {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace LinkProvider {
+    var displayName: string;
+}
+export declare function useLinkConfig(): LinkConfig | undefined;
+//# sourceMappingURL=LinkProvider.d.ts.map

package/lib/typescript/link/LinkProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkProvider.d.ts","sourceRoot":"","sources":["../../../src/link/LinkProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,UAAU;IACzB;;;;;;;;;OASG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAErE;;;;;;;;;;;OAWG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;CAC5C;AAID,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,cAAc,EACd,QAAQ,GACT,EAAE,UAAU,GAAG;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAMtC;yBAVe,YAAY;;;AAc5B,wBAAgB,aAAa,IAAI,UAAU,GAAG,SAAS,CAEtD"}

package/lib/typescript/link/createLink.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { ILinkProps } from './types';
+export declare const createLink: <RootT, R = unknown>({ Root }: {
+    Root: React.ComponentType<RootT>;
+}) => React.ForwardRefExoticComponent<ILinkProps & React.RefAttributes<R>>;
+//# sourceMappingURL=createLink.d.ts.map

package/lib/typescript/link/createLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createLink.d.ts","sourceRoot":"","sources":["../../../src/link/createLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,UAAU,GAAI,KAAK,EAAE,CAAC,GAAG,OAAO,EAAE,UAAU;IAAE,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;CAAE,yEA8D1F,CAAC"}

package/lib/typescript/link/index.d.ts

@@ -0,0 +1,6 @@
+export { createLink } from './createLink';
+export { LinkProvider } from './LinkProvider';
+export type { LinkConfig } from './LinkProvider';
+export { useLink } from './useLink';
+export type { ILinkProps, IUseLinkProp, LinkAction } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/link/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/link/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/link/types.d.ts

@@ -0,0 +1,45 @@
+import type React from 'react';
+import type { GestureResponderEvent, PressableProps } from 'react-native';
+/**
+ * Navigation action forwarded to the `LinkProvider.navigate` callback.
+ *
+ * - `'navigate'` — (default) Smart navigation. In React Navigation this
+ *    avoids duplicating a screen that is already in the stack. In expo-router
+ *    it maps to `router.navigate()`.
+ * - `'push'`     — Always pushes a new screen onto the navigation stack,
+ *    even if the destination is already present.
+ * - `'replace'`  — Replaces the current screen without adding to the stack.
+ *    Useful for post-login redirects or wizard flows.
+ */
+export type LinkAction = 'navigate' | 'push' | 'replace';
+export interface ILinkProps extends PressableProps {
+    /**
+     * URL that should be opened on Link press
+     */
+    href?: string | undefined;
+    /**
+     * Callback that will be invoked on Link press
+     */
+    onPress?: ((event?: GestureResponderEvent) => void) | null | undefined;
+    /**
+     * Navigation action forwarded to the `LinkProvider`.
+     * Defaults to `'navigate'`.
+     */
+    action?: LinkAction;
+    isPressed?: boolean;
+    isHovered?: boolean;
+    isFocused?: boolean;
+    isFocusVisible?: boolean;
+    /**
+     * HTML anchor attributes applied only on web. Ignored on native platforms.
+     * `target`, `rel`, and `download` are forwarded via react-native-web's `hrefAttrs`.
+     */
+    webProps?: React.AnchorHTMLAttributes<HTMLAnchorElement>;
+}
+export interface IUseLinkProp {
+    href?: string;
+    onPress: ((event?: GestureResponderEvent) => void) | null | undefined;
+    action?: LinkAction;
+    webProps?: React.AnchorHTMLAttributes<HTMLAnchorElement>;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/link/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/link/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE1E;;;;;;;;;;GAUG;AACH,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;AAEzD,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACvE;;;OAGG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;CAC1D;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,qBAAqB,KAAK,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACtE,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;CAC1D"}

package/lib/typescript/link/useLink.d.ts

@@ -0,0 +1,9 @@
+import type { AccessibilityRole } from 'react-native';
+import type { IUseLinkProp } from './types';
+export declare function useLink(props: IUseLinkProp): {
+    linkProps: {
+        role: AccessibilityRole;
+        accessible: boolean;
+    };
+};
+//# sourceMappingURL=useLink.d.ts.map

package/lib/typescript/link/useLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLink.d.ts","sourceRoot":"","sources":["../../../src/link/useLink.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAyB,MAAM,cAAc,CAAC;AAE7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAW5C,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY;;cAmCrB,iBAAiB;;;EAItC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/primitives",
-  "version": "0.0.1-alpha.11",
+  "version": "0.0.1-alpha.13",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -52,7 +52,7 @@
     "@react-native-aria/interactions": "^0.2.16",
     "@react-stately/checkbox": "3.7.4",
     "@react-stately/toggle": "3.9.4",
-    "@cdx-ui/utils": "0.0.1-alpha.11"
+    "@cdx-ui/utils": "0.0.1-alpha.13"
   },
   "devDependencies": {
     "@types/react": "*",

package/src/index.ts

@@ -1,6 +1,7 @@
 export * from './button';
 export * from './checkbox';
 export * from './input';
+export * from './link';
 export { type EdgeInsets, OverlayInsetsProvider } from './overlay';
 export * from './select';
 export * from './switch';

package/src/link/LinkProvider.tsx

@@ -0,0 +1,50 @@
+import { createContext, useContext, type ReactNode } from 'react';
+import type { LinkAction } from './types';
+
+export interface LinkConfig {
+  /**
+   * Global navigation handler for `<Link>` instances whose `href` passes the
+   * `shouldNavigate` check. Called with the `href` and the per-instance `action`.
+   *
+   * @param href   - The URL or path to navigate to.
+   * @param action - Navigation intent from the per-instance `action` prop:
+   *                 `'navigate'` (default) — smart navigation, avoids duplicates.
+   *                 `'push'` — always pushes a new entry onto the stack.
+   *                 `'replace'` — replaces the current entry without stacking.
+   */
+  navigate: (href: string, action: LinkAction) => void | Promise<void>;
+
+  /**
+   * Optional predicate evaluated at **render time** to decide whether the
+   * provider should handle a given `href`.
+   *
+   * - Returns `true`  → the provider's `navigate` is called on press;
+   *   on web the native `<a href>` is **removed** so the browser doesn't
+   *   follow the link.
+   * - Returns `false` → the provider is bypassed; on web the `<a href>` is
+   *   preserved (cmd-click, SEO, etc.); on native `Linking.openURL` is used.
+   *
+   * Defaults to `() => true` when omitted (all hrefs go through the provider).
+   */
+  shouldNavigate?: (href: string) => boolean;
+}
+
+const LinkConfigContext = createContext<LinkConfig | undefined>(undefined);
+
+export function LinkProvider({
+  navigate,
+  shouldNavigate,
+  children,
+}: LinkConfig & { children: ReactNode }) {
+  return (
+    <LinkConfigContext.Provider value={{ navigate, shouldNavigate }}>
+      {children}
+    </LinkConfigContext.Provider>
+  );
+}
+
+LinkProvider.displayName = 'LinkProvider';
+
+export function useLinkConfig(): LinkConfig | undefined {
+  return useContext(LinkConfigContext);
+}

package/src/link/createLink.tsx

@@ -0,0 +1,71 @@
+import React, { forwardRef } from 'react';
+import { composeEventHandlers } from '@cdx-ui/utils';
+import { useFocusRing, useFocus } from '@react-native-aria/focus';
+import { useHover, usePress } from '@react-native-aria/interactions';
+import { dataAttributes } from '../utils/dataAttributes';
+import { useLink } from './useLink';
+import type { ILinkProps } from './types';
+
+export const createLink = <RootT, R = unknown>({ Root }: { Root: React.ComponentType<RootT> }) =>
+  forwardRef(
+    (
+      {
+        children,
+        isHovered: isHoveredProp,
+        isPressed: isPressedProp,
+        isFocused: isFocusedProp,
+        isFocusVisible: isFocusVisibleProp,
+        href,
+        onPress,
+        action,
+        webProps,
+        ...props
+      }: ILinkProps,
+      ref: React.ForwardedRef<R>,
+    ) => {
+      const { isFocused, focusProps } = useFocus();
+      const { isFocusVisible, focusProps: focusRingProps } = useFocusRing() as {
+        isFocusVisible: boolean;
+        focusProps: typeof focusProps;
+      };
+      const { pressProps, isPressed } = usePress({});
+      const { isHovered, hoverProps } = useHover();
+
+      const { linkProps } = useLink({
+        href,
+        onPress,
+        action,
+        webProps,
+      });
+
+      const interactionAttrs = dataAttributes({
+        hover: isHoveredProp || isHovered,
+        focus: isFocusedProp || isFocused,
+        active: isPressedProp || isPressed,
+        focusVisible: isFocusVisibleProp || isFocusVisible,
+      });
+
+      return (
+        <Root
+          ref={ref}
+          {...interactionAttrs}
+          {...linkProps}
+          {...(props as RootT)}
+          onPressIn={composeEventHandlers(props?.onPressIn, pressProps.onPressIn)}
+          onPressOut={composeEventHandlers(props?.onPressOut, pressProps.onPressOut)}
+          onHoverIn={composeEventHandlers(props?.onHoverIn, hoverProps.onHoverIn)}
+          onHoverOut={composeEventHandlers(props?.onHoverOut, hoverProps.onHoverOut)}
+          onFocus={composeEventHandlers(
+            composeEventHandlers(props?.onFocus, focusProps.onFocus),
+            focusRingProps.onFocus,
+          )}
+          onBlur={composeEventHandlers(
+            composeEventHandlers(props?.onBlur, focusProps.onBlur),
+            focusRingProps.onBlur,
+          )}
+        >
+          {children}
+        </Root>
+      );
+    },
+  );

package/src/link/index.tsx

@@ -0,0 +1,5 @@
+export { createLink } from './createLink';
+export { LinkProvider } from './LinkProvider';
+export type { LinkConfig } from './LinkProvider';
+export { useLink } from './useLink';
+export type { ILinkProps, IUseLinkProp, LinkAction } from './types';

package/src/link/types.ts

@@ -0,0 +1,47 @@
+import type React from 'react';
+import type { GestureResponderEvent, PressableProps } from 'react-native';
+
+/**
+ * Navigation action forwarded to the `LinkProvider.navigate` callback.
+ *
+ * - `'navigate'` — (default) Smart navigation. In React Navigation this
+ *    avoids duplicating a screen that is already in the stack. In expo-router
+ *    it maps to `router.navigate()`.
+ * - `'push'`     — Always pushes a new screen onto the navigation stack,
+ *    even if the destination is already present.
+ * - `'replace'`  — Replaces the current screen without adding to the stack.
+ *    Useful for post-login redirects or wizard flows.
+ */
+export type LinkAction = 'navigate' | 'push' | 'replace';
+
+export interface ILinkProps extends PressableProps {
+  /**
+   * URL that should be opened on Link press
+   */
+  href?: string | undefined;
+  /**
+   * Callback that will be invoked on Link press
+   */
+  onPress?: ((event?: GestureResponderEvent) => void) | null | undefined;
+  /**
+   * Navigation action forwarded to the `LinkProvider`.
+   * Defaults to `'navigate'`.
+   */
+  action?: LinkAction;
+  isPressed?: boolean;
+  isHovered?: boolean;
+  isFocused?: boolean;
+  isFocusVisible?: boolean;
+  /**
+   * HTML anchor attributes applied only on web. Ignored on native platforms.
+   * `target`, `rel`, and `download` are forwarded via react-native-web's `hrefAttrs`.
+   */
+  webProps?: React.AnchorHTMLAttributes<HTMLAnchorElement>;
+}
+
+export interface IUseLinkProp {
+  href?: string;
+  onPress: ((event?: GestureResponderEvent) => void) | null | undefined;
+  action?: LinkAction;
+  webProps?: React.AnchorHTMLAttributes<HTMLAnchorElement>;
+}

package/src/link/useLink.ts

@@ -0,0 +1,54 @@
+import { Linking, Platform } from 'react-native';
+import type { AccessibilityRole, GestureResponderEvent } from 'react-native';
+import { useLinkConfig } from './LinkProvider';
+import type { IUseLinkProp } from './types';
+
+function defaultNavigate(href: string): void {
+  Linking.canOpenURL(href)
+    .then((supported) => {
+      if (supported) return Linking.openURL(href);
+      console.warn(`Cannot open URL: ${href}`);
+    })
+    .catch((err: unknown) => console.error('Failed to open URL', err));
+}
+
+export function useLink(props: IUseLinkProp) {
+  const { href, onPress, action = 'navigate', webProps } = props;
+  const config = useLinkConfig();
+
+  const providerHandles = !!config && !!href && (config.shouldNavigate?.(href) ?? true);
+
+  let platformLinkProps = {};
+
+  if (Platform.OS === 'web') {
+    platformLinkProps = {
+      href: providerHandles ? undefined : href,
+      hrefAttrs: webProps,
+      onPress: (event: GestureResponderEvent) => {
+        onPress?.(event);
+        if (providerHandles) void config.navigate(href, action);
+      },
+    };
+  } else {
+    platformLinkProps = {
+      onPress: (event: GestureResponderEvent) => {
+        onPress?.(event);
+        if (href) {
+          if (providerHandles) {
+            void config.navigate(href, action);
+          } else {
+            defaultNavigate(href);
+          }
+        }
+      },
+    };
+  }
+
+  return {
+    linkProps: {
+      ...platformLinkProps,
+      role: 'link' as AccessibilityRole,
+      accessible: true,
+    },
+  };
+}