@fountain-ui/core 2.0.0-beta.6 → 2.0.0-beta.60

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,13 @@
-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 { Dimensions } from 'react-native';
+import Animated, { Easing, runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
 const defaultEnterDuration = 300;
 const defaultExitDuration = 300;
+
+const getDisappearingOffsetY = () => Dimensions.get('window').height;
+
 export default function Slide(props) {
   const {
     animatedY: animatedYProp,
@@ -18,40 +21,42 @@ export default function Slide(props) {
     style,
     ...otherProps
   } = props;
-  const window = useWindowDimensions();
-  const y = Animated.useSharedValue(window.height);
+  const y = useSharedValue(getDisappearingOffsetY());
   const animatedY = animatedYProp || y;
-  const animatedStyle = Animated.useAnimatedStyle(() => ({
+  const animatedStyle = useAnimatedStyle(() => ({
     transform: [{
       translateY: animatedY.value
     }]
-  }));
-  React.useEffect(() => {
+  }), []);
+  useEffect(() => {
     if (appear) {
+      onEnter === null || onEnter === void 0 ? void 0 : onEnter();
+      const toValue = 0;
       const enterConfig = {
         duration: enterDuration,
         easing: Easing.out(Easing.exp)
       };
-      onEnter === null || onEnter === void 0 ? void 0 : onEnter();
-      animatedY.value = Animated.withTiming(0, enterConfig, isFinished => {
+      animatedY.value = withTiming(toValue, enterConfig, isFinished => {
         if (isFinished && onEntered) {
-          Animated.runOnJS(onEntered)();
+          runOnJS(onEntered)();
         }
       });
     } else {
+      onExit === null || onExit === void 0 ? void 0 : onExit();
+      const toValue = getDisappearingOffsetY();
       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 => {
+      animatedY.value = withTiming(toValue, exitConfig, isFinished => {
         if (isFinished && onExited) {
-          Animated.runOnJS(onExited)();
+          runOnJS(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","Dimensions","Animated","Easing","runOnJS","useAnimatedStyle","useSharedValue","withTiming","defaultEnterDuration","defaultExitDuration","getDisappearingOffsetY","get","height","Slide","props","animatedY","animatedYProp","appear","enterDuration","exitDuration","onEnter","onEntered","onExit","onExited","style","otherProps","y","animatedStyle","transform","translateY","value","toValue","enterConfig","duration","easing","out","exp","isFinished","exitConfig","in","ease"],"sources":["Slide.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Dimensions } from 'react-native';\nimport type { WithTimingConfig } from 'react-native-reanimated';\nimport Animated, { Easing, runOnJS, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\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 = useSharedValue(getDisappearingOffsetY());\n    const animatedY = animatedYProp || y;\n\n    const animatedStyle = useAnimatedStyle(() => ({\n        transform: [{ translateY: animatedY.value }],\n    }), []);\n\n    useEffect(() => {\n        if (appear) {\n            onEnter?.();\n\n            const toValue = 0;\n            const enterConfig: Readonly<WithTimingConfig> = {\n                duration: enterDuration,\n                easing: Easing.out(Easing.exp),\n            };\n\n            animatedY.value = withTiming(toValue, enterConfig, isFinished => {\n                if (isFinished && onEntered) {\n                    runOnJS(onEntered)();\n                }\n            });\n        } else {\n            onExit?.();\n\n            const toValue = getDisappearingOffsetY();\n            const exitConfig: Readonly<WithTimingConfig> = {\n                duration: exitDuration,\n                easing: Easing.in(Easing.ease),\n            };\n\n            animatedY.value = withTiming(toValue, exitConfig, isFinished => {\n                if (isFinished && onExited) {\n                    runOnJS(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,UAAT,QAA2B,cAA3B;AAEA,OAAOC,QAAP,IAAmBC,MAAnB,EAA2BC,OAA3B,EAAoCC,gBAApC,EAAsDC,cAAtD,EAAsEC,UAAtE,QAAwF,yBAAxF;AAGA,MAAMC,oBAAoB,GAAG,GAA7B;AACA,MAAMC,mBAAmB,GAAG,GAA5B;;AAEA,MAAMC,sBAAsB,GAAG,MAAcT,UAAU,CAACU,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,cAAc,CAACI,sBAAsB,EAAvB,CAAxB;EACA,MAAMK,SAAS,GAAGC,aAAa,IAAIU,CAAnC;EAEA,MAAMC,aAAa,GAAGtB,gBAAgB,CAAC,OAAO;IAC1CuB,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAEd,SAAS,CAACe;IAAxB,CAAD;EAD+B,CAAP,CAAD,EAElC,EAFkC,CAAtC;EAIA9B,SAAS,CAAC,MAAM;IACZ,IAAIiB,MAAJ,EAAY;MACRG,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO;MAEP,MAAMW,OAAO,GAAG,CAAhB;MACA,MAAMC,WAAuC,GAAG;QAC5CC,QAAQ,EAAEf,aADkC;QAE5CgB,MAAM,EAAE/B,MAAM,CAACgC,GAAP,CAAWhC,MAAM,CAACiC,GAAlB;MAFoC,CAAhD;MAKArB,SAAS,CAACe,KAAV,GAAkBvB,UAAU,CAACwB,OAAD,EAAUC,WAAV,EAAuBK,UAAU,IAAI;QAC7D,IAAIA,UAAU,IAAIhB,SAAlB,EAA6B;UACzBjB,OAAO,CAACiB,SAAD,CAAP;QACH;MACJ,CAJ2B,CAA5B;IAKH,CAdD,MAcO;MACHC,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM;MAEN,MAAMS,OAAO,GAAGrB,sBAAsB,EAAtC;MACA,MAAM4B,UAAsC,GAAG;QAC3CL,QAAQ,EAAEd,YADiC;QAE3Ce,MAAM,EAAE/B,MAAM,CAACoC,EAAP,CAAUpC,MAAM,CAACqC,IAAjB;MAFmC,CAA/C;MAKAzB,SAAS,CAACe,KAAV,GAAkBvB,UAAU,CAACwB,OAAD,EAAUO,UAAV,EAAsBD,UAAU,IAAI;QAC5D,IAAIA,UAAU,IAAId,QAAlB,EAA4B;UACxBnB,OAAO,CAACmB,QAAD,CAAP;QACH;MACJ,CAJ2B,CAA5B;IAKH;EACJ,CA9BQ,EA8BN,CAACN,MAAD,EAASG,OAAT,EAAkBC,SAAlB,EAA6BC,MAA7B,EAAqCC,QAArC,CA9BM,CAAT;EAgCA,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 { ViewProps } from 'react-native';\nimport Animated from 'react-native-reanimated';\nimport type { OverridableComponentProps } from '../types';\n\nexport default interface SlideProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * y value for animating.\n     */\n    animatedY?: Animated.SharedValue<number>;\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,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/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","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"],"sources":["Snackbar.tsx"],"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"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AACA,SAASC,iBAAT,QAAkC,gCAAlC;AACA,SAASC,GAAT,QAAuD,qBAAvD;AACA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,eAAP,MAA4B,oBAA5B;AACA,SAASC,QAAT,QAAyB,WAAzB;;AAKA,MAAMC,SAAoC,GAAG,YAA4B;EACrE,MAAMC,KAAK,GAAGF,QAAQ,EAAtB;EACA,MAAMG,MAAM,GAAGP,iBAAiB,EAAhC;EAEA,OAAO;IACHQ,IAAI,EAAE;MACFC,SAAS,EAAE,QADT;MAEFC,MAAM,EAAEJ,KAAK,CAACK,OAAN,CAAc,CAAd,CAFN;MAGFC,QAAQ,EAAE,GAHR;MAIFC,aAAa,EAAEN,MAAM,CAACG,MAJpB;MAKFI,iBAAiB,EAAER,KAAK,CAACK,OAAN,CAAc,CAAd,CALjB;MAMFI,QAAQ,EAAE,UANR;MAOFC,KAAK,EAAE,MAPL;MAQF;MACAC,MAAM,EAAE;IATN;EADH,CAAP;AAaH,CAjBD;;AAmBA,eAAe,SAASC,QAAT,CAAkBC,KAAlB,EAAwC;EACnD,MAAM;IACFC,WADE;IAEFC,SAFE;IAGFC,gBAAgB,GAAG,IAHjB;IAIFC,QAJE;IAKFC,OALE;IAMFC,aANE;IAOFC,OAPE;IAQFC,KARE;IASFC,OAAO,GAAG,KATR;IAUF,GAAGC;EAVD,IAWFV,KAXJ;EAaA,MAAMW,aAAa,GAAGhC,KAAK,CAACiC,MAAN,CAA4B,IAA5B,CAAtB;;EAEA,MAAMC,oBAAoB,GAAG,MAAM;IAC/B,IAAIF,aAAa,CAACG,OAAd,KAA0B,IAA9B,EAAoC;MAChCC,YAAY,CAACJ,aAAa,CAACG,OAAf,CAAZ;IACH;EACJ,CAJD;;EAMAnC,KAAK,CAACqC,SAAN,CAAgB,MAAM;IAClB,OAAO,MAAM;MACTH,oBAAoB;IACvB,CAFD;EAGH,CAJD,EAIG,EAJH;EAMAlC,KAAK,CAACqC,SAAN,CAAgB,MAAM;IAClB,IAAIP,OAAO,IAAIN,gBAAgB,KAAK,IAApC,EAA0C;MACtCU,oBAAoB,GADkB,CAGtC;;MACAF,aAAa,CAACG,OAAd,GAAwBG,UAAU,CAAC,MAAM;QACrC,IAAIV,OAAJ,EAAa;UACTA,OAAO;QACV;MACJ,CAJiC,EAI/BJ,gBAJ+B,CAAlC;IAKH;EACJ,CAXD,EAWG,CAACM,OAAD,EAAUN,gBAAV,EAA4BI,OAA5B,CAXH;EAaA,MAAMW,MAAM,GAAGhC,SAAS,EAAxB;EAEA,MAAM,CAACiC,MAAD,EAASC,SAAT,IAAsBzC,KAAK,CAAC0C,QAAN,CAAe,IAAf,CAA5B;;EAEA,IAAI,CAACZ,OAAD,IAAYU,MAAhB,EAAwB;IACpB,OAAO,IAAP;EACH;;EAED,oBACI,oBAAC,IAAD;IACI,KAAK,EAAErC,GAAG,CAAC,CACPoC,MAAM,CAAC7B,IADA,EAEPmB,KAFO,CAAD;EADd,GAKQE,UALR,gBAOI,oBAAC,KAAD;IACI,SAAS,EAAER,SADf;IAEI,MAAM,EAAEO,OAFZ;IAGI,OAAO,EAAE,MAAMW,SAAS,CAAC,KAAD,CAH5B;IAII,QAAQ,EAAE,MAAMA,SAAS,CAAC,IAAD;EAJ7B,GAMKhB,QAAQ,GAAGA,QAAH,gBACL,oBAAC,eAAD;IACI,WAAW,EAAEH,WADjB;IAEI,OAAO,EAAEI,OAFb;IAGI,aAAa,EAAEC;EAHnB,EAPR,CAPJ,CADJ;AAwBH;AAAA"}

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';\nimport type { ViewProps } from 'react-native';\nimport Animated from 'react-native-reanimated';\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.SharedValue<number>;\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     * 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,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 { Text } from 'react-native';

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","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"],"sources":["SnackbarContent.tsx"],"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"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;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,KAAP,MAAkB,UAAlB;AACA,OAAOC,MAAP,MAAmB,WAAnB;;AAKA,MAAMC,SAA2C,GAAG,YAAmC;EACnF,MAAMC,KAAK,GAAGL,QAAQ,EAAtB;EAEA,MAAMM,eAAe,GAAGD,KAAK,CAACE,OAAN,CAAcC,OAAd,CAAsBC,IAA9C;EACA,MAAM,CAACC,CAAD,EAAIC,CAAJ,EAAOC,CAAP,IAAYjB,KAAK,CAACkB,OAAN,CAAc,MAAMhB,GAAG,CAACS,eAAD,CAAvB,EAA0C,CAACA,eAAD,CAA1C,CAAlB;EAEA,OAAO;IACHQ,IAAI,EAAE;MACFR,eAAe,EAAG,QAAOI,CAAE,KAAIC,CAAE,KAAIC,CAAE,OADrC;MAEFG,YAAY,EAAEV,KAAK,CAACW,KAAN,CAAYC,SAFxB;MAGFC,iBAAiB,EAAEb,KAAK,CAACc,OAAN,CAAc,CAAd,CAHjB;MAIFC,eAAe,EAAEf,KAAK,CAACc,OAAN,CAAc,CAAd;IAJf,CADH;IAOHE,MAAM,EAAE;MACJC,UAAU,EAAE,QADR;MAEJC,aAAa,EAAE,KAFX;MAGJC,cAAc,EAAE,eAHZ;MAIJJ,eAAe,EAAEf,KAAK,CAACc,OAAN,CAAc,CAAd;IAJb;EAPL,CAAP;AAcH,CApBD;;AAsBA,eAAe,SAASM,eAAT,CAAyBC,KAAzB,EAAsD;EACjE,MAAM;IACFC,WADE;IAEFC,OAFE;IAGFC,aAHE;IAIFC,KAJE;IAKF,GAAGC;EALD,IAMFL,KANJ;EAQA,MAAMM,MAAM,GAAG5B,SAAS,EAAxB;EAEA,MAAMC,KAAK,GAAGL,QAAQ,EAAtB;EAEA,MAAMiC,gBAAgB,GAAGnC,eAAe,CAACO,KAAD,EAAQ;IAC5C6B,QAAQ,EAAGC,IAAD,IAAUA,IAAI,CAACC,KADmB;IAE5CC,KAAK,EAAEhC,KAAK,CAACE,OAAN,CAAcC,OAAd,CAAsB8B;EAFe,CAAR,CAAxC;EAKA,MAAMC,cAAc,GAAGzC,eAAe,CAACO,KAAD,EAAQ;IAC1C6B,QAAQ,EAAGC,IAAD,IAAUA,IAAI,CAACK,OADiB;IAE1CH,KAAK,EAAEhC,KAAK,CAACE,OAAN,CAAcC,OAAd,CAAsB8B;EAFa,CAAR,CAAtC;EAKA,MAAMG,UAAU,GAAG1C,GAAG,CAAC,CACnBwC,cADmB,EAEnB;IAAEG,OAAO,EAAErC,KAAK,CAACc,OAAN,CAAc,CAAd;EAAX,CAFmB,CAAD,CAAtB;EAKA,oBACI,oBAAC,KAAD;IACI,SAAS,EAAE,CADf;IAEI,KAAK,EAAEpB,GAAG,CAAC,CACPiC,MAAM,CAAClB,IADA,EAEPa,WAAW,GAAGK,MAAM,CAACX,MAAV,GAAmBsB,SAFvB,EAGPb,KAHO,CAAD;EAFd,GAOQC,UAPR,gBASI,oBAAC,IAAD;IACI,QAAQ,EAAEH,OADd;IAEI,KAAK,EAAE7B,GAAG,CAAC,CACPkC,gBADO,CAAD;EAFd,EATJ,EAgBKN,WAAW,gBACR,oBAAC,KAAD,CAAO,QAAP,qBACI,oBAAC,MAAD;IAAQ,IAAI,EAAE;EAAd,EADJ,eAGI,oBAAC,UAAD;IACI,OAAO,EAAEE,aADb;IAEI,WAAW,EAAE;EAFjB,gBAII,oBAAC,IAAD;IACI,QAAQ,EAAEF,WADd;IAEI,KAAK,EAAEc;EAFX,EAJJ,CAHJ,CADQ,GAcR,IA9BR,CADJ;AAkCH;AAAA"}

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["SnackbarContentProps.ts"],"sourcesContent":["import 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"],"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;

package/build/module/SvgIcon/SvgIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SvgIcon.tsx"],"names":["React","Svg","css","useTheme","SvgIcon","props","color","colorProp","height","style","styleProp","viewBox","width","otherProps","theme","palette","main","flexShrink"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,kBAAhB;AACA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;AAGA,eAAe,SAASC,OAAT,CAAiBC,KAAjB,EAAsC;AACjD,QAAM;AACFC,IAAAA,KAAK,EAAEC,SAAS,GAAG,SADjB;AAEFC,IAAAA,MAAM,GAAG,EAFP;AAGFC,IAAAA,KAAK,EAAEC,SAHL;AAIFC,IAAAA,OAAO,GAAG,WAJR;AAKFC,IAAAA,KAAK,GAAG,EALN;AAMF,OAAGC;AAND,MAOYR,KAPlB;AASA,QAAMS,KAAK,GAAGX,QAAQ,EAAtB;AAEA,QAAMG,KAAK,GAAGQ,KAAK,CAACC,OAAN,CAAcR,SAAd,EAAyBS,IAAvC;AAEA,QAAMP,KAAK,GAAGP,GAAG,CAAC,CACd;AAAEe,IAAAA,UAAU,EAAE;AAAd,GADc,EAEdP,SAFc,CAAD,CAAjB;AAKA,sBACI,oBAAC,GAAD;AACI,IAAA,KAAK,EAAEJ,KADX;AAEI,IAAA,IAAI,EAAE,cAFV;AAGI,IAAA,MAAM,EAAEE,MAHZ;AAII,IAAA,KAAK,EAAEC,KAJX;AAKI,IAAA,OAAO,EAAEE,OALb;AAMI,IAAA,KAAK,EAAEC;AANX,KAOQC,UAPR,EADJ;AAWH;AAAA","sourcesContent":["import React from 'react';\nimport Svg from 'react-native-svg';\nimport { css, useTheme } from '../styles';\nimport type SvgIconProps from './SvgIconProps';\n\nexport default function SvgIcon(props: SvgIconProps) {\n    const {\n        color: colorProp = 'primary',\n        height = 24,\n        style: styleProp,\n        viewBox = '0 0 20 20',\n        width = 24,\n        ...otherProps\n    }: SvgIconProps = props;\n\n    const theme = useTheme();\n\n    const color = theme.palette[colorProp].main;\n\n    const style = css([\n        { flexShrink: 0 },\n        styleProp,\n    ]);\n\n    return (\n        <Svg\n            color={color}\n            fill={'currentColor'}\n            height={height}\n            style={style}\n            viewBox={viewBox}\n            width={width}\n            {...otherProps}\n        />\n    );\n};\n"]}
+{"version":3,"names":["React","Svg","css","useTheme","SvgIcon","props","color","colorProp","height","style","styleProp","viewBox","width","otherProps","theme","palette","main","flexShrink"],"sources":["SvgIcon.tsx"],"sourcesContent":["import React from 'react';\nimport Svg from 'react-native-svg';\nimport { css, useTheme } from '../styles';\nimport type SvgIconProps from './SvgIconProps';\n\nexport default function SvgIcon(props: SvgIconProps) {\n    const {\n        color: colorProp = 'primary',\n        height = 24,\n        style: styleProp,\n        viewBox = '0 0 24 24',\n        width = 24,\n        ...otherProps\n    }: SvgIconProps = props;\n\n    const theme = useTheme();\n\n    const color = theme.palette[colorProp].main;\n\n    const style = css([\n        { flexShrink: 0 },\n        styleProp,\n    ]);\n\n    return (\n        <Svg\n            color={color}\n            fill={'currentColor'}\n            height={height}\n            style={style}\n            viewBox={viewBox}\n            width={width}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,GAAP,MAAgB,kBAAhB;AACA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;AAGA,eAAe,SAASC,OAAT,CAAiBC,KAAjB,EAAsC;EACjD,MAAM;IACFC,KAAK,EAAEC,SAAS,GAAG,SADjB;IAEFC,MAAM,GAAG,EAFP;IAGFC,KAAK,EAAEC,SAHL;IAIFC,OAAO,GAAG,WAJR;IAKFC,KAAK,GAAG,EALN;IAMF,GAAGC;EAND,IAOYR,KAPlB;EASA,MAAMS,KAAK,GAAGX,QAAQ,EAAtB;EAEA,MAAMG,KAAK,GAAGQ,KAAK,CAACC,OAAN,CAAcR,SAAd,EAAyBS,IAAvC;EAEA,MAAMP,KAAK,GAAGP,GAAG,CAAC,CACd;IAAEe,UAAU,EAAE;EAAd,CADc,EAEdP,SAFc,CAAD,CAAjB;EAKA,oBACI,oBAAC,GAAD;IACI,KAAK,EAAEJ,KADX;IAEI,IAAI,EAAE,cAFV;IAGI,MAAM,EAAEE,MAHZ;IAII,KAAK,EAAEC,KAJX;IAKI,OAAO,EAAEE,OALb;IAMI,KAAK,EAAEC;EANX,GAOQC,UAPR,EADJ;AAWH;AAAA"}

package/build/module/SvgIcon/SvgIconProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["SvgIconProps.ts"],"sourcesContent":["import React from 'react';\nimport type { SvgProps } from 'react-native-svg';\nimport type { CommonComponentColor, OverridableComponentProps } from '../types';\n\nexport type SvgIconColor = CommonComponentColor;\n\nexport default interface SvgIconProps extends OverridableComponentProps<SvgProps, {\n    /**\n     * Node passed into the SVG element.\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 'primary'\n     */\n    color?: SvgIconColor;\n\n    /**\n     * The color of the component. It is treated as higher priority than `color` prop if provided.\n     */\n    fill?: SvgProps['fill'];\n\n    /**\n     * The height applied to the icon.\n     * @default 24\n     */\n    height?: SvgProps['height'];\n\n    /**\n     * Allows you to redefine what the coordinates without units mean inside an SVG element.\n     * @default '0 0 20 20'\n     */\n    viewBox?: SvgProps['viewBox'];\n\n    /**\n     * The width applied to the icon.\n     * @default 24\n     */\n    width?: SvgProps['width'];\n}> {}\n"],"mappings":""}

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

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

package/build/module/Switch/Switch.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, Switch as RNSwitch } from 'react-native';

package/build/module/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Switch.tsx"],"names":["React","Platform","Switch","RNSwitch","css","useTheme","props","checked","color","colorProp","disabled","onChange","style","styleProp","otherProps","theme","accentColor","palette","main","disabledColor","tertiary","notActiveTrackColor","thumbColor","OS","undefined","trackColor","opacity","true","false"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,MAAM,IAAIC,QAA7B,QAA6C,cAA7C;AACA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;AAGA,eAAe,SAASH,MAAT,CAAgBI,KAAhB,EAAoC;AAC/C,QAAM;AACFC,IAAAA,OAAO,GAAG,KADR;AAEFC,IAAAA,KAAK,EAAEC,SAAS,GAAG,WAFjB;AAGFC,IAAAA,QAAQ,GAAG,KAHT;AAIFC,IAAAA,QAJE;AAKFC,IAAAA,KAAK,EAAEC,SALL;AAMF,OAAGC;AAND,MAOFR,KAPJ;AASA,QAAMS,KAAK,GAAGV,QAAQ,EAAtB;AAEA,QAAMW,WAAW,GAAGD,KAAK,CAACE,OAAN,CAAcR,SAAd,EAAyBS,IAA7C;AACA,QAAMC,aAAa,GAAGJ,KAAK,CAACE,OAAN,CAAcG,QAAd,CAAuBF,IAA7C;AACA,QAAMG,mBAAmB,GAAGN,KAAK,CAACE,OAAN,CAAcG,QAAd,CAAuBF,IAAnD;AAEA,QAAMI,UAAU,GAAGrB,QAAQ,CAACsB,EAAT,KAAgB,KAAhB,GACbC,SADa,GAEbd,QAAQ,GACJS,aADI,GAEJ,MAJV;AAMA,QAAMM,UAAU,GAAGxB,QAAQ,CAACsB,EAAT,KAAgB,KAAhB,GACbP,WADa,GAEbN,QAAQ,GAAGS,aAAH,GAAmBH,WAFjC;AAIA,QAAMJ,KAAK,GAAGR,GAAG,CAAC,CACd;AAAEsB,IAAAA,OAAO,EAAEhB,QAAQ,GAAG,GAAH,GAAS;AAA5B,GADc,EAEdG,SAFc,CAAD,CAAjB;AAKA,sBACI,oBAAC,QAAD;AACI,IAAA,KAAK,EAAEN,OADX;AAEI,IAAA,QAAQ,EAAEG,QAFd;AAGI,IAAA,UAAU,EAAEY,UAHhB;AAII,IAAA,aAAa,EAAEZ,QAAQ,GAAGc,SAAH,GAAeb,QAJ1C,CAKI;AALJ;AAMI,IAAA,gBAAgB,EAAEc,UANtB;AAOI,IAAA,gBAAgB,EAAEH,UAPtB;AAQI,IAAA,UAAU,EAAE;AACRK,MAAAA,IAAI,EAAEF,UADE;AAERG,MAAAA,KAAK,EAAEP;AAFC,KARhB;AAYI,IAAA,KAAK,EAAET;AAZX,KAaQE,UAbR,EADJ;AAiBH;AAAA","sourcesContent":["import React from 'react';\nimport { Platform, Switch as RNSwitch } from 'react-native';\nimport { css, useTheme } from '../styles';\nimport type SwitchProps from './SwitchProps';\n\nexport default function Switch(props: SwitchProps) {\n    const {\n        checked = false,\n        color: colorProp = 'secondary',\n        disabled = false,\n        onChange,\n        style: styleProp,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const accentColor = theme.palette[colorProp].main;\n    const disabledColor = theme.palette.tertiary.main;\n    const notActiveTrackColor = theme.palette.tertiary.main;\n\n    const thumbColor = Platform.OS === 'ios'\n        ? undefined\n        : disabled\n            ? disabledColor\n            : '#fff';\n\n    const trackColor = Platform.OS === 'ios'\n        ? accentColor\n        : disabled ? disabledColor : accentColor;\n\n    const style = css([\n        { opacity: disabled ? 0.3 : 1 },\n        styleProp,\n    ]);\n\n    return (\n        <RNSwitch\n            value={checked}\n            disabled={disabled}\n            thumbColor={thumbColor}\n            onValueChange={disabled ? undefined : onChange}\n            //@ts-ignore\n            activeTrackColor={trackColor}\n            activeThumbColor={thumbColor}\n            trackColor={{\n                true: trackColor,\n                false: notActiveTrackColor,\n            }}\n            style={style}\n            {...otherProps}\n        />\n    );\n};\n"]}
+{"version":3,"names":["React","Platform","Switch","RNSwitch","css","useTheme","props","checked","color","colorProp","disabled","onChange","style","styleProp","otherProps","theme","accentColor","palette","main","disabledColor","tertiary","notActiveTrackColor","thumbColor","OS","undefined","trackColor","opacity","true","false"],"sources":["Switch.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, Switch as RNSwitch } from 'react-native';\nimport { css, useTheme } from '../styles';\nimport type SwitchProps from './SwitchProps';\n\nexport default function Switch(props: SwitchProps) {\n    const {\n        checked = false,\n        color: colorProp = 'secondary',\n        disabled = false,\n        onChange,\n        style: styleProp,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const accentColor = theme.palette[colorProp].main;\n    const disabledColor = theme.palette.tertiary.main;\n    const notActiveTrackColor = theme.palette.tertiary.main;\n\n    const thumbColor = Platform.OS === 'ios'\n        ? undefined\n        : disabled\n            ? disabledColor\n            : '#fff';\n\n    const trackColor = Platform.OS === 'ios'\n        ? accentColor\n        : disabled ? disabledColor : accentColor;\n\n    const style = css([\n        { opacity: disabled ? 0.3 : 1 },\n        styleProp,\n    ]);\n\n    return (\n        <RNSwitch\n            value={checked}\n            disabled={disabled}\n            thumbColor={thumbColor}\n            onValueChange={disabled ? undefined : onChange}\n            //@ts-ignore\n            activeTrackColor={trackColor}\n            activeThumbColor={thumbColor}\n            trackColor={{\n                true: trackColor,\n                false: notActiveTrackColor,\n            }}\n            style={style}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,EAAmBC,MAAM,IAAIC,QAA7B,QAA6C,cAA7C;AACA,SAASC,GAAT,EAAcC,QAAd,QAA8B,WAA9B;AAGA,eAAe,SAASH,MAAT,CAAgBI,KAAhB,EAAoC;EAC/C,MAAM;IACFC,OAAO,GAAG,KADR;IAEFC,KAAK,EAAEC,SAAS,GAAG,WAFjB;IAGFC,QAAQ,GAAG,KAHT;IAIFC,QAJE;IAKFC,KAAK,EAAEC,SALL;IAMF,GAAGC;EAND,IAOFR,KAPJ;EASA,MAAMS,KAAK,GAAGV,QAAQ,EAAtB;EAEA,MAAMW,WAAW,GAAGD,KAAK,CAACE,OAAN,CAAcR,SAAd,EAAyBS,IAA7C;EACA,MAAMC,aAAa,GAAGJ,KAAK,CAACE,OAAN,CAAcG,QAAd,CAAuBF,IAA7C;EACA,MAAMG,mBAAmB,GAAGN,KAAK,CAACE,OAAN,CAAcG,QAAd,CAAuBF,IAAnD;EAEA,MAAMI,UAAU,GAAGrB,QAAQ,CAACsB,EAAT,KAAgB,KAAhB,GACbC,SADa,GAEbd,QAAQ,GACJS,aADI,GAEJ,MAJV;EAMA,MAAMM,UAAU,GAAGxB,QAAQ,CAACsB,EAAT,KAAgB,KAAhB,GACbP,WADa,GAEbN,QAAQ,GAAGS,aAAH,GAAmBH,WAFjC;EAIA,MAAMJ,KAAK,GAAGR,GAAG,CAAC,CACd;IAAEsB,OAAO,EAAEhB,QAAQ,GAAG,GAAH,GAAS;EAA5B,CADc,EAEdG,SAFc,CAAD,CAAjB;EAKA,oBACI,oBAAC,QAAD;IACI,KAAK,EAAEN,OADX;IAEI,QAAQ,EAAEG,QAFd;IAGI,UAAU,EAAEY,UAHhB;IAII,aAAa,EAAEZ,QAAQ,GAAGc,SAAH,GAAeb,QAJ1C,CAKI;IALJ;IAMI,gBAAgB,EAAEc,UANtB;IAOI,gBAAgB,EAAEH,UAPtB;IAQI,UAAU,EAAE;MACRK,IAAI,EAAEF,UADE;MAERG,KAAK,EAAEP;IAFC,CARhB;IAYI,KAAK,EAAET;EAZX,GAaQE,UAbR,EADJ;AAiBH;AAAA"}

package/build/module/Switch/SwitchProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["SwitchProps.ts"],"sourcesContent":["import { SwitchProps as RNSwitchProps } from 'react-native';\nimport type { CommonComponentColor, OverridableComponentProps } from '../types';\n\nexport type SwitchColor = CommonComponentColor;\n\nexport default interface SwitchProps extends OverridableComponentProps<RNSwitchProps, {\n    /**\n     * If `true`, the component is checked.\n     * @default false\n     */\n    checked?: boolean;\n\n    /**\n     * The color of the component of 'on' state. It supports those theme colors that make sense for this component.\n     * @default 'secondary'\n     */\n    color?: SwitchColor;\n\n    /**\n     * If `true`, the switch is disabled.\n     * @default false\n     */\n    disabled?: boolean;\n\n    /**\n     * Callback fired when the switch is changed.\n     */\n    onChange?: (newChecked: boolean) => void;\n}> {}\n"],"mappings":""}

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

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

package/build/module/Tab/Tab.js

@@ -1,6 +1,6 @@
-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 React, { cloneElement } from 'react';
 import { Platform, Text } from 'react-native';
 import Badge from '../Badge';
 import TabBase from '../TabBase';
@@ -13,10 +13,10 @@ const styles = StyleSheet.create({
     } : {})
   },
   primary: {
-    minHeight: 48
+    minHeight: 40
   },
   secondary: {
-    minHeight: 48
+    minHeight: 40
   },
   bottomNavigation: {
     minHeight: 56
@@ -26,9 +26,10 @@ export default function Tab(props) {
   const {
     badgeVisible = false,
     children,
-    enableIndicator,
+    enableIndicator = false,
     icon: defaultIcon,
-    selected,
+    indicatorColor = 'primary',
+    selected = false,
     selectedIcon,
     variant = 'primary',
     style,
@@ -44,7 +45,7 @@ export default function Tab(props) {
   });
   const pressEffect = selected ? 'none' : 'opacity';
   const icon = selected ? selectedIcon || defaultIcon : defaultIcon;
-  const iconElement = icon ? /*#__PURE__*/React.cloneElement(icon, {
+  const iconElement = icon ? /*#__PURE__*/cloneElement(icon, {
     fill: color
   }) : null;
   return /*#__PURE__*/React.createElement(TabBase, _extends({
@@ -57,7 +58,9 @@ export default function Tab(props) {
   }), /*#__PURE__*/React.createElement(Text, {
     children: children,
     style: css(fontStyle)
-  }), enableIndicator ? /*#__PURE__*/React.createElement(TabIndicator, null) : null);
+  }), enableIndicator && selected ? /*#__PURE__*/React.createElement(TabIndicator, {
+    color: indicatorColor
+  }) : null);
 }
 ;
 //# sourceMappingURL=Tab.js.map

package/build/module/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Tab.tsx"],"names":["React","Platform","Text","Badge","TabBase","createFontStyle","css","StyleSheet","useTheme","TabIndicator","styles","create","root","OS","minWidth","primary","minHeight","secondary","bottomNavigation","Tab","props","badgeVisible","children","enableIndicator","icon","defaultIcon","selected","selectedIcon","variant","style","otherProps","theme","vertical","color","palette","text","hint","tabBaseStyle","fontStyle","selector","typo","h2","button2","flag","pressEffect","iconElement","cloneElement","fill"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Platform, Text } from 'react-native';\nimport Badge from '../Badge';\nimport TabBase from '../TabBase';\nimport type TabProps from './TabProps';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport TabIndicator from './TabIndicator';\n\nconst styles = StyleSheet.create({\n    root: {\n        // TODO: Remove redundant platform checking\n        ...(Platform.OS === 'web' ? { minWidth: 'auto' } : {}),\n    },\n    primary: {\n        minHeight: 48,\n    },\n    secondary: {\n        minHeight: 48,\n    },\n    bottomNavigation: {\n        minHeight: 56,\n    },\n});\n\nexport default function Tab(props: TabProps) {\n    const {\n        badgeVisible = false,\n        children,\n        enableIndicator,\n        icon: defaultIcon,\n        selected,\n        selectedIcon,\n        variant = 'primary',\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const vertical = variant === 'bottom-navigation';\n\n    const color = selected ? theme.palette.text.primary : theme.palette.text.hint;\n\n    const tabBaseStyle = css([\n        styles.root,\n        variant === 'primary'\n            ? styles.primary\n            : (variant === 'secondary' ? styles.secondary : styles.bottomNavigation),\n        style,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => variant === 'primary'\n            ? typo.h2\n            : (variant === 'secondary' ? typo.button2 : typo.flag),\n        color,\n    });\n\n    const pressEffect = selected ? 'none' : 'opacity';\n\n    const icon = selected ? (selectedIcon || defaultIcon) : defaultIcon;\n    const iconElement = icon ? React.cloneElement(icon, { fill: color }) : null;\n\n    return (\n        <TabBase\n            pressEffect={pressEffect}\n            style={tabBaseStyle}\n            vertical={vertical}\n            {...otherProps}\n        >\n            <Badge\n                children={iconElement}\n                invisible={!badgeVisible}\n            />\n\n            <Text\n                children={children}\n                style={css(fontStyle)}\n            />\n\n            {enableIndicator ? <TabIndicator/> : null}\n        </TabBase>\n    );\n};\n"]}
+{"version":3,"names":["React","cloneElement","Platform","Text","Badge","TabBase","createFontStyle","css","StyleSheet","useTheme","TabIndicator","styles","create","root","OS","minWidth","primary","minHeight","secondary","bottomNavigation","Tab","props","badgeVisible","children","enableIndicator","icon","defaultIcon","indicatorColor","selected","selectedIcon","variant","style","otherProps","theme","vertical","color","palette","text","hint","tabBaseStyle","fontStyle","selector","typo","h2","button2","flag","pressEffect","iconElement","fill"],"sources":["Tab.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\nimport { Platform, Text } from 'react-native';\nimport Badge from '../Badge';\nimport TabBase from '../TabBase';\nimport type TabProps from './TabProps';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport TabIndicator from './TabIndicator';\n\nconst styles = StyleSheet.create({\n    root: {\n        // TODO: Remove redundant platform checking\n        ...(Platform.OS === 'web' ? { minWidth: 'auto' } : {}),\n    },\n    primary: {\n        minHeight: 40,\n    },\n    secondary: {\n        minHeight: 40,\n    },\n    bottomNavigation: {\n        minHeight: 56,\n    },\n});\n\nexport default function Tab(props: TabProps) {\n    const {\n        badgeVisible = false,\n        children,\n        enableIndicator = false,\n        icon: defaultIcon,\n        indicatorColor = 'primary',\n        selected = false,\n        selectedIcon,\n        variant = 'primary',\n        style,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const vertical = variant === 'bottom-navigation';\n\n    const color = selected ? theme.palette.text.primary : theme.palette.text.hint;\n\n    const tabBaseStyle = css([\n        styles.root,\n        variant === 'primary'\n            ? styles.primary\n            : (variant === 'secondary' ? styles.secondary : styles.bottomNavigation),\n        style,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => variant === 'primary'\n            ? typo.h2\n            : (variant === 'secondary' ? typo.button2 : typo.flag),\n        color,\n    });\n\n    const pressEffect = selected ? 'none' : 'opacity';\n\n    const icon = selected ? (selectedIcon || defaultIcon) : defaultIcon;\n    const iconElement = icon ? cloneElement(icon, { fill: color }) : null;\n\n    return (\n        <TabBase\n            pressEffect={pressEffect}\n            style={tabBaseStyle}\n            vertical={vertical}\n            {...otherProps}\n        >\n            <Badge\n                children={iconElement}\n                invisible={!badgeVisible}\n            />\n\n            <Text\n                children={children}\n                style={css(fontStyle)}\n            />\n\n            {(enableIndicator && selected) ? <TabIndicator color={indicatorColor}/> : null}\n        </TabBase>\n    );\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,YAAhB,QAAoC,OAApC;AACA,SAASC,QAAT,EAAmBC,IAAnB,QAA+B,cAA/B;AACA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,OAAP,MAAoB,YAApB;AAEA,SAASC,eAAT,EAA0BC,GAA1B,EAA+BC,UAA/B,EAA2CC,QAA3C,QAA2D,WAA3D;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AAEA,MAAMC,MAAM,GAAGH,UAAU,CAACI,MAAX,CAAkB;EAC7BC,IAAI,EAAE,EACF;IACA,IAAIX,QAAQ,CAACY,EAAT,KAAgB,KAAhB,GAAwB;MAAEC,QAAQ,EAAE;IAAZ,CAAxB,GAA+C,EAAnD;EAFE,CADuB;EAK7BC,OAAO,EAAE;IACLC,SAAS,EAAE;EADN,CALoB;EAQ7BC,SAAS,EAAE;IACPD,SAAS,EAAE;EADJ,CARkB;EAW7BE,gBAAgB,EAAE;IACdF,SAAS,EAAE;EADG;AAXW,CAAlB,CAAf;AAgBA,eAAe,SAASG,GAAT,CAAaC,KAAb,EAA8B;EACzC,MAAM;IACFC,YAAY,GAAG,KADb;IAEFC,QAFE;IAGFC,eAAe,GAAG,KAHhB;IAIFC,IAAI,EAAEC,WAJJ;IAKFC,cAAc,GAAG,SALf;IAMFC,QAAQ,GAAG,KANT;IAOFC,YAPE;IAQFC,OAAO,GAAG,SARR;IASFC,KATE;IAUF,GAAGC;EAVD,IAWFX,KAXJ;EAaA,MAAMY,KAAK,GAAGxB,QAAQ,EAAtB;EAEA,MAAMyB,QAAQ,GAAGJ,OAAO,KAAK,mBAA7B;EAEA,MAAMK,KAAK,GAAGP,QAAQ,GAAGK,KAAK,CAACG,OAAN,CAAcC,IAAd,CAAmBrB,OAAtB,GAAgCiB,KAAK,CAACG,OAAN,CAAcC,IAAd,CAAmBC,IAAzE;EAEA,MAAMC,YAAY,GAAGhC,GAAG,CAAC,CACrBI,MAAM,CAACE,IADc,EAErBiB,OAAO,KAAK,SAAZ,GACMnB,MAAM,CAACK,OADb,GAEOc,OAAO,KAAK,WAAZ,GAA0BnB,MAAM,CAACO,SAAjC,GAA6CP,MAAM,CAACQ,gBAJtC,EAKrBY,KALqB,CAAD,CAAxB;EAQA,MAAMS,SAAS,GAAGlC,eAAe,CAAC2B,KAAD,EAAQ;IACrCQ,QAAQ,EAAGC,IAAD,IAAUZ,OAAO,KAAK,SAAZ,GACdY,IAAI,CAACC,EADS,GAEbb,OAAO,KAAK,WAAZ,GAA0BY,IAAI,CAACE,OAA/B,GAAyCF,IAAI,CAACG,IAHhB;IAIrCV;EAJqC,CAAR,CAAjC;EAOA,MAAMW,WAAW,GAAGlB,QAAQ,GAAG,MAAH,GAAY,SAAxC;EAEA,MAAMH,IAAI,GAAGG,QAAQ,GAAIC,YAAY,IAAIH,WAApB,GAAmCA,WAAxD;EACA,MAAMqB,WAAW,GAAGtB,IAAI,gBAAGxB,YAAY,CAACwB,IAAD,EAAO;IAAEuB,IAAI,EAAEb;EAAR,CAAP,CAAf,GAAyC,IAAjE;EAEA,oBACI,oBAAC,OAAD;IACI,WAAW,EAAEW,WADjB;IAEI,KAAK,EAAEP,YAFX;IAGI,QAAQ,EAAEL;EAHd,GAIQF,UAJR,gBAMI,oBAAC,KAAD;IACI,QAAQ,EAAEe,WADd;IAEI,SAAS,EAAE,CAACzB;EAFhB,EANJ,eAWI,oBAAC,IAAD;IACI,QAAQ,EAAEC,QADd;IAEI,KAAK,EAAEhB,GAAG,CAACiC,SAAD;EAFd,EAXJ,EAgBMhB,eAAe,IAAII,QAApB,gBAAgC,oBAAC,YAAD;IAAc,KAAK,EAAED;EAArB,EAAhC,GAAyE,IAhB9E,CADJ;AAoBH;AAAA"}

package/build/module/Tab/TabIndicator.js

@@ -2,13 +2,13 @@ import React from 'react';
 import { View } from 'react-native';
 import { useTheme } from '../styles';
 
-const useStyles = function () {
+const useStyles = function (color) {
   const theme = useTheme();
   return {
     root: {
-      backgroundColor: theme.palette.secondary.main,
+      backgroundColor: theme.palette[color].main,
       bottom: 0,
-      height: 4,
+      height: 2,
       left: 12,
       right: 12,
       position: 'absolute'
@@ -16,8 +16,11 @@ const useStyles = function () {
   };
 };
 
-const TabIndicator = function TabIndicator() {
-  const styles = useStyles();
+const TabIndicator = function TabIndicator(_ref) {
+  let {
+    color
+  } = _ref;
+  const styles = useStyles(color);
   return /*#__PURE__*/React.createElement(View, {
     style: styles.root
   });

package/build/module/Tab/TabIndicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TabIndicator.tsx"],"names":["React","View","useTheme","useStyles","theme","root","backgroundColor","palette","secondary","main","bottom","height","left","right","position","TabIndicator","styles","memo"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,QAAT,QAAyB,WAAzB;;AAIA,MAAMC,SAAwC,GAAG,YAAgC;AAC7E,QAAMC,KAAK,GAAGF,QAAQ,EAAtB;AAEA,SAAO;AACHG,IAAAA,IAAI,EAAE;AACFC,MAAAA,eAAe,EAAEF,KAAK,CAACG,OAAN,CAAcC,SAAd,CAAwBC,IADvC;AAEFC,MAAAA,MAAM,EAAE,CAFN;AAGFC,MAAAA,MAAM,EAAE,CAHN;AAIFC,MAAAA,IAAI,EAAE,EAJJ;AAKFC,MAAAA,KAAK,EAAE,EALL;AAMFC,MAAAA,QAAQ,EAAE;AANR;AADH,GAAP;AAUH,CAbD;;AAeA,MAAMC,YAAY,GAAG,SAASA,YAAT,GAAwB;AACzC,QAAMC,MAAM,GAAGb,SAAS,EAAxB;AAEA,sBACI,oBAAC,IAAD;AACI,IAAA,KAAK,EAAEa,MAAM,CAACX;AADlB,IADJ;AAKH,CARD;;AAUA,4BAAeL,KAAK,CAACiB,IAAN,CAAWF,YAAX,CAAf","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { useTheme } from '../styles';\n\ntype TabIndicatorStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: UseStyles<TabIndicatorStyles> = function (): TabIndicatorStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            backgroundColor: theme.palette.secondary.main,\n            bottom: 0,\n            height: 4,\n            left: 12,\n            right: 12,\n            position: 'absolute',\n        },\n    };\n};\n\nconst TabIndicator = function TabIndicator() {\n    const styles = useStyles();\n\n    return (\n        <View\n            style={styles.root}\n        />\n    );\n};\n\nexport default React.memo(TabIndicator);\n"]}
+{"version":3,"names":["React","View","useTheme","useStyles","color","theme","root","backgroundColor","palette","main","bottom","height","left","right","position","TabIndicator","styles","memo"],"sources":["TabIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\nimport { NamedStylesStringUnion } from '@fountain-ui/styles';\nimport { useTheme } from '../styles';\nimport type { TabIndicatorColor } from './TabProps';\n\ntype TabIndicatorStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: (color: TabIndicatorColor) => TabIndicatorStyles =\n    function (color: TabIndicatorColor): TabIndicatorStyles {\n        const theme = useTheme();\n\n        return {\n            root: {\n                backgroundColor: theme.palette[color].main,\n                bottom: 0,\n                height: 2,\n                left: 12,\n                right: 12,\n                position: 'absolute',\n            },\n        };\n    };\n\nconst TabIndicator = function TabIndicator({ color }: { color: TabIndicatorColor }) {\n    const styles = useStyles(color);\n\n    return (\n        <View\n            style={styles.root}\n        />\n    );\n};\n\nexport default React.memo(TabIndicator);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,QAAT,QAAyB,WAAzB;;AAKA,MAAMC,SAA2D,GAC7D,UAAUC,KAAV,EAAwD;EACpD,MAAMC,KAAK,GAAGH,QAAQ,EAAtB;EAEA,OAAO;IACHI,IAAI,EAAE;MACFC,eAAe,EAAEF,KAAK,CAACG,OAAN,CAAcJ,KAAd,EAAqBK,IADpC;MAEFC,MAAM,EAAE,CAFN;MAGFC,MAAM,EAAE,CAHN;MAIFC,IAAI,EAAE,EAJJ;MAKFC,KAAK,EAAE,EALL;MAMFC,QAAQ,EAAE;IANR;EADH,CAAP;AAUH,CAdL;;AAgBA,MAAMC,YAAY,GAAG,SAASA,YAAT,OAA+D;EAAA,IAAzC;IAAEX;EAAF,CAAyC;EAChF,MAAMY,MAAM,GAAGb,SAAS,CAACC,KAAD,CAAxB;EAEA,oBACI,oBAAC,IAAD;IACI,KAAK,EAAEY,MAAM,CAACV;EADlB,EADJ;AAKH,CARD;;AAUA,4BAAeN,KAAK,CAACiB,IAAN,CAAWF,YAAX,CAAf"}