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

package/build/module/Radio/Radio.js

@@ -1,9 +1,9 @@
-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); }
 
 import React from 'react';
 import ButtonBase from '../ButtonBase';
 import { Radio as RadioIcon, RadioChecked as RadioCheckedIcon } from '../internal';
-import { css, useTheme } from '../styles';
+import { css } from '../styles';
 import { RadioContext } from '../RadioGroup/RadioContextProvider';
 const ICON_SIZE = 20;
 
@@ -17,8 +17,6 @@ const useStyles = function () {
 };
 
 export default function Radio(props) {
-  var _ref;
-
   const {
     checked = false,
     children,
@@ -29,20 +27,17 @@ export default function Radio(props) {
     ...otherProps
   } = props;
   const styles = useStyles();
-  const theme = useTheme();
   const context = React.useContext(RadioContext);
 
   const handlePress = () => {
-    var _context$onChange;
-
-    const onChange = (_context$onChange = context === null || context === void 0 ? void 0 : context.onChange) !== null && _context$onChange !== void 0 ? _context$onChange : onChangeProp;
+    const onChange = (context === null || context === void 0 ? void 0 : context.onChange) ?? onChangeProp;
 
     if (onChange) {
       onChange(value);
     }
   };
 
-  const isChecked = (_ref = (context === null || context === void 0 ? void 0 : context.value) === value) !== null && _ref !== void 0 ? _ref : checked;
+  const isChecked = (context === null || context === void 0 ? void 0 : context.value) === value ?? checked;
   const icon = isChecked ? /*#__PURE__*/React.createElement(RadioCheckedIcon, {
     width: ICON_SIZE,
     height: ICON_SIZE,

package/build/module/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Radio.tsx"],"names":["React","ButtonBase","Radio","RadioIcon","RadioChecked","RadioCheckedIcon","css","useTheme","RadioContext","ICON_SIZE","useStyles","root","alignItems","flexDirection","props","checked","children","disabled","onChange","onChangeProp","style","value","otherProps","styles","theme","context","useContext","handlePress","isChecked","icon","rootStyle"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,KAAK,IAAIC,SAAlB,EAA6BC,YAAY,IAAIC,gBAA7C,QAAqE,aAArE;AACA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;AACA,SAASC,YAAT,QAA6B,oCAA7B;AAKA,MAAMC,SAAS,GAAG,EAAlB;;AAEA,MAAMC,SAAiC,GAAG,YAAyB;AAC/D,SAAO;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,UAAU,EAAE,QADV;AAEFC,MAAAA,aAAa,EAAE;AAFb;AADH,GAAP;AAMH,CAPD;;AASA,eAAe,SAASX,KAAT,CAAeY,KAAf,EAAkC;AAAA;;AAC7C,QAAM;AACFC,IAAAA,OAAO,GAAG,KADR;AAEFC,IAAAA,QAFE;AAGFC,IAAAA,QAAQ,GAAG,KAHT;AAIFC,IAAAA,QAAQ,EAAEC,YAJR;AAKFC,IAAAA,KALE;AAMFC,IAAAA,KANE;AAOF,OAAGC;AAPD,MAQFR,KARJ;AAUA,QAAMS,MAAM,GAAGb,SAAS,EAAxB;AAEA,QAAMc,KAAK,GAAGjB,QAAQ,EAAtB;AAEA,QAAMkB,OAAO,GAAGzB,KAAK,CAAC0B,UAAN,CAAiBlB,YAAjB,CAAhB;;AAEA,QAAMmB,WAAW,GAAG,MAAM;AAAA;;AACtB,UAAMT,QAAQ,wBAAGO,OAAH,aAAGA,OAAH,uBAAGA,OAAO,CAAEP,QAAZ,iEAAwBC,YAAtC;;AACA,QAAID,QAAJ,EAAc;AACVA,MAAAA,QAAQ,CAACG,KAAD,CAAR;AACH;AACJ,GALD;;AAOA,QAAMO,SAAS,WAAG,CAAAH,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEJ,KAAT,MAAmBA,KAAtB,uCAA+BN,OAA9C;AAEA,QAAMc,IAAI,GAAGD,SAAS,gBAChB,oBAAC,gBAAD;AAAkB,IAAA,KAAK,EAAEnB,SAAzB;AAAoC,IAAA,MAAM,EAAEA,SAA5C;AAAuD,IAAA,KAAK,EAAE;AAA9D,IADgB,gBAEhB,oBAAC,SAAD;AAAW,IAAA,KAAK,EAAEA,SAAlB;AAA6B,IAAA,MAAM,EAAEA,SAArC;AAAgD,IAAA,KAAK,EAAE;AAAvD,IAFN;AAIA,QAAMqB,SAAS,GAAGxB,GAAG,CAAC,CAClBiB,MAAM,CAACZ,IADW,EAElBS,KAFkB,CAAD,CAArB;AAKA,sBACI,oBAAC,UAAD;AACI,IAAA,QAAQ,EAAEH,QADd;AAEI,IAAA,OAAO,EAAEU,WAFb;AAGI,IAAA,KAAK,EAAEG;AAHX,KAIQR,UAJR,GAMKO,IANL,EAQKb,QAAQ,GAAGA,QAAH,GAAc,IAR3B,CADJ;AAYH;AAAA","sourcesContent":["import React from 'react';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { Radio as RadioIcon, RadioChecked as RadioCheckedIcon } from '../internal';\nimport { css, useTheme } from '../styles';\nimport { RadioContext } from '../RadioGroup/RadioContextProvider';\nimport type RadioProps from './RadioProps';\n\ntype RadioStyles = NamedStylesStringUnion<'root'>;\n\nconst ICON_SIZE = 20;\n\nconst useStyles: UseStyles<RadioStyles> = function (): RadioStyles {\n    return {\n        root: {\n            alignItems: 'center',\n            flexDirection: 'row',\n        },\n    };\n};\n\nexport default function Radio(props: RadioProps) {\n    const {\n        checked = false,\n        children,\n        disabled = false,\n        onChange: onChangeProp,\n        style,\n        value,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const theme = useTheme();\n\n    const context = React.useContext(RadioContext);\n\n    const handlePress = () => {\n        const onChange = context?.onChange ?? onChangeProp;\n        if (onChange) {\n            onChange(value);\n        }\n    };\n\n    const isChecked = context?.value === value ?? checked;\n\n    const icon = isChecked\n        ? <RadioCheckedIcon width={ICON_SIZE} height={ICON_SIZE} color={'primary'}/>\n        : <RadioIcon width={ICON_SIZE} height={ICON_SIZE} color={'tertiary'}/>;\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={rootStyle}\n            {...otherProps}\n        >\n            {icon}\n\n            {children ? children : null}\n        </ButtonBase>\n    );\n};\n"]}
+{"version":3,"names":["React","ButtonBase","Radio","RadioIcon","RadioChecked","RadioCheckedIcon","css","RadioContext","ICON_SIZE","useStyles","root","alignItems","flexDirection","props","checked","children","disabled","onChange","onChangeProp","style","value","otherProps","styles","context","useContext","handlePress","isChecked","icon","rootStyle"],"sources":["Radio.tsx"],"sourcesContent":["import React from 'react';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport ButtonBase from '../ButtonBase';\nimport { Radio as RadioIcon, RadioChecked as RadioCheckedIcon } from '../internal';\nimport { css } from '../styles';\nimport { RadioContext } from '../RadioGroup/RadioContextProvider';\nimport type RadioProps from './RadioProps';\n\ntype RadioStyles = NamedStylesStringUnion<'root'>;\n\nconst ICON_SIZE = 20;\n\nconst useStyles: UseStyles<RadioStyles> = function (): RadioStyles {\n    return {\n        root: {\n            alignItems: 'center',\n            flexDirection: 'row',\n        },\n    };\n};\n\nexport default function Radio(props: RadioProps) {\n    const {\n        checked = false,\n        children,\n        disabled = false,\n        onChange: onChangeProp,\n        style,\n        value,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const context = React.useContext(RadioContext);\n\n    const handlePress = () => {\n        const onChange = context?.onChange ?? onChangeProp;\n        if (onChange) {\n            onChange(value);\n        }\n    };\n\n    const isChecked = context?.value === value ?? checked;\n\n    const icon = isChecked\n        ? <RadioCheckedIcon width={ICON_SIZE} height={ICON_SIZE} color={'primary'}/>\n        : <RadioIcon width={ICON_SIZE} height={ICON_SIZE} color={'tertiary'}/>;\n\n    const rootStyle = css([\n        styles.root,\n        style,\n    ]);\n\n    return (\n        <ButtonBase\n            disabled={disabled}\n            onPress={handlePress}\n            style={rootStyle}\n            {...otherProps}\n        >\n            {icon}\n\n            {children ? children : null}\n        </ButtonBase>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,UAAP,MAAuB,eAAvB;AACA,SAASC,KAAK,IAAIC,SAAlB,EAA6BC,YAAY,IAAIC,gBAA7C,QAAqE,aAArE;AACA,SAASC,GAAT,QAAoB,WAApB;AACA,SAASC,YAAT,QAA6B,oCAA7B;AAKA,MAAMC,SAAS,GAAG,EAAlB;;AAEA,MAAMC,SAAiC,GAAG,YAAyB;EAC/D,OAAO;IACHC,IAAI,EAAE;MACFC,UAAU,EAAE,QADV;MAEFC,aAAa,EAAE;IAFb;EADH,CAAP;AAMH,CAPD;;AASA,eAAe,SAASV,KAAT,CAAeW,KAAf,EAAkC;EAC7C,MAAM;IACFC,OAAO,GAAG,KADR;IAEFC,QAFE;IAGFC,QAAQ,GAAG,KAHT;IAIFC,QAAQ,EAAEC,YAJR;IAKFC,KALE;IAMFC,KANE;IAOF,GAAGC;EAPD,IAQFR,KARJ;EAUA,MAAMS,MAAM,GAAGb,SAAS,EAAxB;EAEA,MAAMc,OAAO,GAAGvB,KAAK,CAACwB,UAAN,CAAiBjB,YAAjB,CAAhB;;EAEA,MAAMkB,WAAW,GAAG,MAAM;IACtB,MAAMR,QAAQ,GAAG,CAAAM,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEN,QAAT,KAAqBC,YAAtC;;IACA,IAAID,QAAJ,EAAc;MACVA,QAAQ,CAACG,KAAD,CAAR;IACH;EACJ,CALD;;EAOA,MAAMM,SAAS,GAAG,CAAAH,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEH,KAAT,MAAmBA,KAAnB,IAA4BN,OAA9C;EAEA,MAAMa,IAAI,GAAGD,SAAS,gBAChB,oBAAC,gBAAD;IAAkB,KAAK,EAAElB,SAAzB;IAAoC,MAAM,EAAEA,SAA5C;IAAuD,KAAK,EAAE;EAA9D,EADgB,gBAEhB,oBAAC,SAAD;IAAW,KAAK,EAAEA,SAAlB;IAA6B,MAAM,EAAEA,SAArC;IAAgD,KAAK,EAAE;EAAvD,EAFN;EAIA,MAAMoB,SAAS,GAAGtB,GAAG,CAAC,CAClBgB,MAAM,CAACZ,IADW,EAElBS,KAFkB,CAAD,CAArB;EAKA,oBACI,oBAAC,UAAD;IACI,QAAQ,EAAEH,QADd;IAEI,OAAO,EAAES,WAFb;IAGI,KAAK,EAAEG;EAHX,GAIQP,UAJR,GAMKM,IANL,EAQKZ,QAAQ,GAAGA,QAAH,GAAc,IAR3B,CADJ;AAYH;AAAA"}

package/build/module/Radio/RadioProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["RadioProps.ts"],"sourcesContent":["import React from 'react';\nimport type { OverridableComponentProps } from '../types';\nimport type { ButtonBaseProps } from '../ButtonBase';\n\ntype BaseProps = Omit<ButtonBaseProps, 'onPress' | 'children'>;\n\nexport default interface RadioProps extends OverridableComponentProps<BaseProps, {\n    /**\n     * If `true`, the component is checked.\n     * @default false\n     */\n    checked?: boolean;\n\n    /**\n     * Content which is sharing pressable next to radio.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * If `true`, the radio is disabled.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback fired when the component is pressed.\n     */\n    onChange?: (newValue: string) => void;\n\n    /**\n     * Value of the component.\n     */\n    value: string;\n}> {}\n"],"mappings":""}

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

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

package/build/module/RadioGroup/RadioContextProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RadioContextProvider.ts"],"names":["React","RadioContext","createContext","Provider"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAOA,OAAO,MAAMC,YAAY,gBAAGD,KAAK,CAACE,aAAN,CAAmD,IAAnD,CAArB;AAEP,eAAeD,YAAY,CAACE,QAA5B","sourcesContent":["import React from 'react';\n\nexport type RadioButtonContextType = {\n    value: string;\n    onChange: (newValue: string) => void;\n}\n\nexport const RadioContext = React.createContext<RadioButtonContextType | null>(null);\n\nexport default RadioContext.Provider;\n"]}
+{"version":3,"names":["React","RadioContext","createContext","Provider"],"sources":["RadioContextProvider.ts"],"sourcesContent":["import React from 'react';\n\nexport type RadioButtonContextType = {\n    value: string;\n    onChange: (newValue: string) => void;\n}\n\nexport const RadioContext = React.createContext<RadioButtonContextType | null>(null);\n\nexport default RadioContext.Provider;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAOA,OAAO,MAAMC,YAAY,gBAAGD,KAAK,CAACE,aAAN,CAAmD,IAAnD,CAArB;AAEP,eAAeD,YAAY,CAACE,QAA5B"}

package/build/module/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["RadioGroup.tsx"],"names":["React","View","RadioContextProvider","RadioGroup","props","value","onChange","otherProps"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,OAAOC,oBAAP,MAAiC,wBAAjC;AAGA,eAAe,SAASC,UAAT,CAAoBC,KAApB,EAA4C;AACvD,QAAM;AACFC,IAAAA,KADE;AAEFC,IAAAA,QAFE;AAGF,OAAGC;AAHD,MAIFH,KAJJ;AAMA,sBACI,oBAAC,oBAAD;AAAsB,IAAA,KAAK,EAAE;AAAEC,MAAAA,KAAF;AAASC,MAAAA;AAAT;AAA7B,kBACI,oBAAC,IAAD,EACQC,UADR,CADJ,CADJ;AAOH;AAAA","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport RadioContextProvider from './RadioContextProvider';\nimport type RadioGroupProps from './RadioGroupProps';\n\nexport default function RadioGroup(props: RadioGroupProps) {\n    const {\n        value,\n        onChange,\n        ...otherProps\n    } = props;\n\n    return (\n        <RadioContextProvider value={{ value, onChange }}>\n            <View\n                {...otherProps}\n            />\n        </RadioContextProvider>\n    );\n};\n"]}
+{"version":3,"names":["React","View","RadioContextProvider","RadioGroup","props","value","onChange","otherProps"],"sources":["RadioGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport RadioContextProvider from './RadioContextProvider';\nimport type RadioGroupProps from './RadioGroupProps';\n\nexport default function RadioGroup(props: RadioGroupProps) {\n    const {\n        value,\n        onChange,\n        ...otherProps\n    } = props;\n\n    return (\n        <RadioContextProvider value={{ value, onChange }}>\n            <View\n                {...otherProps}\n            />\n        </RadioContextProvider>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,OAAOC,oBAAP,MAAiC,wBAAjC;AAGA,eAAe,SAASC,UAAT,CAAoBC,KAApB,EAA4C;EACvD,MAAM;IACFC,KADE;IAEFC,QAFE;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,oBACI,oBAAC,oBAAD;IAAsB,KAAK,EAAE;MAAEC,KAAF;MAASC;IAAT;EAA7B,gBACI,oBAAC,IAAD,EACQC,UADR,CADJ,CADJ;AAOH;AAAA"}

package/build/module/RadioGroup/RadioGroupProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["RadioGroupProps.ts"],"sourcesContent":["import React from 'react';\nimport type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface RadioGroupProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * The content of the radio group.\n     */\n    children: React.ReactNode;\n\n    /**\n     * Callback fired when a radio button is selected.\n     */\n    onChange: (newValue: string) => void;\n\n    /**\n     * Value of the selected radio button.\n     */\n    value: string;\n}> {}\n"],"mappings":""}

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

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

package/build/module/Row/Row.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Row.tsx"],"names":["createFlexbox"],"mappings":"AACA,SAASA,aAAT,QAA8B,YAA9B;AAEA,eAAeA,aAAa,CAAC,KAAD,CAA5B","sourcesContent":["import React from 'react';\nimport { createFlexbox } from '../Flexbox';\n\nexport default createFlexbox('row');"]}
+{"version":3,"names":["createFlexbox"],"sources":["Row.tsx"],"sourcesContent":["import React from 'react';\nimport { createFlexbox } from '../Flexbox';\n\nexport default createFlexbox('row');"],"mappings":"AACA,SAASA,aAAT,QAA8B,YAA9B;AAEA,eAAeA,aAAa,CAAC,KAAD,CAA5B"}

package/build/module/Row/RowProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["RowProps.ts"],"sourcesContent":["import type { FlexboxProps } from '../Flexbox';\n\nexport default interface RowProps extends FlexboxProps {}"],"mappings":""}

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

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

package/build/module/Slide/Slide.js

@@ -1,10 +1,14 @@
-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); }
 
-import React from 'react';
-import { useWindowDimensions } from 'react-native';
-import Animated, { Easing } from 'react-native-reanimated';
+import React, { useEffect } from 'react';
+import { Animated, Dimensions, Easing, Platform } from 'react-native';
+import { useAnimatedValue } from '../hooks';
+import { isNotAndroid12 } from '../utils';
 const defaultEnterDuration = 300;
 const defaultExitDuration = 300;
+
+const getDisappearingOffsetY = () => Dimensions.get('window').height;
+
 export default function Slide(props) {
   const {
     animatedY: animatedYProp,
@@ -18,40 +22,52 @@ export default function Slide(props) {
     style,
     ...otherProps
   } = props;
-  const window = useWindowDimensions();
-  const y = Animated.useSharedValue(window.height);
+  const y = useAnimatedValue(getDisappearingOffsetY());
   const animatedY = animatedYProp || y;
-  const animatedStyle = Animated.useAnimatedStyle(() => ({
+  const animatedStyle = {
     transform: [{
-      translateY: animatedY.value
+      translateY: animatedY
     }]
-  }));
-  React.useEffect(() => {
+  };
+  useEffect(() => {
     if (appear) {
-      const enterConfig = {
-        duration: enterDuration,
-        easing: Easing.out(Easing.exp)
-      };
       onEnter === null || onEnter === void 0 ? void 0 : onEnter();
-      animatedY.value = Animated.withTiming(0, enterConfig, isFinished => {
-        if (isFinished && onEntered) {
-          Animated.runOnJS(onEntered)();
+      const toValue = 0;
+      Animated.timing(animatedY, {
+        toValue,
+        duration: enterDuration,
+        easing: Platform.OS === 'web' ? Easing.bezier(0.16, 1, 0.3, 1) : Easing.out(Easing.exp),
+        useNativeDriver: isNotAndroid12
+      }).start(_ref => {
+        let {
+          finished
+        } = _ref;
+
+        if (finished && onEntered) {
+          onEntered();
         }
       });
     } else {
-      const exitConfig = {
-        duration: exitDuration,
-        easing: Easing.in(Easing.ease)
-      };
       onExit === null || onExit === void 0 ? void 0 : onExit();
-      animatedY.value = Animated.withTiming(window.height, exitConfig, isFinished => {
-        if (isFinished && onExited) {
-          Animated.runOnJS(onExited)();
+      const toValue = getDisappearingOffsetY();
+      Animated.timing(animatedY, {
+        toValue,
+        duration: exitDuration,
+        easing: Easing.in(Easing.ease),
+        useNativeDriver: isNotAndroid12
+      }).start(_ref2 => {
+        let {
+          finished
+        } = _ref2;
+
+        if (finished && onExited) {
+          onExited();
         }
       });
     }
   }, [appear, onEnter, onEntered, onExit, onExited]);
   return /*#__PURE__*/React.createElement(Animated.View, _extends({
+    pointerEvents: 'box-none',
     style: [animatedStyle, style]
   }, otherProps));
 }

package/build/module/Slide/Slide.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Slide.tsx"],"names":["React","useWindowDimensions","Animated","Easing","defaultEnterDuration","defaultExitDuration","Slide","props","animatedY","animatedYProp","appear","enterDuration","exitDuration","onEnter","onEntered","onExit","onExited","style","otherProps","window","y","useSharedValue","height","animatedStyle","useAnimatedStyle","transform","translateY","value","useEffect","enterConfig","duration","easing","out","exp","withTiming","isFinished","runOnJS","exitConfig","in","ease"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,mBAAT,QAAoC,cAApC;AACA,OAAOC,QAAP,IAAmBC,MAAnB,QAAiC,yBAAjC;AAGA,MAAMC,oBAAoB,GAAG,GAA7B;AACA,MAAMC,mBAAmB,GAAG,GAA5B;AAEA,eAAe,SAASC,KAAT,CAAeC,KAAf,EAAkC;AAC7C,QAAM;AACFC,IAAAA,SAAS,EAAEC,aADT;AAEFC,IAAAA,MAFE;AAGFC,IAAAA,aAAa,GAAGP,oBAHd;AAIFQ,IAAAA,YAAY,GAAGP,mBAJb;AAKFQ,IAAAA,OALE;AAMFC,IAAAA,SANE;AAOFC,IAAAA,MAPE;AAQFC,IAAAA,QARE;AASFC,IAAAA,KATE;AAUF,OAAGC;AAVD,MAWFX,KAXJ;AAaA,QAAMY,MAAM,GAAGlB,mBAAmB,EAAlC;AAEA,QAAMmB,CAAC,GAAGlB,QAAQ,CAACmB,cAAT,CAAwBF,MAAM,CAACG,MAA/B,CAAV;AACA,QAAMd,SAAS,GAAGC,aAAa,IAAIW,CAAnC;AAEA,QAAMG,aAAa,GAAGrB,QAAQ,CAACsB,gBAAT,CAA0B,OAAO;AACnDC,IAAAA,SAAS,EAAE,CAAC;AAAEC,MAAAA,UAAU,EAAElB,SAAS,CAACmB;AAAxB,KAAD;AADwC,GAAP,CAA1B,CAAtB;AAIA3B,EAAAA,KAAK,CAAC4B,SAAN,CAAgB,MAAM;AAClB,QAAIlB,MAAJ,EAAY;AACR,YAAMmB,WAAsC,GAAG;AAC3CC,QAAAA,QAAQ,EAAEnB,aADiC;AAE3CoB,QAAAA,MAAM,EAAE5B,MAAM,CAAC6B,GAAP,CAAW7B,MAAM,CAAC8B,GAAlB;AAFmC,OAA/C;AAKApB,MAAAA,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO;AAEPL,MAAAA,SAAS,CAACmB,KAAV,GAAkBzB,QAAQ,CAACgC,UAAT,CAAoB,CAApB,EAAuBL,WAAvB,EAAoCM,UAAU,IAAI;AAChE,YAAIA,UAAU,IAAIrB,SAAlB,EAA6B;AACzBZ,UAAAA,QAAQ,CAACkC,OAAT,CAAiBtB,SAAjB;AACH;AACJ,OAJiB,CAAlB;AAKH,KAbD,MAaO;AACH,YAAMuB,UAAqC,GAAG;AAC1CP,QAAAA,QAAQ,EAAElB,YADgC;AAE1CmB,QAAAA,MAAM,EAAE5B,MAAM,CAACmC,EAAP,CAAUnC,MAAM,CAACoC,IAAjB;AAFkC,OAA9C;AAKAxB,MAAAA,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM;AAENP,MAAAA,SAAS,CAACmB,KAAV,GAAkBzB,QAAQ,CAACgC,UAAT,CAAoBf,MAAM,CAACG,MAA3B,EAAmCe,UAAnC,EAA+CF,UAAU,IAAI;AAC3E,YAAIA,UAAU,IAAInB,QAAlB,EAA4B;AACxBd,UAAAA,QAAQ,CAACkC,OAAT,CAAiBpB,QAAjB;AACH;AACJ,OAJiB,CAAlB;AAKH;AACJ,GA5BD,EA4BG,CAACN,MAAD,EAASG,OAAT,EAAkBC,SAAlB,EAA6BC,MAA7B,EAAqCC,QAArC,CA5BH;AA8BA,sBACI,oBAAC,QAAD,CAAU,IAAV;AACI,IAAA,KAAK,EAAE,CACHO,aADG,EAEHN,KAFG;AADX,KAKQC,UALR,EADJ;AASH;AAAA","sourcesContent":["import React from 'react';\nimport { useWindowDimensions } from 'react-native';\nimport Animated, { Easing } from 'react-native-reanimated';\nimport type SlideProps from './SlideProps';\n\nconst defaultEnterDuration = 300;\nconst defaultExitDuration = 300;\n\nexport default function Slide(props: SlideProps) {\n    const {\n        animatedY: animatedYProp,\n        appear,\n        enterDuration = defaultEnterDuration,\n        exitDuration = defaultExitDuration,\n        onEnter,\n        onEntered,\n        onExit,\n        onExited,\n        style,\n        ...otherProps\n    } = props;\n\n    const window = useWindowDimensions();\n\n    const y = Animated.useSharedValue(window.height);\n    const animatedY = animatedYProp || y;\n\n    const animatedStyle = Animated.useAnimatedStyle(() => ({\n        transform: [{ translateY: animatedY.value }],\n    }));\n\n    React.useEffect(() => {\n        if (appear) {\n            const enterConfig: Animated.WithTimingConfig = {\n                duration: enterDuration,\n                easing: Easing.out(Easing.exp),\n            };\n\n            onEnter?.();\n\n            animatedY.value = Animated.withTiming(0, enterConfig, isFinished => {\n                if (isFinished && onEntered) {\n                    Animated.runOnJS(onEntered)();\n                }\n            });\n        } else {\n            const exitConfig: Animated.WithTimingConfig = {\n                duration: exitDuration,\n                easing: Easing.in(Easing.ease),\n            };\n\n            onExit?.();\n\n            animatedY.value = Animated.withTiming(window.height, exitConfig, isFinished => {\n                if (isFinished && onExited) {\n                    Animated.runOnJS(onExited)();\n                }\n            });\n        }\n    }, [appear, onEnter, onEntered, onExit, onExited]);\n\n    return (\n        <Animated.View\n            style={[\n                animatedStyle,\n                style,\n            ]}\n            {...otherProps}\n        />\n    );\n};\n"]}
+{"version":3,"names":["React","useEffect","Animated","Dimensions","Easing","Platform","useAnimatedValue","isNotAndroid12","defaultEnterDuration","defaultExitDuration","getDisappearingOffsetY","get","height","Slide","props","animatedY","animatedYProp","appear","enterDuration","exitDuration","onEnter","onEntered","onExit","onExited","style","otherProps","y","animatedStyle","transform","translateY","toValue","timing","duration","easing","OS","bezier","out","exp","useNativeDriver","start","finished","in","ease"],"sources":["Slide.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Animated, Dimensions, Easing, Platform } from 'react-native';\nimport { useAnimatedValue } from '../hooks';\nimport { isNotAndroid12 } from '../utils';\n\nimport type SlideProps from './SlideProps';\n\nconst defaultEnterDuration = 300;\nconst defaultExitDuration = 300;\n\nconst getDisappearingOffsetY = (): number => Dimensions.get('window').height;\n\nexport default function Slide(props: SlideProps) {\n    const {\n        animatedY: animatedYProp,\n        appear,\n        enterDuration = defaultEnterDuration,\n        exitDuration = defaultExitDuration,\n        onEnter,\n        onEntered,\n        onExit,\n        onExited,\n        style,\n        ...otherProps\n    } = props;\n\n    const y = useAnimatedValue(getDisappearingOffsetY());\n    const animatedY = animatedYProp || y;\n\n    const animatedStyle = {\n        transform: [{ translateY: animatedY }],\n    };\n\n    useEffect(() => {\n        if (appear) {\n            onEnter?.();\n\n            const toValue = 0;\n            Animated.timing(animatedY, {\n                toValue,\n                duration: enterDuration,\n                easing: Platform.OS === 'web'\n                    ? Easing.bezier(0.16, 1, 0.3, 1)\n                    : Easing.out(Easing.exp),\n                useNativeDriver: isNotAndroid12,\n            }).start(({ finished }) => {\n                if (finished && onEntered) {\n                    onEntered();\n                }\n            });\n        } else {\n            onExit?.();\n\n            const toValue = getDisappearingOffsetY();\n            Animated.timing(animatedY, {\n                toValue,\n                duration: exitDuration,\n                easing: Easing.in(Easing.ease),\n                useNativeDriver: isNotAndroid12,\n            }).start(({ finished }) => {\n                if (finished && onExited) {\n                    onExited();\n                }\n            });\n        }\n    }, [appear, onEnter, onEntered, onExit, onExited]);\n\n    return (\n        <Animated.View\n            pointerEvents={'box-none'}\n            style={[\n                animatedStyle,\n                style,\n            ]}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,SAASC,QAAT,EAAmBC,UAAnB,EAA+BC,MAA/B,EAAuCC,QAAvC,QAAuD,cAAvD;AACA,SAASC,gBAAT,QAAiC,UAAjC;AACA,SAASC,cAAT,QAA+B,UAA/B;AAIA,MAAMC,oBAAoB,GAAG,GAA7B;AACA,MAAMC,mBAAmB,GAAG,GAA5B;;AAEA,MAAMC,sBAAsB,GAAG,MAAcP,UAAU,CAACQ,GAAX,CAAe,QAAf,EAAyBC,MAAtE;;AAEA,eAAe,SAASC,KAAT,CAAeC,KAAf,EAAkC;EAC7C,MAAM;IACFC,SAAS,EAAEC,aADT;IAEFC,MAFE;IAGFC,aAAa,GAAGV,oBAHd;IAIFW,YAAY,GAAGV,mBAJb;IAKFW,OALE;IAMFC,SANE;IAOFC,MAPE;IAQFC,QARE;IASFC,KATE;IAUF,GAAGC;EAVD,IAWFX,KAXJ;EAaA,MAAMY,CAAC,GAAGpB,gBAAgB,CAACI,sBAAsB,EAAvB,CAA1B;EACA,MAAMK,SAAS,GAAGC,aAAa,IAAIU,CAAnC;EAEA,MAAMC,aAAa,GAAG;IAClBC,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAEd;IAAd,CAAD;EADO,CAAtB;EAIAd,SAAS,CAAC,MAAM;IACZ,IAAIgB,MAAJ,EAAY;MACRG,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO;MAEP,MAAMU,OAAO,GAAG,CAAhB;MACA5B,QAAQ,CAAC6B,MAAT,CAAgBhB,SAAhB,EAA2B;QACvBe,OADuB;QAEvBE,QAAQ,EAAEd,aAFa;QAGvBe,MAAM,EAAE5B,QAAQ,CAAC6B,EAAT,KAAgB,KAAhB,GACF9B,MAAM,CAAC+B,MAAP,CAAc,IAAd,EAAoB,CAApB,EAAuB,GAAvB,EAA4B,CAA5B,CADE,GAEF/B,MAAM,CAACgC,GAAP,CAAWhC,MAAM,CAACiC,GAAlB,CALiB;QAMvBC,eAAe,EAAE/B;MANM,CAA3B,EAOGgC,KAPH,CAOS,QAAkB;QAAA,IAAjB;UAAEC;QAAF,CAAiB;;QACvB,IAAIA,QAAQ,IAAInB,SAAhB,EAA2B;UACvBA,SAAS;QACZ;MACJ,CAXD;IAYH,CAhBD,MAgBO;MACHC,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM;MAEN,MAAMQ,OAAO,GAAGpB,sBAAsB,EAAtC;MACAR,QAAQ,CAAC6B,MAAT,CAAgBhB,SAAhB,EAA2B;QACvBe,OADuB;QAEvBE,QAAQ,EAAEb,YAFa;QAGvBc,MAAM,EAAE7B,MAAM,CAACqC,EAAP,CAAUrC,MAAM,CAACsC,IAAjB,CAHe;QAIvBJ,eAAe,EAAE/B;MAJM,CAA3B,EAKGgC,KALH,CAKS,SAAkB;QAAA,IAAjB;UAAEC;QAAF,CAAiB;;QACvB,IAAIA,QAAQ,IAAIjB,QAAhB,EAA0B;UACtBA,QAAQ;QACX;MACJ,CATD;IAUH;EACJ,CAhCQ,EAgCN,CAACN,MAAD,EAASG,OAAT,EAAkBC,SAAlB,EAA6BC,MAA7B,EAAqCC,QAArC,CAhCM,CAAT;EAkCA,oBACI,oBAAC,QAAD,CAAU,IAAV;IACI,aAAa,EAAE,UADnB;IAEI,KAAK,EAAE,CACHI,aADG,EAEHH,KAFG;EAFX,GAMQC,UANR,EADJ;AAUH;AAAA"}

package/build/module/Slide/SlideProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["SlideProps.ts"],"sourcesContent":["import React from 'react';\nimport type { Animated, ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface SlideProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * y value for animating.\n     */\n    animatedY?: Animated.Value;\n\n    /**\n     * If `true`, the component will transition in.\n     */\n    appear: boolean;\n\n    /**\n     * The number of milliseconds to enter animation.\n     * @default 300\n     */\n    enterDuration?: number;\n\n    /**\n     * The number of milliseconds to exit animation.\n     * @default 300\n     */\n    exitDuration?: number;\n\n    /**\n     * The content of the component.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * Callback fired when the enter transition will start.\n     */\n    onEnter?: () => void,\n\n    /**\n     * Callback fired when the enter transition is completed.\n     */\n    onEntered?: () => void,\n\n    /**\n     * Callback fired when the exit transition will start.\n     */\n    onExit?: () => void,\n\n    /**\n     * Callback fired when the exit transition is completed.\n     */\n    onExited?: () => void,\n}> {}\n"],"mappings":""}

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

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

package/build/module/Slider/Slider.js

@@ -1,4 +1,4 @@
-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); }
 
 import React from 'react';
 import { Platform } from 'react-native';

package/build/module/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Slider.tsx"],"names":["React","Platform","RNSlider","useTheme","forwardRef","Slider","props","ref","disabled","step","minimumValue","maximumValue","onSlidingComplete","onValueChange","value","style","otherProps","theme","platformStyle","select","ios","marginLeft","spacing","marginRight","android","commonStyle","height","minimumTrackTintColor","palette","primary","main","maximumTrackTintColor","tertiary","thumbTintColor","OS","undefined","require"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,OAAOC,QAAP,MAAqB,gCAArB;AACA,SAASC,QAAT,QAAyB,WAAzB;AAGA,4BAAeH,KAAK,CAACI,UAAN,CAAwC,SAASC,MAAT,CAAgBC,KAAhB,EAAuBC,GAAvB,EAA4B;AAC/E,QAAM;AACFC,IAAAA,QAAQ,GAAG,KADT;AAEFC,IAAAA,IAAI,GAAG,CAFL;AAGFC,IAAAA,YAAY,GAAG,CAHb;AAIFC,IAAAA,YAAY,GAAG,CAJb;AAKFC,IAAAA,iBALE;AAMFC,IAAAA,aANE;AAOFC,IAAAA,KAAK,GAAG,CAPN;AAQFC,IAAAA,KARE;AASF,OAAGC;AATD,MAUFV,KAVJ;AAYA,QAAMW,KAAK,GAAGd,QAAQ,EAAtB;AACA,QAAMe,aAAa,GAAGjB,QAAQ,CAACkB,MAAT,CAAgB;AAClCC,IAAAA,GAAG,EAAE;AACDC,MAAAA,UAAU,EAAE,CAACJ,KAAK,CAACK,OAAN,CAAc,CAAd,CADZ;AAEDC,MAAAA,WAAW,EAAE,CAACN,KAAK,CAACK,OAAN,CAAc,CAAd;AAFb,KAD6B;AAKlCE,IAAAA,OAAO,EAAE;AACLH,MAAAA,UAAU,EAAE,CAACJ,KAAK,CAACK,OAAN,CAAc,CAAd,CADR;AAELC,MAAAA,WAAW,EAAE,CAACN,KAAK,CAACK,OAAN,CAAc,CAAd;AAFT;AALyB,GAAhB,CAAtB;AAUA,QAAMG,WAAW,GAAG;AAChBC,IAAAA,MAAM,EAAE;AADQ,GAApB;AAIA,QAAMC,qBAAqB,GAAGV,KAAK,CAACW,OAAN,CAAcC,OAAd,CAAsBC,IAApD;AACA,QAAMC,qBAAqB,GAAGd,KAAK,CAACW,OAAN,CAAcI,QAAd,CAAuBF,IAArD;AACA,QAAMG,cAAc,GAAGhC,QAAQ,CAACiC,EAAT,KAAgB,SAAhB,GAA4BjB,KAAK,CAACW,OAAN,CAAcC,OAAd,CAAsBC,IAAlD,GAAyDK,SAAhF;AAEA,sBACI,oBAAC,QAAD;AACI,IAAA,QAAQ,EAAE3B,QADd;AAEI,IAAA,YAAY,EAAEG,YAFlB;AAGI,IAAA,qBAAqB,EAAEoB,qBAH3B;AAII,IAAA,YAAY,EAAErB,YAJlB;AAKI,IAAA,qBAAqB,EAAEiB,qBAL3B;AAMI,IAAA,iBAAiB,EAAEf,iBANvB;AAOI,IAAA,aAAa,EAAEC,aAPnB,CAQI;AARJ;AASI,IAAA,GAAG,EAAEN,GATT;AAUI,IAAA,IAAI,EAAEE,IAVV;AAWI,IAAA,cAAc,EAAEwB,cAXpB;AAYI,IAAA,KAAK,EAAEnB,KAZX;AAaI,IAAA,KAAK,EAAE,CAACI,aAAD,EAAgBO,WAAhB,EAA6BV,KAA7B,CAbX;AAcI,IAAA,UAAU,EAAEqB,OAAO,CAAC,sBAAD,CAdvB;AAeI,IAAA,iBAAiB,EAAEA,OAAO,CAAC,2BAAD,CAf9B;AAgBI,IAAA,iBAAiB,EAAEA,OAAO,CAAC,2BAAD;AAhB9B,KAiBQpB,UAjBR,EADJ;AAqBH,CArDc,CAAf","sourcesContent":["import React from 'react';\nimport { Platform } from 'react-native';\nimport RNSlider from '@react-native-community/slider';\nimport { useTheme } from '../styles';\nimport type SliderProps from './SliderProps';\n\nexport default React.forwardRef<RNSlider, SliderProps>(function Slider(props, ref) {\n    const {\n        disabled = false,\n        step = 0,\n        minimumValue = 0,\n        maximumValue = 1,\n        onSlidingComplete,\n        onValueChange,\n        value = 0,\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n    const platformStyle = Platform.select({\n        ios: {\n            marginLeft: -theme.spacing(1),\n            marginRight: -theme.spacing(1),\n        },\n        android: {\n            marginLeft: -theme.spacing(4),\n            marginRight: -theme.spacing(4),\n        },\n    });\n    const commonStyle = {\n        height: 18,\n    };\n\n    const minimumTrackTintColor = theme.palette.primary.main;\n    const maximumTrackTintColor = theme.palette.tertiary.main;\n    const thumbTintColor = Platform.OS === 'android' ? theme.palette.primary.main : undefined;\n\n    return (\n        <RNSlider\n            disabled={disabled}\n            maximumValue={maximumValue}\n            maximumTrackTintColor={maximumTrackTintColor}\n            minimumValue={minimumValue}\n            minimumTrackTintColor={minimumTrackTintColor}\n            onSlidingComplete={onSlidingComplete}\n            onValueChange={onValueChange}\n            //@ts-ignore\n            ref={ref}\n            step={step}\n            thumbTintColor={thumbTintColor}\n            value={value}\n            style={[platformStyle, commonStyle, style]}\n            thumbImage={require('./resources/knob.png')}\n            minimumTrackImage={require('./resources/min-track.png')}\n            maximumTrackImage={require('./resources/max-track.png')}\n            {...otherProps}\n        />\n    );\n});\n"]}
+{"version":3,"names":["React","Platform","RNSlider","useTheme","forwardRef","Slider","props","ref","disabled","step","minimumValue","maximumValue","onSlidingComplete","onValueChange","value","style","otherProps","theme","platformStyle","select","ios","marginLeft","spacing","marginRight","android","commonStyle","height","minimumTrackTintColor","palette","primary","main","maximumTrackTintColor","tertiary","thumbTintColor","OS","undefined","require"],"sources":["Slider.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform } from 'react-native';\nimport RNSlider from '@react-native-community/slider';\nimport { useTheme } from '../styles';\nimport type SliderProps from './SliderProps';\n\nexport default React.forwardRef<RNSlider, SliderProps>(function Slider(props, ref) {\n    const {\n        disabled = false,\n        step = 0,\n        minimumValue = 0,\n        maximumValue = 1,\n        onSlidingComplete,\n        onValueChange,\n        value = 0,\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n    const platformStyle = Platform.select({\n        ios: {\n            marginLeft: -theme.spacing(1),\n            marginRight: -theme.spacing(1),\n        },\n        android: {\n            marginLeft: -theme.spacing(4),\n            marginRight: -theme.spacing(4),\n        },\n    });\n    const commonStyle = {\n        height: 18,\n    };\n\n    const minimumTrackTintColor = theme.palette.primary.main;\n    const maximumTrackTintColor = theme.palette.tertiary.main;\n    const thumbTintColor = Platform.OS === 'android' ? theme.palette.primary.main : undefined;\n\n    return (\n        <RNSlider\n            disabled={disabled}\n            maximumValue={maximumValue}\n            maximumTrackTintColor={maximumTrackTintColor}\n            minimumValue={minimumValue}\n            minimumTrackTintColor={minimumTrackTintColor}\n            onSlidingComplete={onSlidingComplete}\n            onValueChange={onValueChange}\n            //@ts-ignore\n            ref={ref}\n            step={step}\n            thumbTintColor={thumbTintColor}\n            value={value}\n            style={[platformStyle, commonStyle, style]}\n            thumbImage={require('./resources/knob.png')}\n            minimumTrackImage={require('./resources/min-track.png')}\n            maximumTrackImage={require('./resources/max-track.png')}\n            {...otherProps}\n        />\n    );\n});\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,OAAOC,QAAP,MAAqB,gCAArB;AACA,SAASC,QAAT,QAAyB,WAAzB;AAGA,4BAAeH,KAAK,CAACI,UAAN,CAAwC,SAASC,MAAT,CAAgBC,KAAhB,EAAuBC,GAAvB,EAA4B;EAC/E,MAAM;IACFC,QAAQ,GAAG,KADT;IAEFC,IAAI,GAAG,CAFL;IAGFC,YAAY,GAAG,CAHb;IAIFC,YAAY,GAAG,CAJb;IAKFC,iBALE;IAMFC,aANE;IAOFC,KAAK,GAAG,CAPN;IAQFC,KARE;IASF,GAAGC;EATD,IAUFV,KAVJ;EAYA,MAAMW,KAAK,GAAGd,QAAQ,EAAtB;EACA,MAAMe,aAAa,GAAGjB,QAAQ,CAACkB,MAAT,CAAgB;IAClCC,GAAG,EAAE;MACDC,UAAU,EAAE,CAACJ,KAAK,CAACK,OAAN,CAAc,CAAd,CADZ;MAEDC,WAAW,EAAE,CAACN,KAAK,CAACK,OAAN,CAAc,CAAd;IAFb,CAD6B;IAKlCE,OAAO,EAAE;MACLH,UAAU,EAAE,CAACJ,KAAK,CAACK,OAAN,CAAc,CAAd,CADR;MAELC,WAAW,EAAE,CAACN,KAAK,CAACK,OAAN,CAAc,CAAd;IAFT;EALyB,CAAhB,CAAtB;EAUA,MAAMG,WAAW,GAAG;IAChBC,MAAM,EAAE;EADQ,CAApB;EAIA,MAAMC,qBAAqB,GAAGV,KAAK,CAACW,OAAN,CAAcC,OAAd,CAAsBC,IAApD;EACA,MAAMC,qBAAqB,GAAGd,KAAK,CAACW,OAAN,CAAcI,QAAd,CAAuBF,IAArD;EACA,MAAMG,cAAc,GAAGhC,QAAQ,CAACiC,EAAT,KAAgB,SAAhB,GAA4BjB,KAAK,CAACW,OAAN,CAAcC,OAAd,CAAsBC,IAAlD,GAAyDK,SAAhF;EAEA,oBACI,oBAAC,QAAD;IACI,QAAQ,EAAE3B,QADd;IAEI,YAAY,EAAEG,YAFlB;IAGI,qBAAqB,EAAEoB,qBAH3B;IAII,YAAY,EAAErB,YAJlB;IAKI,qBAAqB,EAAEiB,qBAL3B;IAMI,iBAAiB,EAAEf,iBANvB;IAOI,aAAa,EAAEC,aAPnB,CAQI;IARJ;IASI,GAAG,EAAEN,GATT;IAUI,IAAI,EAAEE,IAVV;IAWI,cAAc,EAAEwB,cAXpB;IAYI,KAAK,EAAEnB,KAZX;IAaI,KAAK,EAAE,CAACI,aAAD,EAAgBO,WAAhB,EAA6BV,KAA7B,CAbX;IAcI,UAAU,EAAEqB,OAAO,CAAC,sBAAD,CAdvB;IAeI,iBAAiB,EAAEA,OAAO,CAAC,2BAAD,CAf9B;IAgBI,iBAAiB,EAAEA,OAAO,CAAC,2BAAD;EAhB9B,GAiBQpB,UAjBR,EADJ;AAqBH,CArDc,CAAf"}

package/build/module/Slider/SliderProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["SliderProps.ts"],"sourcesContent":["import { SliderProps as RNSliderProps } from '@react-native-community/slider';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface SliderProps extends OverridableComponentProps<RNSliderProps, {\n    /**\n     * If true the user won't be able to move the slider.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Initial minimum value of the slider.\n     * @default 0\n     */\n    minimumValue?: number;\n\n    /**\n     * Initial maximum value of the slider.\n     * @default 1\n     */\n    maximumValue?: number;\n\n    /**\n     * Callback that is called when the user releases the slider, regardless if the value has changed.\n     */\n    onSlidingComplete?: (value: number) => void;\n\n    /**\n     * Callback continuously called while the user is dragging the slider.\n     */\n    onValueChange?: (value: number) => void;\n\n    /**\n     * Step value of the slider. The value should be between 0 and (maximumValue - minimumValue).\n     * @default 0\n     */\n    step?: number;\n\n    /**\n     * Initial value of the slider. The value should be between minimumValue and maximumValue.\n     * @default 0\n     */\n    value?: number;\n}> {}\n"],"mappings":""}

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

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

package/build/module/Snackbar/Snackbar.js

@@ -1,12 +1,15 @@
-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); }
 
-import React from 'react';
-import { View } from 'react-native';
+import React, { useEffect } from 'react';
+import { Animated, Easing } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { css } from '@fountain-ui/styles';
 import Slide from '../Slide';
 import SnackbarContent from '../SnackbarContent';
+import { useAnimatedValue } from '../hooks';
 import { useTheme } from '../styles';
+import { isNotAndroid12 } from '../utils';
+const fadeDuration = 300;
+const fadeAnimationDelay = 100;
 
 const useStyles = function () {
   const theme = useTheme();
@@ -33,6 +36,8 @@ export default function Snackbar(props) {
     autoHideDuration = null,
     children,
     message,
+    title,
+    startIcon,
     onActionPress,
     onClose,
     style,
@@ -65,19 +70,34 @@ export default function Snackbar(props) {
   }, [visible, autoHideDuration, onClose]);
   const styles = useStyles();
   const [exited, setExited] = React.useState(true);
+  const animatedOpacity = useAnimatedValue(0);
+  const animatedStyle = {
+    opacity: animatedOpacity
+  };
+  useEffect(() => {
+    Animated.timing(animatedOpacity, {
+      toValue: visible ? 1 : 0,
+      duration: fadeDuration,
+      delay: visible ? fadeAnimationDelay : 0,
+      easing: Easing.out(Easing.exp),
+      useNativeDriver: isNotAndroid12
+    }).start();
+  }, [visible]);
 
   if (!visible && exited) {
     return null;
   }
 
-  return /*#__PURE__*/React.createElement(View, _extends({
-    style: css([styles.root, style])
+  return /*#__PURE__*/React.createElement(Animated.View, _extends({
+    style: [animatedStyle, styles.root, style]
   }, otherProps), /*#__PURE__*/React.createElement(Slide, {
     animatedY: animatedY,
     appear: visible,
     onEnter: () => setExited(false),
     onExited: () => setExited(true)
   }, children ? children : /*#__PURE__*/React.createElement(SnackbarContent, {
+    title: title,
+    startIcon: startIcon,
     actionLabel: actionLabel,
     message: message,
     onActionPress: onActionPress

package/build/module/Snackbar/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Snackbar.tsx"],"names":["React","View","useSafeAreaInsets","css","Slide","SnackbarContent","useTheme","useStyles","theme","insets","root","alignSelf","bottom","spacing","maxWidth","paddingBottom","paddingHorizontal","position","width","zIndex","Snackbar","props","actionLabel","animatedY","autoHideDuration","children","message","onActionPress","onClose","style","visible","otherProps","autoHideTimer","useRef","clearAutoHideTimeout","current","clearTimeout","useEffect","setTimeout","styles","exited","setExited","useState"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { css, NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Slide from '../Slide';\nimport SnackbarContent from '../SnackbarContent';\nimport { useTheme } from '../styles';\nimport type SnackbarProps from './SnackbarProps';\n\ntype SnackBarStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<SnackBarStyles> = function (): SnackBarStyles {\n    const theme = useTheme();\n    const insets = useSafeAreaInsets();\n\n    return {\n        root: {\n            alignSelf: 'center',\n            bottom: theme.spacing(2),\n            maxWidth: 480,\n            paddingBottom: insets.bottom,\n            paddingHorizontal: theme.spacing(2),\n            position: 'absolute',\n            width: '100%',\n            // TODO: Need to remove zIndex.\n            zIndex: 32,\n        },\n    };\n};\n\nexport default function Snackbar(props: SnackbarProps) {\n    const {\n        actionLabel,\n        animatedY,\n        autoHideDuration = null,\n        children,\n        message,\n        onActionPress,\n        onClose,\n        style,\n        visible = false,\n        ...otherProps\n    } = props;\n\n    const autoHideTimer = React.useRef<number | null>(null);\n\n    const clearAutoHideTimeout = () => {\n        if (autoHideTimer.current !== null) {\n            clearTimeout(autoHideTimer.current);\n        }\n    };\n\n    React.useEffect(() => {\n        return () => {\n            clearAutoHideTimeout();\n        };\n    }, []);\n\n    React.useEffect(() => {\n        if (visible && autoHideDuration !== null) {\n            clearAutoHideTimeout();\n\n            // @ts-ignore\n            autoHideTimer.current = setTimeout(() => {\n                if (onClose) {\n                    onClose();\n                }\n            }, autoHideDuration);\n        }\n    }, [visible, autoHideDuration, onClose]);\n\n    const styles = useStyles();\n\n    const [exited, setExited] = React.useState(true);\n\n    if (!visible && exited) {\n        return null;\n    }\n\n    return (\n        <View\n            style={css([\n                styles.root,\n                style,\n            ])}\n            {...otherProps}\n        >\n            <Slide\n                animatedY={animatedY}\n                appear={visible}\n                onEnter={() => setExited(false)}\n                onExited={() => setExited(true)}\n            >\n                {children ? children : (\n                    <SnackbarContent\n                        actionLabel={actionLabel}\n                        message={message}\n                        onActionPress={onActionPress}\n                    />\n                )}\n            </Slide>\n        </View>\n    );\n};\n"]}
+{"version":3,"names":["React","useEffect","Animated","Easing","useSafeAreaInsets","Slide","SnackbarContent","useAnimatedValue","useTheme","isNotAndroid12","fadeDuration","fadeAnimationDelay","useStyles","theme","insets","root","alignSelf","bottom","spacing","maxWidth","paddingBottom","paddingHorizontal","position","width","zIndex","Snackbar","props","actionLabel","animatedY","autoHideDuration","children","message","title","startIcon","onActionPress","onClose","style","visible","otherProps","autoHideTimer","useRef","clearAutoHideTimeout","current","clearTimeout","setTimeout","styles","exited","setExited","useState","animatedOpacity","animatedStyle","opacity","timing","toValue","duration","delay","easing","out","exp","useNativeDriver","start"],"sources":["Snackbar.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Animated, Easing } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport Slide from '../Slide';\nimport SnackbarContent from '../SnackbarContent';\nimport { useAnimatedValue } from '../hooks';\nimport { useTheme } from '../styles';\nimport { isNotAndroid12 } from '../utils';\nimport type SnackbarProps from './SnackbarProps';\n\ntype SnackBarStyles = NamedStylesStringUnion<'root'>;\n\nconst fadeDuration = 300;\nconst fadeAnimationDelay = 100;\n\nconst useStyles: UseStyles<SnackBarStyles> = function (): SnackBarStyles {\n    const theme = useTheme();\n    const insets = useSafeAreaInsets();\n\n    return {\n        root: {\n            alignSelf: 'center',\n            bottom: theme.spacing(2),\n            maxWidth: 480,\n            paddingBottom: insets.bottom,\n            paddingHorizontal: theme.spacing(2),\n            position: 'absolute',\n            width: '100%',\n            // TODO: Need to remove zIndex.\n            zIndex: 32,\n        },\n    };\n};\n\nexport default function Snackbar(props: SnackbarProps) {\n    const {\n        actionLabel,\n        animatedY,\n        autoHideDuration = null,\n        children,\n        message,\n        title,\n        startIcon,\n        onActionPress,\n        onClose,\n        style,\n        visible = false,\n        ...otherProps\n    } = props;\n\n    const autoHideTimer = React.useRef<number | null>(null);\n\n    const clearAutoHideTimeout = () => {\n        if (autoHideTimer.current !== null) {\n            clearTimeout(autoHideTimer.current);\n        }\n    };\n\n    React.useEffect(() => {\n        return () => {\n            clearAutoHideTimeout();\n        };\n    }, []);\n\n    React.useEffect(() => {\n        if (visible && autoHideDuration !== null) {\n            clearAutoHideTimeout();\n\n            // @ts-ignore\n            autoHideTimer.current = setTimeout(() => {\n                if (onClose) {\n                    onClose();\n                }\n            }, autoHideDuration);\n        }\n    }, [visible, autoHideDuration, onClose]);\n\n    const styles = useStyles();\n\n    const [exited, setExited] = React.useState(true);\n\n    const animatedOpacity = useAnimatedValue(0);\n\n    const animatedStyle = {\n        opacity: animatedOpacity,\n    };\n\n    useEffect(() => {\n        Animated.timing(animatedOpacity, {\n            toValue: visible ? 1 : 0,\n            duration: fadeDuration,\n            delay: visible ? fadeAnimationDelay : 0,\n            easing: Easing.out(Easing.exp),\n            useNativeDriver: isNotAndroid12,\n        }).start();\n    }, [visible]);\n\n    if (!visible && exited) {\n        return null;\n    }\n\n    return (\n        <Animated.View\n            style={[\n                animatedStyle,\n                styles.root,\n                style,\n            ]}\n            {...otherProps}\n        >\n            <Slide\n                animatedY={animatedY}\n                appear={visible}\n                onEnter={() => setExited(false)}\n                onExited={() => setExited(true)}\n            >\n                {children ? children : (\n                    <SnackbarContent\n                        title={title}\n                        startIcon={startIcon}\n                        actionLabel={actionLabel}\n                        message={message}\n                        onActionPress={onActionPress}\n                    />\n                )}\n            </Slide>\n        </Animated.View>\n    );\n};\n"],"mappings":"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"}

package/build/module/Snackbar/SnackbarProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["SnackbarProps.ts"],"sourcesContent":["import React from 'react';\n\nimport type { Animated, ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface SnackbarProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * The text to use for the action component.\n     */\n    actionLabel?: string;\n\n    /**\n     * y value for animating.\n     */\n    animatedY?: Animated.Value;\n\n    /**\n     * The number of milliseconds to wait before automatically calling the\n     * `onDismiss` function. `onDismiss` should then set the state of the `visible`\n     * prop to hide the `Snackbar`. This behavior is disabled by default with\n     * the `null` value.\n     * @default null\n     */\n    autoHideDuration?: number | null;\n\n    /**\n     * Replace the `SnackbarContent` component.\n     */\n    children?: React.ReactNode;\n\n    /**\n     * The message to display.\n     */\n    message?: string;\n\n    /**\n     * Callback fired when the action component pressed.\n     */\n    onActionPress?: () => void;\n\n    /**\n     * Callback fired when the component requests to be closed.\n     */\n    onClose?: () => void;\n\n    /**\n     * Element placed before the title and message.\n     */\n    startIcon?: React.ReactElement;\n\n    /**\n     * The title to display.\n     */\n    title?: string;\n\n    /**\n     * If `true`, `Snackbar` is shown.\n     * @default false\n     */\n    visible?: boolean;\n}> {}\n"],"mappings":""}

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

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

package/build/module/SnackbarContent/SnackbarContent.js

@@ -1,12 +1,15 @@
-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); }
 
 import React from 'react';
 import { Text } from 'react-native';
+import { lightTheme, darkTheme } from '@fountain-ui/styles';
 import { rgb } from '@fountain-ui/utils';
 import { createFontStyle, css, useTheme } from '../styles';
 import ButtonBase from '../ButtonBase';
+import Column from '../Column';
 import Paper from '../Paper';
 import Spacer from '../Spacer';
+import Typography from '../Typography';
 
 const useStyles = function () {
   const theme = useTheme();
@@ -14,15 +17,14 @@ const useStyles = function () {
   const [r, g, b] = React.useMemo(() => rgb(backgroundColor), [backgroundColor]);
   return {
     root: {
+      flexDirection: 'row',
+      alignItems: 'center',
       backgroundColor: `rgba(${r}, ${g}, ${b}, .9)`,
       borderRadius: theme.shape.roundness,
       paddingHorizontal: theme.spacing(4),
       paddingVertical: theme.spacing(3)
     },
     action: {
-      alignItems: 'center',
-      flexDirection: 'row',
-      justifyContent: 'space-between',
       paddingVertical: theme.spacing(2)
     }
   };
@@ -32,15 +34,21 @@ export default function SnackbarContent(props) {
   const {
     actionLabel,
     message,
+    title,
     onActionPress,
     style,
+    startIcon,
     ...otherProps
   } = props;
   const styles = useStyles();
   const theme = useTheme();
+  const titleFontStyle = createFontStyle(theme, {
+    selector: typo => typo.subtitle2,
+    color: theme.mode === 'light' ? lightTheme.palette.primary.contrastTextColor : lightTheme.palette.primary.main
+  });
   const messageFontStyle = createFontStyle(theme, {
     selector: typo => typo.body2,
-    color: theme.palette.primary.contrastTextColor
+    color: title ? theme.mode === 'light' ? darkTheme.palette.text.secondary : lightTheme.palette.text.secondary : theme.palette.primary.contrastTextColor
   });
   const labelFontStyle = createFontStyle(theme, {
     selector: typo => typo.button2,
@@ -52,10 +60,17 @@ export default function SnackbarContent(props) {
   return /*#__PURE__*/React.createElement(Paper, _extends({
     elevation: 0,
     style: css([styles.root, actionLabel ? styles.action : undefined, style])
-  }, otherProps), /*#__PURE__*/React.createElement(Text, {
+  }, otherProps), startIcon ? /*#__PURE__*/React.createElement(React.Fragment, null, startIcon, /*#__PURE__*/React.createElement(Spacer, {
+    size: 3
+  })) : null, /*#__PURE__*/React.createElement(Column, null, title ? /*#__PURE__*/React.createElement(Typography, {
+    children: title,
+    style: css([titleFontStyle])
+  }) : null, /*#__PURE__*/React.createElement(Text, {
     children: message,
     style: css([messageFontStyle])
-  }), actionLabel ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Spacer, {
+  })), actionLabel ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Spacer, {
+    flex: 1
+  }), /*#__PURE__*/React.createElement(Spacer, {
     size: 1
   }), /*#__PURE__*/React.createElement(ButtonBase, {
     onPress: onActionPress,

package/build/module/SnackbarContent/SnackbarContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SnackbarContent.tsx"],"names":["React","Text","rgb","createFontStyle","css","useTheme","ButtonBase","Paper","Spacer","useStyles","theme","backgroundColor","palette","primary","main","r","g","b","useMemo","root","borderRadius","shape","roundness","paddingHorizontal","spacing","paddingVertical","action","alignItems","flexDirection","justifyContent","SnackbarContent","props","actionLabel","message","onActionPress","style","otherProps","styles","messageFontStyle","selector","typo","body2","color","contrastTextColor","labelFontStyle","button2","labelStyle","padding","undefined"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { rgb } from '@fountain-ui/utils';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport ButtonBase from '../ButtonBase';\nimport Paper from '../Paper';\nimport Spacer from '../Spacer';\nimport type SnackbarContentProps from './SnackbarContentProps';\n\ntype SnackBarContentStyles = NamedStylesStringUnion<'root' | 'action'>;\n\nconst useStyles: UseStyles<SnackBarContentStyles> = function (): SnackBarContentStyles {\n    const theme = useTheme();\n\n    const backgroundColor = theme.palette.primary.main;\n    const [r, g, b] = React.useMemo(() => rgb(backgroundColor), [backgroundColor]);\n\n    return {\n        root: {\n            backgroundColor: `rgba(${r}, ${g}, ${b}, .9)`,\n            borderRadius: theme.shape.roundness,\n            paddingHorizontal: theme.spacing(4),\n            paddingVertical: theme.spacing(3),\n        },\n        action: {\n            alignItems: 'center',\n            flexDirection: 'row',\n            justifyContent: 'space-between',\n            paddingVertical: theme.spacing(2),\n        },\n    };\n};\n\nexport default function SnackbarContent(props: SnackbarContentProps) {\n    const {\n        actionLabel,\n        message,\n        onActionPress,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const theme = useTheme();\n\n    const messageFontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.body2,\n        color: theme.palette.primary.contrastTextColor,\n    });\n\n    const labelFontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.button2,\n        color: theme.palette.primary.contrastTextColor,\n    });\n\n    const labelStyle = css([\n        labelFontStyle,\n        { padding: theme.spacing(2) },\n    ]);\n\n    return (\n        <Paper\n            elevation={0}\n            style={css([\n                styles.root,\n                actionLabel ? styles.action : undefined,\n                style,\n            ])}\n            {...otherProps}\n        >\n            <Text\n                children={message}\n                style={css([\n                    messageFontStyle,\n                ])}\n            />\n\n            {actionLabel ? (\n                <React.Fragment>\n                    <Spacer size={1}/>\n\n                    <ButtonBase\n                        onPress={onActionPress}\n                        pressEffect={'none'}\n                    >\n                        <Text\n                            children={actionLabel}\n                            style={labelStyle}\n                        />\n                    </ButtonBase>\n                </React.Fragment>\n            ) : null}\n        </Paper>\n    );\n};\n"]}
+{"version":3,"names":["React","Text","lightTheme","darkTheme","rgb","createFontStyle","css","useTheme","ButtonBase","Column","Paper","Spacer","Typography","useStyles","theme","backgroundColor","palette","primary","main","r","g","b","useMemo","root","flexDirection","alignItems","borderRadius","shape","roundness","paddingHorizontal","spacing","paddingVertical","action","SnackbarContent","props","actionLabel","message","title","onActionPress","style","startIcon","otherProps","styles","titleFontStyle","selector","typo","subtitle2","color","mode","contrastTextColor","messageFontStyle","body2","text","secondary","labelFontStyle","button2","labelStyle","padding","undefined"],"sources":["SnackbarContent.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { lightTheme, darkTheme } from '@fountain-ui/styles';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { rgb } from '@fountain-ui/utils';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport ButtonBase from '../ButtonBase';\nimport Column from '../Column';\nimport Paper from '../Paper';\nimport Spacer from '../Spacer';\nimport Typography from '../Typography';\nimport type SnackbarContentProps from './SnackbarContentProps';\n\ntype SnackBarContentStyles = NamedStylesStringUnion<'root' | 'action'>;\n\nconst useStyles: UseStyles<SnackBarContentStyles> = function (): SnackBarContentStyles {\n    const theme = useTheme();\n\n    const backgroundColor = theme.palette.primary.main;\n    const [r, g, b] = React.useMemo(() => rgb(backgroundColor), [backgroundColor]);\n\n    return {\n        root: {\n            flexDirection: 'row',\n            alignItems: 'center',\n            backgroundColor: `rgba(${r}, ${g}, ${b}, .9)`,\n            borderRadius: theme.shape.roundness,\n            paddingHorizontal: theme.spacing(4),\n            paddingVertical: theme.spacing(3),\n        },\n        action: {\n            paddingVertical: theme.spacing(2),\n        },\n    };\n};\n\nexport default function SnackbarContent(props: SnackbarContentProps) {\n    const {\n        actionLabel,\n        message,\n        title,\n        onActionPress,\n        style,\n        startIcon,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const theme = useTheme();\n\n    const titleFontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.subtitle2,\n        color: theme.mode === 'light'\n            ? lightTheme.palette.primary.contrastTextColor\n            : lightTheme.palette.primary.main,\n    });\n\n    const messageFontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.body2,\n        color: title\n            ? theme.mode === 'light'\n                ? darkTheme.palette.text.secondary\n                : lightTheme.palette.text.secondary\n            : theme.palette.primary.contrastTextColor,\n    });\n\n    const labelFontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.button2,\n        color: theme.palette.primary.contrastTextColor,\n    });\n\n    const labelStyle = css([\n        labelFontStyle,\n        { padding: theme.spacing(2) },\n    ]);\n\n    return (\n        <Paper\n            elevation={0}\n            style={css([\n                styles.root,\n                actionLabel ? styles.action : undefined,\n                style,\n            ])}\n            {...otherProps}\n        >\n            {startIcon ? (\n                <React.Fragment>\n                    {startIcon}\n\n                    <Spacer size={3}/>\n                </React.Fragment>\n            ) : null}\n\n            <Column>\n                {title ? (\n                    <Typography\n                        children={title}\n                        style={css([titleFontStyle])}\n                    />\n                ) : null}\n\n                <Text\n                    children={message}\n                    style={css([messageFontStyle])}\n                />\n            </Column>\n\n            {actionLabel ? (\n                <React.Fragment>\n                    <Spacer flex={1}/>\n\n                    <Spacer size={1}/>\n\n                    <ButtonBase\n                        onPress={onActionPress}\n                        pressEffect={'none'}\n                    >\n                        <Text\n                            children={actionLabel}\n                            style={labelStyle}\n                        />\n                    </ButtonBase>\n                </React.Fragment>\n            ) : null}\n        </Paper>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,UAAT,EAAqBC,SAArB,QAAsC,qBAAtC;AAEA,SAASC,GAAT,QAAoB,oBAApB;AACA,SAASC,eAAT,EAA0BC,GAA1B,EAA+BC,QAA/B,QAA+C,WAA/C;AACA,OAAOC,UAAP,MAAuB,eAAvB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,MAAP,MAAmB,WAAnB;AACA,OAAOC,UAAP,MAAuB,eAAvB;;AAKA,MAAMC,SAA2C,GAAG,YAAmC;EACnF,MAAMC,KAAK,GAAGP,QAAQ,EAAtB;EAEA,MAAMQ,eAAe,GAAGD,KAAK,CAACE,OAAN,CAAcC,OAAd,CAAsBC,IAA9C;EACA,MAAM,CAACC,CAAD,EAAIC,CAAJ,EAAOC,CAAP,IAAYrB,KAAK,CAACsB,OAAN,CAAc,MAAMlB,GAAG,CAACW,eAAD,CAAvB,EAA0C,CAACA,eAAD,CAA1C,CAAlB;EAEA,OAAO;IACHQ,IAAI,EAAE;MACFC,aAAa,EAAE,KADb;MAEFC,UAAU,EAAE,QAFV;MAGFV,eAAe,EAAG,QAAOI,CAAE,KAAIC,CAAE,KAAIC,CAAE,OAHrC;MAIFK,YAAY,EAAEZ,KAAK,CAACa,KAAN,CAAYC,SAJxB;MAKFC,iBAAiB,EAAEf,KAAK,CAACgB,OAAN,CAAc,CAAd,CALjB;MAMFC,eAAe,EAAEjB,KAAK,CAACgB,OAAN,CAAc,CAAd;IANf,CADH;IASHE,MAAM,EAAE;MACJD,eAAe,EAAEjB,KAAK,CAACgB,OAAN,CAAc,CAAd;IADb;EATL,CAAP;AAaH,CAnBD;;AAqBA,eAAe,SAASG,eAAT,CAAyBC,KAAzB,EAAsD;EACjE,MAAM;IACFC,WADE;IAEFC,OAFE;IAGFC,KAHE;IAIFC,aAJE;IAKFC,KALE;IAMFC,SANE;IAOF,GAAGC;EAPD,IAQFP,KARJ;EAUA,MAAMQ,MAAM,GAAG7B,SAAS,EAAxB;EAEA,MAAMC,KAAK,GAAGP,QAAQ,EAAtB;EAEA,MAAMoC,cAAc,GAAGtC,eAAe,CAACS,KAAD,EAAQ;IAC1C8B,QAAQ,EAAGC,IAAD,IAAUA,IAAI,CAACC,SADiB;IAE1CC,KAAK,EAAEjC,KAAK,CAACkC,IAAN,KAAe,OAAf,GACD9C,UAAU,CAACc,OAAX,CAAmBC,OAAnB,CAA2BgC,iBAD1B,GAED/C,UAAU,CAACc,OAAX,CAAmBC,OAAnB,CAA2BC;EAJS,CAAR,CAAtC;EAOA,MAAMgC,gBAAgB,GAAG7C,eAAe,CAACS,KAAD,EAAQ;IAC5C8B,QAAQ,EAAGC,IAAD,IAAUA,IAAI,CAACM,KADmB;IAE5CJ,KAAK,EAAEV,KAAK,GACNvB,KAAK,CAACkC,IAAN,KAAe,OAAf,GACI7C,SAAS,CAACa,OAAV,CAAkBoC,IAAlB,CAAuBC,SAD3B,GAEInD,UAAU,CAACc,OAAX,CAAmBoC,IAAnB,CAAwBC,SAHtB,GAINvC,KAAK,CAACE,OAAN,CAAcC,OAAd,CAAsBgC;EANgB,CAAR,CAAxC;EASA,MAAMK,cAAc,GAAGjD,eAAe,CAACS,KAAD,EAAQ;IAC1C8B,QAAQ,EAAGC,IAAD,IAAUA,IAAI,CAACU,OADiB;IAE1CR,KAAK,EAAEjC,KAAK,CAACE,OAAN,CAAcC,OAAd,CAAsBgC;EAFa,CAAR,CAAtC;EAKA,MAAMO,UAAU,GAAGlD,GAAG,CAAC,CACnBgD,cADmB,EAEnB;IAAEG,OAAO,EAAE3C,KAAK,CAACgB,OAAN,CAAc,CAAd;EAAX,CAFmB,CAAD,CAAtB;EAKA,oBACI,oBAAC,KAAD;IACI,SAAS,EAAE,CADf;IAEI,KAAK,EAAExB,GAAG,CAAC,CACPoC,MAAM,CAACnB,IADA,EAEPY,WAAW,GAAGO,MAAM,CAACV,MAAV,GAAmB0B,SAFvB,EAGPnB,KAHO,CAAD;EAFd,GAOQE,UAPR,GASKD,SAAS,gBACN,oBAAC,KAAD,CAAO,QAAP,QACKA,SADL,eAGI,oBAAC,MAAD;IAAQ,IAAI,EAAE;EAAd,EAHJ,CADM,GAMN,IAfR,eAiBI,oBAAC,MAAD,QACKH,KAAK,gBACF,oBAAC,UAAD;IACI,QAAQ,EAAEA,KADd;IAEI,KAAK,EAAE/B,GAAG,CAAC,CAACqC,cAAD,CAAD;EAFd,EADE,GAKF,IANR,eAQI,oBAAC,IAAD;IACI,QAAQ,EAAEP,OADd;IAEI,KAAK,EAAE9B,GAAG,CAAC,CAAC4C,gBAAD,CAAD;EAFd,EARJ,CAjBJ,EA+BKf,WAAW,gBACR,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,MAAD;IAAQ,IAAI,EAAE;EAAd,EADJ,eAGI,oBAAC,MAAD;IAAQ,IAAI,EAAE;EAAd,EAHJ,eAKI,oBAAC,UAAD;IACI,OAAO,EAAEG,aADb;IAEI,WAAW,EAAE;EAFjB,gBAII,oBAAC,IAAD;IACI,QAAQ,EAAEH,WADd;IAEI,KAAK,EAAEqB;EAFX,EAJJ,CALJ,CADQ,GAgBR,IA/CR,CADJ;AAmDH;AAAA"}

package/build/module/SnackbarContent/SnackbarContentProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["SnackbarContentProps.ts"],"sourcesContent":["import React from 'react';\nimport type { OverridableComponentProps } from '../types';\nimport type { PaperProps } from '../Paper';\n\nexport default interface SnackbarContentProps extends OverridableComponentProps<PaperProps, {\n    /**\n     * The text to use for the action component.\n     */\n    actionLabel?: string;\n\n    /**\n     * The message to display.\n     */\n    message?: string;\n\n    /**\n     * Callback fired when the action component pressed.\n     */\n    onActionPress?: () => void;\n\n    /**\n     * Element placed before the title and message.\n     */\n    startIcon?: React.ReactElement;\n\n    /**\n     * The title to display.\n     */\n    title?: string;\n}> {}\n"],"mappings":""}

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

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

package/build/module/Spacer/Spacer.js

@@ -1,4 +1,4 @@
-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); }
 
 import React from 'react';
 import { View } from 'react-native';

package/build/module/Spacer/Spacer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Spacer.tsx"],"names":["React","View","css","useTheme","Spacer","props","theme","flex","size","style","styleProp","otherProps","flexGrow","undefined","flexBasis","spacing","width","height"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;AAGA,eAAe,SAASC,MAAT,CAAgBC,KAAhB,EAAoC;AAC/C,QAAMC,KAAK,GAAGH,QAAQ,EAAtB;AAEA,QAAM;AACFI,IAAAA,IADE;AAEFC,IAAAA,IAFE;AAGFC,IAAAA,KAAK,EAAEC,SAHL;AAIF,OAAGC;AAJD,MAKFN,KALJ;AAOA,QAAMO,QAAQ,GAAIL,IAAI,KAAKM,SAAT,IAAsBL,IAAI,KAAKK,SAAhC,GAA6C,CAA7C,GAAiDN,IAAlE;AACA,QAAMO,SAAS,GAAGN,IAAI,KAAKK,SAAT,GAAqBP,KAAK,CAACS,OAAN,CAAcP,IAAd,CAArB,GAA2CK,SAA7D,CAX+C,CAa/C;AACA;;AACA,QAAMJ,KAAK,GAAG;AACVG,IAAAA,QADU;AAEVE,IAAAA,SAFU;AAGVE,IAAAA,KAAK,EAAEF,SAHG;AAIVG,IAAAA,MAAM,EAAEH;AAJE,GAAd;AAOA,sBACI,oBAAC,IAAD;AACI,IAAA,KAAK,EAAEZ,GAAG,CAAC,CACPO,KADO,EAEPC,SAFO,CAAD;AADd,KAKQC,UALR,EADJ;AASH;AAAA","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { css, useTheme } from '../styles';\nimport type SpacerProps from './SpacerProps';\n\nexport default function Spacer(props: SpacerProps) {\n    const theme = useTheme();\n\n    const {\n        flex,\n        size,\n        style: styleProp,\n        ...otherProps\n    } = props;\n\n    const flexGrow = (flex === undefined && size === undefined) ? 1 : flex;\n    const flexBasis = size !== undefined ? theme.spacing(size) : undefined;\n\n    // Bug solution of flexBasis at RN.FlatList children\n    // under the css precedence, specify width and height to prevent flexBasis bug\n    const style = {\n        flexGrow,\n        flexBasis,\n        width: flexBasis,\n        height: flexBasis,\n    };\n\n    return (\n        <View\n            style={css([\n                style,\n                styleProp,\n            ])}\n            {...otherProps}\n        />\n    );\n};\n"]}
+{"version":3,"names":["React","View","css","useTheme","Spacer","props","theme","flex","size","style","styleProp","otherProps","flexGrow","undefined","flexBasis","spacing","width","height"],"sources":["Spacer.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { css, useTheme } from '../styles';\nimport type SpacerProps from './SpacerProps';\n\nexport default function Spacer(props: SpacerProps) {\n    const theme = useTheme();\n\n    const {\n        flex,\n        size,\n        style: styleProp,\n        ...otherProps\n    } = props;\n\n    const flexGrow = (flex === undefined && size === undefined) ? 1 : flex;\n    const flexBasis = size !== undefined ? theme.spacing(size) : undefined;\n\n    // Bug solution of flexBasis at RN.FlatList children\n    // under the css precedence, specify width and height to prevent flexBasis bug\n    const style = {\n        flexGrow,\n        flexBasis,\n        width: flexBasis,\n        height: flexBasis,\n    };\n\n    return (\n        <View\n            style={css([\n                style,\n                styleProp,\n            ])}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;AAGA,eAAe,SAASC,MAAT,CAAgBC,KAAhB,EAAoC;EAC/C,MAAMC,KAAK,GAAGH,QAAQ,EAAtB;EAEA,MAAM;IACFI,IADE;IAEFC,IAFE;IAGFC,KAAK,EAAEC,SAHL;IAIF,GAAGC;EAJD,IAKFN,KALJ;EAOA,MAAMO,QAAQ,GAAIL,IAAI,KAAKM,SAAT,IAAsBL,IAAI,KAAKK,SAAhC,GAA6C,CAA7C,GAAiDN,IAAlE;EACA,MAAMO,SAAS,GAAGN,IAAI,KAAKK,SAAT,GAAqBP,KAAK,CAACS,OAAN,CAAcP,IAAd,CAArB,GAA2CK,SAA7D,CAX+C,CAa/C;EACA;;EACA,MAAMJ,KAAK,GAAG;IACVG,QADU;IAEVE,SAFU;IAGVE,KAAK,EAAEF,SAHG;IAIVG,MAAM,EAAEH;EAJE,CAAd;EAOA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEZ,GAAG,CAAC,CACPO,KADO,EAEPC,SAFO,CAAD;EADd,GAKQC,UALR,EADJ;AASH;AAAA"}

package/build/module/Spacer/SpacerProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["SpacerProps.ts"],"sourcesContent":["import type { ViewProps, ViewStyle } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface SpacerProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * It works like `flexGrow`.\n     * If neither `flex` nor `size` is supplied, fallback value is 1.\n     */\n    flex?: ViewStyle['flexGrow'];\n\n    /**\n     * The size of the spacer. It works as a multiplier factor based on spacing system.\n     */\n    size?: number;\n}> {}\n"],"mappings":""}

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

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

package/build/module/SvgIcon/SvgIcon.js

@@ -1,4 +1,4 @@
-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); }
 
 import React from 'react';
 import Svg from 'react-native-svg';
@@ -8,7 +8,7 @@ export default function SvgIcon(props) {
     color: colorProp = 'primary',
     height = 24,
     style: styleProp,
-    viewBox = '0 0 20 20',
+    viewBox = '0 0 24 24',
     width = 24,
     ...otherProps
   } = props;