@fountain-ui/core 2.0.0-beta.8 → 2.0.0-beta.81

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.0.0-beta.28](https://github.com/tappytoon/tappytoon/compare/@fountain-ui/core@1.11.0...@fountain-ui/core@2.0.0-beta.28) (2022-11-15)
+
+
+### Bug Fixes
+
+* 3.23.0 issues ([#4681](https://github.com/tappytoon/tappytoon/issues/4681)) ([9337d88](https://github.com/tappytoon/tappytoon/commit/9337d88280066ba353297520c1abd6910159f8f9))
+* Fix qa issues 2 ([#4629](https://github.com/tappytoon/tappytoon/issues/4629)) ([d1a2c4e](https://github.com/tappytoon/tappytoon/commit/d1a2c4e28353b950ac4abc7d4440f4f053fbe10a))
+* front dev qa part 1 ([#4333](https://github.com/tappytoon/tappytoon/issues/4333)) ([98fb40c](https://github.com/tappytoon/tappytoon/commit/98fb40c8b9df489d2f6a5fa70e4d8eae6058fe42))
+* fui carousel smooth scroll on fast swipe ([#4580](https://github.com/tappytoon/tappytoon/issues/4580)) ([ecddc30](https://github.com/tappytoon/tappytoon/commit/ecddc30bea41c43073f304f7acc0fcc6b4451810))
+* fui several problems ([#4567](https://github.com/tappytoon/tappytoon/issues/4567)) ([6f8f30d](https://github.com/tappytoon/tappytoon/commit/6f8f30d43f906c93a356c3d640d85af1280a48ac))
+* prevent infinite loop ([#4578](https://github.com/tappytoon/tappytoon/issues/4578)) ([826c164](https://github.com/tappytoon/tappytoon/commit/826c164ec0eca4a6abde0a9efa8ac418ee66e343))
+* Qa web issues ([#4799](https://github.com/tappytoon/tappytoon/issues/4799)) ([0243146](https://github.com/tappytoon/tappytoon/commit/02431466df5043744ce0125023a491112e7af264))
+* several problems ([#4611](https://github.com/tappytoon/tappytoon/issues/4611)) ([293c855](https://github.com/tappytoon/tappytoon/commit/293c85526da34409a1c5c988434c0841e35bedcd))
+* several problems ([#4645](https://github.com/tappytoon/tappytoon/issues/4645)) ([e018bb2](https://github.com/tappytoon/tappytoon/commit/e018bb20b3ce334827d12c11a16435b101974f61))
+* Web qa 6 ([#4819](https://github.com/tappytoon/tappytoon/issues/4819)) ([b553310](https://github.com/tappytoon/tappytoon/commit/b5533106a3bf8ada5bae97b999b6e4f333393433))
+
+
+### Features
+
+* Add Accept header fountain-ui ImageCore ([#5012](https://github.com/tappytoon/tappytoon/issues/5012)) ([6801b51](https://github.com/tappytoon/tappytoon/commit/6801b513b7be30ef4330ac382ec58b7ad9f5ba5b))
+* Add Chip component numberOfLines ([#4607](https://github.com/tappytoon/tappytoon/issues/4607)) ([3414b91](https://github.com/tappytoon/tappytoon/commit/3414b91f580a5242fd6a035d1faed06a1c827645))
+* dark theme ([#4309](https://github.com/tappytoon/tappytoon/issues/4309)) ([bec43d0](https://github.com/tappytoon/tappytoon/commit/bec43d09e599e3ae0991d124602795260ff152d6))
+* dark theme part 2 ([#4318](https://github.com/tappytoon/tappytoon/issues/4318)) ([00f5377](https://github.com/tappytoon/tappytoon/commit/00f53774f5220d63f446d3287eb397e54a790c87))
+* dark theme part 3 ([#4328](https://github.com/tappytoon/tappytoon/issues/4328)) ([f91d9e1](https://github.com/tappytoon/tappytoon/commit/f91d9e1e10070cc92e95258b1344d42ca3f4fbd8))
+* Fix dark theme qa part 2 ([#4394](https://github.com/tappytoon/tappytoon/issues/4394)) ([a5c7b75](https://github.com/tappytoon/tappytoon/commit/a5c7b7514ba7e7b58268d48d99945b397f981003))
+* Fix several problems ([#4562](https://github.com/tappytoon/tappytoon/issues/4562)) ([bf6542d](https://github.com/tappytoon/tappytoon/commit/bf6542d9c72d0bc319dc1f1a6545c393fcda4cbb))
+* Fui next ([#4520](https://github.com/tappytoon/tappytoon/issues/4520)) ([8c8c9ed](https://github.com/tappytoon/tappytoon/commit/8c8c9ed35e8d21113ccbe9b690fea6c48656bde9))
+
+
+
+
+
 ## [1.19.1](https://github.com/tappytoon/tappytoon/compare/@fountain-ui/core@1.11.0...@fountain-ui/core@1.19.1) (2022-05-19)
 
 **Note:** Version bump only for package @fountain-ui/core

package/build/commonjs/Accordion/Accordion.js

@@ -7,7 +7,11 @@ exports.default = Accordion;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _reactNative = require("react-native");
+
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+
+var _styles = require("../styles");
 
 var _icons = require("../internal/icons");
 
@@ -15,76 +19,157 @@ var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
 
 var _Column = _interopRequireDefault(require("../Column"));
 
-var _Divider = _interopRequireDefault(require("../Divider"));
+var _Row = _interopRequireDefault(require("../Row"));
 
 var _Spacer = _interopRequireDefault(require("../Spacer"));
 
 var _Typography = _interopRequireDefault(require("../Typography"));
 
-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; }
 
-const ANIMATION_OPTION = {
-  duration: 250
+const CONTENT_Y_START = 30;
+const CONTENT_Y_END = 0;
+const ROTATE_HIDE_DEGREE = 0;
+const ROTATE_SHOW_DEGREE = 180;
+const ANIMATION_CONFIG = {
+  duration: 300
 };
 
 const useStyles = function () {
   const theme = (0, _styles.useTheme)();
   return {
     root: {
-      flexDirection: 'row',
-      paddingVertical: theme.spacing(3)
+      marginBottom: theme.spacing(2)
+    },
+    title: {
+      borderRadius: theme.spacing(4),
+      backgroundColor: theme.palette.paper.grey,
+      paddingHorizontal: theme.spacing(4),
+      paddingVertical: theme.spacing(3.5),
+      alignItems: 'center'
+    },
+    titleColumn: {
+      flexShrink: 1
+    },
+    subtitle: {
+      fontSize: 11,
+      lineHeight: 12,
+      fontFamily: 'Inter-Regular'
+    },
+    contentView: {
+      position: 'absolute',
+      width: '100%',
+      borderRadius: theme.spacing(4),
+      backgroundColor: theme.palette.paper.grey,
+      paddingHorizontal: theme.spacing(4),
+      paddingVertical: theme.spacing(6),
+      marginTop: theme.spacing(2)
     }
   };
 };
 
 function Accordion(props) {
   const {
+    title,
+    subTitle,
     content,
-    LeftIcon,
     RightIcon,
-    title,
-    titleVariant = 'subtitle2'
+    LeftComponent,
+    isInitialExpanded = false
   } = props;
   const styles = useStyles();
+  const theme = (0, _styles.useTheme)();
+  const CONTENT_MARGIN_HEIGHT = theme.spacing(2);
   const [isExpanded, setIsExpanded] = (0, _react.useState)(false);
-
-  const rotate = _reactNativeReanimated.default.useSharedValue(0);
-
-  const animatedChevronDownStyles = _reactNativeReanimated.default.useAnimatedStyle(() => ({
+  const shouldInitialExpandedRef = (0, _react.useRef)(isInitialExpanded);
+  const rotate = (0, _reactNativeReanimated.useSharedValue)(ROTATE_HIDE_DEGREE);
+  const animatedOpacity = (0, _reactNativeReanimated.useSharedValue)(0);
+  const animatedContentY = (0, _reactNativeReanimated.useSharedValue)(CONTENT_Y_START);
+  const animatedHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const [contentHeight, setContentHeight] = (0, _react.useState)(0);
+  const animatedChevronDownStyles = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
     transform: [{
       rotate: `${rotate.value}deg`
     }]
-  }));
+  }), []);
+  const animatedContentBackgroundStyles = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    height: animatedHeight.value,
+    opacity: animatedOpacity.value,
+    overflow: 'hidden'
+  }), []);
+  const animatedContentStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      translateY: animatedContentY.value
+    }],
+    opacity: animatedOpacity.value
+  }), []);
 
   const onPress = () => {
     setIsExpanded(prev => !prev);
-    rotate.value = _reactNativeReanimated.default.withTiming(!isExpanded ? 180 : 0, ANIMATION_OPTION);
   };
 
-  return /*#__PURE__*/_react.default.createElement(_Column.default, null, /*#__PURE__*/_react.default.createElement(_ButtonBase.default, {
-    onPress: onPress,
+  const onLayout = event => {
+    const height = event.nativeEvent.layout.height + CONTENT_MARGIN_HEIGHT;
+    setContentHeight(height);
+
+    if (shouldInitialExpandedRef.current) {
+      shouldInitialExpandedRef.current = false;
+      setIsExpanded(true);
+    }
+  };
+
+  (0, _react.useEffect)(() => {
+    rotate.value = (0, _reactNativeReanimated.withTiming)(isExpanded ? ROTATE_SHOW_DEGREE : ROTATE_HIDE_DEGREE, ANIMATION_CONFIG);
+    animatedHeight.value = (0, _reactNativeReanimated.withTiming)(isExpanded ? contentHeight : 0, ANIMATION_CONFIG);
+    animatedOpacity.value = (0, _reactNativeReanimated.withTiming)(isExpanded ? 1 : 0, ANIMATION_CONFIG);
+    animatedContentY.value = isExpanded ? (0, _reactNativeReanimated.withTiming)(CONTENT_Y_END, ANIMATION_CONFIG) : (0, _reactNativeReanimated.withDelay)(ANIMATION_CONFIG.duration, (0, _reactNativeReanimated.withTiming)(CONTENT_Y_START, {
+      duration: 0
+    }));
+  }, [isExpanded, contentHeight]);
+  return /*#__PURE__*/_react.default.createElement(_Column.default, {
     style: styles.root
-  }, LeftIcon ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, LeftIcon, /*#__PURE__*/_react.default.createElement(_Spacer.default, {
-    size: 2
-  })) : null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+  }, /*#__PURE__*/_react.default.createElement(_ButtonBase.default, {
+    onPress: onPress
+  }, /*#__PURE__*/_react.default.createElement(_Row.default, {
+    style: styles.title
+  }, LeftComponent ? LeftComponent : null, /*#__PURE__*/_react.default.createElement(_Column.default, {
+    style: styles.titleColumn
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: 'subtitle2',
     children: title,
-    variant: titleVariant
-  }), /*#__PURE__*/_react.default.createElement(_Spacer.default, {
+    color: 'textPrimary',
+    numberOfLines: 1
+  }), subTitle ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Spacer.default, {
+    size: 0.5
+  }), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    style: styles.subtitle,
+    color: 'tertiary',
+    children: subTitle
+  })) : null), /*#__PURE__*/_react.default.createElement(_Spacer.default, {
     flex: 1
   }), /*#__PURE__*/_react.default.createElement(_Spacer.default, {
-    size: 2
-  }), /*#__PURE__*/_react.default.createElement(_Column.default, null, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    size: 3
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
     style: animatedChevronDownStyles
-  }, RightIcon ? RightIcon : /*#__PURE__*/_react.default.createElement(_icons.ChevronDown, null)))), isExpanded ? /*#__PURE__*/_react.default.isValidElement(content) ? content : /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    children: content,
-    color: 'textSecondary',
-    variant: 'body2'
-  }) : null, /*#__PURE__*/_react.default.createElement(_Divider.default, null));
+  }, RightIcon ? RightIcon : /*#__PURE__*/_react.default.createElement(_icons.ChevronDown, {
+    width: 20,
+    height: 20,
+    color: 'tertiary'
+  })))), /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: animatedContentBackgroundStyles
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    onLayout: onLayout,
+    style: styles.contentView
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: animatedContentStyle
+  }, typeof content === 'string' ? /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: 'subtitle2',
+    color: 'tertiary',
+    children: content
+  }) : content))));
 }
 //# sourceMappingURL=Accordion.js.map

package/build/commonjs/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Accordion.tsx"],"names":["ANIMATION_OPTION","duration","useStyles","theme","root","flexDirection","paddingVertical","spacing","Accordion","props","content","LeftIcon","RightIcon","title","titleVariant","styles","isExpanded","setIsExpanded","rotate","Animated","useSharedValue","animatedChevronDownStyles","useAnimatedStyle","transform","value","onPress","prev","withTiming","isValidElement"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAMA,MAAMA,gBAAgB,GAAG;AAAEC,EAAAA,QAAQ,EAAE;AAAZ,CAAzB;;AAEA,MAAMC,SAAqC,GAAG,YAA6B;AACvE,QAAMC,KAAK,GAAG,uBAAd;AAEA,SAAO;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,aAAa,EAAE,KADb;AAEFC,MAAAA,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAc,CAAd;AAFf;AADH,GAAP;AAMH,CATD;;AAWe,SAASC,SAAT,CAAmBC,KAAnB,EAA0C;AACrD,QAAM;AACFC,IAAAA,OADE;AAEFC,IAAAA,QAFE;AAGFC,IAAAA,SAHE;AAIFC,IAAAA,KAJE;AAKFC,IAAAA,YAAY,GAAG;AALb,MAMFL,KANJ;AAQA,QAAMM,MAAM,GAAGb,SAAS,EAAxB;AAEA,QAAM,CAACc,UAAD,EAAaC,aAAb,IAA8B,qBAAS,KAAT,CAApC;;AACA,QAAMC,MAAM,GAAGC,+BAASC,cAAT,CAAwB,CAAxB,CAAf;;AAEA,QAAMC,yBAAyB,GAAGF,+BAASG,gBAAT,CAA0B,OAAO;AAC/DC,IAAAA,SAAS,EAAE,CAAC;AAAEL,MAAAA,MAAM,EAAG,GAAEA,MAAM,CAACM,KAAM;AAA1B,KAAD;AADoD,GAAP,CAA1B,CAAlC;;AAIA,QAAMC,OAAO,GAAG,MAAM;AAClBR,IAAAA,aAAa,CAACS,IAAI,IAAI,CAACA,IAAV,CAAb;AACAR,IAAAA,MAAM,CAACM,KAAP,GAAeL,+BAASQ,UAAT,CAAoB,CAACX,UAAD,GAAc,GAAd,GAAoB,CAAxC,EAA2ChB,gBAA3C,CAAf;AACH,GAHD;;AAKA,sBACI,6BAAC,eAAD,qBACI,6BAAC,mBAAD;AACI,IAAA,OAAO,EAAEyB,OADb;AAEI,IAAA,KAAK,EAAEV,MAAM,CAACX;AAFlB,KAIKO,QAAQ,gBACL,6BAAC,cAAD,CAAO,QAAP,QACKA,QADL,eAEI,6BAAC,eAAD;AAAQ,IAAA,IAAI,EAAE;AAAd,IAFJ,CADK,GAKL,IATR,eAWI,6BAAC,mBAAD;AACI,IAAA,QAAQ,EAAEE,KADd;AAEI,IAAA,OAAO,EAAEC;AAFb,IAXJ,eAgBI,6BAAC,eAAD;AAAQ,IAAA,IAAI,EAAE;AAAd,IAhBJ,eAkBI,6BAAC,eAAD;AAAQ,IAAA,IAAI,EAAE;AAAd,IAlBJ,eAoBI,6BAAC,eAAD,qBACI,6BAAC,8BAAD,CAAU,IAAV;AAAe,IAAA,KAAK,EAAEO;AAAtB,KACKT,SAAS,GAAGA,SAAH,gBAAe,6BAAC,kBAAD,OAD7B,CADJ,CApBJ,CADJ,EA4BKI,UAAU,GACP,4BAAMY,cAAN,CAAqBlB,OAArB,IAAiCA,OAAjC,gBACI,6BAAC,mBAAD;AACI,IAAA,QAAQ,EAAEA,OADd;AAEI,IAAA,KAAK,EAAE,eAFX;AAGI,IAAA,OAAO,EAAE;AAHb,IAFG,GAQP,IApCR,eAsCI,6BAAC,gBAAD,OAtCJ,CADJ;AA0CH","sourcesContent":["import React, { useState } from 'react';\nimport Animated from 'react-native-reanimated';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { ChevronDown as ChevronDownIcon } from '../internal/icons';\nimport ButtonBase from '../ButtonBase';\nimport Column from '../Column';\nimport Divider from '../Divider';\nimport Spacer from '../Spacer';\nimport Typography from '../Typography';\nimport { useTheme } from '../styles';\n\nimport AccordionProps from './AccordionProps';\n\ntype AccordionStyles = NamedStylesStringUnion<'root'>;\n\nconst ANIMATION_OPTION = { duration: 250 };\n\nconst useStyles: UseStyles<AccordionStyles> = function (): AccordionStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexDirection: 'row',\n            paddingVertical: theme.spacing(3),\n        },\n    };\n};\n\nexport default function Accordion(props: AccordionProps) {\n    const {\n        content,\n        LeftIcon,\n        RightIcon,\n        title,\n        titleVariant = 'subtitle2',\n    } = props;\n\n    const styles = useStyles();\n\n    const [isExpanded, setIsExpanded] = useState(false);\n    const rotate = Animated.useSharedValue(0);\n\n    const animatedChevronDownStyles = Animated.useAnimatedStyle(() => ({\n        transform: [{ rotate: `${rotate.value}deg` }],\n    }));\n\n    const onPress = () => {\n        setIsExpanded(prev => !prev);\n        rotate.value = Animated.withTiming(!isExpanded ? 180 : 0, ANIMATION_OPTION);\n    };\n\n    return (\n        <Column>\n            <ButtonBase\n                onPress={onPress}\n                style={styles.root}\n            >\n                {LeftIcon ? (\n                    <React.Fragment>\n                        {LeftIcon}\n                        <Spacer size={2}/>\n                    </React.Fragment>\n                ) : null}\n\n                <Typography\n                    children={title}\n                    variant={titleVariant}\n                />\n\n                <Spacer flex={1}/>\n\n                <Spacer size={2}/>\n\n                <Column>\n                    <Animated.View style={animatedChevronDownStyles}>\n                        {RightIcon ? RightIcon : <ChevronDownIcon/>}\n                    </Animated.View>\n                </Column>\n            </ButtonBase>\n\n            {isExpanded ? (\n                React.isValidElement(content) ? (content) : (\n                    <Typography\n                        children={content}\n                        color={'textSecondary'}\n                        variant={'body2'}\n                    />\n                )\n            ) : null}\n\n            <Divider/>\n        </Column>\n    );\n}\n"]}
+{"version":3,"names":["CONTENT_Y_START","CONTENT_Y_END","ROTATE_HIDE_DEGREE","ROTATE_SHOW_DEGREE","ANIMATION_CONFIG","duration","useStyles","theme","useTheme","root","marginBottom","spacing","title","borderRadius","backgroundColor","palette","paper","grey","paddingHorizontal","paddingVertical","alignItems","titleColumn","flexShrink","subtitle","fontSize","lineHeight","fontFamily","contentView","position","width","marginTop","Accordion","props","subTitle","content","RightIcon","LeftComponent","isInitialExpanded","styles","CONTENT_MARGIN_HEIGHT","isExpanded","setIsExpanded","useState","shouldInitialExpandedRef","useRef","rotate","useSharedValue","animatedOpacity","animatedContentY","animatedHeight","contentHeight","setContentHeight","animatedChevronDownStyles","useAnimatedStyle","transform","value","animatedContentBackgroundStyles","height","opacity","overflow","animatedContentStyle","translateY","onPress","prev","onLayout","event","nativeEvent","layout","current","useEffect","withTiming","withDelay"],"sources":["Accordion.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { LayoutChangeEvent, View } from 'react-native';\nimport Animated, {\n    useAnimatedStyle,\n    useSharedValue,\n    withDelay,\n    withTiming,\n    WithTimingConfig,\n} from 'react-native-reanimated';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { useTheme } from '../styles';\nimport { ChevronDown } from '../internal/icons';\nimport ButtonBase from '../ButtonBase';\nimport Column from '../Column';\nimport Row from '../Row';\nimport Spacer from '../Spacer';\nimport Typography from '../Typography';\n\nimport AccordionProps from './AccordionProps';\n\ntype AccordionStyles = NamedStylesStringUnion<\n    'root'\n    | 'title'\n    | 'titleColumn'\n    | 'subtitle'\n    | 'contentView'\n>;\n\nconst CONTENT_Y_START = 30;\nconst CONTENT_Y_END = 0;\n\nconst ROTATE_HIDE_DEGREE = 0;\nconst ROTATE_SHOW_DEGREE = 180;\nconst ANIMATION_CONFIG: Readonly<WithTimingConfig> = { duration: 300 };\n\nconst useStyles: UseStyles<AccordionStyles> = function (): AccordionStyles {\n    const theme = useTheme();\n\n    return {\n        root: { marginBottom: theme.spacing(2) },\n        title: {\n            borderRadius: theme.spacing(4),\n            backgroundColor: theme.palette.paper.grey,\n            paddingHorizontal: theme.spacing(4),\n            paddingVertical: theme.spacing(3.5),\n            alignItems: 'center',\n        },\n        titleColumn: { flexShrink: 1 },\n        subtitle: {\n            fontSize: 11,\n            lineHeight: 12,\n            fontFamily: 'Inter-Regular',\n        },\n        contentView: {\n            position: 'absolute',\n            width: '100%',\n            borderRadius: theme.spacing(4),\n            backgroundColor: theme.palette.paper.grey,\n            paddingHorizontal: theme.spacing(4),\n            paddingVertical: theme.spacing(6),\n            marginTop: theme.spacing(2),\n        },\n    };\n};\n\nexport default function Accordion(props: AccordionProps) {\n    const {\n        title,\n        subTitle,\n        content,\n        RightIcon,\n        LeftComponent,\n        isInitialExpanded = false,\n    } = props;\n\n    const styles = useStyles();\n    const theme = useTheme();\n    const CONTENT_MARGIN_HEIGHT = theme.spacing(2);\n\n    const [isExpanded, setIsExpanded] = useState(false);\n    const shouldInitialExpandedRef = useRef<boolean>(isInitialExpanded);\n\n    const rotate = useSharedValue(ROTATE_HIDE_DEGREE);\n    const animatedOpacity = useSharedValue(0);\n    const animatedContentY = useSharedValue(CONTENT_Y_START);\n\n    const animatedHeight = useSharedValue(0);\n    const [contentHeight, setContentHeight] = useState(0);\n\n    const animatedChevronDownStyles = useAnimatedStyle(() => ({\n        transform: [{ rotate: `${rotate.value}deg` }],\n    }), []);\n\n    const animatedContentBackgroundStyles = useAnimatedStyle(() => ({\n        height: animatedHeight.value,\n        opacity: animatedOpacity.value,\n        overflow: 'hidden',\n    }), []);\n\n    const animatedContentStyle = useAnimatedStyle(() => ({\n        transform: [{ translateY: animatedContentY.value }],\n        opacity: animatedOpacity.value,\n    }), []);\n\n    const onPress = () => {\n        setIsExpanded(prev => !prev);\n    };\n\n    const onLayout = (event: LayoutChangeEvent) => {\n        const height = event.nativeEvent.layout.height + CONTENT_MARGIN_HEIGHT;\n        setContentHeight(height);\n\n        if (shouldInitialExpandedRef.current) {\n            shouldInitialExpandedRef.current = false;\n            setIsExpanded(true);\n        }\n    };\n\n    useEffect(() => {\n        rotate.value = withTiming(isExpanded ? ROTATE_SHOW_DEGREE : ROTATE_HIDE_DEGREE, ANIMATION_CONFIG);\n\n        animatedHeight.value = withTiming(isExpanded ? contentHeight : 0, ANIMATION_CONFIG);\n        animatedOpacity.value = withTiming(isExpanded ? 1 : 0, ANIMATION_CONFIG);\n\n        animatedContentY.value = isExpanded\n            ? withTiming(CONTENT_Y_END, ANIMATION_CONFIG)\n            : withDelay(ANIMATION_CONFIG.duration as number, withTiming(CONTENT_Y_START, { duration: 0 }));\n    }, [isExpanded, contentHeight]);\n\n    return (\n        <Column style={styles.root}>\n            <ButtonBase onPress={onPress}>\n                <Row style={styles.title}>\n                    {LeftComponent ? LeftComponent : null}\n\n                    <Column style={styles.titleColumn}>\n                        <Typography\n                            variant={'subtitle2'}\n                            children={title}\n                            color={'textPrimary'}\n                            numberOfLines={1}\n                        />\n\n                        {subTitle ? (\n                            <React.Fragment>\n                                <Spacer size={0.5}/>\n\n                                <Typography\n                                    style={styles.subtitle}\n                                    color={'tertiary'}\n                                    children={subTitle}\n                                />\n                            </React.Fragment>\n                        ) : null}\n                    </Column>\n\n                    <Spacer flex={1}/>\n\n                    <Spacer size={3}/>\n\n                    <Animated.View style={animatedChevronDownStyles}>\n                        {RightIcon ? RightIcon : (\n                            <ChevronDown\n                                width={20}\n                                height={20}\n                                color={'tertiary'}\n                            />\n                        )}\n                    </Animated.View>\n                </Row>\n            </ButtonBase>\n\n            <Animated.View style={animatedContentBackgroundStyles}>\n                <View\n                    onLayout={onLayout}\n                    style={styles.contentView}\n                >\n                    <Animated.View style={animatedContentStyle}>\n                        {typeof content === 'string' ? (\n                            <Typography\n                                variant={'subtitle2'}\n                                color={'tertiary'}\n                                children={content}\n                            />\n                        ) : (content)}\n                    </Animated.View>\n                </View>\n            </Animated.View>\n        </Column>\n    );\n}\n"],"mappings":"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"}

package/build/commonjs/Accordion/AccordionProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["AccordionProps.ts"],"sourcesContent":["import React from 'react';\n\nexport default interface AccordionProps {\n    /**\n     * The title of the component.\n     */\n    title: string | React.ReactNode;\n\n    /**\n     * The subtitle of the component.\n     */\n    subTitle?: string | React.ReactNode;\n\n    /**\n     * The component to the left of the title.\n     */\n    LeftComponent?: React.ReactNode;\n\n    /**\n     * The icon to the right of the title.\n     */\n    RightIcon?: React.ReactElement;\n\n    /**\n     * The content of the component.\n     */\n    content: string | React.ReactNode;\n\n    /**\n     * The initial state of expanding\n     * @default false\n     */\n    isInitialExpanded?: boolean;\n}"],"mappings":""}

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

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

package/build/commonjs/AppBar/AppBar.js

@@ -13,7 +13,7 @@ var _styles = require("../styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || 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 _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 useStyles = function () {
   const theme = (0, _styles.useTheme)();

package/build/commonjs/AppBar/AppBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AppBar.tsx"],"names":["useStyles","theme","root","flexDirection","flexShrink","width","zIndex","appBar","AppBar","React","forwardRef","props","ref","color","style","otherProps","styles","backgroundColor","palette","background","default","paper","primary","main","paperStyle"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;;;;;AAOA,MAAMA,SAAkC,GAAG,YAA0B;AACjE,QAAMC,KAAK,GAAG,uBAAd;AAEA,SAAO;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,aAAa,EAAE,QADb;AAEFC,MAAAA,UAAU,EAAE,CAFV;AAGFC,MAAAA,KAAK,EAAE,MAHL;AAIFC,MAAAA,MAAM,EAAEL,KAAK,CAACK,MAAN,CAAaC;AAJnB;AADH,GAAP;AAQH,CAXD;;AAaA,MAAMC,MAAM,gBAAGC,eAAMC,UAAN,CAAoC,SAASF,MAAT,CAAgBG,KAAhB,EAAuBC,GAAvB,EAA4B;AAC3E,QAAM;AACFC,IAAAA,KAAK,GAAG,SADN;AAEFC,IAAAA,KAFE;AAGF,OAAGC;AAHD,MAIFJ,KAJJ;AAMA,QAAMV,KAAK,GAAG,uBAAd;AAEA,QAAMe,MAAM,GAAGhB,SAAS,EAAxB;AAEA,QAAMiB,eAAe,GAAGJ,KAAK,KAAK,SAAV,GAClBZ,KAAK,CAACiB,OAAN,CAAcC,UAAd,CAAyBC,OADP,GAElBP,KAAK,KAAK,OAAV,GACIZ,KAAK,CAACiB,OAAN,CAAcG,KAAd,CAAoBD,OADxB,GAEIP,KAAK,KAAK,SAAV,GACIZ,KAAK,CAACiB,OAAN,CAAcI,OAAd,CAAsBC,IAD1B,GAEI,aANd;AAQA,QAAMC,UAAU,GAAG,iBAAI,CACnBR,MAAM,CAACd,IADY,EAEnB;AAAEe,IAAAA;AAAF,GAFmB,EAGnBH,KAHmB,CAAJ,CAAnB;AAMA,sBACI,6BAAC,cAAD;AACI,IAAA,GAAG,EAAEF,GADT;AAEI,IAAA,UAAU,EAAEK,eAFhB;AAGI,IAAA,SAAS,EAAE,CAHf;AAII,IAAA,KAAK,EAAEO,UAJX;AAKI,IAAA,MAAM,EAAE;AALZ,KAMQT,UANR,EADJ;AAUH,CAnCc,CAAf;;eAqCeP,M","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Paper from '../Paper';\nimport { css, useTheme } from '../styles';\nimport type AppBarProps from './AppBarProps';\n\ntype AppBarStyleKeys = 'root';\n\ntype AppBarStyles = NamedStylesStringUnion<AppBarStyleKeys>;\n\nconst useStyles: UseStyles<AppBarStyles> = function (): AppBarStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexDirection: 'column',\n            flexShrink: 0,\n            width: '100%',\n            zIndex: theme.zIndex.appBar,\n        },\n    };\n};\n\nconst AppBar = React.forwardRef<View, AppBarProps>(function AppBar(props, ref) {\n    const {\n        color = 'default',\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const styles = useStyles();\n\n    const backgroundColor = color === 'default'\n        ? theme.palette.background.default\n        : color === 'paper'\n            ? theme.palette.paper.default\n            : color === 'primary'\n                ? theme.palette.primary.main\n                : 'transparent';\n\n    const paperStyle = css([\n        styles.root,\n        { backgroundColor },\n        style,\n    ]);\n\n    return (\n        <Paper\n            ref={ref}\n            colorValue={backgroundColor}\n            elevation={0}\n            style={paperStyle}\n            square={true}\n            {...otherProps}\n        />\n    );\n});\n\nexport default AppBar;\n"]}
+{"version":3,"names":["useStyles","theme","useTheme","root","flexDirection","flexShrink","width","zIndex","appBar","AppBar","React","forwardRef","props","ref","color","style","otherProps","styles","backgroundColor","palette","background","default","paper","primary","main","paperStyle","css"],"sources":["AppBar.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Paper from '../Paper';\nimport { css, useTheme } from '../styles';\nimport type AppBarProps from './AppBarProps';\n\ntype AppBarStyleKeys = 'root';\n\ntype AppBarStyles = NamedStylesStringUnion<AppBarStyleKeys>;\n\nconst useStyles: UseStyles<AppBarStyles> = function (): AppBarStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            flexDirection: 'column',\n            flexShrink: 0,\n            width: '100%',\n            zIndex: theme.zIndex.appBar,\n        },\n    };\n};\n\nconst AppBar = React.forwardRef<View, AppBarProps>(function AppBar(props, ref) {\n    const {\n        color = 'default',\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const styles = useStyles();\n\n    const backgroundColor = color === 'default'\n        ? theme.palette.background.default\n        : color === 'paper'\n            ? theme.palette.paper.default\n            : color === 'primary'\n                ? theme.palette.primary.main\n                : 'transparent';\n\n    const paperStyle = css([\n        styles.root,\n        { backgroundColor },\n        style,\n    ]);\n\n    return (\n        <Paper\n            ref={ref}\n            colorValue={backgroundColor}\n            elevation={0}\n            style={paperStyle}\n            square={true}\n            {...otherProps}\n        />\n    );\n});\n\nexport default AppBar;\n"],"mappings":";;;;;;;AAAA;;AAGA;;AACA;;;;;;AAOA,MAAMA,SAAkC,GAAG,YAA0B;EACjE,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,aAAa,EAAE,QADb;MAEFC,UAAU,EAAE,CAFV;MAGFC,KAAK,EAAE,MAHL;MAIFC,MAAM,EAAEN,KAAK,CAACM,MAAN,CAAaC;IAJnB;EADH,CAAP;AAQH,CAXD;;AAaA,MAAMC,MAAM,gBAAGC,cAAA,CAAMC,UAAN,CAAoC,SAASF,MAAT,CAAgBG,KAAhB,EAAuBC,GAAvB,EAA4B;EAC3E,MAAM;IACFC,KAAK,GAAG,SADN;IAEFC,KAFE;IAGF,GAAGC;EAHD,IAIFJ,KAJJ;EAMA,MAAMX,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,MAAMe,MAAM,GAAGjB,SAAS,EAAxB;EAEA,MAAMkB,eAAe,GAAGJ,KAAK,KAAK,SAAV,GAClBb,KAAK,CAACkB,OAAN,CAAcC,UAAd,CAAyBC,OADP,GAElBP,KAAK,KAAK,OAAV,GACIb,KAAK,CAACkB,OAAN,CAAcG,KAAd,CAAoBD,OADxB,GAEIP,KAAK,KAAK,SAAV,GACIb,KAAK,CAACkB,OAAN,CAAcI,OAAd,CAAsBC,IAD1B,GAEI,aANd;EAQA,MAAMC,UAAU,GAAG,IAAAC,WAAA,EAAI,CACnBT,MAAM,CAACd,IADY,EAEnB;IAAEe;EAAF,CAFmB,EAGnBH,KAHmB,CAAJ,CAAnB;EAMA,oBACI,6BAAC,cAAD;IACI,GAAG,EAAEF,GADT;IAEI,UAAU,EAAEK,eAFhB;IAGI,SAAS,EAAE,CAHf;IAII,KAAK,EAAEO,UAJX;IAKI,MAAM,EAAE;EALZ,GAMQT,UANR,EADJ;AAUH,CAnCc,CAAf;;eAqCeP,M"}

package/build/commonjs/AppBar/AppBarProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["AppBarProps.ts"],"sourcesContent":["import React from 'react';\nimport type { OverridableComponentProps } from '../types';\nimport type { PaperProps } from '../Paper';\n\nexport type AppBarColor = 'default' | 'paper' | 'primary' | 'transparent';\n\nexport default interface AppBarProps extends OverridableComponentProps<PaperProps, {\n    /**\n     * The content of the component.\n     */\n    children: React.ReactNode,\n\n    /**\n     * The color of the component. It supports those theme colors that make sense for this component.\n     * @default 'default'\n     */\n    color?: AppBarColor;\n}> {}\n"],"mappings":""}

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

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

package/build/commonjs/AspectRatio/AspectRatioNative.js

@@ -15,7 +15,7 @@ var _utils = require("./utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || 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 _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 useStyles = function () {
   return {

package/build/commonjs/AspectRatio/AspectRatioNative.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AspectRatioNative.tsx"],"names":["useStyles","root","overflow","AspectRatio","props","children","ratio","defaultRatio","style","width","defaultWidth","otherProps","styles","containerStyle","aspectRatio"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;;;AAIA,MAAMA,SAAuC,GAAG,YAA+B;AAC3E,SAAO;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,QAAQ,EAAE;AADR;AADH,GAAP;AAKH,CAND;;AAQe,SAASC,WAAT,CAAqBC,KAArB,EAA8C;AACzD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,KAAK,GAAGC,mBAFN;AAGFC,IAAAA,KAHE;AAIFC,IAAAA,KAAK,GAAGC,mBAJN;AAKF,OAAGC;AALD,MAMFP,KANJ;AAQA,QAAMQ,MAAM,GAAGZ,SAAS,EAAxB;;AAEA,MAAIM,KAAK,IAAI,CAAb,EAAgB;AACZ,qCAAqBA,KAArB;AACA,WAAO,IAAP;AACH;;AAED,QAAMO,cAAc,GAAG,iBAAI,CACvB;AAAEC,IAAAA,WAAW,EAAER,KAAf;AAAsBG,IAAAA;AAAtB,GADuB,EAEvBG,MAAM,CAACX,IAFgB,EAGvBO,KAHuB,CAAJ,CAAvB;AAMA,sBACI,6BAAC,iBAAD;AACI,IAAA,KAAK,EAAEK;AADX,KAEQF,UAFR,GAIKN,QAJL,CADJ;AAQH;;AAAA","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css } from '../styles';\nimport type AspectRatioProps from './AspectRatioProps';\nimport { defaultRatio, defaultWidth, warnRatioNotPositive } from './utils';\n\ntype AspectRatioStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<AspectRatioStyles> = function (): AspectRatioStyles {\n    return {\n        root: {\n            overflow: 'hidden',\n        },\n    };\n};\n\nexport default function AspectRatio(props: AspectRatioProps) {\n    const {\n        children,\n        ratio = defaultRatio,\n        style,\n        width = defaultWidth,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    if (ratio <= 0) {\n        warnRatioNotPositive(ratio);\n        return null;\n    }\n\n    const containerStyle = css([\n        { aspectRatio: ratio, width },\n        styles.root,\n        style,\n    ]);\n\n    return (\n        <View\n            style={containerStyle}\n            {...otherProps}\n        >\n            {children}\n        </View>\n    );\n};\n"]}
+{"version":3,"names":["useStyles","root","overflow","AspectRatio","props","children","ratio","defaultRatio","style","width","defaultWidth","otherProps","styles","warnRatioNotPositive","containerStyle","css","aspectRatio"],"sources":["AspectRatioNative.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css } from '../styles';\nimport type AspectRatioProps from './AspectRatioProps';\nimport { defaultRatio, defaultWidth, warnRatioNotPositive } from './utils';\n\ntype AspectRatioStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<AspectRatioStyles> = function (): AspectRatioStyles {\n    return {\n        root: {\n            overflow: 'hidden',\n        },\n    };\n};\n\nexport default function AspectRatio(props: AspectRatioProps) {\n    const {\n        children,\n        ratio = defaultRatio,\n        style,\n        width = defaultWidth,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    if (ratio <= 0) {\n        warnRatioNotPositive(ratio);\n        return null;\n    }\n\n    const containerStyle = css([\n        { aspectRatio: ratio, width },\n        styles.root,\n        style,\n    ]);\n\n    return (\n        <View\n            style={containerStyle}\n            {...otherProps}\n        >\n            {children}\n        </View>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;;;AAIA,MAAMA,SAAuC,GAAG,YAA+B;EAC3E,OAAO;IACHC,IAAI,EAAE;MACFC,QAAQ,EAAE;IADR;EADH,CAAP;AAKH,CAND;;AAQe,SAASC,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,KAAK,GAAGC,mBAFN;IAGFC,KAHE;IAIFC,KAAK,GAAGC,mBAJN;IAKF,GAAGC;EALD,IAMFP,KANJ;EAQA,MAAMQ,MAAM,GAAGZ,SAAS,EAAxB;;EAEA,IAAIM,KAAK,IAAI,CAAb,EAAgB;IACZ,IAAAO,2BAAA,EAAqBP,KAArB;IACA,OAAO,IAAP;EACH;;EAED,MAAMQ,cAAc,GAAG,IAAAC,WAAA,EAAI,CACvB;IAAEC,WAAW,EAAEV,KAAf;IAAsBG;EAAtB,CADuB,EAEvBG,MAAM,CAACX,IAFgB,EAGvBO,KAHuB,CAAJ,CAAvB;EAMA,oBACI,6BAAC,iBAAD;IACI,KAAK,EAAEM;EADX,GAEQH,UAFR,GAIKN,QAJL,CADJ;AAQH;;AAAA"}

package/build/commonjs/AspectRatio/AspectRatioProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["AspectRatioProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface AspectRatioProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * The content of the element.\n     */\n    children: React.ReactElement;\n\n    /**\n     * Aspect ratio of this component (width / height).\n     * @default 1\n     */\n    ratio?: number;\n\n    /**\n     * Sets the width of this component.\n     * @default '100%'\n     */\n    width?: number | string;\n}> {}\n"],"mappings":""}

package/build/commonjs/AspectRatio/AspectRatioWeb.js

@@ -15,7 +15,7 @@ var _utils = require("./utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || 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 _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 useStyles = function () {
   return {

package/build/commonjs/AspectRatio/AspectRatioWeb.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AspectRatioWeb.tsx"],"names":["useStyles","root","inner","height","overflow","child","StyleSheet","absoluteFillObject","AspectRatio","props","children","ratio","defaultRatio","style","width","defaultWidth","otherProps","styles","outerStyle","innerStyle","paddingBottom","toFixed","childStyle","React","cloneElement"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;;;AAIA,MAAMA,SAAuC,GAAG,YAA+B;AAC3E,SAAO;AACHC,IAAAA,IAAI,EAAE,EADH;AAEHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,MAAM,EAAE,CADL;AAEHC,MAAAA,QAAQ,EAAE;AAFP,KAFJ;AAMHC,IAAAA,KAAK,EAAE,EACH,GAAGC,mBAAWC;AADX;AANJ,GAAP;AAUH,CAXD;;AAae,SAASC,WAAT,CAAqBC,KAArB,EAA8C;AACzD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,KAAK,GAAGC,mBAFN;AAGFC,IAAAA,KAHE;AAIFC,IAAAA,KAAK,GAAGC,mBAJN;AAKF,OAAGC;AALD,MAMFP,KANJ;AAQA,QAAMQ,MAAM,GAAGjB,SAAS,EAAxB;;AAEA,MAAIW,KAAK,IAAI,CAAb,EAAgB;AACZ,qCAAqBA,KAArB;AACA,WAAO,IAAP;AACH;;AAED,QAAMO,UAAU,GAAG,iBAAI,CACnBD,MAAM,CAAChB,IADY,EAEnB;AAAEa,IAAAA;AAAF,GAFmB,EAGnBD,KAHmB,CAAJ,CAAnB;AAMA,QAAMM,UAAU,GAAG,iBAAI,CACnB;AAAEC,IAAAA,aAAa,EAAG,GAAE,CAAC,MAAMT,KAAP,EAAcU,OAAd,CAAsB,CAAtB,CAAyB;AAA7C,GADmB,EAEnBJ,MAAM,CAACf,KAFY,CAAJ,CAAnB;AAKA,QAAMoB,UAAU,GAAG,iBAAI,CACnBZ,QAAQ,CAACD,KAAT,CAAeI,KADI,EAEnBI,MAAM,CAACZ,KAFY,CAAJ,CAAnB;AAKA,sBACI,6BAAC,iBAAD;AACI,IAAA,KAAK,EAAEa;AADX,KAEQF,UAFR,gBAII,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEG;AAAb,kBACKI,eAAMC,YAAN,CAAmBd,QAAnB,EAA6B;AAC1BG,IAAAA,KAAK,EAAES;AADmB,GAA7B,CADL,CAJJ,CADJ;AAYH;;AAAA","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, StyleSheet } from '../styles';\nimport type AspectRatioProps from './AspectRatioProps';\nimport { defaultRatio, defaultWidth, warnRatioNotPositive } from './utils';\n\ntype AspectRatioStyles = NamedStylesStringUnion<'root' | 'inner' | 'child'>;\n\nconst useStyles: UseStyles<AspectRatioStyles> = function (): AspectRatioStyles {\n    return {\n        root: {},\n        inner: {\n            height: 0,\n            overflow: 'hidden',\n        },\n        child: {\n            ...StyleSheet.absoluteFillObject,\n        },\n    };\n};\n\nexport default function AspectRatio(props: AspectRatioProps) {\n    const {\n        children,\n        ratio = defaultRatio,\n        style,\n        width = defaultWidth,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    if (ratio <= 0) {\n        warnRatioNotPositive(ratio);\n        return null;\n    }\n\n    const outerStyle = css([\n        styles.root,\n        { width },\n        style,\n    ]);\n\n    const innerStyle = css([\n        { paddingBottom: `${(100 / ratio).toFixed(6)}%` },\n        styles.inner,\n    ]);\n\n    const childStyle = css([\n        children.props.style,\n        styles.child,\n    ]);\n\n    return (\n        <View\n            style={outerStyle}\n            {...otherProps}\n        >\n            <View style={innerStyle}>\n                {React.cloneElement(children, {\n                    style: childStyle,\n                })}\n            </View>\n        </View>\n    );\n};\n"]}
+{"version":3,"names":["useStyles","root","inner","height","overflow","child","StyleSheet","absoluteFillObject","AspectRatio","props","children","ratio","defaultRatio","style","width","defaultWidth","otherProps","styles","warnRatioNotPositive","outerStyle","css","innerStyle","paddingBottom","toFixed","childStyle","React","cloneElement"],"sources":["AspectRatioWeb.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, StyleSheet } from '../styles';\nimport type AspectRatioProps from './AspectRatioProps';\nimport { defaultRatio, defaultWidth, warnRatioNotPositive } from './utils';\n\ntype AspectRatioStyles = NamedStylesStringUnion<'root' | 'inner' | 'child'>;\n\nconst useStyles: UseStyles<AspectRatioStyles> = function (): AspectRatioStyles {\n    return {\n        root: {},\n        inner: {\n            height: 0,\n            overflow: 'hidden',\n        },\n        child: {\n            ...StyleSheet.absoluteFillObject,\n        },\n    };\n};\n\nexport default function AspectRatio(props: AspectRatioProps) {\n    const {\n        children,\n        ratio = defaultRatio,\n        style,\n        width = defaultWidth,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    if (ratio <= 0) {\n        warnRatioNotPositive(ratio);\n        return null;\n    }\n\n    const outerStyle = css([\n        styles.root,\n        { width },\n        style,\n    ]);\n\n    const innerStyle = css([\n        { paddingBottom: `${(100 / ratio).toFixed(6)}%` },\n        styles.inner,\n    ]);\n\n    const childStyle = css([\n        children.props.style,\n        styles.child,\n    ]);\n\n    return (\n        <View\n            style={outerStyle}\n            {...otherProps}\n        >\n            <View style={innerStyle}>\n                {React.cloneElement(children, {\n                    style: childStyle,\n                })}\n            </View>\n        </View>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;;;AAIA,MAAMA,SAAuC,GAAG,YAA+B;EAC3E,OAAO;IACHC,IAAI,EAAE,EADH;IAEHC,KAAK,EAAE;MACHC,MAAM,EAAE,CADL;MAEHC,QAAQ,EAAE;IAFP,CAFJ;IAMHC,KAAK,EAAE,EACH,GAAGC,kBAAA,CAAWC;IADX;EANJ,CAAP;AAUH,CAXD;;AAae,SAASC,WAAT,CAAqBC,KAArB,EAA8C;EACzD,MAAM;IACFC,QADE;IAEFC,KAAK,GAAGC,mBAFN;IAGFC,KAHE;IAIFC,KAAK,GAAGC,mBAJN;IAKF,GAAGC;EALD,IAMFP,KANJ;EAQA,MAAMQ,MAAM,GAAGjB,SAAS,EAAxB;;EAEA,IAAIW,KAAK,IAAI,CAAb,EAAgB;IACZ,IAAAO,2BAAA,EAAqBP,KAArB;IACA,OAAO,IAAP;EACH;;EAED,MAAMQ,UAAU,GAAG,IAAAC,WAAA,EAAI,CACnBH,MAAM,CAAChB,IADY,EAEnB;IAAEa;EAAF,CAFmB,EAGnBD,KAHmB,CAAJ,CAAnB;EAMA,MAAMQ,UAAU,GAAG,IAAAD,WAAA,EAAI,CACnB;IAAEE,aAAa,EAAG,GAAE,CAAC,MAAMX,KAAP,EAAcY,OAAd,CAAsB,CAAtB,CAAyB;EAA7C,CADmB,EAEnBN,MAAM,CAACf,KAFY,CAAJ,CAAnB;EAKA,MAAMsB,UAAU,GAAG,IAAAJ,WAAA,EAAI,CACnBV,QAAQ,CAACD,KAAT,CAAeI,KADI,EAEnBI,MAAM,CAACZ,KAFY,CAAJ,CAAnB;EAKA,oBACI,6BAAC,iBAAD;IACI,KAAK,EAAEc;EADX,GAEQH,UAFR,gBAII,6BAAC,iBAAD;IAAM,KAAK,EAAEK;EAAb,gBACKI,cAAA,CAAMC,YAAN,CAAmBhB,QAAnB,EAA6B;IAC1BG,KAAK,EAAEW;EADmB,CAA7B,CADL,CAJJ,CADJ;AAYH;;AAAA"}

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

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

package/build/commonjs/AspectRatio/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.native.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './AspectRatioNative';"]}
+{"version":3,"names":[],"sources":["index.native.ts"],"sourcesContent":["export { default } from './AspectRatioNative';"],"mappings":";;;;;;;;;;;;AAAA"}

package/build/commonjs/AspectRatio/utils.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.warnRatioNotPositive = warnRatioNotPositive;
 exports.defaultWidth = exports.defaultRatio = void 0;
+exports.warnRatioNotPositive = warnRatioNotPositive;
 const defaultRatio = 1;
 exports.defaultRatio = defaultRatio;
 const defaultWidth = '100%';

package/build/commonjs/AspectRatio/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["utils.ts"],"names":["defaultRatio","defaultWidth","warnRatioNotPositive","ratio","process","env","NODE_ENV","console","warn"],"mappings":";;;;;;;AAAO,MAAMA,YAAY,GAAG,CAArB;;AAEA,MAAMC,YAAY,GAAG,MAArB;;;AAEA,SAASC,oBAAT,CAA8BC,KAA9B,EAA6C;AAChD,MAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C;AACvCC,IAAAA,OAAO,CAACC,IAAR,CAAc,8CAA6CL,KAAM,GAAjE;AACH;AACJ","sourcesContent":["export const defaultRatio = 1;\n\nexport const defaultWidth = '100%';\n\nexport function warnRatioNotPositive(ratio: number) {\n    if (process.env.NODE_ENV !== 'production') {\n        console.warn(`Aspect ratio should be positive. Provided: ${ratio}.`);\n    }\n}"]}
+{"version":3,"names":["defaultRatio","defaultWidth","warnRatioNotPositive","ratio","process","env","NODE_ENV","console","warn"],"sources":["utils.ts"],"sourcesContent":["export const defaultRatio = 1;\n\nexport const defaultWidth = '100%';\n\nexport function warnRatioNotPositive(ratio: number) {\n    if (process.env.NODE_ENV !== 'production') {\n        console.warn(`Aspect ratio should be positive. Provided: ${ratio}.`);\n    }\n}"],"mappings":";;;;;;;AAAO,MAAMA,YAAY,GAAG,CAArB;;AAEA,MAAMC,YAAY,GAAG,MAArB;;;AAEA,SAASC,oBAAT,CAA8BC,KAA9B,EAA6C;EAChD,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,YAA7B,EAA2C;IACvCC,OAAO,CAACC,IAAR,CAAc,8CAA6CL,KAAM,GAAjE;EACH;AACJ"}

package/build/commonjs/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Avatar.tsx"],"names":["Avatar","props","size","source","variant","otherProps"],"mappings":";;;;;;;AAAA;;;;AAGe,SAASA,MAAT,CAAgBC,KAAhB,EAAoC;AAC/C,QAAM;AACFC,IAAAA,IADE;AAEFC,IAAAA,MAFE;AAGFC,IAAAA,OAAO,GAAG,UAHR;AAIF,OAAGC;AAJD,MAKFJ,KALJ;AAOA,sBACI,yCADJ;AAGH;;AAAA","sourcesContent":["import React from 'react';\nimport type AvatarProps from './AvatarProps';\n\nexport default function Avatar(props: AvatarProps) {\n    const {\n        size,\n        source,\n        variant = 'circular',\n        ...otherProps\n    } = props;\n\n    return (\n        <div/>\n    );\n};\n"]}
+{"version":3,"names":["Avatar","props","size","source","variant","otherProps"],"sources":["Avatar.tsx"],"sourcesContent":["import React from 'react';\nimport type AvatarProps from './AvatarProps';\n\nexport default function Avatar(props: AvatarProps) {\n    const {\n        size,\n        source,\n        variant = 'circular',\n        ...otherProps\n    } = props;\n\n    return (\n        <div/>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;;;AAGe,SAASA,MAAT,CAAgBC,KAAhB,EAAoC;EAC/C,MAAM;IACFC,IADE;IAEFC,MAFE;IAGFC,OAAO,GAAG,UAHR;IAIF,GAAGC;EAJD,IAKFJ,KALJ;EAOA,oBACI,yCADJ;AAGH;;AAAA"}

package/build/commonjs/Avatar/AvatarProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["AvatarProps.ts"],"sourcesContent":["import { ComponentProps } from '../types';\n\nexport type AvatarVariant = 'circular' | 'rounded' | 'square';\n\nexport default interface AvatarProps extends ComponentProps<{\n    /**\n     * The size of the avatar.\n     */\n    size?: string;\n\n    /**\n     * The image source attribute.\n     */\n    source: string;\n\n    /**\n     * The shape of the avatar.\n     * @default 'circular'\n     */\n    variant?: AvatarVariant;\n}> {}"],"mappings":""}

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

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

package/build/commonjs/Badge/Badge.js

@@ -13,7 +13,7 @@ var _styles = require("../styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || 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 _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 defaultPosition = {
   vertical: 'top',
@@ -23,7 +23,6 @@ const defaultPosition = {
 const useStyles = function () {
   const theme = (0, _styles.useTheme)();
   const dotSize = 4;
-  const offset = 0;
   return {
     root: {},
     badge: {
@@ -32,18 +31,6 @@ const useStyles = function () {
       height: dotSize,
       position: 'absolute',
       width: dotSize
-    },
-    top: {
-      top: offset
-    },
-    bottom: {
-      bottom: offset
-    },
-    left: {
-      left: offset
-    },
-    right: {
-      right: offset
     }
   };
 };
@@ -54,11 +41,15 @@ function Badge(props) {
     invisible = false,
     position = defaultPosition,
     style,
+    offset = 0,
     ...otherProps
   } = props;
   const styles = useStyles();
   const rootStyle = (0, _styles.css)([styles.root, style]);
-  const badgeStyle = (0, _styles.css)([styles.badge, styles[position.vertical], styles[position.horizontal]]);
+  const badgeStyle = (0, _styles.css)([styles.badge, {
+    [position.vertical]: offset,
+    [position.horizontal]: offset
+  }]);
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, _extends({
     style: rootStyle
   }, otherProps), children, !invisible ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {

package/build/commonjs/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Badge.tsx"],"names":["defaultPosition","vertical","horizontal","useStyles","theme","dotSize","offset","root","badge","backgroundColor","palette","secondary","main","borderRadius","height","position","width","top","bottom","left","right","Badge","props","children","invisible","style","otherProps","styles","rootStyle","badgeStyle"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAGA,MAAMA,eAA8B,GAAG;AACnCC,EAAAA,QAAQ,EAAE,KADyB;AAEnCC,EAAAA,UAAU,EAAE;AAFuB,CAAvC;;AAOA,MAAMC,SAAiC,GAAG,YAAyB;AAC/D,QAAMC,KAAK,GAAG,uBAAd;AAEA,QAAMC,OAAO,GAAG,CAAhB;AACA,QAAMC,MAAM,GAAG,CAAf;AAEA,SAAO;AACHC,IAAAA,IAAI,EAAE,EADH;AAEHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,eAAe,EAAEL,KAAK,CAACM,OAAN,CAAcC,SAAd,CAAwBC,IADtC;AAEHC,MAAAA,YAAY,EAAER,OAAO,GAAG,GAFrB;AAGHS,MAAAA,MAAM,EAAET,OAHL;AAIHU,MAAAA,QAAQ,EAAE,UAJP;AAKHC,MAAAA,KAAK,EAAEX;AALJ,KAFJ;AASHY,IAAAA,GAAG,EAAE;AACDA,MAAAA,GAAG,EAAEX;AADJ,KATF;AAYHY,IAAAA,MAAM,EAAE;AACJA,MAAAA,MAAM,EAAEZ;AADJ,KAZL;AAeHa,IAAAA,IAAI,EAAE;AACFA,MAAAA,IAAI,EAAEb;AADJ,KAfH;AAkBHc,IAAAA,KAAK,EAAE;AACHA,MAAAA,KAAK,EAAEd;AADJ;AAlBJ,GAAP;AAsBH,CA5BD;;AA8Be,SAASe,KAAT,CAAeC,KAAf,EAAkC;AAC7C,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,SAAS,GAAG,KAFV;AAGFT,IAAAA,QAAQ,GAAGf,eAHT;AAIFyB,IAAAA,KAJE;AAKF,OAAGC;AALD,MAMFJ,KANJ;AAQA,QAAMK,MAAM,GAAGxB,SAAS,EAAxB;AAEA,QAAMyB,SAAS,GAAG,iBAAI,CAClBD,MAAM,CAACpB,IADW,EAElBkB,KAFkB,CAAJ,CAAlB;AAKA,QAAMI,UAAU,GAAG,iBAAI,CACnBF,MAAM,CAACnB,KADY,EAEnBmB,MAAM,CAACZ,QAAQ,CAACd,QAAV,CAFa,EAGnB0B,MAAM,CAACZ,QAAQ,CAACb,UAAV,CAHa,CAAJ,CAAnB;AAMA,sBACI,6BAAC,iBAAD;AACI,IAAA,KAAK,EAAE0B;AADX,KAEQF,UAFR,GAIKH,QAJL,EAMK,CAACC,SAAD,gBAAa,6BAAC,iBAAD;AAAM,IAAA,KAAK,EAAEK;AAAb,IAAb,GAA0C,IAN/C,CADJ;AAUH;;AAAA","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport BadgeProps, { BadgePosition } from './BadgeProps';\n\nconst defaultPosition: BadgePosition = {\n    vertical: 'top',\n    horizontal: 'right',\n};\n\ntype BadgeStyles = NamedStylesStringUnion<'root' | 'badge' | 'top' | 'bottom' | 'left' | 'right'>;\n\nconst useStyles: UseStyles<BadgeStyles> = function (): BadgeStyles {\n    const theme = useTheme();\n\n    const dotSize = 4;\n    const offset = 0;\n\n    return {\n        root: {},\n        badge: {\n            backgroundColor: theme.palette.secondary.main,\n            borderRadius: dotSize * 0.5,\n            height: dotSize,\n            position: 'absolute',\n            width: dotSize,\n        },\n        top: {\n            top: offset,\n        },\n        bottom: {\n            bottom: offset,\n        },\n        left: {\n            left: offset,\n        },\n        right: {\n            right: offset,\n        },\n    };\n};\n\nexport default function Badge(props: BadgeProps) {\n    const {\n        children,\n        invisible = false,\n        position = defaultPosition,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    const badgeStyle = css([\n        styles.badge,\n        styles[position.vertical],\n        styles[position.horizontal],\n    ]);\n\n    return (\n        <View\n            style={rootStyle}\n            {...otherProps}\n        >\n            {children}\n\n            {!invisible ? <View style={badgeStyle}/> : null}\n        </View>\n    );\n};\n"]}
+{"version":3,"names":["defaultPosition","vertical","horizontal","useStyles","theme","useTheme","dotSize","root","badge","backgroundColor","palette","secondary","main","borderRadius","height","position","width","Badge","props","children","invisible","style","offset","otherProps","styles","rootStyle","css","badgeStyle"],"sources":["Badge.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { css, useTheme } from '../styles';\nimport BadgeProps, { BadgePosition } from './BadgeProps';\n\nconst defaultPosition: BadgePosition = {\n    vertical: 'top',\n    horizontal: 'right',\n};\n\ntype BadgeStyles = NamedStylesStringUnion<'root' | 'badge'>;\n\nconst useStyles: UseStyles<BadgeStyles> = function (): BadgeStyles {\n    const theme = useTheme();\n\n    const dotSize = 4;\n\n    return {\n        root: {},\n        badge: {\n            backgroundColor: theme.palette.secondary.main,\n            borderRadius: dotSize * 0.5,\n            height: dotSize,\n            position: 'absolute',\n            width: dotSize,\n        },\n    };\n};\n\nexport default function Badge(props: BadgeProps) {\n    const {\n        children,\n        invisible = false,\n        position = defaultPosition,\n        style,\n        offset = 0,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    const badgeStyle = css([\n        styles.badge,\n        {\n            [position.vertical]: offset,\n            [position.horizontal]: offset,\n        },\n    ]);\n\n    return (\n        <View\n            style={rootStyle}\n            {...otherProps}\n        >\n            {children}\n\n            {!invisible ? <View style={badgeStyle}/> : null}\n        </View>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAGA,MAAMA,eAA8B,GAAG;EACnCC,QAAQ,EAAE,KADyB;EAEnCC,UAAU,EAAE;AAFuB,CAAvC;;AAOA,MAAMC,SAAiC,GAAG,YAAyB;EAC/D,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,MAAMC,OAAO,GAAG,CAAhB;EAEA,OAAO;IACHC,IAAI,EAAE,EADH;IAEHC,KAAK,EAAE;MACHC,eAAe,EAAEL,KAAK,CAACM,OAAN,CAAcC,SAAd,CAAwBC,IADtC;MAEHC,YAAY,EAAEP,OAAO,GAAG,GAFrB;MAGHQ,MAAM,EAAER,OAHL;MAIHS,QAAQ,EAAE,UAJP;MAKHC,KAAK,EAAEV;IALJ;EAFJ,CAAP;AAUH,CAfD;;AAiBe,SAASW,KAAT,CAAeC,KAAf,EAAkC;EAC7C,MAAM;IACFC,QADE;IAEFC,SAAS,GAAG,KAFV;IAGFL,QAAQ,GAAGf,eAHT;IAIFqB,KAJE;IAKFC,MAAM,GAAG,CALP;IAMF,GAAGC;EAND,IAOFL,KAPJ;EASA,MAAMM,MAAM,GAAGrB,SAAS,EAAxB;EAEA,MAAMsB,SAAS,GAAG,IAAAC,WAAA,EAAI,CAClBF,MAAM,CAACjB,IADW,EAElBc,KAFkB,CAAJ,CAAlB;EAKA,MAAMM,UAAU,GAAG,IAAAD,WAAA,EAAI,CACnBF,MAAM,CAAChB,KADY,EAEnB;IACI,CAACO,QAAQ,CAACd,QAAV,GAAqBqB,MADzB;IAEI,CAACP,QAAQ,CAACb,UAAV,GAAuBoB;EAF3B,CAFmB,CAAJ,CAAnB;EAQA,oBACI,6BAAC,iBAAD;IACI,KAAK,EAAEG;EADX,GAEQF,UAFR,GAIKJ,QAJL,EAMK,CAACC,SAAD,gBAAa,6BAAC,iBAAD;IAAM,KAAK,EAAEO;EAAb,EAAb,GAA0C,IAN/C,CADJ;AAUH;;AAAA"}

package/build/commonjs/Badge/BadgeProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["BadgeProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport type BadgeHorizontalPosition = 'right' | 'left';\n\nexport type BadgeVerticalPosition = 'top' | 'bottom';\n\nexport interface BadgePosition {\n    vertical: BadgeVerticalPosition;\n    horizontal: BadgeHorizontalPosition;\n}\n\nexport default interface BadgeProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * The badge will be added relative to this node.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * If `true`, the badge is invisible.\n     * @default false\n     */\n    invisible?: boolean;\n\n    /**\n     * The position of the badge.\n     * @default {\n     *     vertical: 'top',\n     *     horizontal: 'right',\n     * }\n     */\n    position?: BadgePosition;\n\n    /**\n     * The offset of the badge.\n     * @default 0\n     */\n    offset?: number;\n}> {}\n"],"mappings":""}

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

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

package/build/commonjs/Button/Button.js

@@ -17,7 +17,7 @@ var _utils = require("../utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || 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 _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,
@@ -53,6 +53,7 @@ function Button(props) {
     fullWidth = false,
     href,
     onPress,
+    pressEffect,
     size = 'medium',
     startIcon: startIconProp,
     style: styleProp,
@@ -83,10 +84,10 @@ function Button(props) {
   };
   const startIcon = (0, _utils.cloneElementSafely)(startIconProp, iconProps);
   const endIcon = (0, _utils.cloneElementSafely)(endIconProp, iconProps);
-  const paddingSize = size === 'small' ? theme.spacing(2) : theme.spacing(4);
+  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.roundness;
+  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
@@ -109,6 +110,7 @@ function Button(props) {
   const textStyle = (0, _styles.css)([fontStyle, textMarginStyle, {
     textAlign: 'center'
   }]);
+  const modifiedPressEffect = variant !== 'text' && !pressEffect ? 'scale' : pressEffect;
 
   const handlePress = async () => {
     if (disabled) {
@@ -130,7 +132,8 @@ function Button(props) {
   return /*#__PURE__*/_react.default.createElement(_ButtonBase.default, _extends({
     disabled: disabled,
     onPress: handlePress,
-    style: buttonBaseStyle
+    style: buttonBaseStyle,
+    pressEffect: modifiedPressEffect
   }, otherProps), startIcon, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     children: children,
     style: textStyle