react-native-mantine 0.1.15 → 0.2.0

package/lib/module/components/Chip/index.js

@@ -0,0 +1,263 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { TouchableOpacity } from 'react-native';
+import { BoxView } from "../BoxView/index.js";
+import { Text } from "../Text/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { createStyles } from "../../theme/index.js";
+import { rem } from "../../theme/utils/rem.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const sizes = {
+  xs: {
+    height: rem(24),
+    fontSize: rem(10),
+    paddingHorizontal: rem(8)
+  },
+  sm: {
+    height: rem(28),
+    fontSize: rem(12),
+    paddingHorizontal: rem(10)
+  },
+  md: {
+    height: rem(32),
+    fontSize: rem(14),
+    paddingHorizontal: rem(12)
+  },
+  lg: {
+    height: rem(36),
+    fontSize: rem(16),
+    paddingHorizontal: rem(14)
+  },
+  xl: {
+    height: rem(42),
+    fontSize: rem(18),
+    paddingHorizontal: rem(16)
+  }
+};
+const useStyles = 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: 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'
+};
+export const Chip = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    size,
+    color,
+    radius,
+    variant,
+    checked: controlledChecked,
+    defaultChecked,
+    onChange,
+    disabled,
+    icon,
+    style,
+    textStyle,
+    value,
+    type,
+    ...others
+  } = useComponentDefaultProps('Chip', defaultProps, props);
+  const [uncontrolledChecked, setUncontrolledChecked] = React.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__*/_jsxs(TouchableOpacity, {
+    ref: ref,
+    style: sx(styles.root, style),
+    onPress: handlePress,
+    disabled: disabled,
+    activeOpacity: 0.7,
+    ...others,
+    children: [showIcon && /*#__PURE__*/_jsx(BoxView, {
+      style: styles.icon,
+      children: icon
+    }), /*#__PURE__*/_jsx(Text, {
+      style: sx(styles.text, textStyle),
+      children: children
+    })]
+  });
+});
+Chip.displayName = 'Chip';
+
+// Chip.Group component for managing multiple chips
+
+const useGroupStyles = createStyles((_theme, {
+  spacing: _spacing
+}) => ({
+  root: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 8
+  }
+}));
+const defaultGroupProps = {
+  multiple: false,
+  spacing: 'sm'
+};
+export const ChipGroup = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    value: controlledValue,
+    defaultValue,
+    onChange,
+    multiple,
+    style,
+    spacing,
+    ...otherProps
+  } = useComponentDefaultProps('ChipGroup', defaultGroupProps, props);
+  const [uncontrolledValue, setUncontrolledValue] = React.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.Children.map(children, child => {
+    if (/*#__PURE__*/React.isValidElement(child) && child.type === Chip) {
+      const chipValue = child.props.value;
+      if (chipValue !== undefined) {
+        return /*#__PURE__*/React.cloneElement(child, {
+          checked: isChecked(chipValue),
+          onChange: checked => handleChipChange(chipValue, checked)
+        });
+      }
+    }
+    return child;
+  });
+  return /*#__PURE__*/_jsx(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/module/components/Chip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","TouchableOpacity","BoxView","Text","useComponentDefaultProps","createStyles","rem","jsx","_jsx","jsxs","_jsxs","sizes","xs","height","fontSize","paddingHorizontal","sm","md","lg","xl","useStyles","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","props","ref","children","controlledChecked","defaultChecked","onChange","style","textStyle","value","others","uncontrolledChecked","setUncontrolledChecked","useState","undefined","styles","sx","name","handlePress","newChecked","showIcon","onPress","activeOpacity","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/module/components/CloseButton/index.js

@@ -0,0 +1,132 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { TouchableOpacity } from 'react-native';
+import { BoxView } from "../BoxView/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { createStyles } from "../../theme/index.js";
+import { getSize } from "../../theme/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 = createStyles((theme, {
+  size,
+  radius,
+  disabled
+}) => {
+  const buttonSize = typeof size === 'number' ? size : 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__*/_jsxs(BoxView, {
+  style: {
+    width: size,
+    height: size,
+    position: 'relative'
+  },
+  children: [/*#__PURE__*/_jsx(BoxView, {
+    style: {
+      position: 'absolute',
+      width: size,
+      height: 2,
+      backgroundColor: color,
+      top: (size - 2) / 2,
+      transform: [{
+        rotate: '45deg'
+      }]
+    }
+  }), /*#__PURE__*/_jsx(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
+};
+export const CloseButton = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    onPress,
+    size = 'md',
+    radius = 'sm',
+    iconColor,
+    icon,
+    accessibilityLabel,
+    style,
+    disabled,
+    ...others
+  } = useComponentDefaultProps('CloseButton', defaultProps, props);
+  const {
+    styles,
+    sx,
+    theme
+  } = useStyles({
+    size,
+    radius,
+    disabled
+  }, {
+    name: 'CloseButton'
+  });
+  const iconSize = typeof size === 'number' ? Math.round(size * 0.7) : getSize({
+    size,
+    sizes: iconSizes
+  });
+  const defaultIconColor = iconColor || (theme.colorScheme === 'dark' ? theme.colors.dark?.[0] : theme.colors.gray?.[7]) || '#000';
+  return /*#__PURE__*/_jsx(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__*/_jsx(CloseIcon, {
+      size: iconSize,
+      color: defaultIconColor
+    })
+  });
+});
+CloseButton.displayName = 'CloseButton';
+//# sourceMappingURL=index.js.map

package/lib/module/components/CloseButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","TouchableOpacity","BoxView","useComponentDefaultProps","createStyles","getSize","jsx","_jsx","jsxs","_jsxs","sizes","xs","sm","md","lg","xl","iconSizes","useStyles","theme","size","radius","disabled","buttonSize","root","width","height","borderRadius","fn","justifyContent","alignItems","backgroundColor","opacity","rootHover","colorScheme","colors","dark","gray","CloseIcon","color","style","position","children","top","transform","rotate","defaultProps","accessibilityLabel","CloseButton","props","ref","onPress","iconColor","icon","others","styles","sx","name","iconSize","Math","round","defaultIconColor","activeOpacity","accessible","accessibilityRole","displayName"],"sourceRoot":"../../../../src","sources":["components/CloseButton/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Code/index.js

@@ -0,0 +1,62 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { Text } from "../Text/index.js";
+import { useTheme } from "../../theme/theme-provider.js";
+import { BoxView } from "../BoxView/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Code component renders inline code or code blocks with monospace font
+ */
+export const Code = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    color,
+    block = false,
+    style,
+    ...others
+  } = props;
+  const theme = 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__*/_jsx(BoxView, {
+      ref: ref,
+      style: [{
+        backgroundColor: backgroundColor,
+        borderRadius: theme.radius.sm || 4,
+        padding: 16
+      }, style],
+      children: /*#__PURE__*/_jsx(Text, {
+        style: [{
+          fontFamily: 'Courier',
+          fontSize: theme.fontSizes.sm || 14,
+          color: textColor
+        }],
+        ...others,
+        children: children
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    style: [codeStyles, style],
+    ...others,
+    children: children
+  });
+});
+Code.displayName = 'Code';
+//# sourceMappingURL=index.js.map

package/lib/module/components/Code/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","Text","useTheme","BoxView","jsx","_jsx","Code","props","ref","children","color","block","style","others","theme","backgroundColor","colors","gray","textColor","primaryShade","light","text","codeStyles","fontFamily","fontSize","fontSizes","sm","paddingHorizontal","paddingVertical","borderRadius","radius","padding","displayName"],"sourceRoot":"../../../../src","sources":["components/Code/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,IAAI,QAAQ,kBAAS;AAE9B,SAASC,QAAQ,QAAQ,+BAA4B;AACrD,SAASC,OAAO,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAarC;AACA;AACA;AACA,OAAO,MAAMC,IAAI,gBAAGN,UAAU,CAAiB,CAACO,KAAK,EAAEC,GAAG,KAAK;EAC7D,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,KAAK,GAAG,KAAK;IAAEC,KAAK;IAAE,GAAGC;EAAM,CAAC,GAAGN,KAAK;EAEjE,MAAMO,KAAK,GAAGZ,QAAQ,CAAC,CAAC;;EAExB;EACA,MAAMa,eAAe,GAAGD,KAAK,CAACE,MAAM,CAACC,IAAI,GAAG,CAAC,CAAC,IAAI,SAAS;EAC3D,MAAMC,SAAS,GAAGR,KAAK,GACnBI,KAAK,CAACE,MAAM,CAACN,KAAK,CAAC,GAAGI,KAAK,CAACK,YAAY,CAAC,IAAIT,KAAK,GAClDI,KAAK,CAACM,KAAK,CAACC,IAAI;;EAEpB;EACA,MAAMC,UAAU,GAAG;IACjBC,UAAU,EAAE,SAAS;IACrBC,QAAQ,EAAEV,KAAK,CAACW,SAAS,CAACC,EAAE,IAAc,EAAE;IAC5CX,eAAe,EAAEA,eAAe;IAChCL,KAAK,EAAEQ,SAAS;IAChBS,iBAAiB,EAAEhB,KAAK,GAAG,EAAE,GAAG,CAAC;IACjCiB,eAAe,EAAEjB,KAAK,GAAG,EAAE,GAAG,CAAC;IAC/BkB,YAAY,EAAEf,KAAK,CAACgB,MAAM,CAACJ,EAAE,IAAI;EACnC,CAAC;EAED,IAAIf,KAAK,EAAE;IACT,oBACEN,IAAA,CAACF,OAAO;MACNK,GAAG,EAAEA,GAAI;MACTI,KAAK,EAAE,CACL;QACEG,eAAe,EAAEA,eAAe;QAChCc,YAAY,EAAEf,KAAK,CAACgB,MAAM,CAACJ,EAAE,IAAI,CAAC;QAClCK,OAAO,EAAE;MACX,CAAC,EACDnB,KAAK,CACL;MAAAH,QAAA,eAEFJ,IAAA,CAACJ,IAAI;QACHW,KAAK,EAAE,CACL;UACEW,UAAU,EAAE,SAAS;UACrBC,QAAQ,EAAEV,KAAK,CAACW,SAAS,CAACC,EAAE,IAAc,EAAE;UAC5ChB,KAAK,EAAEQ;QACT,CAAC,CACD;QAAA,GACEL,MAAM;QAAAJ,QAAA,EAETA;MAAQ,CACL;IAAC,CACA,CAAC;EAEd;EAEA,oBACEJ,IAAA,CAACJ,IAAI;IACHO,GAAG,EAAEA,GAAI;IACTI,KAAK,EAAE,CAACU,UAAU,EAAEV,KAAK,CAAE;IAAA,GACvBC,MAAM;IAAAJ,QAAA,EAETA;EAAQ,CACL,CAAC;AAEX,CAAC,CAAC;AAEFH,IAAI,CAAC0B,WAAW,GAAG,MAAM","ignoreList":[]}

package/lib/module/components/Collapse/index.js

@@ -0,0 +1,77 @@
+"use strict";
+
+import React, { forwardRef, useEffect, useRef, useState } from 'react';
+import { Animated } from 'react-native';
+import { BoxView } from "../BoxView/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const defaultProps = {
+  transitionDuration: 200,
+  transitionTimingFunction: 'ease',
+  animateOpacity: true
+};
+export const Collapse = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    children,
+    in: opened,
+    transitionDuration,
+    transitionTimingFunction,
+    onTransitionEnd,
+    animateOpacity,
+    style,
+    ...others
+  } = useComponentDefaultProps('Collapse', defaultProps, props);
+  const [contentHeight, setContentHeight] = useState(0);
+  const heightAnim = useRef(new Animated.Value(opened ? 1 : 0)).current;
+  const opacityAnim = useRef(new Animated.Value(opened ? 1 : 0)).current;
+  const handleLayout = event => {
+    const {
+      height
+    } = event.nativeEvent.layout;
+    if (height > 0 && height !== contentHeight) {
+      setContentHeight(height);
+    }
+  };
+  useEffect(() => {
+    const animations = [Animated.timing(heightAnim, {
+      toValue: opened ? 1 : 0,
+      duration: transitionDuration,
+      useNativeDriver: false
+    })];
+    if (animateOpacity) {
+      animations.push(Animated.timing(opacityAnim, {
+        toValue: opened ? 1 : 0,
+        duration: transitionDuration,
+        useNativeDriver: true
+      }));
+    }
+    Animated.parallel(animations).start(({
+      finished
+    }) => {
+      if (finished && onTransitionEnd) {
+        onTransitionEnd();
+      }
+    });
+  }, [opened, heightAnim, opacityAnim, transitionDuration, animateOpacity, onTransitionEnd]);
+  const animatedHeight = heightAnim.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, contentHeight || 0]
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    ref: ref,
+    style: [{
+      height: animatedHeight,
+      overflow: 'hidden',
+      ...(animateOpacity && {
+        opacity: opacityAnim
+      })
+    }, style],
+    ...others,
+    children: /*#__PURE__*/_jsx(BoxView, {
+      onLayout: handleLayout,
+      children: children
+    })
+  });
+});
+Collapse.displayName = 'Collapse';
+//# sourceMappingURL=index.js.map

package/lib/module/components/Collapse/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","useEffect","useRef","useState","Animated","BoxView","useComponentDefaultProps","jsx","_jsx","defaultProps","transitionDuration","transitionTimingFunction","animateOpacity","Collapse","props","ref","children","in","opened","onTransitionEnd","style","others","contentHeight","setContentHeight","heightAnim","Value","current","opacityAnim","handleLayout","event","height","nativeEvent","layout","animations","timing","toValue","duration","useNativeDriver","push","parallel","start","finished","animatedHeight","interpolate","inputRange","outputRange","View","overflow","opacity","onLayout","displayName"],"sourceRoot":"../../../../src","sources":["components/Collapse/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ColorSwatch/index.js

@@ -0,0 +1,90 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { TouchableOpacity } from 'react-native';
+import { BoxView } from "../BoxView/index.js";
+import { useComponentDefaultProps } from "../../theme/theme-provider.js";
+import { createStyles } from "../../theme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const useStyles = createStyles((theme, {
+  color,
+  size,
+  radius,
+  withShadow
+}) => ({
+  root: {
+    width: size,
+    height: size,
+    borderRadius: theme.fn.radius(radius),
+    backgroundColor: color,
+    justifyContent: 'center',
+    alignItems: 'center',
+    overflow: 'hidden',
+    ...(withShadow && {
+      shadowColor: '#000',
+      shadowOffset: {
+        width: 0,
+        height: 1
+      },
+      shadowOpacity: 0.1,
+      shadowRadius: 1,
+      elevation: 1
+    })
+  },
+  overlay: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    justifyContent: 'center',
+    alignItems: 'center'
+  }
+}));
+const defaultProps = {
+  size: 25,
+  radius: 'xl',
+  withShadow: true
+};
+export const ColorSwatch = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    color,
+    size,
+    radius,
+    withShadow,
+    children,
+    onPress,
+    style,
+    ...others
+  } = useComponentDefaultProps('ColorSwatch', defaultProps, props);
+  const {
+    styles,
+    sx
+  } = useStyles({
+    color,
+    size,
+    radius,
+    withShadow
+  }, {
+    name: 'ColorSwatch'
+  });
+  const content = /*#__PURE__*/_jsx(BoxView, {
+    ref: ref,
+    style: sx(styles.root, style),
+    ...others,
+    children: children && /*#__PURE__*/_jsx(BoxView, {
+      style: styles.overlay,
+      children: children
+    })
+  });
+  if (onPress) {
+    return /*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: onPress,
+      activeOpacity: 0.7,
+      children: content
+    });
+  }
+  return content;
+});
+ColorSwatch.displayName = 'ColorSwatch';
+//# sourceMappingURL=index.js.map

package/lib/module/components/ColorSwatch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","TouchableOpacity","BoxView","useComponentDefaultProps","createStyles","jsx","_jsx","useStyles","theme","color","size","radius","withShadow","root","width","height","borderRadius","fn","backgroundColor","justifyContent","alignItems","overflow","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","overlay","position","top","left","right","bottom","defaultProps","ColorSwatch","props","ref","children","onPress","style","others","styles","sx","name","content","activeOpacity","displayName"],"sourceRoot":"../../../../src","sources":["components/ColorSwatch/index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,OAAO,QAAQ,qBAAY;AAEpC,SAASC,wBAAwB,QAAQ,+BAA4B;AACrE,SAASC,YAAY,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAyB3C,MAAMC,SAAS,GAAGH,YAAY,CAC5B,CACEI,KAAK,EACL;EACEC,KAAK;EACLC,IAAI;EACJC,MAAM;EACNC;AAMF,CAAC,MACG;EACJC,IAAI,EAAE;IACJC,KAAK,EAAEJ,IAAI;IACXK,MAAM,EAAEL,IAAI;IACZM,YAAY,EAAER,KAAK,CAACS,EAAE,CAACN,MAAM,CAACA,MAAM,CAAC;IACrCO,eAAe,EAAET,KAAK;IACtBU,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,QAAQ,EAAE,QAAQ;IAClB,IAAIT,UAAU,IAAI;MAChBU,WAAW,EAAE,MAAM;MACnBC,YAAY,EAAE;QAAET,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCS,aAAa,EAAE,GAAG;MAClBC,YAAY,EAAE,CAAC;MACfC,SAAS,EAAE;IACb,CAAC;EACH,CAAC;EACDC,OAAO,EAAE;IACPC,QAAQ,EAAE,UAAmB;IAC7BC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTb,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd;AACF,CAAC,CACH,CAAC;AAED,MAAMa,YAAuC,GAAG;EAC9CvB,IAAI,EAAE,EAAE;EACRC,MAAM,EAAE,IAAI;EACZC,UAAU,EAAE;AACd,CAAC;AAED,OAAO,MAAMsB,WAAW,gBAAGlC,UAAU,CAAwB,CAACmC,KAAK,EAAEC,GAAG,KAAK;EAC3E,MAAM;IAAE3B,KAAK;IAAEC,IAAI;IAAEC,MAAM;IAAEC,UAAU;IAAEyB,QAAQ;IAAEC,OAAO;IAAEC,KAAK;IAAE,GAAGC;EAAM,CAAC,GAC3ErC,wBAAwB,CAAC,aAAa,EAAE8B,YAAY,EAAEE,KAAK,CAAC;EAE9D,MAAM;IAAEM,MAAM;IAAEC;EAAE,CAAC,GAAGnC,SAAS,CAC7B;IAAEE,KAAK;IAAEC,IAAI;IAAEC,MAAM;IAAEC;EAAW,CAAC,EACnC;IAAE+B,IAAI,EAAE;EAAc,CACxB,CAAQ;EAER,MAAMC,OAAO,gBACXtC,IAAA,CAACJ,OAAO;IAACkC,GAAG,EAAEA,GAAI;IAACG,KAAK,EAAEG,EAAE,CAACD,MAAM,CAAC5B,IAAI,EAAE0B,KAAK,CAAE;IAAA,GAAKC,MAAM;IAAAH,QAAA,EACzDA,QAAQ,iBAAI/B,IAAA,CAACJ,OAAO;MAACqC,KAAK,EAAEE,MAAM,CAACd,OAAQ;MAAAU,QAAA,EAAEA;IAAQ,CAAU;EAAC,CAC1D,CACV;EAED,IAAIC,OAAO,EAAE;IACX,oBACEhC,IAAA,CAACL,gBAAgB;MAACqC,OAAO,EAAEA,OAAQ;MAACO,aAAa,EAAE,GAAI;MAAAR,QAAA,EACpDO;IAAO,CACQ,CAAC;EAEvB;EAEA,OAAOA,OAAO;AAChB,CAAC,CAAC;AAEFV,WAAW,CAACY,WAAW,GAAG,aAAa","ignoreList":[]}