@cdx-ui/components 0.0.1-beta.16 → 0.0.1-beta.160

package/lib/commonjs/components/MonthCalendar/index.js

@@ -0,0 +1,229 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MonthCalendar = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _primitives = require("@cdx-ui/primitives");
+var _formatters = require("@cdx-ui/formatters");
+var _utils = require("@cdx-ui/utils");
+var _icons = require("@cdx-ui/icons");
+var _Icon = require("../Icon");
+var _IconButton = require("../IconButton");
+var _styles = require("../Calendar/styles");
+var _jsxRuntime = require("react/jsx-runtime");
+function MonthCalendarDefaultBody() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(MonthCalendarHeader, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(MonthCalendarGrid, {})]
+  });
+}
+const MonthCalendarRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.MonthCalendarRoot, {
+  ref: ref,
+  className: (0, _utils.cn)((0, _styles.calendarRootVariants)(), className),
+  style: style,
+  ...props,
+  ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+    slot: 'month-calendar'
+  })),
+  children: children ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(MonthCalendarDefaultBody, {})
+}));
+MonthCalendarRoot.displayName = 'MonthCalendar';
+const MonthCalendarHeader = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    view,
+    onViewChange,
+    visibleYear,
+    onVisibleYearChange,
+    disabled,
+    labels
+  } = (0, _primitives.useMonthCalendarContext)();
+  const isYearView = view === 'year';
+  const shiftYear = (0, _react.useCallback)(delta => {
+    if (disabled) {
+      return;
+    }
+    onVisibleYearChange(visibleYear + delta);
+  }, [disabled, onVisibleYearChange, visibleYear]);
+  const toggleYearView = (0, _react.useCallback)(() => {
+    if (disabled) {
+      return;
+    }
+    onViewChange(isYearView ? 'month' : 'year');
+  }, [disabled, isYearView, onViewChange]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ref: ref,
+    className: (0, _utils.cn)((0, _styles.calendarMonthHeaderVariants)(), className),
+    style: style,
+    ...props,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      accessibilityRole: "button",
+      accessibilityLabel: isYearView ? labels.showMonths : labels.showYearPicker,
+      disabled: disabled,
+      onPress: toggleYearView,
+      className: (0, _styles.calendarMonthHeaderToggleVariants)(),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        className: (0, _styles.calendarMonthHeaderLabelVariants)({
+          isYearView
+        }),
+        numberOfLines: 1,
+        children: (0, _formatters.formatMonthCalendarYear)(visibleYear)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        as: isYearView ? _icons.KeyboardArrowDown : _icons.ChevronRight,
+        className: (0, _styles.calendarMonthHeaderIconVariants)({
+          isYearView
+        })
+      })]
+    }), !isYearView ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      className: (0, _styles.calendarMonthHeaderNavVariants)(),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
+        as: _icons.ChevronLeft,
+        variant: "ghost",
+        color: "neutral",
+        size: "small",
+        accessibilityLabel: labels.previousYear,
+        isDisabled: disabled,
+        onPress: () => shiftYear(-1)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
+        as: _icons.ChevronRight,
+        variant: "ghost",
+        color: "neutral",
+        size: "small",
+        accessibilityLabel: labels.nextYear,
+        isDisabled: disabled,
+        onPress: () => shiftYear(1)
+      })]
+    }) : null]
+  });
+});
+MonthCalendarHeader.displayName = 'MonthCalendar.Header';
+const MonthCalendarGrid = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    view,
+    visibleYear
+  } = (0, _primitives.useMonthCalendarContext)();
+  const years = (0, _react.useMemo)(() => Array.from({
+    length: 12
+  }, (_, i) => visibleYear - 5 + i), [visibleYear]);
+  if (view === 'year') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      ref: ref,
+      className: (0, _utils.cn)((0, _styles.calendarYearPickerGridVariants)(), className),
+      style: style,
+      accessibilityRole: "none",
+      ...props,
+      children: years.map(year => /*#__PURE__*/(0, _jsxRuntime.jsx)(MonthCalendarYearCell, {
+        year: year
+      }, year))
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ref: ref,
+    className: (0, _utils.cn)((0, _styles.calendarYearPickerGridVariants)(), className),
+    style: style,
+    accessibilityRole: "none",
+    ...props,
+    children: Array.from({
+      length: 12
+    }, (_, i) => i + 1).map(month => /*#__PURE__*/(0, _jsxRuntime.jsx)(MonthCalendarCell, {
+      month: month
+    }, month))
+  });
+});
+MonthCalendarGrid.displayName = 'MonthCalendar.Grid';
+const MonthCalendarCell = /*#__PURE__*/(0, _react.forwardRef)(({
+  month,
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    visibleYear,
+    value,
+    locale,
+    minValue,
+    maxValue
+  } = (0, _primitives.useMonthCalendarContext)();
+  const monthId = (0, _formatters.formatMonthId)({
+    year: visibleYear,
+    month
+  });
+  const selected = value === monthId;
+  const disabled = minValue != null && (0, _formatters.compareMonthIds)(monthId, minValue) < 0 || maxValue != null && (0, _formatters.compareMonthIds)(monthId, maxValue) > 0;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.MonthCalendarCell, {
+    ref: ref,
+    month: month,
+    accessibilityLabel: (0, _formatters.formatMonthCalendarMonth)(month, {
+      locale
+    }),
+    className: (0, _utils.cn)((0, _styles.calendarPillCellVariants)({
+      selected,
+      disabled
+    }), className),
+    ...props,
+    children: children ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      className: (0, _styles.calendarPillCellTextVariants)({
+        selected
+      }),
+      children: (0, _formatters.formatMonthCalendarMonth)(month, {
+        locale
+      })
+    })
+  });
+});
+MonthCalendarCell.displayName = 'MonthCalendar.Cell';
+const MonthCalendarYearCell = /*#__PURE__*/(0, _react.forwardRef)(({
+  year,
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    visibleYear,
+    labels,
+    minValue,
+    maxValue
+  } = (0, _primitives.useMonthCalendarContext)();
+  const selected = visibleYear === year;
+  const minYear = minValue ? (0, _formatters.parseMonthId)(minValue)?.year : undefined;
+  const maxYear = maxValue ? (0, _formatters.parseMonthId)(maxValue)?.year : undefined;
+  const disabled = minYear != null && year < minYear || maxYear != null && year > maxYear;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.MonthCalendarYearCell, {
+    ref: ref,
+    year: year,
+    accessibilityLabel: (0, _formatters.formatSelectYear)(labels, year),
+    className: (0, _utils.cn)((0, _styles.calendarPillCellVariants)({
+      selected,
+      disabled
+    }), className),
+    ...props,
+    children: children ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      className: (0, _styles.calendarPillCellTextVariants)({
+        selected
+      }),
+      children: (0, _formatters.formatMonthCalendarYear)(year)
+    })
+  });
+});
+MonthCalendarYearCell.displayName = 'MonthCalendar.YearCell';
+const MonthCalendar = exports.MonthCalendar = Object.assign(MonthCalendarRoot, {
+  Header: MonthCalendarHeader,
+  Grid: MonthCalendarGrid,
+  Cell: MonthCalendarCell,
+  YearCell: MonthCalendarYearCell
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/MonthCalendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_primitives","_formatters","_utils","_icons","_Icon","_IconButton","_styles","_jsxRuntime","MonthCalendarDefaultBody","jsxs","Fragment","children","jsx","MonthCalendarHeader","MonthCalendarGrid","MonthCalendarRoot","forwardRef","className","style","props","ref","cn","calendarRootVariants","mergeDataAttributes","dataAttributes","slot","displayName","view","onViewChange","visibleYear","onVisibleYearChange","disabled","labels","useMonthCalendarContext","isYearView","shiftYear","useCallback","delta","toggleYearView","View","calendarMonthHeaderVariants","Pressable","accessibilityRole","accessibilityLabel","showMonths","showYearPicker","onPress","calendarMonthHeaderToggleVariants","Text","calendarMonthHeaderLabelVariants","numberOfLines","formatMonthCalendarYear","Icon","as","KeyboardArrowDown","ChevronRight","calendarMonthHeaderIconVariants","calendarMonthHeaderNavVariants","IconButton","ChevronLeft","variant","color","size","previousYear","isDisabled","nextYear","years","useMemo","Array","from","length","_","i","calendarYearPickerGridVariants","map","year","MonthCalendarYearCell","month","MonthCalendarCell","value","locale","minValue","maxValue","monthId","formatMonthId","selected","compareMonthIds","formatMonthCalendarMonth","calendarPillCellVariants","calendarPillCellTextVariants","minYear","parseMonthId","undefined","maxYear","formatSelectYear","MonthCalendar","exports","Object","assign","Header","Grid","Cell","YearCell"],"sourceRoot":"../../../../src","sources":["components/MonthCalendar/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/MonthPicker/index.js

@@ -0,0 +1,163 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MonthPicker = void 0;
+var _react = require("react");
+var _icons = require("@cdx-ui/icons");
+var _primitives = require("@cdx-ui/primitives");
+var _utils = require("@cdx-ui/utils");
+var _Dialog = require("../Dialog");
+var _Icon = require("../Icon");
+var _MonthCalendar = require("../MonthCalendar");
+var _PickerTrigger = require("../picker/PickerTrigger");
+var _surfaces = require("../picker/surfaces");
+var _jsxRuntime = require("react/jsx-runtime");
+const DATE_FIELD_SCOPE = 'DATE_FIELD';
+const MonthPickerRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const parent = (0, _utils.useParentContext)();
+  const ctx = (0, _react.useMemo)(() => ({
+    ...parent,
+    [DATE_FIELD_SCOPE]: {
+      variant: 'outline',
+      size: 'default',
+      fullWidth: true
+    }
+  }), [parent]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.MonthPickerRoot, {
+      ref: ref,
+      className: (0, _utils.cn)('gap-2', className),
+      style: style,
+      ...props,
+      ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+        slot: 'month-picker'
+      })),
+      children: children
+    })
+  });
+});
+MonthPickerRoot.displayName = 'MonthPicker';
+const MonthPickerTrigger = /*#__PURE__*/(0, _react.forwardRef)(({
+  accessibilityLabel,
+  ...props
+}, ref) => {
+  const {
+    open,
+    setOpen,
+    disabled,
+    triggerRef,
+    labels
+  } = (0, _primitives.useMonthPickerContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PickerTrigger.PickerTrigger, {
+    ref: ref,
+    open: open,
+    setOpen: setOpen,
+    disabled: disabled,
+    triggerRef: triggerRef,
+    accessibilityLabel: accessibilityLabel ?? labels.openMonthPicker,
+    ...props
+  });
+});
+MonthPickerTrigger.displayName = 'MonthPicker.Trigger';
+const MonthPickerTriggerIndicator = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+  as: _icons.CalendarToday,
+  className: "text-content-secondary"
+});
+MonthPickerTriggerIndicator.displayName = 'MonthPicker.TriggerIndicator';
+const MonthPickerCalendar = /*#__PURE__*/(0, _react.forwardRef)(({
+  ...props
+}, ref) => {
+  const {
+    value,
+    onValueChange,
+    open,
+    setOpen,
+    minValue,
+    maxValue,
+    locale,
+    labels
+  } = (0, _primitives.useMonthPickerContext)();
+  const handleValueChange = (0, _react.useCallback)(next => {
+    onValueChange?.(next);
+    if (open) {
+      setOpen(false);
+    }
+  }, [onValueChange, open, setOpen]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MonthCalendar.MonthCalendar, {
+    ref: ref,
+    value: value,
+    onValueChange: handleValueChange,
+    minValue: minValue,
+    maxValue: maxValue,
+    locale: locale,
+    labels: labels,
+    ...props
+  });
+});
+MonthPickerCalendar.displayName = 'MonthPicker.Calendar';
+function MonthPickerDialog({
+  children
+}) {
+  const ctx = (0, _primitives.useMonthPickerContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_surfaces.PickerDialogSurface, {
+    open: ctx.open,
+    setOpen: ctx.setOpen,
+    registerSurface: ctx.registerSurface,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog.Popup, {
+      className: "p-4",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.MonthPickerContext.Provider, {
+        value: ctx,
+        children: children
+      })
+    })
+  });
+}
+function MonthPickerBottomSheet({
+  children
+}) {
+  const ctx = (0, _primitives.useMonthPickerContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_surfaces.PickerBottomSheetSurface, {
+    open: ctx.open,
+    setOpen: ctx.setOpen,
+    registerSurface: ctx.registerSurface,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.MonthPickerContext.Provider, {
+      value: ctx,
+      children: children
+    })
+  });
+}
+function MonthPickerPopover({
+  children,
+  className
+}) {
+  const ctx = (0, _primitives.useMonthPickerContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_surfaces.PickerPopoverSurface, {
+    open: ctx.open,
+    setOpen: ctx.setOpen,
+    registerSurface: ctx.registerSurface,
+    anchorRef: ctx.anchorRef,
+    triggerRef: ctx.triggerRef,
+    className: className,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.MonthPickerContext.Provider, {
+      value: ctx,
+      children: children
+    })
+  });
+}
+const MonthPicker = exports.MonthPicker = Object.assign(MonthPickerRoot, {
+  Trigger: MonthPickerTrigger,
+  TriggerIndicator: MonthPickerTriggerIndicator,
+  Calendar: MonthPickerCalendar,
+  Popover: MonthPickerPopover,
+  Dialog: MonthPickerDialog,
+  BottomSheet: MonthPickerBottomSheet
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/MonthPicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_icons","_primitives","_utils","_Dialog","_Icon","_MonthCalendar","_PickerTrigger","_surfaces","_jsxRuntime","DATE_FIELD_SCOPE","MonthPickerRoot","forwardRef","className","children","style","props","ref","parent","useParentContext","ctx","useMemo","variant","size","fullWidth","jsx","ParentContext","Provider","value","cn","mergeDataAttributes","dataAttributes","slot","displayName","MonthPickerTrigger","accessibilityLabel","open","setOpen","disabled","triggerRef","labels","useMonthPickerContext","PickerTrigger","openMonthPicker","MonthPickerTriggerIndicator","Icon","as","CalendarToday","MonthPickerCalendar","onValueChange","minValue","maxValue","locale","handleValueChange","useCallback","next","MonthCalendar","MonthPickerDialog","PickerDialogSurface","registerSurface","Dialog","Popup","MonthPickerContext","MonthPickerBottomSheet","PickerBottomSheetSurface","MonthPickerPopover","PickerPopoverSurface","anchorRef","MonthPicker","exports","Object","assign","Trigger","TriggerIndicator","Calendar","Popover","BottomSheet"],"sourceRoot":"../../../../src","sources":["components/MonthPicker/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/OtpInput/index.js

@@ -5,29 +5,30 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.OtpInput = void 0;
 var _react = require("react");
+var _reactNative = require("react-native");
 var _primitives = require("@cdx-ui/primitives");
 var _utils = require("@cdx-ui/utils");
-var _HStack = require("../Stack/HStack");
 var _Input = require("../Input");
-var _styles = require("./styles");
+var _styles = require("../Input/styles");
+var _styles2 = require("./styles");
 var _jsxRuntime = require("react/jsx-runtime");
 const SCOPE = 'OTP_INPUT';
-const OtpRoot = (0, _utils.withStyleContext)(_HStack.HStack, SCOPE);
 const useOtpInputStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
 const OtpStyledCell = /*#__PURE__*/(0, _react.forwardRef)(({
   className,
   children,
+  variant: variantProp,
+  size: sizeProp,
   ...props
 }, ref) => {
-  const {
-    size,
-    variant
-  } = useOtpInputStyleContext();
+  const context = useOtpInputStyleContext();
+  const variant = variantProp ?? context.variant ?? 'outline';
+  const size = sizeProp ?? context.size ?? 'default';
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
     ref: ref,
     variant: variant,
     size: size,
-    className: (0, _utils.cn)((0, _styles.otpCellVariants)({
+    className: (0, _utils.cn)((0, _styles2.otpCellVariants)({
       size
     }), className),
     ...props,
@@ -35,49 +36,126 @@ const OtpStyledCell = /*#__PURE__*/(0, _react.forwardRef)(({
   });
 });
 OtpStyledCell.displayName = 'OtpInput.Cell';
-const OtpStyledField = /*#__PURE__*/(0, _react.forwardRef)(({
-  className,
-  ...props
-}, ref) => {
+/**
+ * Bridges OtpInputField focus/blur events to the parent Input's context so
+ * InputRoot emits `data-focus=true` and the `border-stroke-action` CSS activates.
+ * The primitive OtpInputField doesn't know about InputContext — that coupling
+ * belongs here in the styled layer.
+ */
+const OtpStyledField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const {
-    size
-  } = useOtpInputStyleContext();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input.Field, {
+    setIsFocused
+  } = (0, _primitives.useInputContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.OtpInputField, {
     ref: ref,
-    className: (0, _utils.cn)((0, _styles.otpFieldVariants)({
-      size
-    }), className),
-    ...props
+    ...props,
+    onFocus: e => {
+      setIsFocused?.(true);
+      props.onFocus?.(e);
+    },
+    onBlur: e => {
+      setIsFocused?.(false);
+      props.onBlur?.(e);
+    }
   });
 });
 OtpStyledField.displayName = 'OtpInput.Field';
-const OtpPrimitive = (0, _primitives.createOtpInput)({
-  Root: OtpRoot,
-  Cell: OtpStyledCell,
-  Field: OtpStyledField
-});
-const OtpInput = exports.OtpInput = /*#__PURE__*/(0, _react.forwardRef)(({
+const OtpInputRoot = /*#__PURE__*/(0, _react.forwardRef)(({
   variant = 'outline',
-  size = 'default',
-  fullWidth = true,
+  size,
+  fullWidth,
   className,
   style,
+  cellCount,
+  value,
+  onChangeText,
+  onComplete,
+  isDisabled,
+  isInvalid,
+  isReadOnly,
+  smsOtpAutofill,
+  filterInput,
+  allowedCharacters,
+  characterPattern,
+  getCellProps,
+  cellTestIdPrefix,
+  accessibilityLabel,
   ...rest
 }, ref) => {
-  const rootClassName = (0, _utils.cn)((0, _styles.otpRootVariants)({
+  const otpContext = (0, _primitives.useOtpInput)({
+    cellCount,
+    value,
+    onChangeText,
+    onComplete,
+    isDisabled,
+    isInvalid,
+    isReadOnly,
+    smsOtpAutofill,
+    filterInput,
+    allowedCharacters,
+    characterPattern,
+    getCellProps,
+    cellTestIdPrefix,
+    accessibilityLabel
+  });
+  const rootClassName = (0, _utils.cn)((0, _styles2.otpRootVariants)({
     size,
     fullWidth
   }), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(OtpPrimitive, {
-    ref: ref,
-    className: rootClassName,
-    style: style,
-    context: {
+  const parent = (0, _utils.useParentContext)();
+  const ctx = (0, _react.useMemo)(() => ({
+    ...parent,
+    [SCOPE]: {
       variant,
       size
-    },
-    ...rest
+    }
+  }), [parent, variant, size]);
+  const fieldClassName = (0, _utils.cn)((0, _styles.inputFieldVariants)({
+    size
+  }), (0, _styles2.otpFieldVariants)({
+    size
+  }));
+  const {
+    isDisabled: resolvedDisabled,
+    isInvalid: resolvedInvalid,
+    isReadOnly: resolvedReadOnly
+  } = otpContext;
+  const cells = [];
+  for (let i = 0; i < cellCount; i++) {
+    cells.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.OtpCellIndexProvider, {
+      value: {
+        cellIndex: i
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(OtpStyledCell, {
+        isDisabled: resolvedDisabled,
+        isInvalid: resolvedInvalid,
+        isReadOnly: resolvedReadOnly,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(OtpStyledField, {
+          className: fieldClassName
+        })
+      })
+    }, i));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.OtpInputProvider, {
+      value: otpContext,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        ref: ref,
+        className: rootClassName,
+        style: style,
+        ...rest,
+        ...(0, _primitives.mergeDataAttributes)(rest, (0, _primitives.dataAttributes)({
+          slot: 'otp-input'
+        })),
+        children: cells
+      })
+    })
   });
 });
-OtpInput.displayName = 'OtpInput';
+OtpInputRoot.displayName = 'OtpInput';
+const OtpInput = exports.OtpInput = Object.assign(OtpInputRoot, {
+  Cell: OtpStyledCell,
+  Field: OtpStyledField
+});
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/OtpInput/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_primitives","_utils","_HStack","_Input","_styles","_jsxRuntime","SCOPE","OtpRoot","withStyleContext","HStack","useOtpInputStyleContext","useStyleContext","OtpStyledCell","forwardRef","className","children","props","ref","size","variant","jsx","Input","cn","otpCellVariants","displayName","OtpStyledField","Field","otpFieldVariants","OtpPrimitive","createOtpInput","Root","Cell","OtpInput","exports","fullWidth","style","rest","rootClassName","otpRootVariants","context"],"sourceRoot":"../../../../src","sources":["components/OtpInput/index.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAL,OAAA;AAKkB,IAAAM,WAAA,GAAAN,OAAA;AAElB,MAAMO,KAAK,GAAG,WAAW;AAEzB,MAAMC,OAAO,GAAG,IAAAC,uBAAgB,EAACC,cAAM,EAAEH,KAAK,CAAC;AAE/C,MAAMI,uBAAuB,GAAGA,CAAA,KAAM,IAAAC,sBAAe,EAACL,KAAK,CAAsB;AAEjF,MAAMM,aAAa,gBAAG,IAAAC,iBAAU,EAC9B,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAuB,KAAK;EAC9D,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGT,uBAAuB,CAAC,CAAC;EACnD,oBACE,IAAAL,WAAA,CAAAe,GAAA,EAACjB,MAAA,CAAAkB,KAAK;IACJJ,GAAG,EAAEA,GAAI;IACTE,OAAO,EAAEA,OAAQ;IACjBD,IAAI,EAAEA,IAAK;IACXJ,SAAS,EAAE,IAAAQ,SAAE,EAAC,IAAAC,uBAAe,EAAC;MAAEL;IAAK,CAAC,CAAC,EAAEJ,SAAS,CAAE;IAAA,GAChDE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACJ,CAAC;AAEZ,CACF,CAAC;AAEDH,aAAa,CAACY,WAAW,GAAG,eAAe;AAE3C,MAAMC,cAAc,gBAAG,IAAAZ,iBAAU,EAG/B,CAAC;EAAEC,SAAS;EAAE,GAAGE;AAAM,CAAC,EAAEC,GAAG,KAAK;EAClC,MAAM;IAAEC;EAAK,CAAC,GAAGR,uBAAuB,CAAC,CAAC;EAC1C,oBAAO,IAAAL,WAAA,CAAAe,GAAA,EAACjB,MAAA,CAAAkB,KAAK,CAACK,KAAK;IAACT,GAAG,EAAEA,GAAI;IAACH,SAAS,EAAE,IAAAQ,SAAE,EAAC,IAAAK,wBAAgB,EAAC;MAAET;IAAK,CAAC,CAAC,EAAEJ,SAAS,CAAE;IAAA,GAAKE;EAAK,CAAG,CAAC;AACnG,CAAC,CAAC;AAEFS,cAAc,CAACD,WAAW,GAAG,gBAAgB;AAE7C,MAAMI,YAAY,GAAG,IAAAC,0BAAc,EAAC;EAClCC,IAAI,EAAEvB,OAAO;EACbwB,IAAI,EAAEnB,aAAa;EACnBc,KAAK,EAAED;AACT,CAAC,CAAC;AAQK,MAAMO,QAAQ,GAAAC,OAAA,CAAAD,QAAA,gBAAG,IAAAnB,iBAAU,EAChC,CAAC;EAAEM,OAAO,GAAG,SAAS;EAAED,IAAI,GAAG,SAAS;EAAEgB,SAAS,GAAG,IAAI;EAAEpB,SAAS;EAAEqB,KAAK;EAAE,GAAGC;AAAK,CAAC,EAAEnB,GAAG,KAAK;EAC/F,MAAMoB,aAAa,GAAG,IAAAf,SAAE,EAAC,IAAAgB,uBAAe,EAAC;IAAEpB,IAAI;IAAEgB;EAAU,CAAC,CAAC,EAAEpB,SAAS,CAAC;EAEzE,oBACE,IAAAT,WAAA,CAAAe,GAAA,EAACQ,YAAY;IACXX,GAAG,EAAEA,GAAI;IACTH,SAAS,EAAEuB,aAAc;IACzBF,KAAK,EAAEA,KAAM;IACbI,OAAO,EAAE;MAAEpB,OAAO;MAAED;IAAK,CAAE;IAAA,GACvBkB;EAAI,CACT,CAAC;AAEN,CACF,CAAC;AAEDJ,QAAQ,CAACR,WAAW,GAAG,UAAU","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Input","_styles","_styles2","_jsxRuntime","SCOPE","useOtpInputStyleContext","useStyleContext","OtpStyledCell","forwardRef","className","children","variant","variantProp","size","sizeProp","props","ref","context","jsx","Input","cn","otpCellVariants","displayName","OtpStyledField","setIsFocused","useInputContext","OtpInputField","onFocus","e","onBlur","OtpInputRoot","fullWidth","style","cellCount","value","onChangeText","onComplete","isDisabled","isInvalid","isReadOnly","smsOtpAutofill","filterInput","allowedCharacters","characterPattern","getCellProps","cellTestIdPrefix","accessibilityLabel","rest","otpContext","useOtpInput","rootClassName","otpRootVariants","parent","useParentContext","ctx","useMemo","fieldClassName","inputFieldVariants","otpFieldVariants","resolvedDisabled","resolvedInvalid","resolvedReadOnly","cells","i","push","OtpCellIndexProvider","cellIndex","ParentContext","Provider","OtpInputProvider","View","mergeDataAttributes","dataAttributes","slot","OtpInput","exports","Object","assign","Cell","Field"],"sourceRoot":"../../../../src","sources":["components/OtpInput/index.tsx"],"mappings":"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","ignoreList":[]}