npm - react-native-mantine - Versions diffs - 0.1.15 → 0.3.0 - Mend

react-native-mantine 0.1.15 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (776) hide show

package/lib/commonjs/components/Checkbox/index.js ADDED Viewed

@@ -0,0 +1,139 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Checkbox = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../BoxView/index.js");
+var _index2 = require("../Text/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _index3 = require("../../theme/index.js");
+var _rem = require("../../theme/utils/rem.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const sizes = {
+  xs: (0, _rem.rem)(14),
+  sm: (0, _rem.rem)(18),
+  md: (0, _rem.rem)(22),
+  lg: (0, _rem.rem)(28),
+  xl: (0, _rem.rem)(36)
+};
+const useStyles = (0, _index3.createStyles)((theme, {
+  size,
+  color,
+  disabled
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  const checkboxSize = sizes[size] || sizes.md;
+  return {
+    root: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      opacity: disabled ? 0.5 : 1
+    },
+    checkbox: {
+      width: checkboxSize,
+      height: checkboxSize,
+      borderRadius: theme.radius.sm,
+      borderWidth: 2,
+      borderColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[4],
+      backgroundColor: 'transparent',
+      justifyContent: 'center',
+      alignItems: 'center'
+    },
+    checked: {
+      borderColor: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+      backgroundColor: colors?.[6] || colors?.[5] || theme.primaryBgColor
+    },
+    checkmark: {
+      color: theme.white,
+      fontSize: checkboxSize * 0.6,
+      fontWeight: 'bold'
+    },
+    label: {
+      fontSize: theme.fontSizes.sm,
+      color: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[0] : theme.black,
+      marginLeft: theme.spacing.sm,
+      flex: 1
+    }
+  };
+});
+const defaultProps = {
+  size: 'md',
+  color: 'blue',
+  checked: false,
+  indeterminate: false,
+  disabled: false
+};
+const Checkbox = exports.Checkbox = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    label,
+    size,
+    color,
+    checked,
+    onChange,
+    indeterminate,
+    disabled,
+    style,
+    wrapperStyle,
+    ...otherProps
+  } = (0, _themeProvider.useComponentDefaultProps)('Checkbox', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    size,
+    color,
+    disabled
+  }, {
+    name: 'Checkbox'
+  });
+  const scaleAnim = (0, _react.useRef)(new _reactNative.Animated.Value(checked ? 1 : 0)).current;
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.spring(scaleAnim, {
+      toValue: checked || indeterminate ? 1 : 0,
+      useNativeDriver: true,
+      tension: 100,
+      friction: 7
+    }).start();
+  }, [checked, indeterminate, scaleAnim]);
+  const handlePress = () => {
+    if (!disabled) {
+      onChange?.(!checked);
+    }
+  };
+  const checkboxContent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+    style: sx(styles.checkbox, (checked || indeterminate) && styles.checked, style),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      style: {
+        transform: [{
+          scale: scaleAnim
+        }],
+        opacity: scaleAnim
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        style: styles.checkmark,
+        children: indeterminate ? '−' : '✓'
+      })
+    })
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    ref: ref,
+    onPress: handlePress,
+    disabled: disabled,
+    style: sx(styles.root, wrapperStyle),
+    accessibilityRole: "checkbox",
+    accessibilityState: {
+      checked: checked || indeterminate
+    },
+    ...otherProps,
+    children: [checkboxContent, label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+      style: styles.label,
+      children: label
+    })]
+  });
+});
+Checkbox.displayName = 'Checkbox';
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Checkbox/index.js.map ADDED Viewed

@@ -0,0 +1 @@

package/lib/commonjs/components/Chip/index.js ADDED Viewed

@@ -0,0 +1,268 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChipGroup = exports.Chip = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../BoxView/index.js");
+var _index2 = require("../Text/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _index3 = require("../../theme/index.js");
+var _rem = require("../../theme/utils/rem.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const sizes = {
+  xs: {
+    height: (0, _rem.rem)(24),
+    fontSize: (0, _rem.rem)(10),
+    paddingHorizontal: (0, _rem.rem)(8)
+  },
+  sm: {
+    height: (0, _rem.rem)(28),
+    fontSize: (0, _rem.rem)(12),
+    paddingHorizontal: (0, _rem.rem)(10)
+  },
+  md: {
+    height: (0, _rem.rem)(32),
+    fontSize: (0, _rem.rem)(14),
+    paddingHorizontal: (0, _rem.rem)(12)
+  },
+  lg: {
+    height: (0, _rem.rem)(36),
+    fontSize: (0, _rem.rem)(16),
+    paddingHorizontal: (0, _rem.rem)(14)
+  },
+  xl: {
+    height: (0, _rem.rem)(42),
+    fontSize: (0, _rem.rem)(18),
+    paddingHorizontal: (0, _rem.rem)(16)
+  }
+};
+const useStyles = (0, _index3.createStyles)((theme, {
+  size,
+  color,
+  radius,
+  variant,
+  checked,
+  disabled
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  const sizeStyles = sizes[size] || sizes.md;
+  const getVariantStyles = () => {
+    if (!checked) {
+      return {
+        backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[6] : theme.colors.gray?.[1],
+        borderWidth: 1,
+        borderColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[4] : theme.colors.gray?.[4]
+      };
+    }
+    switch (variant) {
+      case 'filled':
+        return {
+          backgroundColor: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+          borderWidth: 0
+        };
+      case 'outline':
+        return {
+          backgroundColor: 'transparent',
+          borderWidth: 1,
+          borderColor: colors?.[6] || colors?.[5] || theme.primaryBgColor
+        };
+      case 'light':
+        return {
+          backgroundColor: theme.colorScheme === 'dark' ? theme.fn.rgba(colors?.[9] || theme.primaryBgColor, 0.25) : colors?.[0] || (theme.colors.gray || [])[1],
+          borderWidth: 0
+        };
+      default:
+        return {
+          backgroundColor: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+          borderWidth: 0
+        };
+    }
+  };
+  const getTextColor = () => {
+    if (!checked) {
+      return theme.colorScheme === 'dark' ? theme.white : theme.black;
+    }
+    switch (variant) {
+      case 'filled':
+        return theme.white;
+      case 'outline':
+      case 'light':
+        return colors?.[6] || colors?.[5] || theme.primaryBgColor;
+      default:
+        return theme.white;
+    }
+  };
+  return {
+    root: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      height: sizeStyles.height,
+      paddingHorizontal: sizeStyles.paddingHorizontal,
+      borderRadius: theme.fn.radius(radius),
+      ...getVariantStyles(),
+      ...(disabled && {
+        opacity: 0.6
+      })
+    },
+    icon: {
+      marginRight: (0, _rem.rem)(6)
+    },
+    text: {
+      fontSize: sizeStyles.fontSize,
+      fontWeight: checked ? '600' : '500',
+      color: getTextColor()
+    }
+  };
+});
+const defaultProps = {
+  size: 'sm',
+  color: 'blue',
+  radius: 'xl',
+  variant: 'filled',
+  disabled: false,
+  type: 'checkbox'
+};
+const Chip = exports.Chip = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    size,
+    color,
+    radius,
+    variant,
+    checked: controlledChecked,
+    defaultChecked,
+    onChange,
+    disabled,
+    icon,
+    style,
+    textStyle,
+    value,
+    type,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('Chip', defaultProps, props);
+  const [uncontrolledChecked, setUncontrolledChecked] = _react.default.useState(defaultChecked || false);
+  const checked = controlledChecked !== undefined ? controlledChecked : uncontrolledChecked;
+  const {
+    styles,
+    sx
+  } = useStyles({
+    size,
+    color,
+    radius,
+    variant,
+    checked,
+    disabled
+  }, {
+    name: 'Chip'
+  });
+  const handlePress = () => {
+    if (disabled) return;
+    const newChecked = !checked;
+    if (controlledChecked === undefined) {
+      setUncontrolledChecked(newChecked);
+    }
+    onChange?.(newChecked);
+  };
+  const showIcon = checked && icon;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+    ref: ref,
+    style: sx(styles.root, style),
+    onPress: handlePress,
+    disabled: disabled,
+    activeOpacity: 0.7,
+    ...others,
+    children: [showIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      style: styles.icon,
+      children: icon
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+      style: sx(styles.text, textStyle),
+      children: children
+    })]
+  });
+});
+Chip.displayName = 'Chip';
+// Chip.Group component for managing multiple chips
+const useGroupStyles = (0, _index3.createStyles)((_theme, {
+  spacing: _spacing
+}) => ({
+  root: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 8
+  }
+}));
+const defaultGroupProps = {
+  multiple: false,
+  spacing: 'sm'
+};
+const ChipGroup = exports.ChipGroup = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    value: controlledValue,
+    defaultValue,
+    onChange,
+    multiple,
+    style,
+    spacing,
+    ...otherProps
+  } = (0, _themeProvider.useComponentDefaultProps)('ChipGroup', defaultGroupProps, props);
+  const [uncontrolledValue, setUncontrolledValue] = _react.default.useState(defaultValue || (multiple ? [] : ''));
+  const value = controlledValue !== undefined ? controlledValue : uncontrolledValue;
+  const {
+    styles,
+    sx
+  } = useGroupStyles({
+    spacing
+  }, {
+    name: 'ChipGroup'
+  });
+  const handleChipChange = (chipValue, checked) => {
+    let newValue;
+    if (multiple) {
+      const currentArray = Array.isArray(value) ? value : [];
+      newValue = checked ? [...currentArray, chipValue] : currentArray.filter(v => v !== chipValue);
+    } else {
+      newValue = checked ? chipValue : '';
+    }
+    if (controlledValue === undefined) {
+      setUncontrolledValue(newValue);
+    }
+    onChange?.(newValue);
+  };
+  const isChecked = chipValue => {
+    if (multiple && Array.isArray(value)) {
+      return value.includes(chipValue);
+    }
+    return value === chipValue;
+  };
+  const enhancedChildren = _react.default.Children.map(children, child => {
+    if (/*#__PURE__*/_react.default.isValidElement(child) && child.type === Chip) {
+      const chipValue = child.props.value;
+      if (chipValue !== undefined) {
+        return /*#__PURE__*/_react.default.cloneElement(child, {
+          checked: isChecked(chipValue),
+          onChange: checked => handleChipChange(chipValue, checked)
+        });
+      }
+    }
+    return child;
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...otherProps,
+    children: enhancedChildren
+  });
+});
+ChipGroup.displayName = 'Chip.Group';
+// Attach Group to Chip
+Chip.Group = ChipGroup;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Chip/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_themeProvider","_index3","_rem","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","sizes","xs","height","rem","fontSize","paddingHorizontal","sm","md","lg","xl","useStyles","createStyles","theme","size","color","radius","variant","checked","disabled","colors","primaryColor","sizeStyles","getVariantStyles","backgroundColor","colorScheme","dark","gray","borderWidth","borderColor","primaryBgColor","fn","rgba","getTextColor","white","black","root","flexDirection","alignItems","justifyContent","borderRadius","opacity","icon","marginRight","text","fontWeight","defaultProps","type","Chip","exports","forwardRef","props","ref","children","controlledChecked","defaultChecked","onChange","style","textStyle","value","others","useComponentDefaultProps","uncontrolledChecked","setUncontrolledChecked","React","useState","undefined","styles","sx","name","handlePress","newChecked","showIcon","jsxs","TouchableOpacity","onPress","activeOpacity","jsx","BoxView","Text","displayName","useGroupStyles","_theme","spacing","_spacing","flexWrap","gap","defaultGroupProps","multiple","ChipGroup","controlledValue","defaultValue","otherProps","uncontrolledValue","setUncontrolledValue","handleChipChange","chipValue","newValue","currentArray","Array","isArray","filter","v","isChecked","includes","enhancedChildren","Children","map","child","isValidElement","cloneElement","Group"],"sourceRoot":"../../../../src","sources":["components/Chip/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/CloseButton/index.js ADDED Viewed

@@ -0,0 +1,136 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CloseButton = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../BoxView/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _index2 = require("../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const sizes = {
+  xs: 16,
+  sm: 22,
+  md: 28,
+  lg: 34,
+  xl: 44
+};
+const iconSizes = {
+  xs: 12,
+  sm: 16,
+  md: 20,
+  lg: 24,
+  xl: 28
+};
+const useStyles = (0, _index2.createStyles)((theme, {
+  size,
+  radius,
+  disabled
+}) => {
+  const buttonSize = typeof size === 'number' ? size : (0, _index2.getSize)({
+    size,
+    sizes
+  });
+  return {
+    root: {
+      width: buttonSize,
+      height: buttonSize,
+      borderRadius: theme.fn.radius(radius),
+      justifyContent: 'center',
+      alignItems: 'center',
+      backgroundColor: 'transparent',
+      opacity: disabled ? 0.4 : 1
+    },
+    rootHover: {
+      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[5] : theme.colors.gray?.[0]
+    }
+  };
+});
+const CloseIcon = ({
+  size,
+  color
+}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.BoxView, {
+  style: {
+    width: size,
+    height: size,
+    position: 'relative'
+  },
+  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+    style: {
+      position: 'absolute',
+      width: size,
+      height: 2,
+      backgroundColor: color,
+      top: (size - 2) / 2,
+      transform: [{
+        rotate: '45deg'
+      }]
+    }
+  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+    style: {
+      position: 'absolute',
+      width: size,
+      height: 2,
+      backgroundColor: color,
+      top: (size - 2) / 2,
+      transform: [{
+        rotate: '-45deg'
+      }]
+    }
+  })]
+});
+const defaultProps = {
+  size: 'md',
+  radius: 'sm',
+  accessibilityLabel: 'Close',
+  disabled: false
+};
+const CloseButton = exports.CloseButton = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    onPress,
+    size = 'md',
+    radius = 'sm',
+    iconColor,
+    icon,
+    accessibilityLabel,
+    style,
+    disabled,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('CloseButton', defaultProps, props);
+  const {
+    styles,
+    sx,
+    theme
+  } = useStyles({
+    size,
+    radius,
+    disabled
+  }, {
+    name: 'CloseButton'
+  });
+  const iconSize = typeof size === 'number' ? Math.round(size * 0.7) : (0, _index2.getSize)({
+    size,
+    sizes: iconSizes
+  });
+  const defaultIconColor = iconColor || (theme.colorScheme === 'dark' ? theme.colors.dark?.[0] : theme.colors.gray?.[7]) || '#000';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+    ref: ref,
+    onPress: onPress,
+    disabled: disabled,
+    activeOpacity: 0.6,
+    accessible: true,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityRole: "button",
+    style: sx(styles.root, style),
+    ...others,
+    children: icon || /*#__PURE__*/(0, _jsxRuntime.jsx)(CloseIcon, {
+      size: iconSize,
+      color: defaultIconColor
+    })
+  });
+});
+CloseButton.displayName = 'CloseButton';
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/CloseButton/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_themeProvider","_index2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","sizes","xs","sm","md","lg","xl","iconSizes","useStyles","createStyles","theme","size","radius","disabled","buttonSize","getSize","root","width","height","borderRadius","fn","justifyContent","alignItems","backgroundColor","opacity","rootHover","colorScheme","colors","dark","gray","CloseIcon","color","jsxs","BoxView","style","position","children","jsx","top","transform","rotate","defaultProps","accessibilityLabel","CloseButton","exports","forwardRef","props","ref","onPress","iconColor","icon","others","useComponentDefaultProps","styles","sx","name","iconSize","Math","round","defaultIconColor","TouchableOpacity","activeOpacity","accessible","accessibilityRole","displayName"],"sourceRoot":"../../../../src","sources":["components/CloseButton/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Code/index.js ADDED Viewed

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Code = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _index = require("../Text/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _index2 = require("../BoxView/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * Code component renders inline code or code blocks with monospace font
+ */
+const Code = exports.Code = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    color,
+    block = false,
+    style,
+    ...others
+  } = props;
+  const theme = (0, _themeProvider.useTheme)();
+  // Get background and text colors
+  const backgroundColor = theme.colors.gray?.[0] || '#F6F6F6';
+  const textColor = color ? theme.colors[color]?.[theme.primaryShade] || color : theme.light.text;
+  // Monospace font - in React Native, we can use 'Courier' or 'Courier New'
+  const codeStyles = {
+    fontFamily: 'Courier',
+    fontSize: theme.fontSizes.sm || 14,
+    backgroundColor: backgroundColor,
+    color: textColor,
+    paddingHorizontal: block ? 16 : 4,
+    paddingVertical: block ? 12 : 2,
+    borderRadius: theme.radius.sm || 4
+  };
+  if (block) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.BoxView, {
+      ref: ref,
+      style: [{
+        backgroundColor: backgroundColor,
+        borderRadius: theme.radius.sm || 4,
+        padding: 16
+      }, style],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+        style: [{
+          fontFamily: 'Courier',
+          fontSize: theme.fontSizes.sm || 14,
+          color: textColor
+        }],
+        ...others,
+        children: children
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Text, {
+    ref: ref,
+    style: [codeStyles, style],
+    ...others,
+    children: children
+  });
+});
+Code.displayName = 'Code';
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Code/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_react","_interopRequireWildcard","require","_index","_themeProvider","_index2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Code","exports","forwardRef","props","ref","children","color","block","style","others","theme","useTheme","backgroundColor","colors","gray","textColor","primaryShade","light","text","codeStyles","fontFamily","fontSize","fontSizes","sm","paddingHorizontal","paddingVertical","borderRadius","radius","jsx","BoxView","padding","Text","displayName"],"sourceRoot":"../../../../src","sources":["components/Code/index.tsx"],"mappings":"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","ignoreList":[]}