@cdx-ui/primitives 0.0.1-beta.99 → 0.1.1

package/lib/commonjs/checkbox/CheckboxRoot.web.js

@@ -7,12 +7,21 @@ exports.CheckboxRoot = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
 var _visuallyHidden = require("@react-aria/visually-hidden");
+var _utils = require("@cdx-ui/utils");
 var _focus = require("@react-native-aria/focus");
 var _slot = require("../slot");
 var _dataAttributes = require("../utils/dataAttributes");
 var _context = require("./context");
 var _useCheckboxRoot = require("./useCheckboxRoot");
 var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Web Checkbox root.
+ *
+ * On web, `@react-native-aria/checkbox` re-exports `@react-aria/checkbox`'s
+ * `useCheckbox`, whose `inputProps` target a native `<input type="checkbox">`
+ * (selection via `onChange`). Toggle must be applied explicitly on the Pressable —
+ * `inputProps.onPress` does **not** call `toggleState.toggle()`.
+ */
 const CheckboxRoot = exports.CheckboxRoot = /*#__PURE__*/(0, _react.forwardRef)(({
   asChild,
   children,
@@ -39,7 +48,8 @@ const CheckboxRoot = exports.CheckboxRoot = /*#__PURE__*/(0, _react.forwardRef)(
     isDisabled,
     isHovered,
     mergedRef,
-    inputRef
+    inputRef,
+    toggle
   } = (0, _useCheckboxRoot.useCheckboxRoot)(props, ref, {
     useInputRefForAria: true
   });
@@ -47,46 +57,99 @@ const CheckboxRoot = exports.CheckboxRoot = /*#__PURE__*/(0, _react.forwardRef)(
     focusProps,
     isFocusVisible
   } = (0, _focus.useFocusRing)();
+
+  // Strip native-input / internal props — they must not land on Pressable.
+  const {
+    onPress: _onPress,
+    onChange: _onChange,
+    role: _role,
+    tabIndex: _tabIndex,
+    disabled: _disabled,
+    checked: _checked,
+    value: _value,
+    type: _type,
+    name: _name,
+    form: _form,
+    required: _required,
+    ...inputAriaProps
+  } = groupItemInputProps;
+  const resolvedChecked = !!(isChecked || isCheckedProp);
+  const resolvedIndeterminate = !!(isIndeterminate || isIndeterminateProp);
+  const resolvedDisabled = !!(isDisabled || isDisabledProp);
+  const resolvedReadOnly = !!(isReadOnly || isReadOnlyProp);
+  const ariaChecked = resolvedIndeterminate ? 'mixed' : resolvedChecked;
+  const handleToggle = () => {
+    if (resolvedDisabled || resolvedReadOnly) {
+      return;
+    }
+    toggle();
+  };
+  const handleKeyDown = event => {
+    if (event.key === ' ' || event.key === 'Spacebar') {
+      event.preventDefault();
+      handleToggle();
+    }
+  };
   const contextValue = {
-    isChecked: isChecked || isCheckedProp,
-    isDisabled: isDisabled || isDisabledProp,
+    isChecked: resolvedChecked,
+    isDisabled: resolvedDisabled,
     isFocusVisible: isFocusVisible || isFocusVisibleProp,
     isHovered: isHovered || isHoveredProp,
     isInvalid: isInvalid || isInvalidProp,
-    isReadOnly: isReadOnly || isReadOnlyProp,
-    isIndeterminate: isIndeterminate || isIndeterminateProp,
+    isReadOnly: resolvedReadOnly,
+    isIndeterminate: resolvedIndeterminate,
     isPressed,
     isFocused
   };
   const Comp = asChild ? _slot.Slot : _reactNative.Pressable;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.CheckboxProvider, {
     value: contextValue,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Comp, {
-      ...combinedProps,
-      ref: mergedRef,
-      tabIndex: -1,
-      role: "label"
-      // eslint-disable-next-line react-native-a11y/has-valid-accessibility-role
-      ,
-      accessibilityRole: "label",
-      ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
-        checked: isChecked || isCheckedProp,
-        disabled: isDisabled || isDisabledProp,
-        hover: isHovered || isHoveredProp,
-        invalid: isInvalid || isInvalidProp,
-        readonly: isReadOnly || isReadOnlyProp,
-        active: isPressed,
-        focus: isFocused,
-        indeterminate: isIndeterminate || isIndeterminateProp,
-        focusVisible: isFocusVisible
-      })),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_visuallyHidden.VisuallyHidden, {
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-          ...groupItemInputProps,
-          ...focusProps,
-          ref: inputRef
+          ref: inputRef,
+          type: "checkbox",
+          value: combinedProps.value,
+          checked: resolvedChecked,
+          disabled: resolvedDisabled,
+          tabIndex: -1,
+          "aria-hidden": true,
+          readOnly: true,
+          style: {
+            pointerEvents: 'none'
+          }
         })
-      }), children]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+        ...combinedProps,
+        ...inputAriaProps,
+        ref: mergedRef,
+        role: "checkbox",
+        "aria-checked": ariaChecked,
+        "aria-disabled": resolvedDisabled || undefined,
+        accessibilityRole: "checkbox",
+        accessibilityState: {
+          checked: resolvedIndeterminate ? 'mixed' : resolvedChecked,
+          disabled: resolvedDisabled
+        },
+        tabIndex: resolvedDisabled ? -1 : 0,
+        disabled: resolvedDisabled,
+        ...focusProps,
+        onPress: handleToggle,
+        onClick: handleToggle,
+        onKeyDown: (0, _utils.composeEventHandlers)(combinedProps.onKeyDown, handleKeyDown),
+        ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+          checked: resolvedChecked,
+          disabled: resolvedDisabled,
+          hover: isHovered || isHoveredProp,
+          invalid: isInvalid || isInvalidProp,
+          readonly: resolvedReadOnly,
+          active: isPressed,
+          focus: isFocused,
+          indeterminate: resolvedIndeterminate,
+          focusVisible: isFocusVisible || isFocusVisibleProp
+        })),
+        children: children
+      })]
     })
   });
 });

package/lib/commonjs/checkbox/CheckboxRoot.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_visuallyHidden","_focus","_slot","_dataAttributes","_context","_useCheckboxRoot","_jsxRuntime","CheckboxRoot","exports","forwardRef","asChild","children","props","ref","isHovered","isHoveredProp","isFocusVisible","isFocusVisibleProp","isChecked","isCheckedProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isIndeterminate","isIndeterminateProp","isFocused","isPressed","combinedProps","groupItemInputProps","mergedRef","inputRef","useCheckboxRoot","useInputRefForAria","focusProps","useFocusRing","contextValue","Comp","Slot","Pressable","jsx","CheckboxProvider","value","jsxs","tabIndex","role","accessibilityRole","mergeDataAttributes","dataAttributes","checked","disabled","hover","invalid","readonly","active","focus","indeterminate","focusVisible","VisuallyHidden","displayName"],"sourceRoot":"../../../src","sources":["checkbox/CheckboxRoot.web.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_visuallyHidden","_utils","_focus","_slot","_dataAttributes","_context","_useCheckboxRoot","_jsxRuntime","CheckboxRoot","exports","forwardRef","asChild","children","props","ref","isHovered","isHoveredProp","isFocusVisible","isFocusVisibleProp","isChecked","isCheckedProp","isDisabled","isDisabledProp","isInvalid","isInvalidProp","isReadOnly","isReadOnlyProp","isIndeterminate","isIndeterminateProp","isFocused","isPressed","combinedProps","groupItemInputProps","mergedRef","inputRef","toggle","useCheckboxRoot","useInputRefForAria","focusProps","useFocusRing","onPress","_onPress","onChange","_onChange","role","_role","tabIndex","_tabIndex","disabled","_disabled","checked","_checked","value","_value","type","_type","name","_name","form","_form","required","_required","inputAriaProps","resolvedChecked","resolvedIndeterminate","resolvedDisabled","resolvedReadOnly","ariaChecked","handleToggle","handleKeyDown","event","key","preventDefault","contextValue","Comp","Slot","Pressable","jsx","CheckboxProvider","jsxs","Fragment","VisuallyHidden","readOnly","style","pointerEvents","undefined","accessibilityRole","accessibilityState","onClick","onKeyDown","composeEventHandlers","mergeDataAttributes","dataAttributes","hover","invalid","readonly","active","focus","indeterminate","focusVisible","displayName"],"sourceRoot":"../../../src","sources":["checkbox/CheckboxRoot.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/checkbox/useCheckboxRoot.js

@@ -14,27 +14,35 @@ function useCheckboxRoot(props, ref, {
   useInputRefForAria = false
 } = {}) {
   const formControlContext = (0, _utils.useFormControlContext)();
-  const {
+  const checkboxGroupContext = (0, _react.useContext)(_context.CheckboxGroupContext);
+
+  // Only pull field-state flags from FormControl — never spread the whole context
+  // (ids, setters, htmlProps) onto the host element.
+  const isInvalid = props.isInvalid ?? formControlContext.isInvalid;
+  const isReadOnly = props.isReadOnly ?? formControlContext.isReadOnly ?? checkboxGroupContext?.state.isReadOnly;
+  const isDisabled = props.isDisabled ?? formControlContext.isDisabled ?? checkboxGroupContext?.state.isDisabled;
+  const isIndeterminate = props.isIndeterminate;
+  const combinedProps = {
+    ...props,
     isInvalid,
     isReadOnly,
-    isIndeterminate,
-    ...combinedProps
-  } = {
-    ...formControlContext,
-    ...props
+    isDisabled,
+    isIndeterminate
   };
-  const checkboxGroupContext = (0, _react.useContext)(_context.CheckboxGroupContext);
   const state = (0, _toggle.useToggleState)({
-    ...combinedProps,
     defaultSelected: props.defaultIsChecked,
-    isSelected: props.isChecked
+    isSelected: props.isChecked,
+    onChange: props.onChange,
+    isReadOnly,
+    isDisabled
   });
   const rootRef = (0, _react.useRef)(null);
   const inputRef = (0, _react.useRef)(null);
   const mergedRootRef = (0, _utils.mergeRefs)(ref, rootRef);
-  const ariaLabel = combinedProps['aria-label'] || combinedProps.value || 'Checkbox';
+  const ariaLabel = props['aria-label'] || props.value || 'Checkbox';
   const groupToggleState = (0, _toggle.useToggleState)(checkboxGroupContext ? {
-    isReadOnly: isReadOnly || checkboxGroupContext.state.isReadOnly,
+    isReadOnly: !!isReadOnly,
+    isDisabled: !!isDisabled,
     isSelected: checkboxGroupContext.state.isSelected(combinedProps.value),
     onChange(isSelected) {
       if (isSelected) {
@@ -47,36 +55,49 @@ function useCheckboxRoot(props, ref, {
   } : {
     isSelected: false
   });
+  const toggleState = checkboxGroupContext ? groupToggleState : state;
   const {
     inputProps: groupItemInputProps
   } = (0, _checkbox.useCheckbox)({
     ...combinedProps,
     'aria-label': ariaLabel,
-    ...(checkboxGroupContext && {
-      isReadOnly: isReadOnly || checkboxGroupContext.state.isReadOnly,
-      isDisabled: combinedProps.isDisabled || checkboxGroupContext.state.isDisabled
+    isReadOnly: !!isReadOnly,
+    isDisabled: !!isDisabled
+  }, toggleState, useInputRefForAria ? inputRef : rootRef);
+  const resolvedGroupItemInputProps = {
+    ...groupItemInputProps,
+    ...(isReadOnly && {
+      'aria-readonly': true
     })
-  }, checkboxGroupContext ? groupToggleState : state, useInputRefForAria ? inputRef : rootRef);
+  };
   const {
     checked: isChecked,
-    disabled: isDisabled
-  } = groupItemInputProps;
+    disabled: isDisabledFromInput
+  } = resolvedGroupItemInputProps;
   const {
     hoverProps,
-    isHovered
+    isHovered: isHoveredState
   } = (0, _interactions.useHover)({}, rootRef);
+  const isHovered = isReadOnly ? false : isHoveredState;
+  const toggle = (0, _react.useCallback)(() => {
+    if (isDisabled || isReadOnly) {
+      return;
+    }
+    toggleState.toggle();
+  }, [isDisabled, isReadOnly, toggleState]);
   return {
     combinedProps,
     isInvalid,
     isReadOnly,
     isIndeterminate,
-    groupItemInputProps,
+    groupItemInputProps: resolvedGroupItemInputProps,
     isChecked,
-    isDisabled,
+    isDisabled: isDisabledFromInput,
     isHovered,
     hoverProps,
     mergedRef: mergedRootRef,
-    inputRef
+    inputRef,
+    toggle
   };
 }
 //# sourceMappingURL=useCheckboxRoot.js.map

package/lib/commonjs/checkbox/useCheckboxRoot.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_utils","_checkbox","_interactions","_toggle","_context","useCheckboxRoot","props","ref","useInputRefForAria","formControlContext","useFormControlContext","isInvalid","isReadOnly","isIndeterminate","combinedProps","checkboxGroupContext","useContext","CheckboxGroupContext","state","useToggleState","defaultSelected","defaultIsChecked","isSelected","isChecked","rootRef","useRef","inputRef","mergedRootRef","mergeRefs","ariaLabel","value","groupToggleState","onChange","addValue","removeValue","inputProps","groupItemInputProps","useCheckbox","isDisabled","checked","disabled","hoverProps","isHovered","useHover","mergedRef"],"sourceRoot":"../../../src","sources":["checkbox/useCheckboxRoot.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_utils","_checkbox","_interactions","_toggle","_context","useCheckboxRoot","props","ref","useInputRefForAria","formControlContext","useFormControlContext","checkboxGroupContext","useContext","CheckboxGroupContext","isInvalid","isReadOnly","state","isDisabled","isIndeterminate","combinedProps","useToggleState","defaultSelected","defaultIsChecked","isSelected","isChecked","onChange","rootRef","useRef","inputRef","mergedRootRef","mergeRefs","ariaLabel","value","groupToggleState","addValue","removeValue","toggleState","inputProps","groupItemInputProps","useCheckbox","resolvedGroupItemInputProps","checked","disabled","isDisabledFromInput","hoverProps","isHovered","isHoveredState","useHover","toggle","useCallback","mergedRef"],"sourceRoot":"../../../src","sources":["checkbox/useCheckboxRoot.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/chip/ChipRoot.js

@@ -17,7 +17,9 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 const rowStyle = {
   flexDirection: 'row',
   alignItems: 'center',
-  alignSelf: 'flex-start'
+  ...(_reactNative.Platform.OS === 'web' ? {} : {
+    alignSelf: 'flex-start'
+  })
 };
 const ChipRoot = exports.ChipRoot = /*#__PURE__*/(0, _react.forwardRef)(({
   asChild = false,

package/lib/commonjs/chip/ChipRoot.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_utils","_focus","_interactions","_slot","_dataAttributes","_context","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","rowStyle","flexDirection","alignItems","alignSelf","ChipRoot","exports","forwardRef","asChild","children","onPress","disabled","accessibilityRole","style","restProps","ref","asChildInteractive","React","isValidElement","isPressableRoot","pressState","usePress","isDisabled","isPressed","pressProps","hoverProps","isHovered","useHover","isFocused","focusProps","useFocus","isFocusVisible","focusRingProps","useFocusRing","childDisabled","props","resolvedDisabled","contextValue","useMemo","hover","focus","active","focusVisible","slotMergeProps","accessibilityState","jsx","ChipProvider","value","Slot","mergeDataAttributes","dataAttributes","onPressIn","onPressInProp","onPressOut","onPressOutProp","onHoverIn","onHoverInProp","onHoverOut","onHoverOutProp","onFocus","onFocusProp","onBlur","onBlurProp","Pressable","undefined","composeEventHandlers","View","displayName"],"sourceRoot":"../../../src","sources":["chip/ChipRoot.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_utils","_focus","_interactions","_slot","_dataAttributes","_context","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","rowStyle","flexDirection","alignItems","Platform","OS","alignSelf","ChipRoot","exports","forwardRef","asChild","children","onPress","disabled","accessibilityRole","style","restProps","ref","asChildInteractive","React","isValidElement","isPressableRoot","pressState","usePress","isDisabled","isPressed","pressProps","hoverProps","isHovered","useHover","isFocused","focusProps","useFocus","isFocusVisible","focusRingProps","useFocusRing","childDisabled","props","resolvedDisabled","contextValue","useMemo","hover","focus","active","focusVisible","slotMergeProps","accessibilityState","jsx","ChipProvider","value","Slot","mergeDataAttributes","dataAttributes","onPressIn","onPressInProp","onPressOut","onPressOutProp","onHoverIn","onHoverInProp","onHoverOut","onHoverOutProp","onFocus","onFocusProp","onBlur","onBlurProp","Pressable","undefined","composeEventHandlers","View","displayName"],"sourceRoot":"../../../src","sources":["chip/ChipRoot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/date-field/DateFieldHiddenInput.js

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateFieldHiddenInput = DateFieldHiddenInput;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Invisible input that owns keyboard focus while a segment is active.
+ * Kept always mounted (never conditionally unmounted) so focus/blur races
+ * cannot clear segment focus before keystrokes arrive.
+ *
+ * Value is synced to the segment draft so native backspace shortens the text
+ * via onChangeText (iOS number-pad has no delete key; phone-pad does).
+ */const HIDDEN_INPUT_STYLE = {
+  position: 'absolute',
+  opacity: 0.01,
+  width: '100%',
+  height: '100%',
+  left: 0,
+  top: 0,
+  zIndex: 0,
+  fontSize: 16
+};
+const KEYBOARD_TYPE = _reactNative.Platform.select({
+  ios: 'phone-pad',
+  default: 'number-pad'
+});
+function DateFieldHiddenInput({
+  accessibilityLabel
+}) {
+  const {
+    focusedSegmentIndex,
+    disabled,
+    readOnly,
+    segmentDraft,
+    handleSegmentInputChange,
+    handleSegmentBackspace,
+    focusNextEditableSegment,
+    focusPrevEditableSegment,
+    blurSegment
+  } = (0, _context.useDateFieldContext)();
+  const inputRef = (0, _react.useRef)(null);
+  const suppressBlurRef = (0, _react.useRef)(false);
+  const focusedIndexRef = (0, _react.useRef)(focusedSegmentIndex);
+  focusedIndexRef.current = focusedSegmentIndex;
+  const isActive = focusedSegmentIndex != null && !disabled && !readOnly;
+  const draftDigits = segmentDraft.replace(/\D/g, '');
+  (0, _react.useEffect)(() => {
+    if (!isActive) {
+      return;
+    }
+    suppressBlurRef.current = true;
+    const focusInput = () => {
+      inputRef.current?.focus();
+    };
+    const frame = requestAnimationFrame(focusInput);
+    const timer = setTimeout(() => {
+      focusInput();
+      suppressBlurRef.current = false;
+    }, 50);
+    return () => {
+      cancelAnimationFrame(frame);
+      clearTimeout(timer);
+    };
+  }, [isActive, focusedSegmentIndex]);
+  const onKeyPress = event => {
+    if (!isActive) {
+      return;
+    }
+    const key = event.nativeEvent.key;
+    if (key === 'Backspace') {
+      // When draft still has digits, onChangeText mirrors the shortened value.
+      // Only handle empty-draft backspace here (move to previous / clear).
+      if (draftDigits.length === 0) {
+        handleSegmentBackspace();
+      }
+      return;
+    }
+    if (key === 'ArrowRight') {
+      focusNextEditableSegment();
+      return;
+    }
+    if (key === 'ArrowLeft') {
+      focusPrevEditableSegment();
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+    testID: "date-field-keyboard-input",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    ref: inputRef,
+    value: isActive ? draftDigits : '',
+    editable: isActive,
+    showSoftInputOnFocus: isActive,
+    pointerEvents: "none",
+    caretHidden: true,
+    importantForAutofill: "no",
+    autoComplete: "off",
+    autoCorrect: false,
+    spellCheck: false,
+    keyboardType: KEYBOARD_TYPE,
+    inputMode: "numeric",
+    style: HIDDEN_INPUT_STYLE,
+    onChangeText: text => {
+      if (!isActive) {
+        return;
+      }
+      handleSegmentInputChange(text);
+    },
+    onKeyPress: onKeyPress,
+    onBlur: () => {
+      if (suppressBlurRef.current) {
+        return;
+      }
+      requestAnimationFrame(() => {
+        if (suppressBlurRef.current) {
+          return;
+        }
+        const index = focusedIndexRef.current;
+        if (index == null) {
+          return;
+        }
+        if (_reactNative.Platform.OS !== 'web') {
+          blurSegment(index);
+          return;
+        }
+        const node = inputRef.current;
+        if (node?.isFocused?.()) {
+          return;
+        }
+        const active = typeof document !== 'undefined' ? document.activeElement : null;
+        if (active && active.tagName === 'INPUT') {
+          const label = active.getAttribute('aria-label');
+          if (label === accessibilityLabel) {
+            return;
+          }
+        }
+        blurSegment(index);
+      });
+    }
+  });
+}
+//# sourceMappingURL=DateFieldHiddenInput.js.map

package/lib/commonjs/date-field/DateFieldHiddenInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_context","_jsxRuntime","HIDDEN_INPUT_STYLE","position","opacity","width","height","left","top","zIndex","fontSize","KEYBOARD_TYPE","Platform","select","ios","default","DateFieldHiddenInput","accessibilityLabel","focusedSegmentIndex","disabled","readOnly","segmentDraft","handleSegmentInputChange","handleSegmentBackspace","focusNextEditableSegment","focusPrevEditableSegment","blurSegment","useDateFieldContext","inputRef","useRef","suppressBlurRef","focusedIndexRef","current","isActive","draftDigits","replace","useEffect","focusInput","focus","frame","requestAnimationFrame","timer","setTimeout","cancelAnimationFrame","clearTimeout","onKeyPress","event","key","nativeEvent","length","jsx","TextInput","testID","accessibilityElementsHidden","importantForAccessibility","ref","value","editable","showSoftInputOnFocus","pointerEvents","caretHidden","importantForAutofill","autoComplete","autoCorrect","spellCheck","keyboardType","inputMode","style","onChangeText","text","onBlur","index","OS","node","isFocused","active","document","activeElement","tagName","label","getAttribute"],"sourceRoot":"../../../src","sources":["date-field/DateFieldHiddenInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/date-field/DateFieldInput.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateFieldInput = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _slot = require("../slot");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("../date-range-picker/context");
+var _DateFieldHiddenInput = require("./DateFieldHiddenInput");
+var _segmentIndex = require("./segmentIndex");
+var _context2 = require("./context");
+var _useRangeDateFieldBridge = require("./useRangeDateFieldBridge");
+var _jsxRuntime = require("react/jsx-runtime");
+const DateFieldInput = exports.DateFieldInput = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  children,
+  className,
+  style,
+  slot = 'start',
+  ...props
+}, ref) => {
+  const fieldCtx = (0, _react.useContext)(_context2.DateFieldContext);
+  const rangeCtx = (0, _react.useContext)(_context.DateRangePickerContext);
+  const rangeBridge = (0, _useRangeDateFieldBridge.useRangeDateFieldBridge)(slot, rangeCtx);
+  const ctx = fieldCtx ?? rangeBridge;
+  if (!ctx) {
+    throw new Error('DateField.Input must be used within DateField or DateRangePicker (with slot="start" | "end")');
+  }
+  const {
+    segments,
+    focusedSegmentIndex,
+    labels
+  } = ctx;
+  const keyboardInputLabel = labels.dateFieldKeyboardInput;
+  const Comp = asChild ? _slot.Slot : _reactNative.View;
+  (0, _react.useEffect)(() => {
+    if (rangeCtx && focusedSegmentIndex != null) {
+      rangeCtx.setFocusedField(slot);
+    }
+  }, [focusedSegmentIndex, rangeCtx, slot]);
+
+  // Web fallback: if the hidden input fails to take focus (some browsers reject
+  // near-invisible inputs), still accept keystrokes at the document level.
+  // Skip when the hidden input is already focused to avoid double-applying digits.
+  (0, _react.useEffect)(() => {
+    if (_reactNative.Platform.OS !== 'web' || ctx.focusedSegmentIndex == null || ctx.disabled || ctx.readOnly) {
+      return;
+    }
+    const focusedIndex = ctx.focusedSegmentIndex;
+    const onKeyDown = event => {
+      const activeLabel = typeof document !== 'undefined' ? document.activeElement?.getAttribute?.('aria-label') : null;
+      const inputOwnsFocus = activeLabel === keyboardInputLabel;
+      if (event.key === 'Backspace') {
+        if (inputOwnsFocus) {
+          return;
+        }
+        event.preventDefault();
+        ctx.handleSegmentBackspace();
+        return;
+      }
+      if (event.key === 'ArrowRight') {
+        if (inputOwnsFocus) {
+          return;
+        }
+        event.preventDefault();
+        ctx.focusNextEditableSegment();
+        return;
+      }
+      if (event.key === 'ArrowLeft') {
+        if (inputOwnsFocus) {
+          return;
+        }
+        event.preventDefault();
+        ctx.focusPrevEditableSegment();
+        return;
+      }
+      if (event.key === 'Tab') {
+        ctx.blurSegment(focusedIndex);
+        return;
+      }
+      if (/^\d$/.test(event.key)) {
+        if (inputOwnsFocus) {
+          return;
+        }
+        event.preventDefault();
+        ctx.handleSegmentDigit(event.key);
+      }
+    };
+    document.addEventListener('keydown', onKeyDown);
+    return () => document.removeEventListener('keydown', onKeyDown);
+  }, [ctx.blurSegment, ctx.disabled, ctx.focusNextEditableSegment, ctx.focusPrevEditableSegment, ctx.focusedSegmentIndex, ctx.handleSegmentBackspace, ctx.handleSegmentDigit, ctx.readOnly, keyboardInputLabel]);
+  const input = /*#__PURE__*/(0, _jsxRuntime.jsxs)(Comp, {
+    ref: ref,
+    className: className,
+    style: [{
+      position: 'relative'
+    }, style],
+    accessibilityRole: "none",
+    ...props,
+    ...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
+      slot: 'date-field-input'
+    })),
+    children: [segments.map((segment, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_segmentIndex.DateFieldSegmentIndexProvider, {
+      index: index,
+      children: children(segment)
+    }, `${segment.type}-${String(index)}`)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateFieldHiddenInput.DateFieldHiddenInput, {
+      accessibilityLabel: keyboardInputLabel
+    })]
+  });
+  if (!fieldCtx && rangeBridge) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context2.DateFieldContext.Provider, {
+      value: rangeBridge,
+      children: input
+    });
+  }
+  return input;
+});
+DateFieldInput.displayName = 'DateFieldInput';
+//# sourceMappingURL=DateFieldInput.js.map