@cdx-ui/components 0.0.1-beta.65 → 0.0.1-beta.67

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

@@ -65,19 +65,6 @@ var _utils = require("@cdx-ui/utils");
 var _styles = require("./styles");
 var _jsxRuntime = require("react/jsx-runtime");
 const SCOPE = 'LIST_ITEM';
-const RootView = (0, _utils.withStyleContext)(_reactNative.View, SCOPE);
-const RootPressable = (0, _utils.withStyleContext)(_reactNative.Pressable, SCOPE);
-const ListItemPrimitive = (0, _primitives.createListItem)({
-  View: RootView,
-  Pressable: RootPressable,
-  LeadingSlot: _reactNative.View,
-  Content: _reactNative.View,
-  Title: _reactNative.Text,
-  Description: _reactNative.Text,
-  Meta: _reactNative.Text,
-  TrailingSlot: _reactNative.View,
-  SectionHeader: _reactNative.View
-});
 const useListItemStyleContext = () => {
   const ctx = (0, _utils.useStyleContext)(SCOPE);
   return {
@@ -92,27 +79,36 @@ const useListItemStyleContext = () => {
 const ListItemRoot = /*#__PURE__*/(0, _react.forwardRef)(({
   size = 'default',
   showSeparator = true,
-  crossAlign = 'center',
+  crossAlign: crossAlignProp = 'center',
   className,
   style,
   ...props
 }, ref) => {
+  const crossAlign = crossAlignProp ?? 'center';
+  const parent = (0, _utils.useParentContext)();
+  const ctx = (0, _react.useMemo)(() => ({
+    ...parent,
+    [SCOPE]: {
+      crossAlign
+    }
+  }), [parent, crossAlign]);
   const computedClassName = (0, _utils.cn)((0, _styles.listItemRootVariants)({
     size,
     showSeparator,
     crossAlign
   }), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemPrimitive, {
-    ref: ref,
-    className: computedClassName,
-    context: {
-      crossAlign
-    },
-    crossAlign: crossAlign,
-    showSeparator: showSeparator,
-    size: size,
-    style: style,
-    ...props
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ListItemRoot, {
+      ref: ref,
+      className: computedClassName,
+      crossAlign: crossAlign,
+      style: style,
+      ...props,
+      ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+        slot: 'list-item'
+      }))
+    })
   });
 });
 ListItemRoot.displayName = 'ListItem';
@@ -121,18 +117,38 @@ ListItemRoot.displayName = 'ListItem';
 // SLOTS & TEXT
 // =============================================================================
 
+const leadingSlotStyle = {
+  flexShrink: 0
+};
 const ListItemLeadingSlot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   style,
+  'aria-hidden': ariaHidden,
   ...props
-}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemPrimitive.LeadingSlot, {
-  ref: ref,
-  className: (0, _utils.cn)((0, _styles.listItemLeadingSlotVariants)(), className),
-  style: style,
-  ...props
-}));
+}, ref) => {
+  const accessibilityElementsHidden = ariaHidden !== false;
+  const Comp = asChild ? _primitives.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    accessibilityElementsHidden: accessibilityElementsHidden,
+    "aria-hidden": ariaHidden ?? true,
+    className: (0, _utils.cn)((0, _styles.listItemLeadingSlotVariants)(), className),
+    style: [leadingSlotStyle, style],
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'list-item-leading'
+    }))
+  });
+});
 ListItemLeadingSlot.displayName = 'ListItem.LeadingSlot';
+const contentStyle = {
+  flex: 1,
+  flexDirection: 'column',
+  minWidth: 0
+};
 const ListItemContent = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   style,
   ...props
@@ -140,60 +156,80 @@ const ListItemContent = /*#__PURE__*/(0, _react.forwardRef)(({
   const {
     crossAlign
   } = useListItemStyleContext();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemPrimitive.Content, {
+  const Comp = asChild ? _primitives.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
     className: (0, _utils.cn)((0, _styles.listItemContentVariants)({
       crossAlign
     }), className),
-    style: style,
-    ...props
+    style: [contentStyle, style],
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'list-item-content'
+    }))
   });
 });
 ListItemContent.displayName = 'ListItem.Content';
 const ListItemTitle = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   numberOfLines = 1,
   style,
   ...props
 }, ref) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemPrimitive.Title, {
+  const Comp = asChild ? _primitives.Slot : _reactNative.Text;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
     className: (0, _utils.cn)((0, _styles.listItemTitleVariants)(), className),
     numberOfLines: numberOfLines,
     style: style,
-    ...props
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'list-item-title'
+    }))
   });
 });
 ListItemTitle.displayName = 'ListItem.Title';
 const ListItemDescription = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   style,
   ...props
 }, ref) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemPrimitive.Description, {
+  const Comp = asChild ? _primitives.Slot : _reactNative.Text;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
     className: (0, _utils.cn)((0, _styles.listItemDescriptionVariants)(), className),
     style: style,
-    ...props
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'list-item-description'
+    }))
   });
 });
 ListItemDescription.displayName = 'ListItem.Description';
 const ListItemMeta = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   numberOfLines = 1,
   style,
   ...props
 }, ref) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemPrimitive.Meta, {
+  const Comp = asChild ? _primitives.Slot : _reactNative.Text;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
     className: (0, _utils.cn)((0, _styles.listItemMetaVariants)(), className),
     numberOfLines: numberOfLines,
     style: style,
-    ...props
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'list-item-meta'
+    }))
   });
 });
 ListItemMeta.displayName = 'ListItem.Meta';
 const ListItemTrailingSlot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   style,
   ...props
@@ -201,13 +237,19 @@ const ListItemTrailingSlot = /*#__PURE__*/(0, _react.forwardRef)(({
   const {
     crossAlign
   } = useListItemStyleContext();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemPrimitive.TrailingSlot, {
+  const Comp = asChild ? _primitives.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
     className: (0, _utils.cn)((0, _styles.listItemTrailingSlotVariants)({
       crossAlign
     }), className),
-    style: style,
-    ...props
+    style: [{
+      flexShrink: 0
+    }, style],
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'list-item-trailing'
+    }))
   });
 });
 ListItemTrailingSlot.displayName = 'ListItem.TrailingSlot';
@@ -225,24 +267,57 @@ const wrapSectionHeaderLabel = children => {
 // SECTION HEADER
 // =============================================================================
 
+// TODO: ListItem.SectionHeader doesn't follow composition patterns (composing text, trailing prop, etc).
+
+const sectionHeaderRow = {
+  flexDirection: 'row',
+  alignItems: 'center',
+  justifyContent: 'space-between',
+  gap: 8
+};
+const sectionHeaderLabelCell = {
+  flex: 1,
+  minWidth: 0,
+  /** Keeps the label column from stretching to a taller trailing sibling (e.g. Chip). */
+  alignSelf: 'center'
+};
+const sectionHeaderTrailingCell = {
+  flexShrink: 0,
+  /** Prevents the trailing slot from stretching vertically and “filling” the row. */
+  alignSelf: 'center'
+};
 const ListItemSectionHeader = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   children,
   className,
   showDivider = true,
   style,
   trailing,
+  accessibilityRole = 'header',
   ...props
-}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(ListItemPrimitive.SectionHeader, {
-  ref: ref,
-  className: (0, _utils.cn)((0, _styles.listItemSectionHeaderVariants)({
-    showDivider
-  }), className),
-  showDivider: showDivider,
-  style: style,
-  trailing: trailing,
-  ...props,
-  children: wrapSectionHeaderLabel(children)
-}));
+}, ref) => {
+  const Comp = asChild ? _primitives.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Comp, {
+    ref: ref,
+    accessibilityRole: accessibilityRole,
+    className: (0, _utils.cn)((0, _styles.listItemSectionHeaderVariants)({
+      showDivider
+    }), className),
+    style: [sectionHeaderRow, style],
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'list-section-header',
+      divider: showDivider
+    })),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: sectionHeaderLabelCell,
+      children: wrapSectionHeaderLabel(children)
+    }), trailing ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: sectionHeaderTrailingCell,
+      children: trailing
+    }) : null]
+  });
+});
 ListItemSectionHeader.displayName = 'ListItem.SectionHeader';
 
 // =============================================================================

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","SCOPE","RootView","withStyleContext","View","RootPressable","Pressable","ListItemPrimitive","createListItem","LeadingSlot","Content","Title","Text","Description","Meta","TrailingSlot","SectionHeader","useListItemStyleContext","ctx","useStyleContext","crossAlign","ListItemRoot","forwardRef","size","showSeparator","className","style","props","ref","computedClassName","cn","listItemRootVariants","jsx","context","displayName","ListItemLeadingSlot","listItemLeadingSlotVariants","ListItemContent","listItemContentVariants","ListItemTitle","numberOfLines","listItemTitleVariants","ListItemDescription","listItemDescriptionVariants","ListItemMeta","listItemMetaVariants","ListItemTrailingSlot","listItemTrailingSlotVariants","wrapSectionHeaderLabel","children","listItemSectionHeaderLabelVariants","ListItemSectionHeader","showDivider","trailing","listItemSectionHeaderVariants","ListItem","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/ListItem/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","SCOPE","useListItemStyleContext","ctx","useStyleContext","crossAlign","ListItemRoot","forwardRef","size","showSeparator","crossAlignProp","className","style","props","ref","parent","useParentContext","useMemo","computedClassName","cn","listItemRootVariants","jsx","ParentContext","Provider","value","children","mergeDataAttributes","dataAttributes","slot","displayName","leadingSlotStyle","flexShrink","ListItemLeadingSlot","asChild","ariaHidden","accessibilityElementsHidden","Comp","Slot","View","listItemLeadingSlotVariants","contentStyle","flex","flexDirection","minWidth","ListItemContent","listItemContentVariants","ListItemTitle","numberOfLines","Text","listItemTitleVariants","ListItemDescription","listItemDescriptionVariants","ListItemMeta","listItemMetaVariants","ListItemTrailingSlot","listItemTrailingSlotVariants","wrapSectionHeaderLabel","listItemSectionHeaderLabelVariants","sectionHeaderRow","alignItems","justifyContent","gap","sectionHeaderLabelCell","alignSelf","sectionHeaderTrailingCell","ListItemSectionHeader","showDivider","trailing","accessibilityRole","jsxs","listItemSectionHeaderVariants","divider","ListItem","exports","Object","assign","LeadingSlot","Content","Title","Description","Meta","TrailingSlot","SectionHeader"],"sourceRoot":"../../../../src","sources":["components/ListItem/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -5,14 +5,14 @@ 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,
@@ -27,7 +27,7 @@ const OtpStyledCell = /*#__PURE__*/(0, _react.forwardRef)(({
     ref: ref,
     variant: variant,
     size: size,
-    className: (0, _utils.cn)((0, _styles.otpCellVariants)({
+    className: (0, _utils.cn)((0, _styles2.otpCellVariants)({
       size
     }), className),
     ...props,
@@ -35,48 +35,114 @@ 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)(({
   variant = 'outline',
   size = 'default',
   fullWidth = true,
   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 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, {
+        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';

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","props","ref","size","variant","jsx","Input","cn","otpCellVariants","displayName","OtpStyledField","setIsFocused","useInputContext","OtpInputField","onFocus","e","onBlur","OtpInput","exports","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","cells","i","push","OtpCellIndexProvider","cellIndex","ParentContext","Provider","OtpInputProvider","View","mergeDataAttributes","dataAttributes","slot"],"sourceRoot":"../../../../src","sources":["components/OtpInput/index.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAWA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAKkB,IAAAO,WAAA,GAAAP,OAAA;AAElB,MAAMQ,KAAK,GAAG,WAAW;AAEzB,MAAMC,uBAAuB,GAAGA,CAAA,KAAM,IAAAC,sBAAe,EAACF,KAAK,CAAsB;AAEjF,MAAMG,aAAa,gBAAG,IAAAC,iBAAU,EAG9B,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAuB,KAAK;EAChE,MAAM;IAAEC,IAAI;IAAEC;EAAQ,CAAC,GAAGT,uBAAuB,CAAC,CAAC;EACnD,oBACE,IAAAF,WAAA,CAAAY,GAAA,EAACf,MAAA,CAAAgB,KAAK;IACJJ,GAAG,EAAEA,GAAI;IACTE,OAAO,EAAEA,OAAQ;IACjBD,IAAI,EAAEA,IAAK;IACXJ,SAAS,EAAE,IAAAQ,SAAE,EAAC,IAAAC,wBAAe,EAAC;MAAEL;IAAK,CAAC,CAAC,EAAEJ,SAAS,CAAE;IAAA,GAChDE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACJ,CAAC;AAEZ,CAAC,CAAC;AAEFH,aAAa,CAACY,WAAW,GAAG,eAAe;;AAE3C;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAAc,gBAAG,IAAAZ,iBAAU,EAC/B,CAACG,KAAK,EAAEC,GAAG,KAAK;EACd,MAAM;IAAES;EAAa,CAAC,GAAG,IAAAC,2BAAe,EAAC,CAAC;EAC1C,oBACE,IAAAnB,WAAA,CAAAY,GAAA,EAACjB,WAAA,CAAAyB,aAAa;IACZX,GAAG,EAAEA,GAAI;IAAA,GACLD,KAAK;IACTa,OAAO,EAAGC,CAAC,IAAK;MACdJ,YAAY,GAAG,IAAI,CAAC;MACpBV,KAAK,CAACa,OAAO,GAAGC,CAAC,CAAC;IACpB,CAAE;IACFC,MAAM,EAAGD,CAAC,IAAK;MACbJ,YAAY,GAAG,KAAK,CAAC;MACrBV,KAAK,CAACe,MAAM,GAAGD,CAAC,CAAC;IACnB;EAAE,CACH,CAAC;AAEN,CACF,CAAC;AAEDL,cAAc,CAACD,WAAW,GAAG,gBAAgB;AAQtC,MAAMQ,QAAQ,GAAAC,OAAA,CAAAD,QAAA,gBAAG,IAAAnB,iBAAU,EAChC,CACE;EACEM,OAAO,GAAG,SAAS;EACnBD,IAAI,GAAG,SAAS;EAChBgB,SAAS,GAAG,IAAI;EAChBpB,SAAS;EACTqB,KAAK;EACLC,SAAS;EACTC,KAAK;EACLC,YAAY;EACZC,UAAU;EACVC,UAAU;EACVC,SAAS;EACTC,UAAU;EACVC,cAAc;EACdC,WAAW;EACXC,iBAAiB;EACjBC,gBAAgB;EAChBC,YAAY;EACZC,gBAAgB;EAChBC,kBAAkB;EAClB,GAAGC;AACL,CAAC,EACDjC,GAAG,KACA;EACH,MAAMkC,UAAU,GAAG,IAAAC,uBAAW,EAAC;IAC7BhB,SAAS;IACTC,KAAK;IACLC,YAAY;IACZC,UAAU;IACVC,UAAU;IACVC,SAAS;IACTC,UAAU;IACVC,cAAc;IACdC,WAAW;IACXC,iBAAiB;IACjBC,gBAAgB;IAChBC,YAAY;IACZC,gBAAgB;IAChBC;EACF,CAAC,CAAC;EAEF,MAAMI,aAAa,GAAG,IAAA/B,SAAE,EAAC,IAAAgC,wBAAe,EAAC;IAAEpC,IAAI;IAAEgB;EAAU,CAAC,CAAC,EAAEpB,SAAS,CAAC;EAEzE,MAAMyC,MAAM,GAAG,IAAAC,uBAAgB,EAAC,CAAC;EACjC,MAAMC,GAAG,GAAG,IAAAC,cAAO,EAAC,OAAO;IAAE,GAAGH,MAAM;IAAE,CAAC9C,KAAK,GAAG;MAAEU,OAAO;MAAED;IAAK;EAAE,CAAC,CAAC,EAAE,CAACqC,MAAM,EAAEpC,OAAO,EAAED,IAAI,CAAC,CAAC;EAE/F,MAAMyC,cAAc,GAAG,IAAArC,SAAE,EAAC,IAAAsC,0BAAkB,EAAC;IAAE1C;EAAK,CAAC,CAAC,EAAE,IAAA2C,yBAAgB,EAAC;IAAE3C;EAAK,CAAC,CAAC,CAAC;EAEnF,MAAM4C,KAA2B,GAAG,EAAE;EACtC,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAG3B,SAAS,EAAE2B,CAAC,EAAE,EAAE;IAClCD,KAAK,CAACE,IAAI,cACR,IAAAxD,WAAA,CAAAY,GAAA,EAACjB,WAAA,CAAA8D,oBAAoB;MAAS5B,KAAK,EAAE;QAAE6B,SAAS,EAAEH;MAAE,CAAE;MAAAhD,QAAA,eACpD,IAAAP,WAAA,CAAAY,GAAA,EAACR,aAAa;QAAAG,QAAA,eACZ,IAAAP,WAAA,CAAAY,GAAA,EAACK,cAAc;UAACX,SAAS,EAAE6C;QAAe,CAAE;MAAC,CAChC;IAAC,GAHSI,CAIL,CACxB,CAAC;EACH;EAEA,oBACE,IAAAvD,WAAA,CAAAY,GAAA,EAAChB,MAAA,CAAA+D,aAAa,CAACC,QAAQ;IAAC/B,KAAK,EAAEoB,GAAI;IAAA1C,QAAA,eACjC,IAAAP,WAAA,CAAAY,GAAA,EAACjB,WAAA,CAAAkE,gBAAgB;MAAChC,KAAK,EAAEc,UAAW;MAAApC,QAAA,eAClC,IAAAP,WAAA,CAAAY,GAAA,EAAClB,YAAA,CAAAoE,IAAI;QACHrD,GAAG,EAAEA,GAAI;QACTH,SAAS,EAAEuC,aAAc;QACzBlB,KAAK,EAAEA,KAAM;QAAA,GACTe,IAAI;QAAA,GACJ,IAAAqB,+BAAmB,EAACrB,IAAI,EAAE,IAAAsB,0BAAc,EAAC;UAAEC,IAAI,EAAE;QAAY,CAAC,CAAC,CAAC;QAAA1D,QAAA,EAEnE+C;MAAK,CACF;IAAC,CACS;EAAC,CACG,CAAC;AAE7B,CACF,CAAC;AAED9B,QAAQ,CAACR,WAAW,GAAG,UAAU","ignoreList":[]}

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

@@ -5,41 +5,36 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ProgressBar = void 0;
 var _react = require("react");
-var _reactNative = require("react-native");
 var _primitives = require("@cdx-ui/primitives");
 var _utils = require("@cdx-ui/utils");
 var _styles = require("./styles");
 var _jsxRuntime = require("react/jsx-runtime");
-const ProgressPrimitive = (0, _primitives.createProgress)({
-  Root: _reactNative.View,
-  Indicator: _reactNative.View
-});
-const ProgressBarRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+const ProgressBarRootComponent = /*#__PURE__*/(0, _react.forwardRef)(({
   className,
   style,
   ...props
 }, ref) => {
   const trackClass = (0, _utils.cn)((0, _styles.progressBarTrackVariants)(), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ProgressPrimitive, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ProgressBarRoot, {
     ref: ref,
     className: trackClass,
     style: style,
     ...props
   });
 });
-ProgressBarRoot.displayName = 'ProgressBar';
-const ProgressBarIndicator = /*#__PURE__*/(0, _react.forwardRef)(({
+ProgressBarRootComponent.displayName = 'ProgressBar';
+const ProgressBarIndicatorComponent = /*#__PURE__*/(0, _react.forwardRef)(({
   className,
   style,
   ...props
-}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(ProgressPrimitive.Indicator, {
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ProgressBarIndicator, {
   ref: ref,
   className: (0, _utils.cn)((0, _styles.progressBarIndicatorVariants)(), className),
   style: style,
   ...props
 }));
-ProgressBarIndicator.displayName = 'ProgressBar.Indicator';
-const ProgressBar = exports.ProgressBar = Object.assign(ProgressBarRoot, {
-  Indicator: ProgressBarIndicator
+ProgressBarIndicatorComponent.displayName = 'ProgressBar.Indicator';
+const ProgressBar = exports.ProgressBar = Object.assign(ProgressBarRootComponent, {
+  Indicator: ProgressBarIndicatorComponent
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","ProgressPrimitive","createProgress","Root","View","Indicator","ProgressBarRoot","forwardRef","className","style","props","ref","trackClass","cn","progressBarTrackVariants","jsx","displayName","ProgressBarIndicator","progressBarIndicatorVariants","ProgressBar","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/ProgressBar/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAIkB,IAAAK,WAAA,GAAAL,OAAA;AAElB,MAAMM,iBAAiB,GAAG,IAAAC,0BAAc,EAAC;EACvCC,IAAI,EAAEC,iBAAI;EACVC,SAAS,EAAED;AACb,CAAC,CAAC;AAUF,MAAME,eAAe,gBAAG,IAAAC,iBAAU,EAChC,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvC,MAAMC,UAAU,GAAG,IAAAC,SAAE,EAAC,IAAAC,gCAAwB,EAAC,CAAC,EAAEN,SAAS,CAAC;EAE5D,oBAAO,IAAAR,WAAA,CAAAe,GAAA,EAACd,iBAAiB;IAACU,GAAG,EAAEA,GAAI;IAACH,SAAS,EAAEI,UAAW;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC;EAAK,CAAG,CAAC;AACxF,CACF,CAAC;AAEDJ,eAAe,CAACU,WAAW,GAAG,aAAa;AAE3C,MAAMC,oBAAoB,gBAAG,IAAAV,iBAAU,EACrC,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAClC,IAAAX,WAAA,CAAAe,GAAA,EAACd,iBAAiB,CAACI,SAAS;EAC1BM,GAAG,EAAEA,GAAI;EACTH,SAAS,EAAE,IAAAK,SAAE,EAAC,IAAAK,oCAA4B,EAAC,CAAC,EAAEV,SAAS,CAAE;EACzDC,KAAK,EAAEA,KAAM;EAAA,GACTC;AAAK,CACV,CAEL,CAAC;AAEDO,oBAAoB,CAACD,WAAW,GAAG,uBAAuB;AAMnD,MAAMG,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAGE,MAAM,CAACC,MAAM,CAAChB,eAAe,EAAE;EACxDD,SAAS,EAAEY;AACb,CAAC,CAAiC","ignoreList":[]}
+{"version":3,"names":["_react","require","_primitives","_utils","_styles","_jsxRuntime","ProgressBarRootComponent","forwardRef","className","style","props","ref","trackClass","cn","progressBarTrackVariants","jsx","ProgressBarRoot","displayName","ProgressBarIndicatorComponent","ProgressBarIndicator","progressBarIndicatorVariants","ProgressBar","exports","Object","assign","Indicator"],"sourceRoot":"../../../../src","sources":["components/ProgressBar/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAIkB,IAAAI,WAAA,GAAAJ,OAAA;AAUlB,MAAMK,wBAAwB,gBAAG,IAAAC,iBAAU,EACzC,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvC,MAAMC,UAAU,GAAG,IAAAC,SAAE,EAAC,IAAAC,gCAAwB,EAAC,CAAC,EAAEN,SAAS,CAAC;EAE5D,oBAAO,IAAAH,WAAA,CAAAU,GAAA,EAACb,WAAA,CAAAc,eAAe;IAACL,GAAG,EAAEA,GAAI;IAACH,SAAS,EAAEI,UAAW;IAACH,KAAK,EAAEA,KAAM;IAAA,GAAKC;EAAK,CAAG,CAAC;AACtF,CACF,CAAC;AAEDJ,wBAAwB,CAACW,WAAW,GAAG,aAAa;AAEpD,MAAMC,6BAA6B,gBAAG,IAAAX,iBAAU,EAC9C,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAClC,IAAAN,WAAA,CAAAU,GAAA,EAACb,WAAA,CAAAiB,oBAAoB;EACnBR,GAAG,EAAEA,GAAI;EACTH,SAAS,EAAE,IAAAK,SAAE,EAAC,IAAAO,oCAA4B,EAAC,CAAC,EAAEZ,SAAS,CAAE;EACzDC,KAAK,EAAEA,KAAM;EAAA,GACTC;AAAK,CACV,CAEL,CAAC;AAEDQ,6BAA6B,CAACD,WAAW,GAAG,uBAAuB;AAM5D,MAAMI,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAGE,MAAM,CAACC,MAAM,CAAClB,wBAAwB,EAAE;EACjEmB,SAAS,EAAEP;AACb,CAAC,CAAiC","ignoreList":[]}