@fountain-ui/core 2.0.0-beta.7 → 2.0.0-beta.71

package/build/commonjs/SnackbarContent/SnackbarContent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SnackbarContent.tsx"],"names":["useStyles","theme","backgroundColor","palette","primary","main","r","g","b","React","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":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;AAKA,MAAMA,SAA2C,GAAG,YAAmC;AACnF,QAAMC,KAAK,GAAG,uBAAd;AAEA,QAAMC,eAAe,GAAGD,KAAK,CAACE,OAAN,CAAcC,OAAd,CAAsBC,IAA9C;;AACA,QAAM,CAACC,CAAD,EAAIC,CAAJ,EAAOC,CAAP,IAAYC,eAAMC,OAAN,CAAc,MAAM,gBAAIR,eAAJ,CAApB,EAA0C,CAACA,eAAD,CAA1C,CAAlB;;AAEA,SAAO;AACHS,IAAAA,IAAI,EAAE;AACFT,MAAAA,eAAe,EAAG,QAAOI,CAAE,KAAIC,CAAE,KAAIC,CAAE,OADrC;AAEFI,MAAAA,YAAY,EAAEX,KAAK,CAACY,KAAN,CAAYC,SAFxB;AAGFC,MAAAA,iBAAiB,EAAEd,KAAK,CAACe,OAAN,CAAc,CAAd,CAHjB;AAIFC,MAAAA,eAAe,EAAEhB,KAAK,CAACe,OAAN,CAAc,CAAd;AAJf,KADH;AAOHE,IAAAA,MAAM,EAAE;AACJC,MAAAA,UAAU,EAAE,QADR;AAEJC,MAAAA,aAAa,EAAE,KAFX;AAGJC,MAAAA,cAAc,EAAE,eAHZ;AAIJJ,MAAAA,eAAe,EAAEhB,KAAK,CAACe,OAAN,CAAc,CAAd;AAJb;AAPL,GAAP;AAcH,CApBD;;AAsBe,SAASM,eAAT,CAAyBC,KAAzB,EAAsD;AACjE,QAAM;AACFC,IAAAA,WADE;AAEFC,IAAAA,OAFE;AAGFC,IAAAA,aAHE;AAIFC,IAAAA,KAJE;AAKF,OAAGC;AALD,MAMFL,KANJ;AAQA,QAAMM,MAAM,GAAG7B,SAAS,EAAxB;AAEA,QAAMC,KAAK,GAAG,uBAAd;AAEA,QAAM6B,gBAAgB,GAAG,6BAAgB7B,KAAhB,EAAuB;AAC5C8B,IAAAA,QAAQ,EAAGC,IAAD,IAAUA,IAAI,CAACC,KADmB;AAE5CC,IAAAA,KAAK,EAAEjC,KAAK,CAACE,OAAN,CAAcC,OAAd,CAAsB+B;AAFe,GAAvB,CAAzB;AAKA,QAAMC,cAAc,GAAG,6BAAgBnC,KAAhB,EAAuB;AAC1C8B,IAAAA,QAAQ,EAAGC,IAAD,IAAUA,IAAI,CAACK,OADiB;AAE1CH,IAAAA,KAAK,EAAEjC,KAAK,CAACE,OAAN,CAAcC,OAAd,CAAsB+B;AAFa,GAAvB,CAAvB;AAKA,QAAMG,UAAU,GAAG,iBAAI,CACnBF,cADmB,EAEnB;AAAEG,IAAAA,OAAO,EAAEtC,KAAK,CAACe,OAAN,CAAc,CAAd;AAAX,GAFmB,CAAJ,CAAnB;AAKA,sBACI,6BAAC,cAAD;AACI,IAAA,SAAS,EAAE,CADf;AAEI,IAAA,KAAK,EAAE,iBAAI,CACPa,MAAM,CAAClB,IADA,EAEPa,WAAW,GAAGK,MAAM,CAACX,MAAV,GAAmBsB,SAFvB,EAGPb,KAHO,CAAJ;AAFX,KAOQC,UAPR,gBASI,6BAAC,iBAAD;AACI,IAAA,QAAQ,EAAEH,OADd;AAEI,IAAA,KAAK,EAAE,iBAAI,CACPK,gBADO,CAAJ;AAFX,IATJ,EAgBKN,WAAW,gBACR,6BAAC,cAAD,CAAO,QAAP,qBACI,6BAAC,eAAD;AAAQ,IAAA,IAAI,EAAE;AAAd,IADJ,eAGI,6BAAC,mBAAD;AACI,IAAA,OAAO,EAAEE,aADb;AAEI,IAAA,WAAW,EAAE;AAFjB,kBAII,6BAAC,iBAAD;AACI,IAAA,QAAQ,EAAEF,WADd;AAEI,IAAA,KAAK,EAAEc;AAFX,IAJJ,CAHJ,CADQ,GAcR,IA9BR,CADJ;AAkCH;;AAAA","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":["useStyles","theme","useTheme","backgroundColor","palette","primary","main","r","g","b","React","useMemo","rgb","root","borderRadius","shape","roundness","paddingHorizontal","spacing","paddingVertical","action","alignItems","flexDirection","justifyContent","SnackbarContent","props","actionLabel","message","onActionPress","style","otherProps","styles","messageFontStyle","createFontStyle","selector","typo","body2","color","contrastTextColor","labelFontStyle","button2","labelStyle","css","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;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;AAKA,MAAMA,SAA2C,GAAG,YAAmC;EACnF,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,MAAMC,eAAe,GAAGF,KAAK,CAACG,OAAN,CAAcC,OAAd,CAAsBC,IAA9C;;EACA,MAAM,CAACC,CAAD,EAAIC,CAAJ,EAAOC,CAAP,IAAYC,cAAA,CAAMC,OAAN,CAAc,MAAM,IAAAC,UAAA,EAAIT,eAAJ,CAApB,EAA0C,CAACA,eAAD,CAA1C,CAAlB;;EAEA,OAAO;IACHU,IAAI,EAAE;MACFV,eAAe,EAAG,QAAOI,CAAE,KAAIC,CAAE,KAAIC,CAAE,OADrC;MAEFK,YAAY,EAAEb,KAAK,CAACc,KAAN,CAAYC,SAFxB;MAGFC,iBAAiB,EAAEhB,KAAK,CAACiB,OAAN,CAAc,CAAd,CAHjB;MAIFC,eAAe,EAAElB,KAAK,CAACiB,OAAN,CAAc,CAAd;IAJf,CADH;IAOHE,MAAM,EAAE;MACJC,UAAU,EAAE,QADR;MAEJC,aAAa,EAAE,KAFX;MAGJC,cAAc,EAAE,eAHZ;MAIJJ,eAAe,EAAElB,KAAK,CAACiB,OAAN,CAAc,CAAd;IAJb;EAPL,CAAP;AAcH,CApBD;;AAsBe,SAASM,eAAT,CAAyBC,KAAzB,EAAsD;EACjE,MAAM;IACFC,WADE;IAEFC,OAFE;IAGFC,aAHE;IAIFC,KAJE;IAKF,GAAGC;EALD,IAMFL,KANJ;EAQA,MAAMM,MAAM,GAAG/B,SAAS,EAAxB;EAEA,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,MAAM8B,gBAAgB,GAAG,IAAAC,uBAAA,EAAgBhC,KAAhB,EAAuB;IAC5CiC,QAAQ,EAAGC,IAAD,IAAUA,IAAI,CAACC,KADmB;IAE5CC,KAAK,EAAEpC,KAAK,CAACG,OAAN,CAAcC,OAAd,CAAsBiC;EAFe,CAAvB,CAAzB;EAKA,MAAMC,cAAc,GAAG,IAAAN,uBAAA,EAAgBhC,KAAhB,EAAuB;IAC1CiC,QAAQ,EAAGC,IAAD,IAAUA,IAAI,CAACK,OADiB;IAE1CH,KAAK,EAAEpC,KAAK,CAACG,OAAN,CAAcC,OAAd,CAAsBiC;EAFa,CAAvB,CAAvB;EAKA,MAAMG,UAAU,GAAG,IAAAC,WAAA,EAAI,CACnBH,cADmB,EAEnB;IAAEI,OAAO,EAAE1C,KAAK,CAACiB,OAAN,CAAc,CAAd;EAAX,CAFmB,CAAJ,CAAnB;EAKA,oBACI,6BAAC,cAAD;IACI,SAAS,EAAE,CADf;IAEI,KAAK,EAAE,IAAAwB,WAAA,EAAI,CACPX,MAAM,CAAClB,IADA,EAEPa,WAAW,GAAGK,MAAM,CAACX,MAAV,GAAmBwB,SAFvB,EAGPf,KAHO,CAAJ;EAFX,GAOQC,UAPR,gBASI,6BAAC,iBAAD;IACI,QAAQ,EAAEH,OADd;IAEI,KAAK,EAAE,IAAAe,WAAA,EAAI,CACPV,gBADO,CAAJ;EAFX,EATJ,EAgBKN,WAAW,gBACR,6BAAC,cAAD,CAAO,QAAP,qBACI,6BAAC,eAAD;IAAQ,IAAI,EAAE;EAAd,EADJ,eAGI,6BAAC,mBAAD;IACI,OAAO,EAAEE,aADb;IAEI,WAAW,EAAE;EAFjB,gBAII,6BAAC,iBAAD;IACI,QAAQ,EAAEF,WADd;IAEI,KAAK,EAAEe;EAFX,EAJJ,CAHJ,CADQ,GAcR,IA9BR,CADJ;AAkCH;;AAAA"}

package/build/commonjs/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/commonjs/SnackbarContent/index.js.map

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

package/build/commonjs/Spacer/Spacer.js

@@ -13,7 +13,7 @@ var _styles = require("../styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function Spacer(props) {
   const theme = (0, _styles.useTheme)();

package/build/commonjs/Spacer/Spacer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Spacer.tsx"],"names":["Spacer","props","theme","flex","size","style","styleProp","otherProps","flexGrow","undefined","flexBasis","spacing","width","height"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAGe,SAASA,MAAT,CAAgBC,KAAhB,EAAoC;AAC/C,QAAMC,KAAK,GAAG,uBAAd;AAEA,QAAM;AACFC,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,6BAAC,iBAAD;AACI,IAAA,KAAK,EAAE,iBAAI,CACPL,KADO,EAEPC,SAFO,CAAJ;AADX,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":["Spacer","props","theme","useTheme","flex","size","style","styleProp","otherProps","flexGrow","undefined","flexBasis","spacing","width","height","css"],"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;;AACA;;AACA;;;;;;AAGe,SAASA,MAAT,CAAgBC,KAAhB,EAAoC;EAC/C,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,MAAM;IACFC,IADE;IAEFC,IAFE;IAGFC,KAAK,EAAEC,SAHL;IAIF,GAAGC;EAJD,IAKFP,KALJ;EAOA,MAAMQ,QAAQ,GAAIL,IAAI,KAAKM,SAAT,IAAsBL,IAAI,KAAKK,SAAhC,GAA6C,CAA7C,GAAiDN,IAAlE;EACA,MAAMO,SAAS,GAAGN,IAAI,KAAKK,SAAT,GAAqBR,KAAK,CAACU,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,6BAAC,iBAAD;IACI,KAAK,EAAE,IAAAI,WAAA,EAAI,CACPT,KADO,EAEPC,SAFO,CAAJ;EADX,GAKQC,UALR,EADJ;AASH;;AAAA"}

package/build/commonjs/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/commonjs/Spacer/index.js.map

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

package/build/commonjs/SvgIcon/SvgIcon.js

@@ -13,14 +13,14 @@ var _styles = require("../styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function SvgIcon(props) {
   const {
     color: colorProp = 'primary',
     height = 24,
     style: styleProp,
-    viewBox = '0 0 20 20',
+    viewBox = '0 0 24 24',
     width = 24,
     ...otherProps
   } = props;

package/build/commonjs/SvgIcon/SvgIcon.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SvgIcon.tsx"],"names":["SvgIcon","props","color","colorProp","height","style","styleProp","viewBox","width","otherProps","theme","palette","main","flexShrink"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAGe,SAASA,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,GAAG,uBAAd;AAEA,QAAMR,KAAK,GAAGQ,KAAK,CAACC,OAAN,CAAcR,SAAd,EAAyBS,IAAvC;AAEA,QAAMP,KAAK,GAAG,iBAAI,CACd;AAAEQ,IAAAA,UAAU,EAAE;AAAd,GADc,EAEdP,SAFc,CAAJ,CAAd;AAKA,sBACI,6BAAC,uBAAD;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":["SvgIcon","props","color","colorProp","height","style","styleProp","viewBox","width","otherProps","theme","useTheme","palette","main","css","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;;AACA;;AACA;;;;;;AAGe,SAASA,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,GAAG,IAAAC,gBAAA,GAAd;EAEA,MAAMT,KAAK,GAAGQ,KAAK,CAACE,OAAN,CAAcT,SAAd,EAAyBU,IAAvC;EAEA,MAAMR,KAAK,GAAG,IAAAS,WAAA,EAAI,CACd;IAAEC,UAAU,EAAE;EAAd,CADc,EAEdT,SAFc,CAAJ,CAAd;EAKA,oBACI,6BAAC,uBAAD;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/commonjs/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/commonjs/SvgIcon/index.js.map

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

package/build/commonjs/Switch/Switch.js

@@ -13,7 +13,7 @@ var _styles = require("../styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function Switch(props) {
   const {

package/build/commonjs/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Switch.tsx"],"names":["Switch","props","checked","color","colorProp","disabled","onChange","style","styleProp","otherProps","theme","accentColor","palette","main","disabledColor","tertiary","notActiveTrackColor","thumbColor","Platform","OS","undefined","trackColor","opacity","true","false"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAGe,SAASA,MAAT,CAAgBC,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,GAAG,uBAAd;AAEA,QAAMC,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,GAAGC,sBAASC,EAAT,KAAgB,KAAhB,GACbC,SADa,GAEbf,QAAQ,GACJS,aADI,GAEJ,MAJV;AAMA,QAAMO,UAAU,GAAGH,sBAASC,EAAT,KAAgB,KAAhB,GACbR,WADa,GAEbN,QAAQ,GAAGS,aAAH,GAAmBH,WAFjC;AAIA,QAAMJ,KAAK,GAAG,iBAAI,CACd;AAAEe,IAAAA,OAAO,EAAEjB,QAAQ,GAAG,GAAH,GAAS;AAA5B,GADc,EAEdG,SAFc,CAAJ,CAAd;AAKA,sBACI,6BAAC,mBAAD;AACI,IAAA,KAAK,EAAEN,OADX;AAEI,IAAA,QAAQ,EAAEG,QAFd;AAGI,IAAA,UAAU,EAAEY,UAHhB;AAII,IAAA,aAAa,EAAEZ,QAAQ,GAAGe,SAAH,GAAed,QAJ1C,CAKI;AALJ;AAMI,IAAA,gBAAgB,EAAEe,UANtB;AAOI,IAAA,gBAAgB,EAAEJ,UAPtB;AAQI,IAAA,UAAU,EAAE;AACRM,MAAAA,IAAI,EAAEF,UADE;AAERG,MAAAA,KAAK,EAAER;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":["Switch","props","checked","color","colorProp","disabled","onChange","style","styleProp","otherProps","theme","useTheme","accentColor","palette","main","disabledColor","tertiary","notActiveTrackColor","thumbColor","Platform","OS","undefined","trackColor","css","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;;AACA;;AACA;;;;;;AAGe,SAASA,MAAT,CAAgBC,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,GAAG,IAAAC,gBAAA,GAAd;EAEA,MAAMC,WAAW,GAAGF,KAAK,CAACG,OAAN,CAAcT,SAAd,EAAyBU,IAA7C;EACA,MAAMC,aAAa,GAAGL,KAAK,CAACG,OAAN,CAAcG,QAAd,CAAuBF,IAA7C;EACA,MAAMG,mBAAmB,GAAGP,KAAK,CAACG,OAAN,CAAcG,QAAd,CAAuBF,IAAnD;EAEA,MAAMI,UAAU,GAAGC,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GACbC,SADa,GAEbhB,QAAQ,GACJU,aADI,GAEJ,MAJV;EAMA,MAAMO,UAAU,GAAGH,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GACbR,WADa,GAEbP,QAAQ,GAAGU,aAAH,GAAmBH,WAFjC;EAIA,MAAML,KAAK,GAAG,IAAAgB,WAAA,EAAI,CACd;IAAEC,OAAO,EAAEnB,QAAQ,GAAG,GAAH,GAAS;EAA5B,CADc,EAEdG,SAFc,CAAJ,CAAd;EAKA,oBACI,6BAAC,mBAAD;IACI,KAAK,EAAEN,OADX;IAEI,QAAQ,EAAEG,QAFd;IAGI,UAAU,EAAEa,UAHhB;IAII,aAAa,EAAEb,QAAQ,GAAGgB,SAAH,GAAef,QAJ1C,CAKI;IALJ;IAMI,gBAAgB,EAAEgB,UANtB;IAOI,gBAAgB,EAAEJ,UAPtB;IAQI,UAAU,EAAE;MACRO,IAAI,EAAEH,UADE;MAERI,KAAK,EAAET;IAFC,CARhB;IAYI,KAAK,EAAEV;EAZX,GAaQE,UAbR,EADJ;AAiBH;;AAAA"}

package/build/commonjs/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/commonjs/Switch/index.js.map

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

package/build/commonjs/Tab/Tab.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Tab;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
@@ -19,7 +19,11 @@ var _TabIndicator = _interopRequireDefault(require("./TabIndicator"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const styles = _styles.StyleSheet.create({
   root: { // TODO: Remove redundant platform checking
@@ -28,10 +32,10 @@ const styles = _styles.StyleSheet.create({
     } : {})
   },
   primary: {
-    minHeight: 48
+    minHeight: 40
   },
   secondary: {
-    minHeight: 48
+    minHeight: 40
   },
   bottomNavigation: {
     minHeight: 56
@@ -42,9 +46,10 @@ function Tab(props) {
   const {
     badgeVisible = false,
     children,
-    enableIndicator,
+    enableIndicator = false,
     icon: defaultIcon,
-    selected,
+    indicatorColor = 'primary',
+    selected = false,
     selectedIcon,
     variant = 'primary',
     style,
@@ -60,7 +65,7 @@ function Tab(props) {
   });
   const pressEffect = selected ? 'none' : 'opacity';
   const icon = selected ? selectedIcon || defaultIcon : defaultIcon;
-  const iconElement = icon ? /*#__PURE__*/_react.default.cloneElement(icon, {
+  const iconElement = icon ? /*#__PURE__*/(0, _react.cloneElement)(icon, {
     fill: color
   }) : null;
   return /*#__PURE__*/_react.default.createElement(_TabBase.default, _extends({
@@ -73,7 +78,9 @@ function Tab(props) {
   }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     children: children,
     style: (0, _styles.css)(fontStyle)
-  }), enableIndicator ? /*#__PURE__*/_react.default.createElement(_TabIndicator.default, null) : null);
+  }), enableIndicator && selected ? /*#__PURE__*/_react.default.createElement(_TabIndicator.default, {
+    color: indicatorColor
+  }) : null);
 }
 
 ;

package/build/commonjs/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Tab.tsx"],"names":["styles","StyleSheet","create","root","Platform","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","React","cloneElement","fill"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;AAEA,MAAMA,MAAM,GAAGC,mBAAWC,MAAX,CAAkB;AAC7BC,EAAAA,IAAI,EAAE,EACF;AACA,QAAIC,sBAASC,EAAT,KAAgB,KAAhB,GAAwB;AAAEC,MAAAA,QAAQ,EAAE;AAAZ,KAAxB,GAA+C,EAAnD;AAFE,GADuB;AAK7BC,EAAAA,OAAO,EAAE;AACLC,IAAAA,SAAS,EAAE;AADN,GALoB;AAQ7BC,EAAAA,SAAS,EAAE;AACPD,IAAAA,SAAS,EAAE;AADJ,GARkB;AAW7BE,EAAAA,gBAAgB,EAAE;AACdF,IAAAA,SAAS,EAAE;AADG;AAXW,CAAlB,CAAf;;AAgBe,SAASG,GAAT,CAAaC,KAAb,EAA8B;AACzC,QAAM;AACFC,IAAAA,YAAY,GAAG,KADb;AAEFC,IAAAA,QAFE;AAGFC,IAAAA,eAHE;AAIFC,IAAAA,IAAI,EAAEC,WAJJ;AAKFC,IAAAA,QALE;AAMFC,IAAAA,YANE;AAOFC,IAAAA,OAAO,GAAG,SAPR;AAQFC,IAAAA,KARE;AASF,OAAGC;AATD,MAUFV,KAVJ;AAYA,QAAMW,KAAK,GAAG,uBAAd;AAEA,QAAMC,QAAQ,GAAGJ,OAAO,KAAK,mBAA7B;AAEA,QAAMK,KAAK,GAAGP,QAAQ,GAAGK,KAAK,CAACG,OAAN,CAAcC,IAAd,CAAmBpB,OAAtB,GAAgCgB,KAAK,CAACG,OAAN,CAAcC,IAAd,CAAmBC,IAAzE;AAEA,QAAMC,YAAY,GAAG,iBAAI,CACrB7B,MAAM,CAACG,IADc,EAErBiB,OAAO,KAAK,SAAZ,GACMpB,MAAM,CAACO,OADb,GAEOa,OAAO,KAAK,WAAZ,GAA0BpB,MAAM,CAACS,SAAjC,GAA6CT,MAAM,CAACU,gBAJtC,EAKrBW,KALqB,CAAJ,CAArB;AAQA,QAAMS,SAAS,GAAG,6BAAgBP,KAAhB,EAAuB;AACrCQ,IAAAA,QAAQ,EAAGC,IAAD,IAAUZ,OAAO,KAAK,SAAZ,GACdY,IAAI,CAACC,EADS,GAEbb,OAAO,KAAK,WAAZ,GAA0BY,IAAI,CAACE,OAA/B,GAAyCF,IAAI,CAACG,IAHhB;AAIrCV,IAAAA;AAJqC,GAAvB,CAAlB;AAOA,QAAMW,WAAW,GAAGlB,QAAQ,GAAG,MAAH,GAAY,SAAxC;AAEA,QAAMF,IAAI,GAAGE,QAAQ,GAAIC,YAAY,IAAIF,WAApB,GAAmCA,WAAxD;AACA,QAAMoB,WAAW,GAAGrB,IAAI,gBAAGsB,eAAMC,YAAN,CAAmBvB,IAAnB,EAAyB;AAAEwB,IAAAA,IAAI,EAAEf;AAAR,GAAzB,CAAH,GAA+C,IAAvE;AAEA,sBACI,6BAAC,gBAAD;AACI,IAAA,WAAW,EAAEW,WADjB;AAEI,IAAA,KAAK,EAAEP,YAFX;AAGI,IAAA,QAAQ,EAAEL;AAHd,KAIQF,UAJR,gBAMI,6BAAC,cAAD;AACI,IAAA,QAAQ,EAAEe,WADd;AAEI,IAAA,SAAS,EAAE,CAACxB;AAFhB,IANJ,eAWI,6BAAC,iBAAD;AACI,IAAA,QAAQ,EAAEC,QADd;AAEI,IAAA,KAAK,EAAE,iBAAIgB,SAAJ;AAFX,IAXJ,EAgBKf,eAAe,gBAAG,6BAAC,qBAAD,OAAH,GAAqB,IAhBzC,CADJ;AAoBH;;AAAA","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":["styles","StyleSheet","create","root","Platform","OS","minWidth","primary","minHeight","secondary","bottomNavigation","Tab","props","badgeVisible","children","enableIndicator","icon","defaultIcon","indicatorColor","selected","selectedIcon","variant","style","otherProps","theme","useTheme","vertical","color","palette","text","hint","tabBaseStyle","css","fontStyle","createFontStyle","selector","typo","h2","button2","flag","pressEffect","iconElement","cloneElement","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;;AACA;;AACA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,MAAMA,MAAM,GAAGC,kBAAA,CAAWC,MAAX,CAAkB;EAC7BC,IAAI,EAAE,EACF;IACA,IAAIC,qBAAA,CAASC,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;;AAgBe,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,GAAG,IAAAC,gBAAA,GAAd;EAEA,MAAMC,QAAQ,GAAGL,OAAO,KAAK,mBAA7B;EAEA,MAAMM,KAAK,GAAGR,QAAQ,GAAGK,KAAK,CAACI,OAAN,CAAcC,IAAd,CAAmBtB,OAAtB,GAAgCiB,KAAK,CAACI,OAAN,CAAcC,IAAd,CAAmBC,IAAzE;EAEA,MAAMC,YAAY,GAAG,IAAAC,WAAA,EAAI,CACrBhC,MAAM,CAACG,IADc,EAErBkB,OAAO,KAAK,SAAZ,GACMrB,MAAM,CAACO,OADb,GAEOc,OAAO,KAAK,WAAZ,GAA0BrB,MAAM,CAACS,SAAjC,GAA6CT,MAAM,CAACU,gBAJtC,EAKrBY,KALqB,CAAJ,CAArB;EAQA,MAAMW,SAAS,GAAG,IAAAC,uBAAA,EAAgBV,KAAhB,EAAuB;IACrCW,QAAQ,EAAGC,IAAD,IAAUf,OAAO,KAAK,SAAZ,GACde,IAAI,CAACC,EADS,GAEbhB,OAAO,KAAK,WAAZ,GAA0Be,IAAI,CAACE,OAA/B,GAAyCF,IAAI,CAACG,IAHhB;IAIrCZ;EAJqC,CAAvB,CAAlB;EAOA,MAAMa,WAAW,GAAGrB,QAAQ,GAAG,MAAH,GAAY,SAAxC;EAEA,MAAMH,IAAI,GAAGG,QAAQ,GAAIC,YAAY,IAAIH,WAApB,GAAmCA,WAAxD;EACA,MAAMwB,WAAW,GAAGzB,IAAI,gBAAG,IAAA0B,mBAAA,EAAa1B,IAAb,EAAmB;IAAE2B,IAAI,EAAEhB;EAAR,CAAnB,CAAH,GAAyC,IAAjE;EAEA,oBACI,6BAAC,gBAAD;IACI,WAAW,EAAEa,WADjB;IAEI,KAAK,EAAET,YAFX;IAGI,QAAQ,EAAEL;EAHd,GAIQH,UAJR,gBAMI,6BAAC,cAAD;IACI,QAAQ,EAAEkB,WADd;IAEI,SAAS,EAAE,CAAC5B;EAFhB,EANJ,eAWI,6BAAC,iBAAD;IACI,QAAQ,EAAEC,QADd;IAEI,KAAK,EAAE,IAAAkB,WAAA,EAAIC,SAAJ;EAFX,EAXJ,EAgBMlB,eAAe,IAAII,QAApB,gBAAgC,6BAAC,qBAAD;IAAc,KAAK,EAAED;EAArB,EAAhC,GAAyE,IAhB9E,CADJ;AAoBH;;AAAA"}

package/build/commonjs/Tab/TabIndicator.js

@@ -13,13 +13,13 @@ var _styles = require("../styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const useStyles = function () {
+const useStyles = function (color) {
   const theme = (0, _styles.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'
@@ -27,8 +27,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.default.createElement(_reactNative.View, {
     style: styles.root
   });

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

@@ -1 +1 @@
-{"version":3,"sources":["TabIndicator.tsx"],"names":["useStyles","theme","root","backgroundColor","palette","secondary","main","bottom","height","left","right","position","TabIndicator","styles","React","memo"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAIA,MAAMA,SAAwC,GAAG,YAAgC;AAC7E,QAAMC,KAAK,GAAG,uBAAd;AAEA,SAAO;AACHC,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,6BAAC,iBAAD;AACI,IAAA,KAAK,EAAEa,MAAM,CAACX;AADlB,IADJ;AAKH,CARD;;4BAUeY,eAAMC,IAAN,CAAWH,YAAX,C","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":["useStyles","color","theme","useTheme","root","backgroundColor","palette","main","bottom","height","left","right","position","TabIndicator","styles","React","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;;AACA;;AAEA;;;;AAKA,MAAMA,SAA2D,GAC7D,UAAUC,KAAV,EAAwD;EACpD,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAcL,KAAd,EAAqBM,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;IAAEZ;EAAF,CAAyC;EAChF,MAAMa,MAAM,GAAGd,SAAS,CAACC,KAAD,CAAxB;EAEA,oBACI,6BAAC,iBAAD;IACI,KAAK,EAAEa,MAAM,CAACV;EADlB,EADJ;AAKH,CARD;;4BAUeW,cAAA,CAAMC,IAAN,CAAWH,YAAX,C"}

package/build/commonjs/Tab/TabProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["TabProps.ts"],"sourcesContent":["import React from 'react';\nimport type { TabBaseProps } from '../TabBase';\nimport type { OverridableComponentProps } from '../types';\n\nexport type TabVariant = 'primary' | 'secondary' | 'bottom-navigation';\nexport type TabIndicatorColor = 'primary' | 'secondary'\n\nexport default interface TabProps extends OverridableComponentProps<TabBaseProps, {\n    /**\n     * If `true`, the badge is visible.\n     * @default false\n     */\n    badgeVisible?: boolean;\n\n    /**\n     * The label of the Tab.\n     */\n    children: string;\n\n    /**\n     * If `true`, the indicator is enabled.\n     * @default false\n     */\n    enableIndicator?: boolean;\n\n    /**\n     * If `true`, the component is selected.\n     * @default false\n     */\n    selected?: boolean;\n\n    /**\n     * Element placed before the children.\n     */\n    icon?: React.ReactElement;\n\n    /**\n     * Tab indicator color\n     * @default 'primary'\n     */\n    indicatorColor?: TabIndicatorColor;\n\n    /**\n     * If supplied, use this icon on selected state.\n     */\n    selectedIcon?: React.ReactElement;\n\n    /**\n     * The variant to use.\n     * @default 'primary'\n     */\n    variant?: TabVariant;\n}> {}\n"],"mappings":""}

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

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

package/build/commonjs/TabBase/TabBase.js

@@ -15,7 +15,7 @@ var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 const useStyles = function () {
   const theme = (0, _styles2.useTheme)();

package/build/commonjs/TabBase/TabBase.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TabBase.tsx"],"names":["useStyles","theme","root","alignItems","justifyContent","paddingHorizontal","spacing","minHeight","row","flexDirection","column","TabBase","props","children","disabled","onPress","selected","vertical","style","otherProps","styles"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAKA,MAAMA,SAAmC,GAAG,YAA2B;AACnE,QAAMC,KAAK,GAAG,wBAAd;AAEA,SAAO;AACHC,IAAAA,IAAI,EAAE;AACFC,MAAAA,UAAU,EAAE,QADV;AAEFC,MAAAA,cAAc,EAAE,QAFd;AAGFC,MAAAA,iBAAiB,EAAEJ,KAAK,CAACK,OAAN,CAAc,CAAd,CAHjB;AAIFC,MAAAA,SAAS,EAAE;AAJT,KADH;AAOHC,IAAAA,GAAG,EAAE;AACDC,MAAAA,aAAa,EAAE;AADd,KAPF;AAUHC,IAAAA,MAAM,EAAE;AACJD,MAAAA,aAAa,EAAE;AADX;AAVL,GAAP;AAcH,CAjBD;;AAmBe,SAASE,OAAT,CAAiBC,KAAjB,EAAsC;AACjD,QAAM;AACFC,IAAAA,QADE;AAEFC,IAAAA,QAAQ,GAAG,KAFT;AAGFC,IAAAA,OAHE;AAIFC,IAAAA,QAAQ,GAAG,KAJT;AAKFC,IAAAA,QAAQ,GAAG,KALT;AAMFC,IAAAA,KANE;AAOF,OAAGC;AAPD,MAQFP,KARJ;AAUA,QAAMQ,MAAM,GAAGpB,SAAS,EAAxB;AAEA,sBACI,6BAAC,mBAAD;AACI,IAAA,OAAO,EAAEe,OADb;AAEI,IAAA,QAAQ,EAAED,QAFd;AAGI,IAAA,KAAK,EAAE,iBAAI,CACPM,MAAM,CAAClB,IADA,EAEPe,QAAQ,GAAGG,MAAM,CAACV,MAAV,GAAmBU,MAAM,CAACZ,GAF3B,EAGPU,KAHO,CAAJ;AAHX,KAQQC,UARR,GAUKN,QAVL,CADJ;AAcH;;AAAA","sourcesContent":["import React from 'react';\nimport { css, NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { useTheme } from '../styles';\nimport ButtonBase from '../ButtonBase';\nimport type TabBaseProps from './TabBaseProps';\n\ntype TabBaseStyles = NamedStylesStringUnion<'root' | 'row' | 'column'>;\n\nconst useStyles: UseStyles<TabBaseStyles> = function (): TabBaseStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            alignItems: 'center',\n            justifyContent: 'center',\n            paddingHorizontal: theme.spacing(3),\n            minHeight: 48,\n        },\n        row: {\n            flexDirection: 'row',\n        },\n        column: {\n            flexDirection: 'column',\n        },\n    };\n};\n\nexport default function TabBase(props: TabBaseProps) {\n    const {\n        children,\n        disabled = false,\n        onPress,\n        selected = false,\n        vertical = false,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <ButtonBase\n            onPress={onPress}\n            disabled={disabled}\n            style={css([\n                styles.root,\n                vertical ? styles.column : styles.row,\n                style,\n            ])}\n            {...otherProps}\n        >\n            {children}\n        </ButtonBase>\n    );\n};\n"]}
+{"version":3,"names":["useStyles","theme","useTheme","root","alignItems","justifyContent","paddingHorizontal","spacing","minHeight","row","flexDirection","column","TabBase","props","children","disabled","onPress","selected","vertical","style","otherProps","styles","css"],"sources":["TabBase.tsx"],"sourcesContent":["import React from 'react';\nimport { css, NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { useTheme } from '../styles';\nimport ButtonBase from '../ButtonBase';\nimport type TabBaseProps from './TabBaseProps';\n\ntype TabBaseStyles = NamedStylesStringUnion<'root' | 'row' | 'column'>;\n\nconst useStyles: UseStyles<TabBaseStyles> = function (): TabBaseStyles {\n    const theme = useTheme();\n\n    return {\n        root: {\n            alignItems: 'center',\n            justifyContent: 'center',\n            paddingHorizontal: theme.spacing(3),\n            minHeight: 48,\n        },\n        row: {\n            flexDirection: 'row',\n        },\n        column: {\n            flexDirection: 'column',\n        },\n    };\n};\n\nexport default function TabBase(props: TabBaseProps) {\n    const {\n        children,\n        disabled = false,\n        onPress,\n        selected = false,\n        vertical = false,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    return (\n        <ButtonBase\n            onPress={onPress}\n            disabled={disabled}\n            style={css([\n                styles.root,\n                vertical ? styles.column : styles.row,\n                style,\n            ])}\n            {...otherProps}\n        >\n            {children}\n        </ButtonBase>\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAKA,MAAMA,SAAmC,GAAG,YAA2B;EACnE,MAAMC,KAAK,GAAG,IAAAC,iBAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,UAAU,EAAE,QADV;MAEFC,cAAc,EAAE,QAFd;MAGFC,iBAAiB,EAAEL,KAAK,CAACM,OAAN,CAAc,CAAd,CAHjB;MAIFC,SAAS,EAAE;IAJT,CADH;IAOHC,GAAG,EAAE;MACDC,aAAa,EAAE;IADd,CAPF;IAUHC,MAAM,EAAE;MACJD,aAAa,EAAE;IADX;EAVL,CAAP;AAcH,CAjBD;;AAmBe,SAASE,OAAT,CAAiBC,KAAjB,EAAsC;EACjD,MAAM;IACFC,QADE;IAEFC,QAAQ,GAAG,KAFT;IAGFC,OAHE;IAIFC,QAAQ,GAAG,KAJT;IAKFC,QAAQ,GAAG,KALT;IAMFC,KANE;IAOF,GAAGC;EAPD,IAQFP,KARJ;EAUA,MAAMQ,MAAM,GAAGrB,SAAS,EAAxB;EAEA,oBACI,6BAAC,mBAAD;IACI,OAAO,EAAEgB,OADb;IAEI,QAAQ,EAAED,QAFd;IAGI,KAAK,EAAE,IAAAO,WAAA,EAAI,CACPD,MAAM,CAAClB,IADA,EAEPe,QAAQ,GAAGG,MAAM,CAACV,MAAV,GAAmBU,MAAM,CAACZ,GAF3B,EAGPU,KAHO,CAAJ;EAHX,GAQQC,UARR,GAUKN,QAVL,CADJ;AAcH;;AAAA"}

package/build/commonjs/TabBase/TabBaseProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["TabBaseProps.ts"],"sourcesContent":["import React from 'react';\nimport type { OverridableComponentProps } from '../types';\nimport type { ButtonBaseProps } from '../ButtonBase';\n\nexport default interface TabBaseProps extends OverridableComponentProps<ButtonBaseProps, {\n    /**\n     * Content of the TabBase.\n     */\n    children: React.ReactNode;\n\n    /**\n     * If `true`, the component is selected.\n     * @default false\n     */\n    selected?: boolean;\n\n    /**\n     * Orientation of the TabBase. Default is horizontal.\n     * @default false\n     */\n    vertical?: boolean;\n}> {}\n"],"mappings":""}

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

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

package/build/commonjs/Tabs/IndexAwareTab.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = IndexAwareTab;
+
+var _react = require("react");
+
+var _InternalContext = _interopRequireDefault(require("./InternalContext"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function IndexAwareTab(props) {
+  const {
+    children,
+    index,
+    initialIndex
+  } = props;
+  const [selected, setSelected] = (0, _react.useState)(initialIndex === index);
+  const {
+    indexStore
+  } = (0, _react.useContext)(_InternalContext.default);
+  (0, _react.useEffect)(() => {
+    return indexStore.subscribe(currentIndex => {
+      setSelected(currentIndex === index);
+    });
+  }, [indexStore, index]);
+  return /*#__PURE__*/(0, _react.cloneElement)(children, {
+    selected
+  });
+}
+
+;
+//# sourceMappingURL=IndexAwareTab.js.map

package/build/commonjs/Tabs/IndexAwareTab.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["IndexAwareTab","props","children","index","initialIndex","selected","setSelected","useState","indexStore","useContext","InternalContext","useEffect","subscribe","currentIndex","cloneElement"],"sources":["IndexAwareTab.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React, { cloneElement, useContext, useEffect, useState } from 'react';\nimport InternalContext from './InternalContext';\n\nexport interface IndexAwareTabProps {\n    children: ReactElement;\n    index: number;\n    initialIndex: number;\n}\n\nexport default function IndexAwareTab(props: IndexAwareTabProps) {\n    const {\n        children,\n        index,\n        initialIndex,\n    } = props;\n\n    const [selected, setSelected] = useState(initialIndex === index);\n\n    const { indexStore } = useContext(InternalContext);\n\n    useEffect(() => {\n        return indexStore.subscribe((currentIndex) => {\n            setSelected(currentIndex === index);\n        });\n    }, [indexStore, index]);\n\n    return cloneElement(children, { selected });\n};\n"],"mappings":";;;;;;;AACA;;AACA;;;;AAQe,SAASA,aAAT,CAAuBC,KAAvB,EAAkD;EAC7D,MAAM;IACFC,QADE;IAEFC,KAFE;IAGFC;EAHE,IAIFH,KAJJ;EAMA,MAAM,CAACI,QAAD,EAAWC,WAAX,IAA0B,IAAAC,eAAA,EAASH,YAAY,KAAKD,KAA1B,CAAhC;EAEA,MAAM;IAAEK;EAAF,IAAiB,IAAAC,iBAAA,EAAWC,wBAAX,CAAvB;EAEA,IAAAC,gBAAA,EAAU,MAAM;IACZ,OAAOH,UAAU,CAACI,SAAX,CAAsBC,YAAD,IAAkB;MAC1CP,WAAW,CAACO,YAAY,KAAKV,KAAlB,CAAX;IACH,CAFM,CAAP;EAGH,CAJD,EAIG,CAACK,UAAD,EAAaL,KAAb,CAJH;EAMA,oBAAO,IAAAW,mBAAA,EAAaZ,QAAb,EAAuB;IAAEG;EAAF,CAAvB,CAAP;AACH;;AAAA"}

package/build/commonjs/Tabs/InternalContext.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _store = require("../store");
+
+const InternalContext = /*#__PURE__*/(0, _react.createContext)({
+  indexStore: new _store.MockStore()
+});
+var _default = InternalContext;
+exports.default = _default;
+//# sourceMappingURL=InternalContext.js.map

package/build/commonjs/Tabs/InternalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["InternalContext","createContext","indexStore","MockStore"],"sources":["InternalContext.ts"],"sourcesContent":["import { createContext } from 'react';\nimport type { MonoStore } from '../store';\nimport { MockStore } from '../store';\n\nexport interface InternalContextValue {\n    indexStore: MonoStore<number>;\n}\n\nconst InternalContext = createContext<InternalContextValue>({\n    indexStore: new MockStore(),\n});\n\nexport default InternalContext;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAMA,MAAMA,eAAe,gBAAG,IAAAC,oBAAA,EAAoC;EACxDC,UAAU,EAAE,IAAIC,gBAAJ;AAD4C,CAApC,CAAxB;eAIeH,e"}

package/build/commonjs/Tabs/ScrollableTabsView.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ScrollableTabsView;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _useScrollViewReaction = _interopRequireDefault(require("./useScrollViewReaction"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ScrollableTabsView(props) {
+  const {
+    coordinates,
+    initialIndex,
+    ...scrollViewProps
+  } = props;
+  const {
+    scrollViewRef,
+    onLayout
+  } = (0, _useScrollViewReaction.default)(initialIndex, coordinates);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, _extends({
+    ref: scrollViewRef,
+    onLayout: onLayout
+  }, scrollViewProps));
+}
+
+;
+//# sourceMappingURL=ScrollableTabsView.js.map

package/build/commonjs/Tabs/ScrollableTabsView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollableTabsView","props","coordinates","initialIndex","scrollViewProps","scrollViewRef","onLayout","useScrollViewReaction"],"sources":["ScrollableTabsView.tsx"],"sourcesContent":["import React from 'react';\nimport type { ScrollViewProps } from 'react-native';\nimport { ScrollView } from 'react-native';\nimport TabCoordinate from './TabCoordinate';\nimport useScrollViewReaction from './useScrollViewReaction';\n\nexport interface ScrollableTabsViewProps extends ScrollViewProps {\n    initialIndex: number;\n    coordinates: TabCoordinate[];\n}\n\nexport default function ScrollableTabsView(props: ScrollableTabsViewProps) {\n    const {\n        coordinates,\n        initialIndex,\n        ...scrollViewProps\n    } = props;\n\n    const { scrollViewRef, onLayout } = useScrollViewReaction(initialIndex, coordinates);\n\n    return (\n        <ScrollView\n            ref={scrollViewRef}\n            onLayout={onLayout}\n            {...scrollViewProps}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;;;;;AAOe,SAASA,kBAAT,CAA4BC,KAA5B,EAA4D;EACvE,MAAM;IACFC,WADE;IAEFC,YAFE;IAGF,GAAGC;EAHD,IAIFH,KAJJ;EAMA,MAAM;IAAEI,aAAF;IAAiBC;EAAjB,IAA8B,IAAAC,8BAAA,EAAsBJ,YAAtB,EAAoCD,WAApC,CAApC;EAEA,oBACI,6BAAC,uBAAD;IACI,GAAG,EAAEG,aADT;IAEI,QAAQ,EAAEC;EAFd,GAGQF,eAHR,EADJ;AAOH;;AAAA"}

package/build/commonjs/Tabs/TabCoordinate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TabCoordinate.ts"],"names":["defaultCoordinate","x1","x2"],"mappings":";;;;;;AAKO,MAAMA,iBAAgC,GAAG;AAAEC,EAAAA,EAAE,EAAE,CAAN;AAASC,EAAAA,EAAE,EAAE;AAAb,CAAzC","sourcesContent":["interface TabCoordinate {\n    x1: number;\n    x2: number;\n}\n\nexport const defaultCoordinate: TabCoordinate = { x1: 0, x2: 0 };\n\nexport default TabCoordinate;"]}
+{"version":3,"names":["defaultCoordinate","x1","x2"],"sources":["TabCoordinate.ts"],"sourcesContent":["interface TabCoordinate {\n    x1: number;\n    x2: number;\n}\n\nexport const defaultCoordinate: TabCoordinate = { x1: 0, x2: 0 };\n\nexport default TabCoordinate;"],"mappings":";;;;;;AAKO,MAAMA,iBAAgC,GAAG;EAAEC,EAAE,EAAE,CAAN;EAASC,EAAE,EAAE;AAAb,CAAzC"}