@fountain-ui/core 2.0.0-beta.92 → 2.0.0-beta.93

package/build/commonjs/Button/Button.js

@@ -15,40 +15,50 @@ var _styles = require("../styles");
 
 var _utils = require("../utils");
 
+var _useVariantStyleMap = _interopRequireDefault(require("./useVariantStyleMap"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const iconSizes = {
-  small: 20,
-  medium: 24
+const useStyles = function () {
+  const theme = (0, _styles.useTheme)();
+  return {
+    root: {
+      alignItems: 'center',
+      borderRadius: theme.shape.radius.sm,
+      flexDirection: 'row',
+      justifyContent: 'center'
+    },
+    fullWidth: {
+      width: '100%'
+    },
+    large: {
+      gap: theme.spacing(2),
+      minWidth: 104,
+      paddingHorizontal: theme.spacing(6),
+      paddingVertical: theme.spacing(3.5)
+    },
+    medium: {
+      gap: theme.spacing(1.5),
+      minWidth: 88,
+      paddingHorizontal: 11,
+      paddingVertical: theme.spacing(3)
+    },
+    small: {
+      minWidth: 64,
+      paddingHorizontal: theme.spacing(2.5),
+      paddingVertical: theme.spacing(2)
+    }
+  };
 };
 
-const styles = _styles.StyleSheet.create({
-  root: {
-    flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  fullWidth: {
-    width: '100%'
-  },
-  medium: {
-    minWidth: 104,
-    height: 48
-  },
-  small: {
-    minWidth: 56,
-    height: 32
-  }
-});
-
 function Button(props) {
   const {
     children,
-    clipHorizontalSpacing = false,
     color = 'primary',
     disabled = false,
+    disableMinWidth = false,
     endIcon: endIconProp,
     fullWidth = false,
     href,
@@ -57,57 +67,35 @@ function Button(props) {
     size = 'medium',
     startIcon: startIconProp,
     style: styleProp,
-    variant = 'contained',
+    variant = 'solid',
     ...otherProps
   } = props;
   const theme = (0, _styles.useTheme)();
-  const mainColor = theme.palette[color].main;
-  const fontColor = variant === 'contained' ? theme.palette[color].contrastTextColor : theme.palette[color].main;
-  const variantStyleMap = {
-    contained: {
-      backgroundColor: mainColor
-    },
-    outlined: {
-      backgroundColor: 'transparent',
-      borderColor: mainColor,
-      borderStyle: 'solid',
-      borderWidth: 1
-    },
-    text: {
-      backgroundColor: 'transparent'
-    }
-  };
+  const styles = useStyles();
+  const {
+    borderColor,
+    fillColor,
+    iconColor,
+    labelColor
+  } = (0, _useVariantStyleMap.default)(variant, color);
   const iconProps = {
-    width: iconSizes[size],
-    height: iconSizes[size],
-    fill: fontColor
+    fill: iconColor
   };
   const startIcon = (0, _utils.cloneElementSafely)(startIconProp, iconProps);
   const endIcon = (0, _utils.cloneElementSafely)(endIconProp, iconProps);
-  const paddingSize = size === 'small' ? theme.spacing(3) : theme.spacing(4);
-  const paddingLeft = startIcon ? paddingSize - theme.spacing(1) : paddingSize;
-  const paddingRight = endIcon ? paddingSize - theme.spacing(1) : paddingSize;
-  const borderRadius = theme.shape.roundnessLarge;
-  const buttonBaseStyle = (0, _styles.css)([styles.root, variantStyleMap[variant], size === 'medium' ? styles.medium : styles.small, fullWidth ? styles.fullWidth : undefined, {
-    borderRadius,
-    color: fontColor
-  }, variant === 'text' && clipHorizontalSpacing ? {
+  const buttonBaseStyle = (0, _styles.css)([styles.root, {
+    backgroundColor: fillColor
+  }, variant === 'outlined' ? {
+    borderColor,
+    borderWidth: 1
+  } : undefined, styles[size], fullWidth ? styles.fullWidth : undefined, disableMinWidth ? {
     minWidth: 0
-  } : {
-    paddingLeft,
-    paddingRight
-  }, styleProp]);
+  } : undefined, styleProp]);
   const fontStyle = (0, _styles.createFontStyle)(theme, {
     selector: typo => size === 'small' ? typo.button2 : typo.button1,
-    color: fontColor
+    color: labelColor
   });
-  const textMarginSize = size === 'small' ? theme.spacing(1) : theme.spacing(2);
-  const textMarginStyle = startIcon ? {
-    marginLeft: textMarginSize
-  } : endIcon ? {
-    marginRight: textMarginSize
-  } : undefined;
-  const textStyle = (0, _styles.css)([fontStyle, textMarginStyle, {
+  const textStyle = (0, _styles.css)([fontStyle, {
     textAlign: 'center'
   }]);
   const modifiedPressEffect = variant !== 'text' && !pressEffect ? 'scale' : pressEffect;

package/build/commonjs/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"names":["iconSizes","small","medium","styles","StyleSheet","create","root","flexDirection","justifyContent","alignItems","fullWidth","width","minWidth","height","Button","props","children","clipHorizontalSpacing","color","disabled","endIcon","endIconProp","href","onPress","pressEffect","size","startIcon","startIconProp","style","styleProp","variant","otherProps","theme","useTheme","mainColor","palette","main","fontColor","contrastTextColor","variantStyleMap","contained","backgroundColor","outlined","borderColor","borderStyle","borderWidth","text","iconProps","fill","cloneElementSafely","paddingSize","spacing","paddingLeft","paddingRight","borderRadius","shape","roundnessLarge","buttonBaseStyle","css","undefined","fontStyle","createFontStyle","selector","typo","button2","button1","textMarginSize","textMarginStyle","marginLeft","marginRight","textStyle","textAlign","modifiedPressEffect","handlePress","Linking","canOpenURL","openURL"],"sources":["Button.tsx"],"sourcesContent":["import React from 'react';\nimport { Linking, Text } from 'react-native';\nimport ButtonBase from '../ButtonBase';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type ButtonProps from './ButtonProps';\nimport type { ButtonSize } from './ButtonProps';\n\ntype IconSizes = { [n in ButtonSize]: number };\n\nconst iconSizes: IconSizes = {\n    small: 20,\n    medium: 24,\n};\n\nconst styles = StyleSheet.create({\n    root: {\n        flexDirection: 'row',\n        justifyContent: 'center',\n        alignItems: 'center',\n    },\n    fullWidth: {\n        width: '100%',\n    },\n    medium: {\n        minWidth: 104,\n        height: 48,\n    },\n    small: {\n        minWidth: 56,\n        height: 32,\n    },\n});\n\nexport default function Button(props: ButtonProps) {\n    const {\n        children,\n        clipHorizontalSpacing = false,\n        color = 'primary',\n        disabled = false,\n        endIcon: endIconProp,\n        fullWidth = false,\n        href,\n        onPress,\n        pressEffect,\n        size = 'medium',\n        startIcon: startIconProp,\n        style: styleProp,\n        variant = 'contained',\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const mainColor = theme.palette[color].main;\n\n    const fontColor = variant === 'contained'\n        ? theme.palette[color].contrastTextColor\n        : theme.palette[color].main;\n\n    const variantStyleMap = {\n        contained: {\n            backgroundColor: mainColor,\n        },\n        outlined: {\n            backgroundColor: 'transparent',\n            borderColor: mainColor,\n            borderStyle: 'solid',\n            borderWidth: 1,\n        },\n        text: {\n            backgroundColor: 'transparent',\n        },\n    };\n\n    const iconProps = {\n        width: iconSizes[size],\n        height: iconSizes[size],\n        fill: fontColor,\n    };\n\n    const startIcon = cloneElementSafely(startIconProp, iconProps);\n    const endIcon = cloneElementSafely(endIconProp, iconProps);\n\n    const paddingSize = size === 'small' ? theme.spacing(3) : theme.spacing(4);\n    const paddingLeft = startIcon ? paddingSize - theme.spacing(1) : paddingSize;\n    const paddingRight = endIcon ? paddingSize - theme.spacing(1) : paddingSize;\n\n    const borderRadius = theme.shape.roundnessLarge;\n    const buttonBaseStyle = css([\n        styles.root,\n        variantStyleMap[variant],\n        size === 'medium' ? styles.medium : styles.small,\n        fullWidth ? styles.fullWidth : undefined,\n        { borderRadius, color: fontColor },\n        (variant === 'text' && clipHorizontalSpacing)\n            ? { minWidth: 0 }\n            : { paddingLeft, paddingRight },\n        styleProp,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => size === 'small' ? typo.button2 : typo.button1,\n        color: fontColor,\n    });\n\n    const textMarginSize = size === 'small' ? theme.spacing(1) : theme.spacing(2);\n    const textMarginStyle = startIcon\n        ? { marginLeft: textMarginSize }\n        : endIcon\n            ? { marginRight: textMarginSize }\n            : undefined;\n\n    const textStyle = css([\n        fontStyle,\n        textMarginStyle,\n        { textAlign: 'center' },\n    ]);\n\n    const modifiedPressEffect = variant !== 'text' && !pressEffect\n        ? 'scale'\n        : pressEffect;\n\n    const handlePress = async () => {\n        if (disabled) {\n            return;\n        }\n        if (onPress) {\n            onPress();\n            return;\n        }\n        if (href) {\n            if (await Linking.canOpenURL(href)) {\n                await Linking.openURL(href);\n            }\n        }\n    };\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={buttonBaseStyle}\n            pressEffect={modifiedPressEffect}\n            {...otherProps}\n        >\n            {startIcon}\n\n            <Text\n                children={children}\n                style={textStyle}\n            />\n\n            {endIcon}\n        </ButtonBase>\n    );\n};\n"],"mappings":"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"}
+{"version":3,"names":["useStyles","theme","useTheme","root","alignItems","borderRadius","shape","radius","sm","flexDirection","justifyContent","fullWidth","width","large","gap","spacing","minWidth","paddingHorizontal","paddingVertical","medium","small","Button","props","children","color","disabled","disableMinWidth","endIcon","endIconProp","href","onPress","pressEffect","size","startIcon","startIconProp","style","styleProp","variant","otherProps","styles","borderColor","fillColor","iconColor","labelColor","useVariantStyleMap","iconProps","fill","cloneElementSafely","buttonBaseStyle","css","backgroundColor","borderWidth","undefined","fontStyle","createFontStyle","selector","typo","button2","button1","textStyle","textAlign","modifiedPressEffect","handlePress","Linking","canOpenURL","openURL"],"sources":["Button.tsx"],"sourcesContent":["import React from 'react';\nimport { Linking, Text } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type ButtonProps from './ButtonProps';\nimport type { ButtonColor, ButtonSize, ButtonVariant } from './ButtonProps';\nimport useVariantStyleMap from './useVariantStyleMap';\n\ntype ButtonStyles = NamedStylesStringUnion<'root' | 'fullWidth' | 'large' | 'medium' | 'small'>;\n\nconst useStyles: UseStyles<ButtonStyles> = function (): ButtonStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            alignItems: 'center',\n            borderRadius: theme.shape.radius.sm,\n            flexDirection: 'row',\n            justifyContent: 'center',\n        },\n        fullWidth: {\n            width: '100%',\n        },\n        large: {\n            gap: theme.spacing(2),\n            minWidth: 104,\n            paddingHorizontal: theme.spacing(6),\n            paddingVertical: theme.spacing(3.5),\n        },\n        medium: {\n            gap: theme.spacing(1.5),\n            minWidth: 88,\n            paddingHorizontal: 11,\n            paddingVertical: theme.spacing(3),\n        },\n        small: {\n            minWidth: 64,\n            paddingHorizontal: theme.spacing(2.5),\n            paddingVertical: theme.spacing(2),\n        },\n    };\n};\n\nexport default function Button(props: ButtonProps) {\n    const {\n        children,\n        color = 'primary' as ButtonColor,\n        disabled = false,\n        disableMinWidth = false,\n        endIcon: endIconProp,\n        fullWidth = false,\n        href,\n        onPress,\n        pressEffect,\n        size = 'medium' as ButtonSize,\n        startIcon: startIconProp,\n        style: styleProp,\n        variant = 'solid' as ButtonVariant,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const styles = useStyles();\n\n    const {\n        borderColor,\n        fillColor,\n        iconColor,\n        labelColor,\n    } = useVariantStyleMap(variant, color);\n\n    const iconProps = {\n        fill: iconColor,\n    };\n\n    const startIcon = cloneElementSafely(startIconProp, iconProps);\n    const endIcon = cloneElementSafely(endIconProp, iconProps);\n\n    const buttonBaseStyle = css([\n        styles.root,\n        { backgroundColor: fillColor },\n        variant === 'outlined' ? { borderColor, borderWidth: 1 } : undefined,\n        styles[size],\n        fullWidth ? styles.fullWidth : undefined,\n        disableMinWidth ? { minWidth: 0 } : undefined,\n        styleProp,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => size === 'small' ? typo.button2 : typo.button1,\n        color: labelColor,\n    });\n\n    const textStyle = css([\n        fontStyle,\n        { textAlign: 'center' },\n    ]);\n\n    const modifiedPressEffect = variant !== 'text' && !pressEffect\n        ? 'scale'\n        : pressEffect;\n\n    const handlePress = async () => {\n        if (disabled) {\n            return;\n        }\n        if (onPress) {\n            onPress();\n            return;\n        }\n        if (href) {\n            if (await Linking.canOpenURL(href)) {\n                await Linking.openURL(href);\n            }\n        }\n    };\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={buttonBaseStyle}\n            pressEffect={modifiedPressEffect}\n            {...otherProps}\n        >\n            {startIcon}\n\n            <Text\n                children={children}\n                style={textStyle}\n            />\n\n            {endIcon}\n        </ButtonBase>\n    );\n};\n"],"mappings":"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"}

package/build/commonjs/Button/ButtonProps.js

@@ -1,2 +1,13 @@
 "use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonVariants = exports.ButtonSizes = exports.ButtonColors = void 0;
+const ButtonColors = ['accent', 'primary', 'danger', 'disabled', 'secondary', 'accentAlt'];
+exports.ButtonColors = ButtonColors;
+const ButtonSizes = ['small', 'medium', 'large'];
+exports.ButtonSizes = ButtonSizes;
+const ButtonVariants = ['solid', 'outlined', 'text'];
+exports.ButtonVariants = ButtonVariants;
 //# sourceMappingURL=ButtonProps.js.map

package/build/commonjs/Button/ButtonProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ButtonProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ButtonBaseProps } from '../ButtonBase';\nimport type { OverridableComponentProps, CommonComponentColor } from '../types';\n\nexport type ButtonColor = CommonComponentColor;\n\nexport type ButtonSize = 'small' | 'medium';\n\nexport type ButtonVariant = 'contained' | 'outlined' | 'text';\n\nexport default interface ButtonProps extends OverridableComponentProps<ButtonBaseProps, {\n    /**\n     * The content of the button.\n     */\n    children: string;\n\n    /**\n     * If `true`, remove horizontal padding and minimum width.\n     * This prop only applied on `text` variant.\n     * @default false\n     */\n    clipHorizontalSpacing?: boolean;\n\n    /**\n     * The color of the component. It supports those theme colors that make sense for this component.\n     * @default 'primary'\n     */\n    color?: ButtonColor;\n\n    /**\n     * Element placed after the children.\n     */\n    endIcon?: React.ReactElement;\n\n    /**\n     * If `true`, the button will take up the full width of its container.\n     * @default false\n     */\n    fullWidth?: boolean;\n\n    /**\n     * The URL to link to when the button is clicked.\n     */\n    href?: string;\n\n    /**\n     * The size of the button.\n     * @default 'medium'\n     */\n    size?: ButtonSize;\n\n    /**\n     * Element placed before the children.\n     */\n    startIcon?: React.ReactElement;\n\n    /**\n     * The variant to use.\n     * @default 'contained'\n     */\n    variant?: ButtonVariant;\n}> {}\n"],"mappings":""}
+{"version":3,"names":["ButtonColors","ButtonSizes","ButtonVariants"],"sources":["ButtonProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ButtonBaseProps } from '../ButtonBase';\nimport type { OverridableComponentProps } from '../types';\n\nexport const ButtonColors = [\n    'accent',\n    'primary',\n    'danger',\n    'disabled',\n    'secondary',\n    'accentAlt',\n] as const;\nexport type ButtonColor = typeof ButtonColors[number];\n\nexport const ButtonSizes = [\n    'small',\n    'medium',\n    'large',\n] as const;\nexport type ButtonSize = typeof ButtonSizes[number];\n\nexport const ButtonVariants = [\n    'solid',\n    'outlined',\n    'text',\n] as const;\nexport type ButtonVariant = typeof ButtonVariants[number];\n\nexport default interface ButtonProps extends OverridableComponentProps<ButtonBaseProps, {\n    /**\n     * The content of the button.\n     */\n    children: string;\n\n    /**\n     * The color of the component. It supports those theme colors that make sense for this component.\n     * @default 'primary'\n     */\n    color?: ButtonColor;\n\n    /**\n     * Determines whether minWidth should be applied.\n     * @default false\n     */\n    disableMinWidth?: boolean;\n\n    /**\n     * Element placed after the children.\n     */\n    endIcon?: React.ReactElement;\n\n    /**\n     * If `true`, the button will take up the full width of its container.\n     * @default false\n     */\n    fullWidth?: boolean;\n\n    /**\n     * The URL to link to when the button is clicked.\n     */\n    href?: string;\n\n    /**\n     * The size of the button.\n     * @default 'medium'\n     */\n    size?: ButtonSize;\n\n    /**\n     * Element placed before the children.\n     */\n    startIcon?: React.ReactElement;\n\n    /**\n     * The variant to use.\n     * @default 'solid'\n     */\n    variant?: ButtonVariant;\n}> {}\n"],"mappings":";;;;;;AAIO,MAAMA,YAAY,GAAG,CACxB,QADwB,EAExB,SAFwB,EAGxB,QAHwB,EAIxB,UAJwB,EAKxB,WALwB,EAMxB,WANwB,CAArB;;AAUA,MAAMC,WAAW,GAAG,CACvB,OADuB,EAEvB,QAFuB,EAGvB,OAHuB,CAApB;;AAOA,MAAMC,cAAc,GAAG,CAC1B,OAD0B,EAE1B,UAF0B,EAG1B,MAH0B,CAAvB"}

package/build/commonjs/Button/LegacyButton.js

@@ -0,0 +1,144 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Button;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
+
+var _styles = require("../styles");
+
+var _utils = require("../utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const iconSizes = {
+  small: 20,
+  medium: 24
+};
+
+const styles = _styles.StyleSheet.create({
+  root: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  fullWidth: {
+    width: '100%'
+  },
+  medium: {
+    minWidth: 104,
+    height: 48
+  },
+  small: {
+    minWidth: 56,
+    height: 32
+  }
+});
+
+function Button(props) {
+  const {
+    children,
+    clipHorizontalSpacing = false,
+    color = 'primary',
+    disabled = false,
+    endIcon: endIconProp,
+    fullWidth = false,
+    href,
+    onPress,
+    pressEffect,
+    size = 'medium',
+    startIcon: startIconProp,
+    style: styleProp,
+    variant = 'contained',
+    ...otherProps
+  } = props;
+  const theme = (0, _styles.useTheme)();
+  const mainColor = theme.palette[color].main;
+  const fontColor = variant === 'contained' ? theme.palette[color].contrastTextColor : theme.palette[color].main;
+  const variantStyleMap = {
+    contained: {
+      backgroundColor: mainColor
+    },
+    outlined: {
+      backgroundColor: 'transparent',
+      borderColor: mainColor,
+      borderStyle: 'solid',
+      borderWidth: 1
+    },
+    text: {
+      backgroundColor: 'transparent'
+    }
+  };
+  const iconProps = {
+    width: iconSizes[size],
+    height: iconSizes[size],
+    fill: fontColor
+  };
+  const startIcon = (0, _utils.cloneElementSafely)(startIconProp, iconProps);
+  const endIcon = (0, _utils.cloneElementSafely)(endIconProp, iconProps);
+  const paddingSize = size === 'small' ? theme.spacing(3) : theme.spacing(4);
+  const paddingLeft = startIcon ? paddingSize - theme.spacing(1) : paddingSize;
+  const paddingRight = endIcon ? paddingSize - theme.spacing(1) : paddingSize;
+  const borderRadius = theme.shape.roundnessLarge;
+  const buttonBaseStyle = (0, _styles.css)([styles.root, variantStyleMap[variant], size === 'medium' ? styles.medium : styles.small, fullWidth ? styles.fullWidth : undefined, {
+    borderRadius,
+    color: fontColor
+  }, variant === 'text' && clipHorizontalSpacing ? {
+    minWidth: 0
+  } : {
+    paddingLeft,
+    paddingRight
+  }, styleProp]);
+  const fontStyle = (0, _styles.createFontStyle)(theme, {
+    selector: typo => size === 'small' ? typo.button2 : typo.button1,
+    color: fontColor
+  });
+  const textMarginSize = size === 'small' ? theme.spacing(1) : theme.spacing(2);
+  const textMarginStyle = startIcon ? {
+    marginLeft: textMarginSize
+  } : endIcon ? {
+    marginRight: textMarginSize
+  } : undefined;
+  const textStyle = (0, _styles.css)([fontStyle, textMarginStyle, {
+    textAlign: 'center'
+  }]);
+  const modifiedPressEffect = variant !== 'text' && !pressEffect ? 'scale' : pressEffect;
+
+  const handlePress = async () => {
+    if (disabled) {
+      return;
+    }
+
+    if (onPress) {
+      onPress();
+      return;
+    }
+
+    if (href) {
+      if (await _reactNative.Linking.canOpenURL(href)) {
+        await _reactNative.Linking.openURL(href);
+      }
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_ButtonBase.default, _extends({
+    disabled: disabled,
+    onPress: handlePress,
+    style: buttonBaseStyle,
+    pressEffect: modifiedPressEffect
+  }, otherProps), startIcon, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    children: children,
+    style: textStyle
+  }), endIcon);
+}
+
+;
+//# sourceMappingURL=LegacyButton.js.map

package/build/commonjs/Button/LegacyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["iconSizes","small","medium","styles","StyleSheet","create","root","flexDirection","justifyContent","alignItems","fullWidth","width","minWidth","height","Button","props","children","clipHorizontalSpacing","color","disabled","endIcon","endIconProp","href","onPress","pressEffect","size","startIcon","startIconProp","style","styleProp","variant","otherProps","theme","useTheme","mainColor","palette","main","fontColor","contrastTextColor","variantStyleMap","contained","backgroundColor","outlined","borderColor","borderStyle","borderWidth","text","iconProps","fill","cloneElementSafely","paddingSize","spacing","paddingLeft","paddingRight","borderRadius","shape","roundnessLarge","buttonBaseStyle","css","undefined","fontStyle","createFontStyle","selector","typo","button2","button1","textMarginSize","textMarginStyle","marginLeft","marginRight","textStyle","textAlign","modifiedPressEffect","handlePress","Linking","canOpenURL","openURL"],"sources":["LegacyButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Linking, Text } from 'react-native';\nimport ButtonBase from '../ButtonBase';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type ButtonProps from './LegacyButtonProps';\nimport type { ButtonSize } from './LegacyButtonProps';\n\ntype IconSizes = { [n in ButtonSize]: number };\n\nconst iconSizes: IconSizes = {\n    small: 20,\n    medium: 24,\n};\n\nconst styles = StyleSheet.create({\n    root: {\n        flexDirection: 'row',\n        justifyContent: 'center',\n        alignItems: 'center',\n    },\n    fullWidth: {\n        width: '100%',\n    },\n    medium: {\n        minWidth: 104,\n        height: 48,\n    },\n    small: {\n        minWidth: 56,\n        height: 32,\n    },\n});\n\nexport default function Button(props: ButtonProps) {\n    const {\n        children,\n        clipHorizontalSpacing = false,\n        color = 'primary',\n        disabled = false,\n        endIcon: endIconProp,\n        fullWidth = false,\n        href,\n        onPress,\n        pressEffect,\n        size = 'medium',\n        startIcon: startIconProp,\n        style: styleProp,\n        variant = 'contained',\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const mainColor = theme.palette[color].main;\n\n    const fontColor = variant === 'contained'\n        ? theme.palette[color].contrastTextColor\n        : theme.palette[color].main;\n\n    const variantStyleMap = {\n        contained: {\n            backgroundColor: mainColor,\n        },\n        outlined: {\n            backgroundColor: 'transparent',\n            borderColor: mainColor,\n            borderStyle: 'solid',\n            borderWidth: 1,\n        },\n        text: {\n            backgroundColor: 'transparent',\n        },\n    };\n\n    const iconProps = {\n        width: iconSizes[size],\n        height: iconSizes[size],\n        fill: fontColor,\n    };\n\n    const startIcon = cloneElementSafely(startIconProp, iconProps);\n    const endIcon = cloneElementSafely(endIconProp, iconProps);\n\n    const paddingSize = size === 'small' ? theme.spacing(3) : theme.spacing(4);\n    const paddingLeft = startIcon ? paddingSize - theme.spacing(1) : paddingSize;\n    const paddingRight = endIcon ? paddingSize - theme.spacing(1) : paddingSize;\n\n    const borderRadius = theme.shape.roundnessLarge;\n    const buttonBaseStyle = css([\n        styles.root,\n        variantStyleMap[variant],\n        size === 'medium' ? styles.medium : styles.small,\n        fullWidth ? styles.fullWidth : undefined,\n        { borderRadius, color: fontColor },\n        (variant === 'text' && clipHorizontalSpacing)\n            ? { minWidth: 0 }\n            : { paddingLeft, paddingRight },\n        styleProp,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => size === 'small' ? typo.button2 : typo.button1,\n        color: fontColor,\n    });\n\n    const textMarginSize = size === 'small' ? theme.spacing(1) : theme.spacing(2);\n    const textMarginStyle = startIcon\n        ? { marginLeft: textMarginSize }\n        : endIcon\n            ? { marginRight: textMarginSize }\n            : undefined;\n\n    const textStyle = css([\n        fontStyle,\n        textMarginStyle,\n        { textAlign: 'center' },\n    ]);\n\n    const modifiedPressEffect = variant !== 'text' && !pressEffect\n        ? 'scale'\n        : pressEffect;\n\n    const handlePress = async () => {\n        if (disabled) {\n            return;\n        }\n        if (onPress) {\n            onPress();\n            return;\n        }\n        if (href) {\n            if (await Linking.canOpenURL(href)) {\n                await Linking.openURL(href);\n            }\n        }\n    };\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={buttonBaseStyle}\n            pressEffect={modifiedPressEffect}\n            {...otherProps}\n        >\n            {startIcon}\n\n            <Text\n                children={children}\n                style={textStyle}\n            />\n\n            {endIcon}\n        </ButtonBase>\n    );\n};\n"],"mappings":"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"}

package/build/commonjs/Button/LegacyButtonProps.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=LegacyButtonProps.js.map

package/build/commonjs/Button/LegacyButtonProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["LegacyButtonProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ButtonBaseProps } from '../ButtonBase';\nimport type { OverridableComponentProps, CommonComponentColor } from '../types';\n\nexport type ButtonColor = CommonComponentColor;\n\nexport type ButtonSize = 'small' | 'medium';\n\nexport type ButtonVariant = 'contained' | 'outlined' | 'text';\n\nexport default interface ButtonProps extends OverridableComponentProps<ButtonBaseProps, {\n    /**\n     * The content of the button.\n     */\n    children: string;\n\n    /**\n     * If `true`, remove horizontal padding and minimum width.\n     * This prop only applied on `text` variant.\n     * @default false\n     */\n    clipHorizontalSpacing?: boolean;\n\n    /**\n     * The color of the component. It supports those theme colors that make sense for this component.\n     * @default 'primary'\n     */\n    color?: ButtonColor;\n\n    /**\n     * Element placed after the children.\n     */\n    endIcon?: React.ReactElement;\n\n    /**\n     * If `true`, the button will take up the full width of its container.\n     * @default false\n     */\n    fullWidth?: boolean;\n\n    /**\n     * The URL to link to when the button is clicked.\n     */\n    href?: string;\n\n    /**\n     * The size of the button.\n     * @default 'medium'\n     */\n    size?: ButtonSize;\n\n    /**\n     * Element placed before the children.\n     */\n    startIcon?: React.ReactElement;\n\n    /**\n     * The variant to use.\n     * @default 'contained'\n     */\n    variant?: ButtonVariant;\n}> {}\n"],"mappings":""}

package/build/commonjs/Button/index.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
-    return _Button.default;
+    return _LegacyButton.default;
   }
 });
 
-var _Button = _interopRequireDefault(require("./Button"));
+var _LegacyButton = _interopRequireDefault(require("./LegacyButton"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/build/commonjs/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './Button';\nexport type { default as ButtonProps } from './ButtonProps';"],"mappings":";;;;;;;;;;;;AAAA"}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default } from './LegacyButton';\nexport type { default as ButtonProps } from './LegacyButtonProps';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/build/commonjs/Button/useVariantStyleMap.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useVariantStyleMap;
+
+var _react = require("react");
+
+var _styles = require("@fountain-ui/styles");
+
+var _styles2 = require("../styles");
+
+function useVariantStyleMap(variant, color) {
+  const theme = (0, _styles2.useTheme)();
+  return (0, _react.useMemo)(() => {
+    const {
+      palette
+    } = theme;
+    const variantStyleMap = {
+      solid: {
+        accent: {
+          fillColor: palette.fill.accent,
+          labelColor: _styles.commonColors.static.strongInverse,
+          iconColor: _styles.commonColors.static.strongInverse
+        },
+        primary: {
+          fillColor: palette.fill.base,
+          labelColor: palette.text.strongInverse,
+          iconColor: palette.icon.strongInverse
+        },
+        danger: {
+          fillColor: palette.status.danger,
+          labelColor: _styles.commonColors.static.strongInverse,
+          iconColor: _styles.commonColors.static.strongInverse
+        },
+        disabled: {
+          fillColor: palette.status.disabled,
+          labelColor: palette.status.onDisabled,
+          iconColor: palette.status.onDisabled
+        }
+      },
+      outlined: {
+        accent: {
+          borderColor: palette.border.accent,
+          labelColor: palette.text.accent,
+          iconColor: palette.icon.accent
+        },
+        primary: {
+          borderColor: palette.border.base,
+          labelColor: palette.text.base,
+          iconColor: palette.icon.base
+        },
+        disabled: {
+          borderColor: palette.status.disabled,
+          labelColor: palette.status.disabledLabel,
+          iconColor: palette.status.disabledLabel
+        }
+      },
+      text: {
+        primary: {
+          labelColor: palette.text.strong,
+          iconColor: palette.icon.strong
+        },
+        secondary: {
+          labelColor: palette.text.base,
+          iconColor: palette.icon.base
+        },
+        accent: {
+          labelColor: palette.text.accent,
+          iconColor: palette.icon.accent
+        },
+        accentAlt: {
+          labelColor: palette.text.accentAlt,
+          iconColor: palette.icon.accentAlt
+        },
+        disabled: {
+          labelColor: palette.status.disabledLabel,
+          iconColor: palette.status.disabledLabel
+        }
+      }
+    };
+
+    if (variantStyleMap[variant][color]) {
+      return variantStyleMap[variant][color];
+    }
+
+    if (process.env.NODE_ENV !== 'production') {
+      console.warn('The selected color is not supported for the chosen variant.');
+    }
+
+    return {};
+  }, [theme, variant, color]);
+}
+//# sourceMappingURL=useVariantStyleMap.js.map

package/build/commonjs/Button/useVariantStyleMap.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useVariantStyleMap","variant","color","theme","useTheme","useMemo","palette","variantStyleMap","solid","accent","fillColor","fill","labelColor","commonColors","static","strongInverse","iconColor","primary","base","text","icon","danger","status","disabled","onDisabled","outlined","borderColor","border","disabledLabel","strong","secondary","accentAlt","process","env","NODE_ENV","console","warn"],"sources":["useVariantStyleMap.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { commonColors } from '@fountain-ui/styles';\nimport { useTheme } from '../styles';\nimport { ButtonColor, ButtonVariant } from './ButtonProps';\n\ntype UseVariantStyleMapReturns = {\n    borderColor?: string;\n    fillColor?: string;\n    iconColor?: string;\n    labelColor?: string;\n}\n\ntype VariantStyleMap = {\n    [variant in ButtonVariant]: {\n        [color in ButtonColor]?: UseVariantStyleMapReturns;\n    }\n};\n\nexport default function useVariantStyleMap(variant: ButtonVariant, color: ButtonColor): UseVariantStyleMapReturns {\n    const theme = useTheme();\n\n    return useMemo(() => {\n        const { palette } = theme;\n\n        const variantStyleMap: VariantStyleMap = {\n            solid: {\n                accent: {\n                    fillColor: palette.fill.accent,\n                    labelColor: commonColors.static.strongInverse,\n                    iconColor: commonColors.static.strongInverse,\n                },\n                primary: {\n                    fillColor: palette.fill.base,\n                    labelColor: palette.text.strongInverse,\n                    iconColor: palette.icon.strongInverse,\n                },\n                danger: {\n                    fillColor: palette.status.danger,\n                    labelColor: commonColors.static.strongInverse,\n                    iconColor: commonColors.static.strongInverse,\n                },\n                disabled: {\n                    fillColor: palette.status.disabled,\n                    labelColor: palette.status.onDisabled,\n                    iconColor: palette.status.onDisabled,\n                },\n            },\n            outlined: {\n                accent: {\n                    borderColor: palette.border.accent,\n                    labelColor: palette.text.accent,\n                    iconColor: palette.icon.accent,\n                },\n                primary: {\n                    borderColor: palette.border.base,\n                    labelColor: palette.text.base,\n                    iconColor: palette.icon.base,\n                },\n                disabled: {\n                    borderColor: palette.status.disabled,\n                    labelColor: palette.status.disabledLabel,\n                    iconColor: palette.status.disabledLabel,\n                },\n            },\n            text: {\n                primary: {\n                    labelColor: palette.text.strong,\n                    iconColor: palette.icon.strong,\n                },\n                secondary: {\n                    labelColor: palette.text.base,\n                    iconColor: palette.icon.base,\n                },\n                accent: {\n                    labelColor: palette.text.accent,\n                    iconColor: palette.icon.accent,\n                },\n                accentAlt: {\n                    labelColor: palette.text.accentAlt,\n                    iconColor: palette.icon.accentAlt,\n                },\n                disabled: {\n                    labelColor: palette.status.disabledLabel,\n                    iconColor: palette.status.disabledLabel,\n                },\n            },\n        };\n\n        if (variantStyleMap[variant][color]) {\n            return variantStyleMap[variant][color] as UseVariantStyleMapReturns;\n        }\n\n        if (process.env.NODE_ENV !== 'production') {\n            console.warn('The selected color is not supported for the chosen variant.');\n        }\n\n        return {};\n    }, [theme, variant, color]);\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAgBe,SAASA,kBAAT,CAA4BC,OAA5B,EAAoDC,KAApD,EAAmG;EAC9G,MAAMC,KAAK,GAAG,IAAAC,iBAAA,GAAd;EAEA,OAAO,IAAAC,cAAA,EAAQ,MAAM;IACjB,MAAM;MAAEC;IAAF,IAAcH,KAApB;IAEA,MAAMI,eAAgC,GAAG;MACrCC,KAAK,EAAE;QACHC,MAAM,EAAE;UACJC,SAAS,EAAEJ,OAAO,CAACK,IAAR,CAAaF,MADpB;UAEJG,UAAU,EAAEC,oBAAA,CAAaC,MAAb,CAAoBC,aAF5B;UAGJC,SAAS,EAAEH,oBAAA,CAAaC,MAAb,CAAoBC;QAH3B,CADL;QAMHE,OAAO,EAAE;UACLP,SAAS,EAAEJ,OAAO,CAACK,IAAR,CAAaO,IADnB;UAELN,UAAU,EAAEN,OAAO,CAACa,IAAR,CAAaJ,aAFpB;UAGLC,SAAS,EAAEV,OAAO,CAACc,IAAR,CAAaL;QAHnB,CANN;QAWHM,MAAM,EAAE;UACJX,SAAS,EAAEJ,OAAO,CAACgB,MAAR,CAAeD,MADtB;UAEJT,UAAU,EAAEC,oBAAA,CAAaC,MAAb,CAAoBC,aAF5B;UAGJC,SAAS,EAAEH,oBAAA,CAAaC,MAAb,CAAoBC;QAH3B,CAXL;QAgBHQ,QAAQ,EAAE;UACNb,SAAS,EAAEJ,OAAO,CAACgB,MAAR,CAAeC,QADpB;UAENX,UAAU,EAAEN,OAAO,CAACgB,MAAR,CAAeE,UAFrB;UAGNR,SAAS,EAAEV,OAAO,CAACgB,MAAR,CAAeE;QAHpB;MAhBP,CAD8B;MAuBrCC,QAAQ,EAAE;QACNhB,MAAM,EAAE;UACJiB,WAAW,EAAEpB,OAAO,CAACqB,MAAR,CAAelB,MADxB;UAEJG,UAAU,EAAEN,OAAO,CAACa,IAAR,CAAaV,MAFrB;UAGJO,SAAS,EAAEV,OAAO,CAACc,IAAR,CAAaX;QAHpB,CADF;QAMNQ,OAAO,EAAE;UACLS,WAAW,EAAEpB,OAAO,CAACqB,MAAR,CAAeT,IADvB;UAELN,UAAU,EAAEN,OAAO,CAACa,IAAR,CAAaD,IAFpB;UAGLF,SAAS,EAAEV,OAAO,CAACc,IAAR,CAAaF;QAHnB,CANH;QAWNK,QAAQ,EAAE;UACNG,WAAW,EAAEpB,OAAO,CAACgB,MAAR,CAAeC,QADtB;UAENX,UAAU,EAAEN,OAAO,CAACgB,MAAR,CAAeM,aAFrB;UAGNZ,SAAS,EAAEV,OAAO,CAACgB,MAAR,CAAeM;QAHpB;MAXJ,CAvB2B;MAwCrCT,IAAI,EAAE;QACFF,OAAO,EAAE;UACLL,UAAU,EAAEN,OAAO,CAACa,IAAR,CAAaU,MADpB;UAELb,SAAS,EAAEV,OAAO,CAACc,IAAR,CAAaS;QAFnB,CADP;QAKFC,SAAS,EAAE;UACPlB,UAAU,EAAEN,OAAO,CAACa,IAAR,CAAaD,IADlB;UAEPF,SAAS,EAAEV,OAAO,CAACc,IAAR,CAAaF;QAFjB,CALT;QASFT,MAAM,EAAE;UACJG,UAAU,EAAEN,OAAO,CAACa,IAAR,CAAaV,MADrB;UAEJO,SAAS,EAAEV,OAAO,CAACc,IAAR,CAAaX;QAFpB,CATN;QAaFsB,SAAS,EAAE;UACPnB,UAAU,EAAEN,OAAO,CAACa,IAAR,CAAaY,SADlB;UAEPf,SAAS,EAAEV,OAAO,CAACc,IAAR,CAAaW;QAFjB,CAbT;QAiBFR,QAAQ,EAAE;UACNX,UAAU,EAAEN,OAAO,CAACgB,MAAR,CAAeM,aADrB;UAENZ,SAAS,EAAEV,OAAO,CAACgB,MAAR,CAAeM;QAFpB;MAjBR;IAxC+B,CAAzC;;IAgEA,IAAIrB,eAAe,CAACN,OAAD,CAAf,CAAyBC,KAAzB,CAAJ,EAAqC;MACjC,OAAOK,eAAe,CAACN,OAAD,CAAf,CAAyBC,KAAzB,CAAP;IACH;;IAED,IAAI8B,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C;MACvCC,OAAO,CAACC,IAAR,CAAa,6DAAb;IACH;;IAED,OAAO,EAAP;EACH,CA5EM,EA4EJ,CAACjC,KAAD,EAAQF,OAAR,EAAiBC,KAAjB,CA5EI,CAAP;AA6EH"}

package/build/commonjs/ButtonSet/ButtonSet.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ButtonSet;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactNative = require("react-native");
+
+var _utils = require("../utils");
+
+var _useVariantStyleMap = _interopRequireDefault(require("./useVariantStyleMap"));
+
+var _styles = require("../styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ButtonSet(props) {
+  const {
+    children,
+    color = 'accent',
+    variant = 'horizontal',
+    style: styleProp,
+    ...otherProps
+  } = props;
+  const {
+    containerStyle,
+    buttonStyleMap
+  } = (0, _useVariantStyleMap.default)(variant, color);
+
+  const buttons = _react.Children.map(children, (child, index) => {
+    const props = { ...buttonStyleMap[index],
+      ...(variant === 'horizontal' ? {
+        style: {
+          flex: 1
+        }
+      } : {})
+    };
+    return (0, _utils.cloneElementSafely)(child, props);
+  });
+
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({}, otherProps, {
+    style: (0, _styles.css)([containerStyle, styleProp])
+  }), buttons);
+}
+//# sourceMappingURL=ButtonSet.js.map

package/build/commonjs/ButtonSet/ButtonSet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ButtonSet","props","children","color","variant","style","styleProp","otherProps","containerStyle","buttonStyleMap","useVariantStyleMap","buttons","Children","map","child","index","flex","cloneElementSafely","css"],"sources":["ButtonSet.tsx"],"sourcesContent":["import React, { Children } from 'react';\nimport { View } from 'react-native';\nimport type { FalsyReactElement } from '../utils';\nimport { cloneElementSafely } from '../utils';\nimport type ButtonSetProps from './ButtonSetProps';\nimport type { ButtonSetColor, ButtonSetVariant } from './ButtonSetProps';\nimport useVariantStyleMap from './useVariantStyleMap';\nimport { css } from '../styles';\n\nexport default function ButtonSet(props: ButtonSetProps) {\n    const {\n        children,\n        color = 'accent' as ButtonSetColor,\n        variant = 'horizontal' as ButtonSetVariant,\n        style: styleProp,\n        ...otherProps\n    } = props;\n\n    const {\n        containerStyle,\n        buttonStyleMap,\n    } = useVariantStyleMap(variant, color);\n\n    const buttons = Children.map(children, (child, index) => {\n        const props = {\n            ...buttonStyleMap[index],\n            ...(variant === 'horizontal' ? { style: { flex: 1 } } : {}),\n        };\n        return cloneElementSafely(child as FalsyReactElement, props);\n    });\n\n    return (\n        <View\n            {...otherProps}\n            style={css([\n                containerStyle,\n                styleProp,\n            ])}\n        >\n            {buttons}\n        </View>\n    );\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAGA;;AACA;;;;;;;;;;AAEe,SAASA,SAAT,CAAmBC,KAAnB,EAA0C;EACrD,MAAM;IACFC,QADE;IAEFC,KAAK,GAAG,QAFN;IAGFC,OAAO,GAAG,YAHR;IAIFC,KAAK,EAAEC,SAJL;IAKF,GAAGC;EALD,IAMFN,KANJ;EAQA,MAAM;IACFO,cADE;IAEFC;EAFE,IAGF,IAAAC,2BAAA,EAAmBN,OAAnB,EAA4BD,KAA5B,CAHJ;;EAKA,MAAMQ,OAAO,GAAGC,eAAA,CAASC,GAAT,CAAaX,QAAb,EAAuB,CAACY,KAAD,EAAQC,KAAR,KAAkB;IACrD,MAAMd,KAAK,GAAG,EACV,GAAGQ,cAAc,CAACM,KAAD,CADP;MAEV,IAAIX,OAAO,KAAK,YAAZ,GAA2B;QAAEC,KAAK,EAAE;UAAEW,IAAI,EAAE;QAAR;MAAT,CAA3B,GAAoD,EAAxD;IAFU,CAAd;IAIA,OAAO,IAAAC,yBAAA,EAAmBH,KAAnB,EAA+Cb,KAA/C,CAAP;EACH,CANe,CAAhB;;EAQA,oBACI,6BAAC,iBAAD,eACQM,UADR;IAEI,KAAK,EAAE,IAAAW,WAAA,EAAI,CACPV,cADO,EAEPF,SAFO,CAAJ;EAFX,IAOKK,OAPL,CADJ;AAWH"}

package/build/commonjs/ButtonSet/ButtonSetProps.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buttonSetVariants = exports.buttonSetColors = void 0;
+const buttonSetColors = ['accent', 'danger', 'warning'];
+exports.buttonSetColors = buttonSetColors;
+const buttonSetVariants = ['horizontal', 'vertical'];
+exports.buttonSetVariants = buttonSetVariants;
+//# sourceMappingURL=ButtonSetProps.js.map

package/build/commonjs/ButtonSet/ButtonSetProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["buttonSetColors","buttonSetVariants"],"sources":["ButtonSetProps.ts"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport const buttonSetColors = [\n    'accent',\n    'danger',\n    'warning',\n] as const;\nexport type ButtonSetColor = typeof buttonSetColors[number];\n\nexport const buttonSetVariants = ['horizontal', 'vertical'] as const;\nexport type ButtonSetVariant = typeof buttonSetVariants[number];\n\nexport default interface ButtonSetProps extends OverridableComponentProps<PropsWithChildren<ViewProps>, {\n    /**\n     * Determines the base color of the button set that goes inside.\n     * @default 'accent'\n     */\n    color?: ButtonSetColor;\n\n    /**\n     * Determines design variations of the component.\n     * @default 'horizontal'\n     */\n    variant?: ButtonSetVariant;\n}> {}\n"],"mappings":";;;;;;AAIO,MAAMA,eAAe,GAAG,CAC3B,QAD2B,EAE3B,QAF2B,EAG3B,SAH2B,CAAxB;;AAOA,MAAMC,iBAAiB,GAAG,CAAC,YAAD,EAAe,UAAf,CAA1B"}