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

package/build/module/Chip/Chip.js

@@ -1,84 +1,45 @@
 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); }
 
 import React from 'react';
-import { Text } from 'react-native';
-import { createFontStyle, css, useTheme } from '../styles';
+import { Text, View } from 'react-native';
+import { css } from '../styles';
 import { cloneElementSafely } from '../utils';
-import ButtonBase from '../ButtonBase';
-const ICON_SIZE = 20;
-
-const useStyles = function () {
-  const theme = useTheme();
-  return {
-    root: {
-      alignItems: 'center',
-      borderRadius: theme.shape.roundnessExtra,
-      flexDirection: 'row',
-      height: 32,
-      justifyContent: 'center',
-      paddingLeft: theme.spacing(3),
-      paddingRight: theme.spacing(3)
-    }
-  };
-};
-
+import ButtonBase from '../ButtonBase/ButtonBase';
+import useChipStyle from './useChipStyle';
 export default function Chip(props) {
   const {
     children,
-    endIcon: endIconProp,
+    endElement: endElementProp,
     numberOfLines,
     onPress,
-    startIcon: startIconProp,
+    size = 'small',
+    startElement: startElementProp,
+    startElementVariant = 'default',
     style: styleProp,
-    variant = 'outlined',
     ...otherProps
   } = props;
-  const theme = useTheme();
-  const styles = useStyles();
-  const fontColor = variant === 'outlined' ? theme.palette.tertiary.main : theme.palette.primary.main;
-  const variantStyleMap = {
-    outlined: {
-      backgroundColor: theme.palette.paper.default,
-      borderColor: theme.palette.border.default,
-      borderWidth: 1
-    },
-    filled: {
-      backgroundColor: theme.palette.paper.grey
-    },
-    bold: {
-      backgroundColor: theme.palette.paper.default,
-      borderColor: theme.palette.primary.main,
-      borderWidth: 1.5
-    }
-  };
-  const chipStyle = css([styles.root, variantStyleMap[variant], styleProp]);
-  const fontStyle = createFontStyle(theme, {
-    selector: typo => variant === 'bold' ? typo.subtitle2 : typo.body2,
-    color: fontColor
+  const {
+    container: containerStyle,
+    endElement: endElementStyle,
+    label: labelStyle,
+    startElement: startElementStyle
+  } = useChipStyle(size, startElementVariant, !!endElementProp);
+  const chipStyle = css([containerStyle, styleProp]);
+  const startElement = startElementVariant === 'icon' ? /*#__PURE__*/React.createElement(View, {
+    style: startElementStyle
+  }, cloneElementSafely(startElementProp)) : cloneElementSafely(startElementProp, {
+    style: startElementStyle
+  });
+  const endElement = cloneElementSafely(endElementProp, {
+    style: endElementStyle
   });
-  const textMarginSize = theme.spacing(1);
-  const textMarginStyle = startIconProp ? {
-    marginLeft: textMarginSize
-  } : endIconProp ? {
-    marginRight: textMarginSize
-  } : undefined;
-  const textStyle = css([fontStyle, textMarginStyle, {
-    textAlign: 'center'
-  }]);
-  const iconProps = {
-    width: ICON_SIZE,
-    height: ICON_SIZE,
-    fill: fontColor
-  };
-  const startIcon = cloneElementSafely(startIconProp, iconProps);
-  const endIcon = cloneElementSafely(endIconProp, iconProps);
   return /*#__PURE__*/React.createElement(ButtonBase, _extends({
     onPress: onPress,
     style: chipStyle
-  }, otherProps), startIcon, /*#__PURE__*/React.createElement(Text, {
+  }, otherProps), startElement, /*#__PURE__*/React.createElement(Text, {
     children: children,
     numberOfLines: numberOfLines,
-    style: textStyle
-  }), endIcon);
+    style: labelStyle
+  }), endElement);
 }
 //# sourceMappingURL=Chip.js.map

package/build/module/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","createFontStyle","css","useTheme","cloneElementSafely","ButtonBase","ICON_SIZE","useStyles","theme","root","alignItems","borderRadius","shape","roundnessExtra","flexDirection","height","justifyContent","paddingLeft","spacing","paddingRight","Chip","props","children","endIcon","endIconProp","numberOfLines","onPress","startIcon","startIconProp","style","styleProp","variant","otherProps","styles","fontColor","palette","tertiary","main","primary","variantStyleMap","outlined","backgroundColor","paper","default","borderColor","border","borderWidth","filled","grey","bold","chipStyle","fontStyle","selector","typo","subtitle2","body2","color","textMarginSize","textMarginStyle","marginLeft","marginRight","undefined","textStyle","textAlign","iconProps","width","fill"],"sources":["Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport ButtonBase from '../ButtonBase';\nimport type ChipProps from './ChipProps';\n\ntype ChipStyles = NamedStylesStringUnion<'root'>;\n\nconst ICON_SIZE = 20;\n\nconst useStyles: UseStyles<ChipStyles> = function (): ChipStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            alignItems: 'center',\n            borderRadius: theme.shape.roundnessExtra,\n            flexDirection: 'row',\n            height: 32,\n            justifyContent: 'center',\n            paddingLeft: theme.spacing(3),\n            paddingRight: theme.spacing(3),\n        },\n    };\n};\n\nexport default function Chip(props: ChipProps) {\n    const {\n        children,\n        endIcon: endIconProp,\n        numberOfLines,\n        onPress,\n        startIcon: startIconProp,\n        style: styleProp,\n        variant = 'outlined',\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n    const styles = useStyles();\n\n    const fontColor = variant === 'outlined'\n        ? theme.palette.tertiary.main\n        : theme.palette.primary.main;\n\n    const variantStyleMap = {\n        outlined: {\n            backgroundColor: theme.palette.paper.default,\n            borderColor: theme.palette.border.default,\n            borderWidth: 1,\n        },\n        filled: {\n            backgroundColor: theme.palette.paper.grey,\n        },\n        bold: {\n            backgroundColor: theme.palette.paper.default,\n            borderColor: theme.palette.primary.main,\n            borderWidth: 1.5,\n        },\n    };\n\n    const chipStyle = css([\n        styles.root,\n        variantStyleMap[variant],\n        styleProp,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => variant === 'bold'\n            ? typo.subtitle2\n            : typo.body2,\n        color: fontColor,\n    });\n\n    const textMarginSize = theme.spacing(1);\n    const textMarginStyle = startIconProp\n        ? { marginLeft: textMarginSize }\n        : endIconProp\n            ? { marginRight: textMarginSize }\n            : undefined;\n\n    const textStyle = css([\n        fontStyle,\n        textMarginStyle,\n        { textAlign: 'center' },\n    ]);\n\n    const iconProps = {\n        width: ICON_SIZE,\n        height: ICON_SIZE,\n        fill: fontColor,\n    };\n\n    const startIcon = cloneElementSafely(startIconProp, iconProps);\n    const endIcon = cloneElementSafely(endIconProp, iconProps);\n\n    return (\n        <ButtonBase\n            onPress={onPress}\n            style={chipStyle}\n            {...otherProps}\n        >\n            {startIcon}\n\n            <Text\n                children={children}\n                numberOfLines={numberOfLines}\n                style={textStyle}\n            />\n\n            {endIcon}\n        </ButtonBase>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"names":["React","Text","View","css","cloneElementSafely","ButtonBase","useChipStyle","Chip","props","children","endElement","endElementProp","numberOfLines","onPress","size","startElement","startElementProp","startElementVariant","style","styleProp","otherProps","container","containerStyle","endElementStyle","label","labelStyle","startElementStyle","chipStyle"],"sources":["Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, View } from 'react-native';\nimport { css } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport ButtonBase from '../ButtonBase/ButtonBase';\nimport type ChipProps from './ChipProps';\nimport type { ChipSize } from './ChipProps';\nimport useChipStyle from './useChipStyle';\n\nexport default function Chip(props: ChipProps) {\n    const {\n        children,\n        endElement: endElementProp,\n        numberOfLines,\n        onPress,\n        size = 'small' as ChipSize,\n        startElement: startElementProp,\n        startElementVariant = 'default',\n        style: styleProp,\n        ...otherProps\n    } = props;\n\n    const {\n        container: containerStyle,\n        endElement: endElementStyle,\n        label: labelStyle,\n        startElement: startElementStyle,\n    } = useChipStyle(size, startElementVariant, !!endElementProp);\n\n    const chipStyle = css([\n        containerStyle,\n        styleProp,\n    ]);\n\n    const startElement = startElementVariant === 'icon'\n        ? (\n            <View style={startElementStyle}>\n                {cloneElementSafely(startElementProp)}\n            </View>\n        ) : cloneElementSafely(startElementProp, { style: startElementStyle });\n    const endElement = cloneElementSafely(endElementProp, { style: endElementStyle });\n\n    return (\n        <ButtonBase\n            onPress={onPress}\n            style={chipStyle}\n            {...otherProps}\n        >\n            {startElement}\n\n            <Text\n                children={children}\n                numberOfLines={numberOfLines}\n                style={labelStyle}\n            />\n\n            {endElement}\n        </ButtonBase>\n    );\n}\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,cAA3B;AACA,SAASC,GAAT,QAAoB,WAApB;AACA,SAASC,kBAAT,QAAmC,UAAnC;AACA,OAAOC,UAAP,MAAuB,0BAAvB;AAGA,OAAOC,YAAP,MAAyB,gBAAzB;AAEA,eAAe,SAASC,IAAT,CAAcC,KAAd,EAAgC;EAC3C,MAAM;IACFC,QADE;IAEFC,UAAU,EAAEC,cAFV;IAGFC,aAHE;IAIFC,OAJE;IAKFC,IAAI,GAAG,OALL;IAMFC,YAAY,EAAEC,gBANZ;IAOFC,mBAAmB,GAAG,SAPpB;IAQFC,KAAK,EAAEC,SARL;IASF,GAAGC;EATD,IAUFZ,KAVJ;EAYA,MAAM;IACFa,SAAS,EAAEC,cADT;IAEFZ,UAAU,EAAEa,eAFV;IAGFC,KAAK,EAAEC,UAHL;IAIFV,YAAY,EAAEW;EAJZ,IAKFpB,YAAY,CAACQ,IAAD,EAAOG,mBAAP,EAA4B,CAAC,CAACN,cAA9B,CALhB;EAOA,MAAMgB,SAAS,GAAGxB,GAAG,CAAC,CAClBmB,cADkB,EAElBH,SAFkB,CAAD,CAArB;EAKA,MAAMJ,YAAY,GAAGE,mBAAmB,KAAK,MAAxB,gBAEb,oBAAC,IAAD;IAAM,KAAK,EAAES;EAAb,GACKtB,kBAAkB,CAACY,gBAAD,CADvB,CAFa,GAKbZ,kBAAkB,CAACY,gBAAD,EAAmB;IAAEE,KAAK,EAAEQ;EAAT,CAAnB,CAL1B;EAMA,MAAMhB,UAAU,GAAGN,kBAAkB,CAACO,cAAD,EAAiB;IAAEO,KAAK,EAAEK;EAAT,CAAjB,CAArC;EAEA,oBACI,oBAAC,UAAD;IACI,OAAO,EAAEV,OADb;IAEI,KAAK,EAAEc;EAFX,GAGQP,UAHR,GAKKL,YALL,eAOI,oBAAC,IAAD;IACI,QAAQ,EAAEN,QADd;IAEI,aAAa,EAAEG,aAFnB;IAGI,KAAK,EAAEa;EAHX,EAPJ,EAaKf,UAbL,CADJ;AAiBH"}

package/build/module/Chip/ChipProps.js

@@ -1,2 +1,3 @@
-
+export const chipSizes = ['large', 'small'];
+export const chipStartElementVariants = ['default', 'avatar', 'image', 'icon'];
 //# sourceMappingURL=ChipProps.js.map

package/build/module/Chip/ChipProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ChipProps.ts"],"sourcesContent":["import React from 'react';\nimport { OverridableComponentProps } from '../types';\nimport type { ButtonBaseProps } from '../ButtonBase';\n\nexport type ChipVariant = 'outlined' | 'filled' | 'bold';\n\nexport default interface ChipProps extends OverridableComponentProps<ButtonBaseProps, {\n    /**\n     * Element placed after the children.\n     */\n    endIcon?: React.ReactElement;\n\n    /**\n     * The content of the component.\n     */\n    children: string;\n\n    /**\n     * Number of lines of children.\n     */\n    numberOfLines?: number;\n\n    /**\n     * Element placed before the children.\n     */\n    startIcon?: React.ReactElement;\n\n    /**\n     * The variant to use.\n     * @default 'outlined'\n     */\n    variant?: ChipVariant;\n}> {}"],"mappings":""}
+{"version":3,"names":["chipSizes","chipStartElementVariants"],"sources":["ChipProps.ts"],"sourcesContent":["import React from 'react';\nimport { OverridableComponentProps } from '../types';\nimport type { ButtonBaseProps } from '../ButtonBase';\n\nexport const chipSizes = ['large', 'small'] as const;\nexport type ChipSize = typeof chipSizes[number];\n\nexport const chipStartElementVariants = ['default', 'avatar', 'image', 'icon'] as const;\nexport type ChipStartElementVariant = typeof chipStartElementVariants[number];\n\nexport default interface ChipProps extends OverridableComponentProps<ButtonBaseProps, {\n    /**\n     * Element placed after the children.\n     */\n    endElement?: React.ReactElement;\n\n    /**\n     * The content of the component.\n     */\n    children: string;\n\n    /**\n     * Number of lines of children.\n     */\n    numberOfLines?: number;\n\n    /**\n     * Determines size of component.\n     * @default 'small'\n     */\n    size?: ChipSize;\n\n    /**\n     * Element placed before the children.\n     */\n    startElement?: React.ReactElement;\n\n    /**\n     * Determines the style of the start element.\n     */\n    startElementVariant?: ChipStartElementVariant;\n}> {}\n"],"mappings":"AAIA,OAAO,MAAMA,SAAS,GAAG,CAAC,OAAD,EAAU,OAAV,CAAlB;AAGP,OAAO,MAAMC,wBAAwB,GAAG,CAAC,SAAD,EAAY,QAAZ,EAAsB,OAAtB,EAA+B,MAA/B,CAAjC"}

package/build/module/Chip/LegacyChip.js

@@ -0,0 +1,84 @@
+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); }
+
+import React from 'react';
+import { Text } from 'react-native';
+import { createFontStyle, css, useTheme } from '../styles';
+import { cloneElementSafely } from '../utils';
+import ButtonBase from '../ButtonBase';
+const ICON_SIZE = 20;
+
+const useStyles = function () {
+  const theme = useTheme();
+  return {
+    root: {
+      alignItems: 'center',
+      borderRadius: theme.shape.roundnessExtra,
+      flexDirection: 'row',
+      height: 32,
+      justifyContent: 'center',
+      paddingLeft: theme.spacing(3),
+      paddingRight: theme.spacing(3)
+    }
+  };
+};
+
+export default function Chip(props) {
+  const {
+    children,
+    endIcon: endIconProp,
+    numberOfLines,
+    onPress,
+    startIcon: startIconProp,
+    style: styleProp,
+    variant = 'outlined',
+    ...otherProps
+  } = props;
+  const theme = useTheme();
+  const styles = useStyles();
+  const fontColor = variant === 'outlined' ? theme.palette.tertiary.main : theme.palette.primary.main;
+  const variantStyleMap = {
+    outlined: {
+      backgroundColor: theme.palette.paper.default,
+      borderColor: theme.palette.border.default,
+      borderWidth: 1
+    },
+    filled: {
+      backgroundColor: theme.palette.paper.grey
+    },
+    bold: {
+      backgroundColor: theme.palette.paper.default,
+      borderColor: theme.palette.primary.main,
+      borderWidth: 1.5
+    }
+  };
+  const chipStyle = css([styles.root, variantStyleMap[variant], styleProp]);
+  const fontStyle = createFontStyle(theme, {
+    selector: typo => variant === 'bold' ? typo.subtitle2 : typo.body2,
+    color: fontColor
+  });
+  const textMarginSize = theme.spacing(1);
+  const textMarginStyle = startIconProp ? {
+    marginLeft: textMarginSize
+  } : endIconProp ? {
+    marginRight: textMarginSize
+  } : undefined;
+  const textStyle = css([fontStyle, textMarginStyle, {
+    textAlign: 'center'
+  }]);
+  const iconProps = {
+    width: ICON_SIZE,
+    height: ICON_SIZE,
+    fill: fontColor
+  };
+  const startIcon = cloneElementSafely(startIconProp, iconProps);
+  const endIcon = cloneElementSafely(endIconProp, iconProps);
+  return /*#__PURE__*/React.createElement(ButtonBase, _extends({
+    onPress: onPress,
+    style: chipStyle
+  }, otherProps), startIcon, /*#__PURE__*/React.createElement(Text, {
+    children: children,
+    numberOfLines: numberOfLines,
+    style: textStyle
+  }), endIcon);
+}
+//# sourceMappingURL=LegacyChip.js.map

package/build/module/Chip/LegacyChip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","createFontStyle","css","useTheme","cloneElementSafely","ButtonBase","ICON_SIZE","useStyles","theme","root","alignItems","borderRadius","shape","roundnessExtra","flexDirection","height","justifyContent","paddingLeft","spacing","paddingRight","Chip","props","children","endIcon","endIconProp","numberOfLines","onPress","startIcon","startIconProp","style","styleProp","variant","otherProps","styles","fontColor","palette","tertiary","main","primary","variantStyleMap","outlined","backgroundColor","paper","default","borderColor","border","borderWidth","filled","grey","bold","chipStyle","fontStyle","selector","typo","subtitle2","body2","color","textMarginSize","textMarginStyle","marginLeft","marginRight","undefined","textStyle","textAlign","iconProps","width","fill"],"sources":["LegacyChip.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport ButtonBase from '../ButtonBase';\nimport type ChipProps from './LegacyChipProps';\n\ntype ChipStyles = NamedStylesStringUnion<'root'>;\n\nconst ICON_SIZE = 20;\n\nconst useStyles: UseStyles<ChipStyles> = function (): ChipStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            alignItems: 'center',\n            borderRadius: theme.shape.roundnessExtra,\n            flexDirection: 'row',\n            height: 32,\n            justifyContent: 'center',\n            paddingLeft: theme.spacing(3),\n            paddingRight: theme.spacing(3),\n        },\n    };\n};\n\nexport default function Chip(props: ChipProps) {\n    const {\n        children,\n        endIcon: endIconProp,\n        numberOfLines,\n        onPress,\n        startIcon: startIconProp,\n        style: styleProp,\n        variant = 'outlined',\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n    const styles = useStyles();\n\n    const fontColor = variant === 'outlined'\n        ? theme.palette.tertiary.main\n        : theme.palette.primary.main;\n\n    const variantStyleMap = {\n        outlined: {\n            backgroundColor: theme.palette.paper.default,\n            borderColor: theme.palette.border.default,\n            borderWidth: 1,\n        },\n        filled: {\n            backgroundColor: theme.palette.paper.grey,\n        },\n        bold: {\n            backgroundColor: theme.palette.paper.default,\n            borderColor: theme.palette.primary.main,\n            borderWidth: 1.5,\n        },\n    };\n\n    const chipStyle = css([\n        styles.root,\n        variantStyleMap[variant],\n        styleProp,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => variant === 'bold'\n            ? typo.subtitle2\n            : typo.body2,\n        color: fontColor,\n    });\n\n    const textMarginSize = theme.spacing(1);\n    const textMarginStyle = startIconProp\n        ? { marginLeft: textMarginSize }\n        : endIconProp\n            ? { marginRight: textMarginSize }\n            : undefined;\n\n    const textStyle = css([\n        fontStyle,\n        textMarginStyle,\n        { textAlign: 'center' },\n    ]);\n\n    const iconProps = {\n        width: ICON_SIZE,\n        height: ICON_SIZE,\n        fill: fontColor,\n    };\n\n    const startIcon = cloneElementSafely(startIconProp, iconProps);\n    const endIcon = cloneElementSafely(endIconProp, iconProps);\n\n    return (\n        <ButtonBase\n            onPress={onPress}\n            style={chipStyle}\n            {...otherProps}\n        >\n            {startIcon}\n\n            <Text\n                children={children}\n                numberOfLines={numberOfLines}\n                style={textStyle}\n            />\n\n            {endIcon}\n        </ButtonBase>\n    );\n}\n"],"mappings":"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"}

package/build/module/Chip/LegacyChipProps.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=LegacyChipProps.js.map

package/build/module/Chip/LegacyChipProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["LegacyChipProps.ts"],"sourcesContent":["import React from 'react';\nimport { OverridableComponentProps } from '../types';\nimport type { ButtonBaseProps } from '../ButtonBase';\n\nexport type ChipVariant = 'outlined' | 'filled' | 'bold';\n\nexport default interface ChipProps extends OverridableComponentProps<ButtonBaseProps, {\n    /**\n     * Element placed after the children.\n     */\n    endIcon?: React.ReactElement;\n\n    /**\n     * The content of the component.\n     */\n    children: string;\n\n    /**\n     * Number of lines of children.\n     */\n    numberOfLines?: number;\n\n    /**\n     * Element placed before the children.\n     */\n    startIcon?: React.ReactElement;\n\n    /**\n     * The variant to use.\n     * @default 'outlined'\n     */\n    variant?: ChipVariant;\n}> {}\n"],"mappings":""}

package/build/module/Chip/index.js

@@ -1,2 +1,2 @@
-export { default } from './Chip';
+export { default } from './LegacyChip';
 //# sourceMappingURL=index.js.map

package/build/module/Chip/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './Chip';\nexport type { default as ChipProps } from './ChipProps';"],"mappings":"AAAA,SAASA,OAAT,QAAwB,QAAxB"}
+{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './LegacyChip';\nexport type { default as ChipProps } from './LegacyChipProps';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,cAAxB"}

package/build/module/Chip/useChipStyle.js

@@ -0,0 +1,104 @@
+import { useMemo } from 'react';
+import { createFontStyle, useTheme } from '../styles';
+// TODO: need to refactoring...
+export default function useChipStyle(size, startElementVariant, isEndElement) {
+  const theme = useTheme();
+  return useMemo(() => {
+    var _variantStyleMap$star, _variantStyleMap$star2;
+
+    const fontStyleMap = {
+      small: createFontStyle(theme, {
+        // TODO: select typography.
+        // selector: (typography) => typography.caption1.medium,
+        color: theme.palette.text.strong
+      }),
+      large: createFontStyle(theme, {
+        // TODO: select typography.
+        // selector: (typography) => typography.body2.medium,
+        color: theme.palette.text.strong
+      })
+    };
+    const endElementStyleMap = {
+      small: {
+        height: 14,
+        marginLeft: theme.spacing(2),
+        width: 8.17
+      },
+      large: {
+        height: 16,
+        marginLeft: theme.spacing(2.5),
+        width: 9
+      }
+    };
+    const baseContainerStyle = {
+      alignItems: 'center',
+      backgroundColor: theme.palette.fill.weaker,
+      borderRadius: theme.shape.radius.full,
+      flexDirection: 'row',
+      height: 'fit-content',
+      overflow: 'hidden',
+      width: 'fit-content'
+    };
+    const isLarge = size === 'large';
+    const variantStyleMap = {
+      avatar: {
+        container: {
+          paddingLeft: theme.spacing(isLarge ? 1.5 : 1.25),
+          paddingRight: theme.spacing(isLarge ? 3.5 : 3),
+          paddingVertical: theme.spacing(isLarge ? 1.25 : 1)
+        },
+        startElement: {
+          borderRadius: theme.shape.radius.full,
+          height: isLarge ? 24 : 22,
+          marginRight: theme.spacing(isLarge ? 1.5 : 1.25),
+          width: isLarge ? 24 : 22
+        }
+      },
+      icon: {
+        container: {
+          paddingLeft: theme.spacing(1.5),
+          paddingRight: theme.spacing(isLarge ? 3.5 : 3),
+          paddingVertical: theme.spacing(isLarge ? 1.5 : 1.25)
+        },
+        startElement: {
+          alignItems: 'center',
+          height: isLarge ? 22 : 20,
+          justifyContent: 'center',
+          marginRight: theme.spacing(isLarge ? 1 : 0.75),
+          width: isLarge ? 22 : 20
+        }
+      },
+      image: {
+        container: {
+          alignItems: 'center',
+          paddingRight: theme.spacing(isLarge ? 3.5 : 3)
+        },
+        startElement: {
+          borderRadius: theme.shape.radius.full,
+          height: isLarge ? 34 : 30,
+          marginRight: theme.spacing(1.5),
+          width: isLarge ? 45 : 40
+        }
+      },
+      default: {
+        container: {
+          paddingBottom: theme.spacing(1.75),
+          paddingHorizontal: theme.spacing(isLarge ? 3.5 : 3),
+          paddingTop: theme.spacing(1.5)
+        }
+      }
+    };
+    return {
+      container: { ...baseContainerStyle,
+        ...((_variantStyleMap$star = variantStyleMap[startElementVariant]) === null || _variantStyleMap$star === void 0 ? void 0 : _variantStyleMap$star.container),
+        ...(isEndElement ? {
+          paddingRight: theme.spacing(isLarge ? 2.5 : 2.25)
+        } : {})
+      },
+      endElement: endElementStyleMap[size],
+      label: fontStyleMap[size],
+      startElement: (_variantStyleMap$star2 = variantStyleMap[startElementVariant]) === null || _variantStyleMap$star2 === void 0 ? void 0 : _variantStyleMap$star2.startElement
+    };
+  }, [theme, size, startElementVariant]);
+}
+//# sourceMappingURL=useChipStyle.js.map

package/build/module/Chip/useChipStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","createFontStyle","useTheme","useChipStyle","size","startElementVariant","isEndElement","theme","fontStyleMap","small","color","palette","text","strong","large","endElementStyleMap","height","marginLeft","spacing","width","baseContainerStyle","alignItems","backgroundColor","fill","weaker","borderRadius","shape","radius","full","flexDirection","overflow","isLarge","variantStyleMap","avatar","container","paddingLeft","paddingRight","paddingVertical","startElement","marginRight","icon","justifyContent","image","default","paddingBottom","paddingHorizontal","paddingTop","endElement","label"],"sources":["useChipStyle.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport type { TextStyle } from 'react-native';\nimport type { FountainUiStyle } from '@fountain-ui/styles';\nimport { createFontStyle, useTheme } from '../styles';\nimport type { ChipSize, ChipStartElementVariant } from './ChipProps';\n\ninterface ChipStyle {\n    container: FountainUiStyle;\n    endElement?: FountainUiStyle;\n    label: TextStyle;\n    startElement?: FountainUiStyle;\n}\n\ntype VariantStyleMap = Record<ChipStartElementVariant, Partial<ChipStyle>>;\n\n// TODO: need to refactoring...\nexport default function useChipStyle(\n    size: ChipSize,\n    startElementVariant: ChipStartElementVariant,\n    isEndElement: boolean,\n): ChipStyle {\n    const theme = useTheme();\n\n    return useMemo<ChipStyle>(() => {\n        const fontStyleMap: Record<ChipSize, TextStyle> = {\n            small: createFontStyle(theme, {\n                // TODO: select typography.\n                // selector: (typography) => typography.caption1.medium,\n                color: theme.palette.text.strong,\n            }),\n            large: createFontStyle(theme, {\n                // TODO: select typography.\n                // selector: (typography) => typography.body2.medium,\n                color: theme.palette.text.strong,\n            }),\n        };\n\n        const endElementStyleMap: Record<ChipSize, FountainUiStyle> = {\n            small: {\n                height: 14,\n                marginLeft: theme.spacing(2),\n                width: 8.17,\n            },\n            large: {\n                height: 16,\n                marginLeft: theme.spacing(2.5),\n                width: 9,\n            },\n        };\n\n        const baseContainerStyle: FountainUiStyle = {\n            alignItems: 'center',\n            backgroundColor: theme.palette.fill.weaker,\n            borderRadius: theme.shape.radius.full,\n            flexDirection: 'row',\n            height: 'fit-content',\n            overflow: 'hidden',\n            width: 'fit-content',\n        };\n\n        const isLarge = size === 'large';\n\n        const variantStyleMap: VariantStyleMap = {\n            avatar: {\n                container: {\n                    paddingLeft: theme.spacing(isLarge ? 1.5 : 1.25),\n                    paddingRight: theme.spacing(isLarge ? 3.5 : 3),\n                    paddingVertical: theme.spacing(isLarge ? 1.25 : 1),\n                },\n                startElement: {\n                    borderRadius: theme.shape.radius.full,\n                    height: isLarge ? 24 : 22,\n                    marginRight: theme.spacing(isLarge ? 1.5 : 1.25),\n                    width: isLarge ? 24 : 22,\n                },\n            },\n            icon: {\n                container: {\n                    paddingLeft: theme.spacing(1.5),\n                    paddingRight: theme.spacing(isLarge ? 3.5 : 3),\n                    paddingVertical: theme.spacing(isLarge ? 1.5 : 1.25),\n                },\n                startElement: {\n                    alignItems: 'center',\n                    height: isLarge ? 22 : 20,\n                    justifyContent: 'center',\n                    marginRight: theme.spacing(isLarge ? 1 : 0.75),\n                    width: isLarge ? 22 : 20,\n                },\n            },\n            image: {\n                container: {\n                    alignItems: 'center',\n                    paddingRight: theme.spacing(isLarge ? 3.5 : 3),\n                },\n                startElement: {\n                    borderRadius: theme.shape.radius.full,\n                    height: isLarge ? 34 : 30,\n                    marginRight: theme.spacing(1.5),\n                    width: isLarge ? 45 : 40,\n                },\n            },\n            default: {\n                container: {\n                    paddingBottom: theme.spacing(1.75),\n                    paddingHorizontal: theme.spacing(isLarge ? 3.5 : 3),\n                    paddingTop: theme.spacing(1.5),\n                },\n            },\n        };\n\n        return {\n            container: {\n                ...baseContainerStyle,\n                ...variantStyleMap[startElementVariant]?.container,\n                ...(isEndElement ? { paddingRight: theme.spacing(isLarge ? 2.5 : 2.25) } : {}),\n            },\n            endElement: endElementStyleMap[size],\n            label: fontStyleMap[size],\n            startElement: variantStyleMap[startElementVariant]?.startElement,\n        };\n    }, [theme, size, startElementVariant]);\n}\n"],"mappings":"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"}

package/build/module/Empty/Empty.js

@@ -0,0 +1,71 @@
+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); }
+
+import React from 'react';
+import { Text } from 'react-native';
+import Button from '../Button/Button';
+import Column from '../Column';
+import Spacer from '../Spacer';
+import { createFontStyle, css, useTheme } from '../styles';
+import { cloneElementSafely } from '../utils';
+
+const useStyles = function () {
+  const theme = useTheme();
+  return {
+    root: {
+      alignItems: 'center',
+      flex: 1,
+      justifyContent: 'center',
+      paddingHorizontal: theme.spacing(12)
+    },
+    cta: {
+      alignSelf: 'center'
+    }
+  };
+};
+
+export default function Empty(props) {
+  const {
+    buttonTitle,
+    description,
+    headerContent: headerContentProp,
+    onButtonPress,
+    style: styleProp,
+    title,
+    ...otherProps
+  } = props;
+  const styles = useStyles();
+  const theme = useTheme();
+  const rootStyle = css([styles.root, styleProp]);
+  const headerContent = cloneElementSafely(headerContentProp);
+  const titleFontStyle = createFontStyle(theme, {
+    selector: typography => typography.header3.semiBold,
+    color: theme.palette.text.strong
+  });
+  const descriptionFontStyle = createFontStyle(theme, {
+    // TODO: select typography.
+    // selector: (typography) =>  typography.body2.regular,
+    color: theme.palette.text.base
+  });
+  return /*#__PURE__*/React.createElement(Column, _extends({
+    style: rootStyle
+  }, otherProps), headerContent ? /*#__PURE__*/React.createElement(React.Fragment, null, headerContent, /*#__PURE__*/React.createElement(Spacer, {
+    size: 6
+  })) : null, /*#__PURE__*/React.createElement(Text, {
+    children: title,
+    style: titleFontStyle
+  }), description ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Spacer, {
+    size: 2
+  }), /*#__PURE__*/React.createElement(Text, {
+    children: description,
+    style: descriptionFontStyle
+  })) : null, buttonTitle && onButtonPress ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Spacer, {
+    size: 6
+  }), /*#__PURE__*/React.createElement(Button, {
+    children: buttonTitle,
+    color: 'accent',
+    onPress: onButtonPress,
+    style: styles.cta,
+    variant: 'solid'
+  })) : null);
+}
+//# sourceMappingURL=Empty.js.map

package/build/module/Empty/Empty.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","Button","Column","Spacer","createFontStyle","css","useTheme","cloneElementSafely","useStyles","theme","root","alignItems","flex","justifyContent","paddingHorizontal","spacing","cta","alignSelf","Empty","props","buttonTitle","description","headerContent","headerContentProp","onButtonPress","style","styleProp","title","otherProps","styles","rootStyle","titleFontStyle","selector","typography","header3","semiBold","color","palette","text","strong","descriptionFontStyle","base"],"sources":["Empty.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Button from '../Button/Button';\nimport Column from '../Column';\nimport Spacer from '../Spacer';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport type { FalsyReactElement } from '../utils';\nimport { cloneElementSafely } from '../utils';\nimport type EmptyProps from './EmptyProps';\n\ntype EmptyStyles = NamedStylesStringUnion<'root' | 'cta'>;\n\nconst useStyles: UseStyles<EmptyStyles> = function (): EmptyStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            alignItems: 'center',\n            flex: 1,\n            justifyContent: 'center',\n            paddingHorizontal: theme.spacing(12),\n        },\n        cta: {\n            alignSelf: 'center',\n        },\n    };\n};\n\nexport default function Empty(props: EmptyProps) {\n    const {\n        buttonTitle,\n        description,\n        headerContent: headerContentProp,\n        onButtonPress,\n        style: styleProp,\n        title,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const theme = useTheme();\n\n    const rootStyle = css([\n        styles.root,\n        styleProp,\n    ]);\n\n    const headerContent = cloneElementSafely(headerContentProp as FalsyReactElement);\n\n    const titleFontStyle = createFontStyle(theme, {\n        selector: (typography) => typography.header3.semiBold,\n        color: theme.palette.text.strong,\n    });\n\n    const descriptionFontStyle = createFontStyle(theme, {\n        // TODO: select typography.\n        // selector: (typography) =>  typography.body2.regular,\n        color: theme.palette.text.base,\n    });\n\n    return (\n        <Column\n            style={rootStyle}\n            {...otherProps}\n        >\n            {headerContent ? (\n                <React.Fragment>\n                    {headerContent}\n\n                    <Spacer size={6}/>\n                </React.Fragment>\n            ) : null}\n\n            <Text\n                children={title}\n                style={titleFontStyle}\n            />\n\n            {description ? (\n                <React.Fragment>\n                    <Spacer size={2}/>\n\n                    <Text\n                        children={description}\n                        style={descriptionFontStyle}\n                    />\n                </React.Fragment>\n            ) : null}\n\n            {buttonTitle && onButtonPress ? (\n                <React.Fragment>\n                    <Spacer size={6}/>\n\n                    {/* TODO: change Capsule solid variant. */}\n                    <Button\n                        children={buttonTitle}\n                        color={'accent'}\n                        onPress={onButtonPress}\n                        style={styles.cta}\n                        variant={'solid'}\n                    />\n                </React.Fragment>\n            ) : null}\n        </Column>\n    );\n}\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,OAAOC,MAAP,MAAmB,kBAAnB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,SAASC,eAAT,EAA0BC,GAA1B,EAA+BC,QAA/B,QAA+C,WAA/C;AAEA,SAASC,kBAAT,QAAmC,UAAnC;;AAKA,MAAMC,SAAiC,GAAG,YAAyB;EAC/D,MAAMC,KAAK,GAAGH,QAAQ,EAAtB;EAEA,OAAO;IACHI,IAAI,EAAE;MACFC,UAAU,EAAE,QADV;MAEFC,IAAI,EAAE,CAFJ;MAGFC,cAAc,EAAE,QAHd;MAIFC,iBAAiB,EAAEL,KAAK,CAACM,OAAN,CAAc,EAAd;IAJjB,CADH;IAOHC,GAAG,EAAE;MACDC,SAAS,EAAE;IADV;EAPF,CAAP;AAWH,CAdD;;AAgBA,eAAe,SAASC,KAAT,CAAeC,KAAf,EAAkC;EAC7C,MAAM;IACFC,WADE;IAEFC,WAFE;IAGFC,aAAa,EAAEC,iBAHb;IAIFC,aAJE;IAKFC,KAAK,EAAEC,SALL;IAMFC,KANE;IAOF,GAAGC;EAPD,IAQFT,KARJ;EAUA,MAAMU,MAAM,GAAGrB,SAAS,EAAxB;EAEA,MAAMC,KAAK,GAAGH,QAAQ,EAAtB;EAEA,MAAMwB,SAAS,GAAGzB,GAAG,CAAC,CAClBwB,MAAM,CAACnB,IADW,EAElBgB,SAFkB,CAAD,CAArB;EAKA,MAAMJ,aAAa,GAAGf,kBAAkB,CAACgB,iBAAD,CAAxC;EAEA,MAAMQ,cAAc,GAAG3B,eAAe,CAACK,KAAD,EAAQ;IAC1CuB,QAAQ,EAAGC,UAAD,IAAgBA,UAAU,CAACC,OAAX,CAAmBC,QADH;IAE1CC,KAAK,EAAE3B,KAAK,CAAC4B,OAAN,CAAcC,IAAd,CAAmBC;EAFgB,CAAR,CAAtC;EAKA,MAAMC,oBAAoB,GAAGpC,eAAe,CAACK,KAAD,EAAQ;IAChD;IACA;IACA2B,KAAK,EAAE3B,KAAK,CAAC4B,OAAN,CAAcC,IAAd,CAAmBG;EAHsB,CAAR,CAA5C;EAMA,oBACI,oBAAC,MAAD;IACI,KAAK,EAAEX;EADX,GAEQF,UAFR,GAIKN,aAAa,gBACV,oBAAC,KAAD,CAAO,QAAP,QACKA,aADL,eAGI,oBAAC,MAAD;IAAQ,IAAI,EAAE;EAAd,EAHJ,CADU,GAMV,IAVR,eAYI,oBAAC,IAAD;IACI,QAAQ,EAAEK,KADd;IAEI,KAAK,EAAEI;EAFX,EAZJ,EAiBKV,WAAW,gBACR,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,MAAD;IAAQ,IAAI,EAAE;EAAd,EADJ,eAGI,oBAAC,IAAD;IACI,QAAQ,EAAEA,WADd;IAEI,KAAK,EAAEmB;EAFX,EAHJ,CADQ,GASR,IA1BR,EA4BKpB,WAAW,IAAII,aAAf,gBACG,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,MAAD;IAAQ,IAAI,EAAE;EAAd,EADJ,eAII,oBAAC,MAAD;IACI,QAAQ,EAAEJ,WADd;IAEI,KAAK,EAAE,QAFX;IAGI,OAAO,EAAEI,aAHb;IAII,KAAK,EAAEK,MAAM,CAACb,GAJlB;IAKI,OAAO,EAAE;EALb,EAJJ,CADH,GAaG,IAzCR,CADJ;AA6CH"}

package/build/module/Empty/EmptyProps.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=EmptyProps.js.map

package/build/module/Empty/EmptyProps.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["EmptyProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface EmptyProps extends OverridableComponentProps<Omit<ViewProps, 'children'>, {\n    /**\n     * Text displayed on the CTA button.\n     */\n    buttonTitle?: string;\n\n    /**\n     * Descriptive text shown below the title.\n     */\n    description?: string;\n\n    /**\n     * Content displayed at the top.\n     * Can be an icon, image, or any visual element.\n     */\n    headerContent?: React.ReactNode;\n\n    /**\n     * Function called when the CTA button is pressed.\n     */\n    onButtonPress?: () => void;\n\n    /**\n     * The main title text.\n     */\n    title: string;\n}> {}\n"],"mappings":""}

package/build/module/Empty/index.js

@@ -0,0 +1,2 @@
+export { default } from './Empty';
+//# sourceMappingURL=index.js.map

package/build/module/Empty/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sources":["index.ts"],"sourcesContent":["export { default } from './Empty';\nexport type { default as EmptyProps } from './EmptyProps';\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,SAAxB"}

package/build/module/IconButton/LegacyIconButton.js

@@ -33,13 +33,14 @@ export default function IconButton(props) {
     onPress,
     size = 'medium',
     style,
+    iconSize,
     ...otherProps
   } = props;
   const theme = useTheme();
   const styles = useStyles();
   const icon = cloneElementSafely(children, {
-    width: iconSizes[size],
-    height: iconSizes[size],
+    width: iconSize ?? iconSizes[size],
+    height: iconSize ?? iconSizes[size],
     color: color
   });
   const fontStyle = createFontStyle(theme, {

package/build/module/IconButton/LegacyIconButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","ButtonBase","createFontStyle","css","useTheme","cloneElementSafely","iconSizes","tiny","small","medium","large","useStyles","theme","root","flexDirection","justifyContent","alignItems","padding","spacing","IconButton","props","children","color","disabled","label","onPress","size","style","otherProps","styles","icon","width","height","fontStyle","selector","typo","caption1","palette","main","labelStyle","rootStyle","handlePress"],"sources":["LegacyIconButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type IconButtonProps from './LegacyIconButtonProps';\nimport type { IconButtonSize } from './LegacyIconButtonProps';\n\ntype IconButtonStyles = NamedStylesStringUnion<'root'>;\n\ntype IconSizes = { [n in IconButtonSize]: number };\n\nconst iconSizes: IconSizes = {\n    tiny: 16,\n    small: 20,\n    medium: 24,\n    large: 28,\n};\n\nconst useStyles: UseStyles<IconButtonStyles> = function (): IconButtonStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexDirection: 'column',\n            justifyContent: 'center',\n            alignItems: 'center',\n            padding: theme.spacing(1),\n        },\n    };\n};\n\nexport default function IconButton(props: IconButtonProps) {\n    const {\n        children,\n        color = 'primary',\n        disabled = false,\n        label,\n        onPress,\n        size = 'medium',\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n    const styles = useStyles();\n\n    const icon = cloneElementSafely(children, {\n        width: iconSizes[size],\n        height: iconSizes[size],\n        color: color,\n    });\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.caption1,\n        color: theme.palette[color].main,\n    });\n\n    const labelStyle = css([\n        fontStyle,\n    ]);\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    const handlePress = async () => {\n        if (disabled) {\n            return;\n        }\n        if (onPress) {\n            onPress();\n            return;\n        }\n    };\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={rootStyle}\n            {...otherProps}\n        >\n            {icon}\n\n            {label ? (\n                <Text\n                    children={label}\n                    style={labelStyle}\n                />\n            ) : null}\n        </ButtonBase>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,eAAT,EAA0BC,GAA1B,EAA+BC,QAA/B,QAA+C,WAA/C;AACA,SAASC,kBAAT,QAAmC,UAAnC;AAQA,MAAMC,SAAoB,GAAG;EACzBC,IAAI,EAAE,EADmB;EAEzBC,KAAK,EAAE,EAFkB;EAGzBC,MAAM,EAAE,EAHiB;EAIzBC,KAAK,EAAE;AAJkB,CAA7B;;AAOA,MAAMC,SAAsC,GAAG,YAA8B;EACzE,MAAMC,KAAK,GAAGR,QAAQ,EAAtB;EAEA,OAAO;IACHS,IAAI,EAAE;MACFC,aAAa,EAAE,QADb;MAEFC,cAAc,EAAE,QAFd;MAGFC,UAAU,EAAE,QAHV;MAIFC,OAAO,EAAEL,KAAK,CAACM,OAAN,CAAc,CAAd;IAJP;EADH,CAAP;AAQH,CAXD;;AAaA,eAAe,SAASC,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IACFC,QADE;IAEFC,KAAK,GAAG,SAFN;IAGFC,QAAQ,GAAG,KAHT;IAIFC,KAJE;IAKFC,OALE;IAMFC,IAAI,GAAG,QANL;IAOFC,KAPE;IAQF,GAAGC;EARD,IASFR,KATJ;EAWA,MAAMR,KAAK,GAAGR,QAAQ,EAAtB;EACA,MAAMyB,MAAM,GAAGlB,SAAS,EAAxB;EAEA,MAAMmB,IAAI,GAAGzB,kBAAkB,CAACgB,QAAD,EAAW;IACtCU,KAAK,EAAEzB,SAAS,CAACoB,IAAD,CADsB;IAEtCM,MAAM,EAAE1B,SAAS,CAACoB,IAAD,CAFqB;IAGtCJ,KAAK,EAAEA;EAH+B,CAAX,CAA/B;EAMA,MAAMW,SAAS,GAAG/B,eAAe,CAACU,KAAD,EAAQ;IACrCsB,QAAQ,EAAGC,IAAD,IAAUA,IAAI,CAACC,QADY;IAErCd,KAAK,EAAEV,KAAK,CAACyB,OAAN,CAAcf,KAAd,EAAqBgB;EAFS,CAAR,CAAjC;EAKA,MAAMC,UAAU,GAAGpC,GAAG,CAAC,CACnB8B,SADmB,CAAD,CAAtB;EAIA,MAAMO,SAAS,GAAGrC,GAAG,CAAC,CAClB0B,MAAM,CAAChB,IADW,EAElBc,KAFkB,CAAD,CAArB;;EAKA,MAAMc,WAAW,GAAG,YAAY;IAC5B,IAAIlB,QAAJ,EAAc;MACV;IACH;;IACD,IAAIE,OAAJ,EAAa;MACTA,OAAO;MACP;IACH;EACJ,CARD;;EAUA,oBACI,oBAAC,UAAD;IACI,QAAQ,EAAEF,QADd;IAEI,OAAO,EAAEkB,WAFb;IAGI,KAAK,EAAED;EAHX,GAIQZ,UAJR,GAMKE,IANL,EAQKN,KAAK,gBACF,oBAAC,IAAD;IACI,QAAQ,EAAEA,KADd;IAEI,KAAK,EAAEe;EAFX,EADE,GAKF,IAbR,CADJ;AAiBH;AAAA"}
+{"version":3,"names":["React","Text","ButtonBase","createFontStyle","css","useTheme","cloneElementSafely","iconSizes","tiny","small","medium","large","useStyles","theme","root","flexDirection","justifyContent","alignItems","padding","spacing","IconButton","props","children","color","disabled","label","onPress","size","style","iconSize","otherProps","styles","icon","width","height","fontStyle","selector","typo","caption1","palette","main","labelStyle","rootStyle","handlePress"],"sources":["LegacyIconButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport { cloneElementSafely } from '../utils';\nimport type IconButtonProps from './LegacyIconButtonProps';\nimport type { IconButtonSize } from './LegacyIconButtonProps';\n\ntype IconButtonStyles = NamedStylesStringUnion<'root'>;\n\ntype IconSizes = { [n in IconButtonSize]: number };\n\nconst iconSizes: IconSizes = {\n    tiny: 16,\n    small: 20,\n    medium: 24,\n    large: 28,\n};\n\nconst useStyles: UseStyles<IconButtonStyles> = function (): IconButtonStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexDirection: 'column',\n            justifyContent: 'center',\n            alignItems: 'center',\n            padding: theme.spacing(1),\n        },\n    };\n};\n\nexport default function IconButton(props: IconButtonProps) {\n    const {\n        children,\n        color = 'primary',\n        disabled = false,\n        label,\n        onPress,\n        size = 'medium',\n        style,\n        iconSize,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n    const styles = useStyles();\n\n    const icon = cloneElementSafely(children, {\n        width: iconSize ?? iconSizes[size],\n        height: iconSize ?? iconSizes[size],\n        color: color,\n    });\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.caption1,\n        color: theme.palette[color].main,\n    });\n\n    const labelStyle = css([\n        fontStyle,\n    ]);\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    const handlePress = async () => {\n        if (disabled) {\n            return;\n        }\n        if (onPress) {\n            onPress();\n            return;\n        }\n    };\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={rootStyle}\n            {...otherProps}\n        >\n            {icon}\n\n            {label ? (\n                <Text\n                    children={label}\n                    style={labelStyle}\n                />\n            ) : null}\n        </ButtonBase>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,eAAT,EAA0BC,GAA1B,EAA+BC,QAA/B,QAA+C,WAA/C;AACA,SAASC,kBAAT,QAAmC,UAAnC;AAQA,MAAMC,SAAoB,GAAG;EACzBC,IAAI,EAAE,EADmB;EAEzBC,KAAK,EAAE,EAFkB;EAGzBC,MAAM,EAAE,EAHiB;EAIzBC,KAAK,EAAE;AAJkB,CAA7B;;AAOA,MAAMC,SAAsC,GAAG,YAA8B;EACzE,MAAMC,KAAK,GAAGR,QAAQ,EAAtB;EAEA,OAAO;IACHS,IAAI,EAAE;MACFC,aAAa,EAAE,QADb;MAEFC,cAAc,EAAE,QAFd;MAGFC,UAAU,EAAE,QAHV;MAIFC,OAAO,EAAEL,KAAK,CAACM,OAAN,CAAc,CAAd;IAJP;EADH,CAAP;AAQH,CAXD;;AAaA,eAAe,SAASC,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IACFC,QADE;IAEFC,KAAK,GAAG,SAFN;IAGFC,QAAQ,GAAG,KAHT;IAIFC,KAJE;IAKFC,OALE;IAMFC,IAAI,GAAG,QANL;IAOFC,KAPE;IAQFC,QARE;IASF,GAAGC;EATD,IAUFT,KAVJ;EAYA,MAAMR,KAAK,GAAGR,QAAQ,EAAtB;EACA,MAAM0B,MAAM,GAAGnB,SAAS,EAAxB;EAEA,MAAMoB,IAAI,GAAG1B,kBAAkB,CAACgB,QAAD,EAAW;IACtCW,KAAK,EAAEJ,QAAQ,IAAItB,SAAS,CAACoB,IAAD,CADU;IAEtCO,MAAM,EAAEL,QAAQ,IAAItB,SAAS,CAACoB,IAAD,CAFS;IAGtCJ,KAAK,EAAEA;EAH+B,CAAX,CAA/B;EAMA,MAAMY,SAAS,GAAGhC,eAAe,CAACU,KAAD,EAAQ;IACrCuB,QAAQ,EAAGC,IAAD,IAAUA,IAAI,CAACC,QADY;IAErCf,KAAK,EAAEV,KAAK,CAAC0B,OAAN,CAAchB,KAAd,EAAqBiB;EAFS,CAAR,CAAjC;EAKA,MAAMC,UAAU,GAAGrC,GAAG,CAAC,CACnB+B,SADmB,CAAD,CAAtB;EAIA,MAAMO,SAAS,GAAGtC,GAAG,CAAC,CAClB2B,MAAM,CAACjB,IADW,EAElBc,KAFkB,CAAD,CAArB;;EAKA,MAAMe,WAAW,GAAG,YAAY;IAC5B,IAAInB,QAAJ,EAAc;MACV;IACH;;IACD,IAAIE,OAAJ,EAAa;MACTA,OAAO;MACP;IACH;EACJ,CARD;;EAUA,oBACI,oBAAC,UAAD;IACI,QAAQ,EAAEF,QADd;IAEI,OAAO,EAAEmB,WAFb;IAGI,KAAK,EAAED;EAHX,GAIQZ,UAJR,GAMKE,IANL,EAQKP,KAAK,gBACF,oBAAC,IAAD;IACI,QAAQ,EAAEA,KADd;IAEI,KAAK,EAAEgB;EAFX,EADE,GAKF,IAbR,CADJ;AAiBH;AAAA"}

package/build/module/IconButton/LegacyIconButtonProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["LegacyIconButtonProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ButtonBaseProps } from '../ButtonBase';\nimport type { CommonComponentColor, OverridableComponentProps } from '../types';\n\nexport type IconButtonColor = CommonComponentColor;\n\nexport type IconButtonSize = 'medium' | 'large' | 'small' | 'tiny';\n\nexport default interface IconButtonProps extends OverridableComponentProps<ButtonBaseProps, {\n    /**\n     * The icon element.\n     */\n    children: React.ReactElement;\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?: IconButtonColor;\n\n    /**\n     *  If present, this is typography displayed at the bottom of the icon.\n     */\n    label?: string;\n\n    /**\n     * The size of the button.\n     * @default 'medium'\n     */\n    size?: IconButtonSize;\n}> {}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["LegacyIconButtonProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ButtonBaseProps } from '../ButtonBase';\nimport type { CommonComponentColor, OverridableComponentProps } from '../types';\n\nexport type IconButtonColor = CommonComponentColor;\n\nexport type IconButtonSize = 'medium' | 'large' | 'small' | 'tiny';\n\nexport default interface IconButtonProps extends OverridableComponentProps<ButtonBaseProps, {\n    /**\n     * The icon element.\n     */\n    children: React.ReactElement;\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?: IconButtonColor;\n\n    /**\n     *  If present, this is typography displayed at the bottom of the icon.\n     */\n    label?: string;\n\n    /**\n     * The size of the button.\n     * @default 'medium'\n     */\n    size?: IconButtonSize;\n\n    /**\n     * The custom size of the Icon. Not preDefined.\n     */\n    iconSize?: number;\n}> {}\n"],"mappings":""}