react-native-mantine 0.1.13 → 0.2.0

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

@@ -0,0 +1,112 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Skeleton = 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 _rem = require("../../theme/utils/rem.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const useStyles = (0, _index2.createStyles)((theme, {
+  height,
+  width,
+  radius,
+  circle
+}) => {
+  const getSize = value => {
+    if (typeof value === 'number') return (0, _rem.rem)(value);
+    return value;
+  };
+  const circleSize = circle && height ? getSize(height) : undefined;
+  return {
+    root: {
+      height: circleSize || getSize(height) || (0, _rem.rem)(120),
+      width: circleSize || getSize(width) || '100%',
+      borderRadius: circle ? 9999 : theme.fn.radius(radius),
+      backgroundColor: theme.colorScheme === 'dark' ? (theme.colors.dark || [])[4] : (theme.colors.gray || [])[3],
+      overflow: 'hidden'
+    },
+    shimmer: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      backgroundColor: 'rgba(255, 255, 255, 0.2)'
+    }
+  };
+});
+const defaultProps = {
+  height: 120,
+  radius: 'sm',
+  circle: false,
+  animate: true,
+  visible: true
+};
+const Skeleton = exports.Skeleton = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    height,
+    width,
+    radius,
+    circle,
+    animate,
+    visible,
+    children,
+    style,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('Skeleton', defaultProps, props);
+  const shimmerAnimation = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react.useEffect)(() => {
+    if (animate && visible) {
+      _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(shimmerAnimation, {
+        toValue: 1,
+        duration: 1500,
+        useNativeDriver: true
+      }), _reactNative.Animated.timing(shimmerAnimation, {
+        toValue: 0,
+        duration: 1500,
+        useNativeDriver: true
+      })])).start();
+    }
+  }, [animate, visible, shimmerAnimation]);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    height,
+    width,
+    radius,
+    circle
+  }, {
+    name: 'Skeleton'
+  });
+  if (!visible && children) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: children
+    });
+  }
+  const shimmerTranslateX = shimmerAnimation.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['-100%', '100%']
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: animate && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      style: [styles.shimmer, {
+        transform: [{
+          translateX: shimmerTranslateX
+        }]
+      }]
+    })
+  });
+});
+Skeleton.displayName = 'Skeleton';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_themeProvider","_index2","_rem","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useStyles","createStyles","theme","height","width","radius","circle","getSize","value","rem","circleSize","undefined","root","borderRadius","fn","backgroundColor","colorScheme","colors","dark","gray","overflow","shimmer","position","top","left","right","bottom","defaultProps","animate","visible","Skeleton","exports","forwardRef","props","ref","children","style","others","useComponentDefaultProps","shimmerAnimation","useRef","Animated","Value","current","useEffect","loop","sequence","timing","toValue","duration","useNativeDriver","start","styles","sx","name","jsx","Fragment","shimmerTranslateX","interpolate","inputRange","outputRange","BoxView","View","transform","translateX","displayName"],"sourceRoot":"../../../../src","sources":["components/Skeleton/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,276 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Slider = 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const sizes = {
+  xs: {
+    height: (0, _rem.rem)(4),
+    thumb: (0, _rem.rem)(12)
+  },
+  sm: {
+    height: (0, _rem.rem)(6),
+    thumb: (0, _rem.rem)(16)
+  },
+  md: {
+    height: (0, _rem.rem)(8),
+    thumb: (0, _rem.rem)(20)
+  },
+  lg: {
+    height: (0, _rem.rem)(10),
+    thumb: (0, _rem.rem)(24)
+  },
+  xl: {
+    height: (0, _rem.rem)(12),
+    thumb: (0, _rem.rem)(28)
+  }
+};
+const useStyles = (0, _index3.createStyles)((theme, {
+  color,
+  radius,
+  disabled
+}, {
+  size
+}) => {
+  const colors = theme.colors[color] || theme.colors[theme.primaryColor];
+  const sizeStyles = sizes[size] || sizes.md;
+  return {
+    root: {
+      position: 'relative',
+      width: '100%',
+      paddingVertical: (0, _rem.rem)(10),
+      opacity: disabled ? 0.5 : 1
+    },
+    track: {
+      position: 'relative',
+      height: sizeStyles.height,
+      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[4] : theme.colors.gray?.[2],
+      borderRadius: theme.fn.radius(radius),
+      overflow: 'hidden'
+    },
+    bar: {
+      position: 'absolute',
+      height: '100%',
+      backgroundColor: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+      borderRadius: theme.fn.radius(radius)
+    },
+    thumb: {
+      position: 'absolute',
+      width: sizeStyles.thumb,
+      height: sizeStyles.thumb,
+      borderRadius: sizeStyles.thumb,
+      backgroundColor: theme.white,
+      borderWidth: (0, _rem.rem)(3),
+      borderColor: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+      top: -(sizeStyles.thumb / 2 - sizeStyles.height / 2),
+      shadowColor: '#000',
+      shadowOffset: {
+        width: 0,
+        height: 2
+      },
+      shadowOpacity: 0.1,
+      shadowRadius: 4,
+      elevation: 2
+    },
+    label: {
+      position: 'absolute',
+      top: (0, _rem.rem)(-32),
+      backgroundColor: colors?.[6] || colors?.[5] || theme.primaryBgColor,
+      paddingHorizontal: theme.spacing.xs,
+      paddingVertical: (0, _rem.rem)(4),
+      borderRadius: theme.fn.radius('sm'),
+      minWidth: (0, _rem.rem)(28),
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    labelText: {
+      color: theme.white,
+      fontSize: theme.fontSizes.xs,
+      fontWeight: '600'
+    },
+    marks: {
+      position: 'absolute',
+      width: '100%',
+      top: sizeStyles.height,
+      flexDirection: 'row'
+    },
+    mark: {
+      position: 'absolute',
+      width: (0, _rem.rem)(2),
+      height: (0, _rem.rem)(6),
+      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark?.[4] : theme.colors.gray?.[3],
+      borderRadius: (0, _rem.rem)(1)
+    },
+    markLabel: {
+      position: 'absolute',
+      top: (0, _rem.rem)(10),
+      fontSize: theme.fontSizes.xs,
+      color: theme.colorScheme === 'dark' ? theme.colors.dark?.[2] : theme.colors.gray?.[6],
+      transform: [{
+        translateX: -10
+      }]
+    }
+  };
+});
+const defaultProps = {
+  min: 0,
+  max: 100,
+  step: 1,
+  size: 'md',
+  color: 'blue',
+  radius: 'xl',
+  disabled: false,
+  showLabelOnHover: true,
+  thumbWithoutBorder: false
+};
+const Slider = exports.Slider = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    value: controlledValue,
+    defaultValue,
+    onChange,
+    onChangeEnd,
+    min,
+    max,
+    step,
+    size,
+    color,
+    radius,
+    label,
+    marks,
+    disabled,
+    showLabelOnHover,
+    thumbChildren,
+    thumbWithoutBorder,
+    style,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('Slider', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    color,
+    radius,
+    disabled
+  }, {
+    name: 'Slider',
+    size
+  });
+  const sizeStyles = sizes[size] || sizes.md;
+  const [uncontrolledValue, setUncontrolledValue] = (0, _react.useState)(defaultValue ?? min ?? 0);
+  const [trackWidth, setTrackWidth] = (0, _react.useState)(0);
+  const [showLabel, setShowLabel] = (0, _react.useState)(false);
+  const value = controlledValue !== undefined ? controlledValue : uncontrolledValue;
+  const scale = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
+  const clampValue = (0, _react.useCallback)(val => {
+    const clamped = Math.max(min, Math.min(max, val));
+    const stepped = Math.round(clamped / step) * step;
+    return stepped;
+  }, [min, max, step]);
+  const updateValue = (0, _react.useCallback)(newValue => {
+    const clampedValue = clampValue(newValue);
+    if (controlledValue === undefined) {
+      setUncontrolledValue(clampedValue);
+    }
+    onChange?.(clampedValue);
+  }, [clampValue, controlledValue, onChange]);
+  const getValueFromPosition = (0, _react.useCallback)(posX => {
+    const percentage = posX / trackWidth;
+    return min + percentage * (max - min);
+  }, [trackWidth, min, max]);
+  const panResponder = (0, _react.useRef)(_reactNative.PanResponder.create({
+    onStartShouldSetPanResponder: () => !disabled,
+    onMoveShouldSetPanResponder: () => !disabled,
+    onPanResponderGrant: () => {
+      setShowLabel(true);
+      _reactNative.Animated.spring(scale, {
+        toValue: 1.2,
+        useNativeDriver: true
+      }).start();
+    },
+    onPanResponderMove: (_evt, gestureState) => {
+      const newValue = getValueFromPosition(gestureState.moveX);
+      updateValue(newValue);
+    },
+    onPanResponderRelease: () => {
+      setShowLabel(false);
+      _reactNative.Animated.spring(scale, {
+        toValue: 1,
+        useNativeDriver: true
+      }).start();
+      onChangeEnd?.(value);
+    }
+  })).current;
+  const handleLayout = event => {
+    setTrackWidth(event.nativeEvent.layout.width);
+  };
+  const percentage = (value - min) / (max - min) * 100;
+  const thumbPosition = trackWidth * percentage / 100;
+  const renderLabel = () => {
+    if (!showLabel && !showLabelOnHover) return null;
+    if (!showLabel) return null;
+    const labelContent = typeof label === 'function' ? label(value) : label || value;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      style: [styles.label, {
+        left: -((0, _rem.rem)(28) / 2)
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        style: styles.labelText,
+        children: labelContent
+      })
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.track,
+      onLayout: handleLayout,
+      ...panResponder.panHandlers,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.bar, {
+          width: `${percentage}%`
+        }]
+      }), trackWidth > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+        style: [styles.thumb, {
+          left: thumbPosition - sizeStyles.thumb / 2,
+          transform: [{
+            scale
+          }]
+        }],
+        children: [renderLabel(), thumbChildren]
+      })]
+    }), marks && marks.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.marks,
+      children: marks.map((mark, index) => {
+        const markPercentage = (mark.value - min) / (max - min) * 100;
+        const markPosition = trackWidth * markPercentage / 100;
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.mark, {
+              left: markPosition
+            }]
+          }), mark.label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+            style: [styles.markLabel, {
+              left: markPosition
+            }],
+            children: mark.label
+          })]
+        }, index);
+      })
+    })]
+  });
+});
+Slider.displayName = 'Slider';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_themeProvider","_index3","_rem","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","sizes","xs","height","rem","thumb","sm","md","lg","xl","useStyles","createStyles","theme","color","radius","disabled","size","colors","primaryColor","sizeStyles","root","position","width","paddingVertical","opacity","track","backgroundColor","colorScheme","dark","gray","borderRadius","fn","overflow","bar","primaryBgColor","white","borderWidth","borderColor","top","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","label","paddingHorizontal","spacing","minWidth","alignItems","justifyContent","labelText","fontSize","fontSizes","fontWeight","marks","flexDirection","mark","markLabel","transform","translateX","defaultProps","min","max","step","showLabelOnHover","thumbWithoutBorder","Slider","exports","forwardRef","props","ref","value","controlledValue","defaultValue","onChange","onChangeEnd","thumbChildren","style","others","useComponentDefaultProps","styles","sx","name","uncontrolledValue","setUncontrolledValue","useState","trackWidth","setTrackWidth","showLabel","setShowLabel","undefined","scale","useRef","Animated","Value","current","clampValue","useCallback","val","clamped","Math","stepped","round","updateValue","newValue","clampedValue","getValueFromPosition","posX","percentage","panResponder","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","spring","toValue","useNativeDriver","start","onPanResponderMove","_evt","gestureState","moveX","onPanResponderRelease","handleLayout","event","nativeEvent","layout","thumbPosition","renderLabel","labelContent","jsx","BoxView","left","children","Text","jsxs","View","onLayout","panHandlers","length","map","index","markPercentage","markPosition","displayName"],"sourceRoot":"../../../../src","sources":["components/Slider/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Space = void 0;
+var _react = require("react");
+var _index = require("../BoxView/index.js");
+var _themeProvider = require("../../theme/theme-provider.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Space component adds horizontal or vertical spacing between elements
+ */
+const Space = exports.Space = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    style,
+    w,
+    h,
+    ...others
+  } = props;
+  const theme = (0, _themeProvider.useTheme)();
+
+  // Get spacing value from theme or use number directly
+  const getSpacing = value => {
+    if (value === undefined) return undefined;
+    if (typeof value === 'number') return value;
+    return theme.spacing[value] || 0;
+  };
+  const width = getSpacing(w);
+  const height = getSpacing(h);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+    ref: ref,
+    style: [{
+      ...(width !== undefined && {
+        width
+      }),
+      ...(height !== undefined && {
+        height
+      })
+    }, style],
+    ...others
+  });
+});
+Space.displayName = 'Space';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_index","_themeProvider","_jsxRuntime","Space","exports","forwardRef","props","ref","style","w","h","others","theme","useTheme","getSpacing","value","undefined","spacing","width","height","jsx","BoxView","displayName"],"sourceRoot":"../../../../src","sources":["components/Space/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAGA,IAAAE,cAAA,GAAAF,OAAA;AAAsD,IAAAG,WAAA,GAAAH,OAAA;AAUtD;AACA;AACA;AACO,MAAMI,KAAK,GAAAC,OAAA,CAAAD,KAAA,gBAAG,IAAAE,iBAAU,EAAkB,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC/D,MAAM;IAAEC,KAAK;IAAEC,CAAC;IAAEC,CAAC;IAAE,GAAGC;EAAM,CAAC,GAAGL,KAAK;EAEvC,MAAMM,KAAK,GAAG,IAAAC,uBAAQ,EAAC,CAAC;;EAExB;EACA,MAAMC,UAAU,GAAIC,KAA6C,IAAK;IACpE,IAAIA,KAAK,KAAKC,SAAS,EAAE,OAAOA,SAAS;IACzC,IAAI,OAAOD,KAAK,KAAK,QAAQ,EAAE,OAAOA,KAAK;IAC3C,OAAOH,KAAK,CAACK,OAAO,CAACF,KAAK,CAA+B,IAAI,CAAC;EAChE,CAAC;EAED,MAAMG,KAAK,GAAGJ,UAAU,CAACL,CAAC,CAAC;EAC3B,MAAMU,MAAM,GAAGL,UAAU,CAACJ,CAAC,CAAC;EAE5B,oBACE,IAAAR,WAAA,CAAAkB,GAAA,EAACpB,MAAA,CAAAqB,OAAO;IACNd,GAAG,EAAEA,GAAI;IACTC,KAAK,EAAE,CACL;MACE,IAAIU,KAAK,KAAKF,SAAS,IAAI;QAAEE;MAAM,CAAC,CAAC;MACrC,IAAIC,MAAM,KAAKH,SAAS,IAAI;QAAEG;MAAO,CAAC;IACxC,CAAC,EACDX,KAAK,CACL;IAAA,GACEG;EAAM,CACX,CAAC;AAEN,CAAC,CAAC;AAEFR,KAAK,CAACmB,WAAW,GAAG,OAAO","ignoreList":[]}

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

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Spoiler = 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const useStyles = (0, _index3.createStyles)(theme => ({
+  root: {},
+  content: {
+    overflow: 'hidden'
+  },
+  control: {
+    paddingTop: theme.spacing.sm,
+    paddingBottom: theme.spacing.sm
+  },
+  controlText: {
+    fontSize: theme.fontSizes.sm,
+    fontWeight: '500',
+    color: theme.colors[theme.primaryColor]?.[6] || theme.primaryBgColor
+  }
+}));
+const defaultProps = {
+  maxHeight: 100,
+  showLabel: 'Show more',
+  hideLabel: 'Show less',
+  transitionDuration: 200
+};
+const Spoiler = exports.Spoiler = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    maxHeight,
+    showLabel,
+    hideLabel,
+    transitionDuration,
+    expanded: controlledExpanded,
+    onExpandedChange,
+    style,
+    ...others
+  } = (0, _themeProvider.useComponentDefaultProps)('Spoiler', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({}, {
+    name: 'Spoiler'
+  });
+  const [contentHeight, setContentHeight] = (0, _react.useState)(0);
+  const [uncontrolledExpanded, setUncontrolledExpanded] = (0, _react.useState)(false);
+  const expanded = controlledExpanded !== undefined ? controlledExpanded : uncontrolledExpanded;
+  const showSpoiler = contentHeight > maxHeight;
+  const handleLayout = event => {
+    const {
+      height
+    } = event.nativeEvent.layout;
+    if (height > 0 && height !== contentHeight) {
+      setContentHeight(height);
+    }
+  };
+  const toggleExpanded = () => {
+    const newExpanded = !expanded;
+    if (controlledExpanded === undefined) {
+      setUncontrolledExpanded(newExpanded);
+    }
+    onExpandedChange?.(newExpanded);
+  };
+  if (!showSpoiler) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      ref: ref,
+      style: sx(styles.root, style),
+      ...others,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+        onLayout: handleLayout,
+        children: children
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+      style: [styles.content, !expanded && {
+        maxHeight: (0, _rem.rem)(maxHeight)
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.BoxView, {
+        onLayout: handleLayout,
+        children: children
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      style: styles.control,
+      onPress: toggleExpanded,
+      activeOpacity: 0.7,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Text, {
+        style: styles.controlText,
+        children: expanded ? hideLabel : showLabel
+      })
+    })]
+  });
+});
+Spoiler.displayName = 'Spoiler';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_themeProvider","_index3","_rem","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useStyles","createStyles","theme","root","content","overflow","control","paddingTop","spacing","sm","paddingBottom","controlText","fontSize","fontSizes","fontWeight","color","colors","primaryColor","primaryBgColor","defaultProps","maxHeight","showLabel","hideLabel","transitionDuration","Spoiler","exports","forwardRef","props","ref","children","expanded","controlledExpanded","onExpandedChange","style","others","useComponentDefaultProps","styles","sx","name","contentHeight","setContentHeight","useState","uncontrolledExpanded","setUncontrolledExpanded","undefined","showSpoiler","handleLayout","event","height","nativeEvent","layout","toggleExpanded","newExpanded","jsx","BoxView","onLayout","jsxs","rem","TouchableOpacity","onPress","activeOpacity","Text","displayName"],"sourceRoot":"../../../../src","sources":["components/Spoiler/index.tsx"],"mappings":"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","ignoreList":[]}