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

package/lib/module/full-window-overlay/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+import { Platform } from 'react-native';
+import { FullWindowOverlay as NativeFullWindowOverlay } from 'react-native-screens';
+
+/**
+ * Props for the FullWindowOverlay component
+ *
+ * @description
+ * FullWindowOverlay renders content in a separate native window on iOS,
+ * which allows overlays (bottom sheets, dialogs, toasts) to appear above
+ * native modals and the keyboard. However, this breaks the React Native
+ * element inspector because it attaches to the main window.
+ *
+ * Set `disableFullWindowOverlay={true}` when you need to use the element
+ * inspector during development. Note: when disabled, overlay content will
+ * not render above native modals. iOS only; has no effect on Android.
+ */
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Wrapper for react-native-screens FullWindowOverlay with optional disable prop.
+ *
+ * @description
+ * On iOS, FullWindowOverlay creates a separate native window for overlay content,
+ * which breaks the React Native element inspector. Use `disableFullWindowOverlay`
+ * when debugging to render content in the main window instead.
+ */
+export function FullWindowOverlay({
+  disableFullWindowOverlay,
+  unstable_accessibilityContainerViewIsModal = false,
+  children
+}) {
+  if (Platform.OS !== 'ios' || disableFullWindowOverlay) {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: children
+    });
+  }
+  return /*#__PURE__*/_jsx(NativeFullWindowOverlay, {
+    unstable_accessibilityContainerViewIsModal: unstable_accessibilityContainerViewIsModal,
+    children: children
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/module/full-window-overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","FullWindowOverlay","NativeFullWindowOverlay","Fragment","_Fragment","jsx","_jsx","disableFullWindowOverlay","unstable_accessibilityContainerViewIsModal","children","OS"],"sourceRoot":"../../../src","sources":["full-window-overlay/index.tsx"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,iBAAiB,IAAIC,uBAAuB,QAAQ,sBAAsB;;AAEnF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAZA,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AAoCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASL,iBAAiBA,CAAC;EAChCM,wBAAwB;EACxBC,0CAA0C,GAAG,KAAK;EAClDC;AACgC,CAAC,EAAE;EACnC,IAAIT,QAAQ,CAACU,EAAE,KAAK,KAAK,IAAIH,wBAAwB,EAAE;IACrD,oBAAOD,IAAA,CAAAF,SAAA;MAAAK,QAAA,EAAGA;IAAQ,CAAG,CAAC;EACxB;EAEA,oBACEH,IAAA,CAACJ,uBAAuB;IACtBM,0CAA0C,EAAEA,0CAA2C;IAAAC,QAAA,EAEtFA;EAAQ,CACc,CAAC;AAE9B","ignoreList":[]}

package/lib/module/full-window-overlay/index.web.js

@@ -0,0 +1,15 @@
+"use strict";
+
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Web implementation — FullWindowOverlay is a no-op passthrough on web.
+ * The native implementation uses react-native-screens which is not available on web.
+ */
+export function FullWindowOverlay({
+  children
+}) {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+}
+//# sourceMappingURL=index.web.js.map

package/lib/module/full-window-overlay/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FullWindowOverlay","children","_jsx","_Fragment"],"sourceRoot":"../../../src","sources":["full-window-overlay/index.web.tsx"],"mappings":";;;AAyBA;AACA;AACA;AACA;AACA,OAAO,SAASA,iBAAiBA,CAAC;EAAEC;AAA2C,CAAC,EAAE;EAChF,oBAAOC,IAAA,CAAAC,SAAA;IAAAF,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB","ignoreList":[]}

package/lib/module/index.js

@@ -1,20 +1,33 @@
 "use strict";
 
 export * from './avatar';
+export * from './breadcrumbs';
 export * from './button';
+export * from './chip';
 export * from './checkbox';
 export * from './dialog';
 export * from './field';
 export * from './form';
+export * from './full-window-overlay';
 export * from './input';
 export * from './otp-input';
 export * from './link';
 export * from './list-item';
 export { OverlayInsetsProvider } from './overlay';
+export { useAnchorPosition } from './overlay';
 export * from './select';
 export * from './switch';
+export * from './tabs';
 export * from './tile';
-export * from './progress';
+export * from './toast';
+export * from './portal';
+export * from './progress-bar';
 export * from './radio';
-export { dataAttributes } from './utils/dataAttributes';
+export * from './slider';
+export { FormControlContext, useFormControlContext } from '@cdx-ui/utils';
+export { dataAttributes, mergeDataAttributes } from './utils/dataAttributes';
+export { domDataAttributes, mergeDomDataAttributes } from './utils/domDataAttributes';
+export { assignRef } from './utils/assignRef';
+export { createPortalFn } from './utils/createPortal';
+export { Slot } from './slot';
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["OverlayInsetsProvider","dataAttributes"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,SAA0BA,qBAAqB,QAAQ,WAAW;AAClE,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,SAAS;AAEvB,SAASC,cAAc,QAAQ,wBAAwB","ignoreList":[]}
+{"version":3,"names":["OverlayInsetsProvider","useAnchorPosition","FormControlContext","useFormControlContext","dataAttributes","mergeDataAttributes","domDataAttributes","mergeDomDataAttributes","assignRef","createPortalFn","Slot"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,uBAAuB;AACrC,cAAc,SAAS;AACvB,cAAc,aAAa;AAC3B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,SAA0BA,qBAAqB,QAAQ,WAAW;AAClE,SAASC,iBAAiB,QAA2B,WAAW;AAChE,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,UAAU;AAExB,SAASC,kBAAkB,EAAEC,qBAAqB,QAAQ,eAAe;AACzE,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,wBAAwB;AAC5E,SACEC,iBAAiB,EACjBC,sBAAsB,QAEjB,2BAA2B;AAClC,SAASC,SAAS,QAAQ,mBAAmB;AAC7C,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,IAAI,QAAQ,QAAQ","ignoreList":[]}

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

@@ -0,0 +1,94 @@
+"use strict";
+
+import { forwardRef, useMemo } from 'react';
+import { TextInput } from 'react-native';
+import { mergeRefs, useFormControl, useFormControlContext } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { useInputContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+const androidDefaults = {
+  includeFontPadding: false,
+  textAlignVertical: 'center'
+};
+export const InputField = /*#__PURE__*/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
+  } = useInputContext();
+  const inputProps = useFormControl({
+    isDisabled: rest.isDisabled || disabled,
+    isInvalid: rest.isInvalid,
+    isReadOnly: rest.isReadOnly,
+    isRequired: rest.isRequired,
+    id: rest.id
+  });
+  const field = useFormControlContext();
+  const reportLabelFocus = focused => {
+    const active = focused && !(isDisabled || inputProps.disabled);
+    field.setIsLabelFocused?.(active);
+  };
+  const handleFocus = (focusState, callback) => {
+    setIsFocused?.(focusState);
+    reportLabelFocus(focusState);
+    callback();
+  };
+  const mergedRef = mergeRefs(ref, inputFieldRef, field.inputRef);
+  const isEffectivelyDisabled = isDisabled || inputProps.disabled;
+  const ariaLabel = accessibilityLabel ?? ariaLabelProp;
+  const editableProp = useMemo(() => {
+    if (editable !== undefined) {
+      return editable;
+    }
+    return !(isDisabled || inputProps.disabled || isReadOnly);
+  }, [isDisabled, inputProps.disabled, isReadOnly, editable]);
+  const Comp = asChild ? Slot : TextInput;
+  return /*#__PURE__*/_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/module/input/InputField.android.js.map

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

package/lib/module/input/InputField.js

@@ -0,0 +1,88 @@
+"use strict";
+
+import { forwardRef, useMemo } from 'react';
+import { TextInput } from 'react-native';
+import { mergeRefs, useFormControl, useFormControlContext } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { useInputContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const InputField = /*#__PURE__*/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
+  } = useInputContext();
+  const inputProps = useFormControl({
+    isDisabled: rest.isDisabled || disabled,
+    isInvalid: rest.isInvalid,
+    isReadOnly: rest.isReadOnly,
+    isRequired: rest.isRequired,
+    id: rest.id
+  });
+  const field = useFormControlContext();
+  const reportLabelFocus = focused => {
+    const active = focused && !(isDisabled || inputProps.disabled);
+    field.setIsLabelFocused?.(active);
+  };
+  const handleFocus = (focusState, callback) => {
+    setIsFocused?.(focusState);
+    reportLabelFocus(focusState);
+    callback();
+  };
+  const mergedRef = mergeRefs(ref, inputFieldRef, field.inputRef);
+  const isEffectivelyDisabled = isDisabled || inputProps.disabled;
+  const ariaLabel = accessibilityLabel ?? ariaLabelProp;
+  const editableProp = useMemo(() => {
+    if (editable !== undefined) {
+      return editable;
+    }
+    return !(isDisabled || inputProps.disabled || isReadOnly);
+  }, [isDisabled, inputProps.disabled, isReadOnly, editable]);
+  const Comp = asChild ? Slot : TextInput;
+  return /*#__PURE__*/_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/module/input/InputField.js.map

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

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

@@ -0,0 +1,126 @@
+"use strict";
+
+import React, { forwardRef, useMemo } from 'react';
+import { TextInput } from 'react-native';
+import { mergeRefs, useFormControl, useFormControlContext } from '@cdx-ui/utils';
+import { Slot } from '../slot';
+import { useInputContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+const fileInputStyle = {
+  flex: 1,
+  minWidth: 0,
+  border: 'none',
+  outline: 'none',
+  background: 'transparent',
+  fontSize: 'inherit',
+  fontFamily: 'inherit'
+};
+export const InputField = /*#__PURE__*/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
+  } = useInputContext();
+  const inputProps = useFormControl({
+    isDisabled: rest.isDisabled || disabled,
+    isInvalid: rest.isInvalid,
+    isReadOnly: rest.isReadOnly,
+    isRequired: rest.isRequired,
+    id: rest.id
+  });
+  const field = useFormControlContext();
+  const reportLabelFocus = focused => {
+    const active = focused && !(isDisabled || inputProps.disabled);
+    field.setIsLabelFocused?.(active);
+  };
+  const handleFocus = (focusState, callback) => {
+    setIsFocused?.(focusState);
+    reportLabelFocus(focusState);
+    callback();
+  };
+  const mergedRef = mergeRefs(ref, inputFieldRef);
+  const isEffectivelyDisabled = isDisabled || inputProps.disabled;
+  const ariaLabel = accessibilityLabel ?? ariaLabelProp;
+  const editableProp = 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.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 : TextInput;
+  return /*#__PURE__*/_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/module/input/InputField.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useMemo","TextInput","mergeRefs","useFormControl","useFormControlContext","Slot","useInputContext","jsx","_jsx","fileInputStyle","flex","minWidth","border","outline","background","fontSize","fontFamily","InputField","props","ref","asChild","children","onKeyPress","type","accessibilityLabel","ariaLabelProp","secureTextEntry","editable","disabled","rest","isDisabled","isReadOnly","isInvalid","setIsFocused","isRequired","inputFieldRef","inputProps","id","field","reportLabelFocus","focused","active","setIsLabelFocused","handleFocus","focusState","callback","mergedRef","isEffectivelyDisabled","ariaLabel","editableProp","undefined","fileProps","createElement","accept","multiple","capture","required","onChange","e","files","target","onFiles","Array","from","onFocus","onBlur","style","cursor","Comp","accessible","accessibilityElementsHidden","readOnly","persist","displayName"],"sourceRoot":"../../../src","sources":["input/InputField.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/input/InputRoot.js

@@ -0,0 +1,88 @@
+"use strict";
+
+import { forwardRef, useCallback, useMemo, useRef, useState } from 'react';
+import { View } from 'react-native';
+import { mergeRefs, useFormControlContext } from '@cdx-ui/utils';
+import { useFocusRing } from '@react-native-aria/focus';
+import { useHover } from '@react-native-aria/interactions';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { InputProvider } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+const FIELD_STATES = {
+  'false:false': 'idle',
+  'false:true': 'invalid',
+  'true:false': 'focused',
+  'true:true': 'focused-invalid'
+};
+export const InputRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  isReadOnly,
+  isDisabled,
+  isInvalid,
+  isRequired,
+  isHovered: isHoveredProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  ...rest
+}, ref) => {
+  const inputRef = useRef(null);
+  const inputFieldRef = useRef(null);
+  const [isFocused, setIsFocused] = useState(false);
+  const handleFocus = useCallback((focusState, callback) => {
+    setIsFocused(focusState);
+    callback();
+  }, []);
+  const inputProps = useFormControlContext();
+  const {
+    isHovered
+  } = useHover({}, inputRef);
+  const {
+    isFocusVisible
+  } = 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 = 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 : View;
+  const fieldState = FIELD_STATES[`${resolvedFocused ? 'true' : 'false'}:${resolvedInvalid ? 'true' : 'false'}`];
+  return /*#__PURE__*/_jsx(InputProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: mergeRefs(inputRef, ref),
+      ...rest,
+      ...mergeDataAttributes(rest, dataAttributes({
+        hover: resolvedHovered,
+        focus: resolvedFocused,
+        disabled: resolvedDisabled,
+        invalid: resolvedInvalid,
+        readonly: resolvedReadOnly,
+        required: resolvedRequired,
+        focusVisible: resolvedFocusVisible,
+        fieldState
+      })),
+      children: children
+    })
+  });
+});
+InputRoot.displayName = 'InputRoot';
+//# sourceMappingURL=InputRoot.js.map

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

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

package/lib/module/input/index.js

@@ -1,18 +1,6 @@
 "use strict";
 
-import { createInputField } from './createInputField';
-import { createInputRoot } from './createInputRoot';
-import { createInputSlot } from './createInputSlot';
-export function createInput(BaseComponents) {
-  const Input = createInputRoot(BaseComponents.Root);
-  const Slot = createInputSlot(BaseComponents.Slot);
-  const Field = createInputField(BaseComponents.Field);
-  Input.displayName = 'InputPrimitive';
-  Slot.displayName = 'InputPrimitive.Slot';
-  Field.displayName = 'InputPrimitive.Field';
-  return Object.assign(Input, {
-    Slot,
-    Field
-  });
-}
+export { useInputContext } from './context';
+export { InputRoot } from './InputRoot';
+export { InputField } from './InputField';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createInputField","createInputRoot","createInputSlot","createInput","BaseComponents","Input","Root","Slot","Field","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["input/index.tsx"],"mappings":";;AACA,SAASA,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,eAAe,QAAQ,mBAAmB;AAWnD,OAAO,SAASC,WAAWA,CAMzBC,cAID,EAAE;EACD,MAAMC,KAAK,GAAGJ,eAAe,CAACG,cAAc,CAACE,IAAI,CAAC;EAClD,MAAMC,IAAI,GAAGL,eAAe,CAACE,cAAc,CAACG,IAAI,CAAC;EACjD,MAAMC,KAAK,GAAGR,gBAAgB,CAACI,cAAc,CAACI,KAAK,CAAC;EAEpDH,KAAK,CAACI,WAAW,GAAG,gBAAgB;EACpCF,IAAI,CAACE,WAAW,GAAG,qBAAqB;EACxCD,KAAK,CAACC,WAAW,GAAG,sBAAsB;EAE1C,OAAOC,MAAM,CAACC,MAAM,CAACN,KAAK,EAAE;IAC1BE,IAAI;IACJC;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["useInputContext","InputRoot","InputField"],"sourceRoot":"../../../src","sources":["input/index.tsx"],"mappings":";;AACA,SAASA,eAAe,QAAQ,WAAW;AAC3C,SAASC,SAAS,QAA6B,aAAa;AAC5D,SAASC,UAAU,QAA8B,cAAc","ignoreList":[]}

package/lib/module/link/LinkRoot.js

@@ -0,0 +1,84 @@
+"use strict";
+
+import { forwardRef, useMemo } from 'react';
+import { Pressable } from 'react-native';
+import { composeEventHandlers } from '@cdx-ui/utils';
+import { useFocus, useFocusRing } from '@react-native-aria/focus';
+import { useHover, usePress } from '@react-native-aria/interactions';
+import { Slot } from '../slot';
+import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
+import { LinkInteractionProvider } from './context';
+import { useLink } from './useLink';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const LinkRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  children,
+  isHovered: isHoveredProp,
+  isPressed: isPressedProp,
+  isFocused: isFocusedProp,
+  isFocusVisible: isFocusVisibleProp,
+  isVisited: isVisitedProp,
+  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 hover = isHoveredProp || isHovered;
+  const visited = isVisitedProp ?? false;
+  const focusVisible = isFocusVisibleProp || isFocusVisible;
+  const contextValue = useMemo(() => ({
+    hover,
+    visited,
+    focusVisible
+  }), [hover, visited, focusVisible]);
+  const Comp = asChild ? Slot : Pressable;
+  return /*#__PURE__*/_jsx(LinkInteractionProvider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsx(Comp, {
+      ref: ref,
+      ...linkProps,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        hover,
+        focus: isFocusedProp || isFocused,
+        active: isPressedProp || isPressed,
+        focusVisible,
+        visited
+      })),
+      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: typeof children === 'function' ? children(contextValue) : children
+    })
+  });
+});
+LinkRoot.displayName = 'LinkRoot';
+//# sourceMappingURL=LinkRoot.js.map