@fountain-ui/core 2.0.0-beta.97 → 3.0.0-alpha.1

package/build/commonjs/SnackbarContent/LegacySnackbarContent.js

@@ -1,105 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = SnackbarContent;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _styles = require("@fountain-ui/styles");
-
-var _utils = require("@fountain-ui/utils");
-
-var _styles2 = require("../styles");
-
-var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
-
-var _Column = _interopRequireDefault(require("../Column"));
-
-var _Paper = _interopRequireDefault(require("../Paper"));
-
-var _Spacer = _interopRequireDefault(require("../Spacer"));
-
-var _Typography = _interopRequireDefault(require("../Typography"));
-
-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); }
-
-const useStyles = function () {
-  const theme = (0, _styles2.useTheme)();
-  const backgroundColor = theme.palette.primary.main;
-
-  const [r, g, b] = _react.default.useMemo(() => (0, _utils.rgb)(backgroundColor), [backgroundColor]);
-
-  return {
-    root: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      backgroundColor: `rgba(${r}, ${g}, ${b}, .9)`,
-      borderRadius: theme.shape.roundness,
-      paddingHorizontal: theme.spacing(4),
-      paddingVertical: theme.spacing(3)
-    },
-    action: {
-      paddingVertical: theme.spacing(2)
-    }
-  };
-};
-
-function SnackbarContent(props) {
-  const {
-    actionLabel,
-    message,
-    title,
-    onActionPress,
-    style,
-    startIcon,
-    ...otherProps
-  } = props;
-  const styles = useStyles();
-  const theme = (0, _styles2.useTheme)();
-  const titleFontStyle = (0, _styles2.createFontStyle)(theme, {
-    selector: typo => typo.subtitle2,
-    color: theme.mode === 'light' ? _styles.lightTheme.palette.primary.contrastTextColor : _styles.lightTheme.palette.primary.main
-  });
-  const messageFontStyle = (0, _styles2.createFontStyle)(theme, {
-    selector: typo => typo.body2,
-    color: title ? theme.mode === 'light' ? _styles.darkTheme.palette.text.secondary : _styles.lightTheme.palette.text.secondary : theme.palette.primary.contrastTextColor
-  });
-  const labelFontStyle = (0, _styles2.createFontStyle)(theme, {
-    selector: typo => typo.button2,
-    color: theme.palette.primary.contrastTextColor
-  });
-  const labelStyle = (0, _styles2.css)([labelFontStyle, {
-    padding: theme.spacing(2)
-  }]);
-  return /*#__PURE__*/_react.default.createElement(_Paper.default, _extends({
-    elevation: 0,
-    style: (0, _styles2.css)([styles.root, actionLabel ? styles.action : undefined, style])
-  }, otherProps), startIcon ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, startIcon, /*#__PURE__*/_react.default.createElement(_Spacer.default, {
-    size: 3
-  })) : null, /*#__PURE__*/_react.default.createElement(_Column.default, null, title ? /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    children: title,
-    style: (0, _styles2.css)([titleFontStyle])
-  }) : null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    children: message,
-    style: (0, _styles2.css)([messageFontStyle])
-  })), actionLabel ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Spacer.default, {
-    flex: 1
-  }), /*#__PURE__*/_react.default.createElement(_Spacer.default, {
-    size: 1
-  }), /*#__PURE__*/_react.default.createElement(_ButtonBase.default, {
-    onPress: onActionPress,
-    pressEffect: 'none'
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    children: actionLabel,
-    style: labelStyle
-  }))) : null);
-}
-
-;
-//# sourceMappingURL=LegacySnackbarContent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["useStyles","theme","useTheme","backgroundColor","palette","primary","main","r","g","b","React","useMemo","rgb","root","flexDirection","alignItems","borderRadius","shape","roundness","paddingHorizontal","spacing","paddingVertical","action","SnackbarContent","props","actionLabel","message","title","onActionPress","style","startIcon","otherProps","styles","titleFontStyle","createFontStyle","selector","typo","subtitle2","color","mode","lightTheme","contrastTextColor","messageFontStyle","body2","darkTheme","text","secondary","labelFontStyle","button2","labelStyle","css","padding","undefined"],"sources":["LegacySnackbarContent.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from 'react-native';\nimport { lightTheme, darkTheme } from '@fountain-ui/styles';\nimport type { NamedStylesStringUnion, UseStyles } from '@fountain-ui/styles';\nimport { rgb } from '@fountain-ui/utils';\nimport { createFontStyle, css, useTheme } from '../styles';\nimport ButtonBase from '../ButtonBase';\nimport Column from '../Column';\nimport Paper from '../Paper';\nimport Spacer from '../Spacer';\nimport Typography from '../Typography';\nimport type SnackbarContentProps from './LegacySnackbarContentProps';\n\ntype SnackBarContentStyles = NamedStylesStringUnion<'root' | 'action'>;\n\nconst useStyles: UseStyles<SnackBarContentStyles> = function (): SnackBarContentStyles {\n    const theme = useTheme();\n\n    const backgroundColor = theme.palette.primary.main;\n    const [r, g, b] = React.useMemo(() => rgb(backgroundColor), [backgroundColor]);\n\n    return {\n        root: {\n            flexDirection: 'row',\n            alignItems: 'center',\n            backgroundColor: `rgba(${r}, ${g}, ${b}, .9)`,\n            borderRadius: theme.shape.roundness,\n            paddingHorizontal: theme.spacing(4),\n            paddingVertical: theme.spacing(3),\n        },\n        action: {\n            paddingVertical: theme.spacing(2),\n        },\n    };\n};\n\nexport default function SnackbarContent(props: SnackbarContentProps) {\n    const {\n        actionLabel,\n        message,\n        title,\n        onActionPress,\n        style,\n        startIcon,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles();\n\n    const theme = useTheme();\n\n    const titleFontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.subtitle2,\n        color: theme.mode === 'light'\n            ? lightTheme.palette.primary.contrastTextColor\n            : lightTheme.palette.primary.main,\n    });\n\n    const messageFontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.body2,\n        color: title\n            ? theme.mode === 'light'\n                ? darkTheme.palette.text.secondary\n                : lightTheme.palette.text.secondary\n            : theme.palette.primary.contrastTextColor,\n    });\n\n    const labelFontStyle = createFontStyle(theme, {\n        selector: (typo) => typo.button2,\n        color: theme.palette.primary.contrastTextColor,\n    });\n\n    const labelStyle = css([\n        labelFontStyle,\n        { padding: theme.spacing(2) },\n    ]);\n\n    return (\n        <Paper\n            elevation={0}\n            style={css([\n                styles.root,\n                actionLabel ? styles.action : undefined,\n                style,\n            ])}\n            {...otherProps}\n        >\n            {startIcon ? (\n                <React.Fragment>\n                    {startIcon}\n\n                    <Spacer size={3}/>\n                </React.Fragment>\n            ) : null}\n\n            <Column>\n                {title ? (\n                    <Typography\n                        children={title}\n                        style={css([titleFontStyle])}\n                    />\n                ) : null}\n\n                <Text\n                    children={message}\n                    style={css([messageFontStyle])}\n                />\n            </Column>\n\n            {actionLabel ? (\n                <React.Fragment>\n                    <Spacer flex={1}/>\n\n                    <Spacer size={1}/>\n\n                    <ButtonBase\n                        onPress={onActionPress}\n                        pressEffect={'none'}\n                    >\n                        <Text\n                            children={actionLabel}\n                            style={labelStyle}\n                        />\n                    </ButtonBase>\n                </React.Fragment>\n            ) : null}\n        </Paper>\n    );\n};\n"],"mappings":"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"}

package/build/commonjs/SnackbarContent/LegacySnackbarContentProps.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=LegacySnackbarContentProps.js.map

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["SvgIcon","props","color","colorProp","height","style","styleProp","viewBox","width","otherProps","theme","useTheme","palette","main","css","flexShrink"],"sources":["LegacySvgIcon.tsx"],"sourcesContent":["import React from 'react';\nimport Svg from 'react-native-svg';\nimport { css, useTheme } from '../styles';\nimport type SvgIconProps from './LegacySvgIconProps';\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/LegacySvgIconProps.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=LegacySvgIconProps.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["LegacySvgIconProps.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/Tab/LegacyTab.js

@@ -1,126 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = Tab;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _Badge = _interopRequireDefault(require("../Badge"));
-
-var _TabBase = _interopRequireDefault(require("../TabBase"));
-
-var _styles = require("../styles");
-
-var _TabIndicator = _interopRequireDefault(require("./TabIndicator"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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
-    ...(_reactNative.Platform.OS === 'web' ? {
-      minWidth: 'auto'
-    } : {}),
-    minHeight: 40
-  },
-  bottomNavigation: {
-    minHeight: 56
-  },
-  filledInner: {
-    justifyContent: 'center'
-  },
-  tertiary: {
-    minHeight: 44
-  }
-});
-
-function Tab(props) {
-  const {
-    badgeVisible = false,
-    children,
-    enableIndicator = false,
-    icon: defaultIcon,
-    indicatorColor = 'primary',
-    indicatorSize = 'full',
-    selected = false,
-    selectedIcon,
-    variant = 'primary',
-    style,
-    onTabInnerLayout,
-    ...otherProps
-  } = props;
-  const theme = (0, _styles.useTheme)();
-  const vertical = variant === 'bottom-navigation';
-  const color = selected ? theme.palette.text.primary : variant === 'contained' ? theme.palette.text.secondary : theme.palette.text.hint;
-  const containedStyle = {
-    borderColor: selected ? theme.palette.primary.main : theme.palette.border.default,
-    borderRadius: theme.shape.roundnessExtra,
-    borderWidth: selected ? 1.5 : 1,
-    minHeight: 'auto',
-    paddingHorizontal: theme.spacing(3),
-    paddingVertical: theme.spacing(1.5)
-  };
-  const tabBaseStyle = (0, _styles.css)([styles.root, variant === 'bottom-navigation' && styles.bottomNavigation, variant === 'contained' && containedStyle, variant === 'tertiary' && styles.tertiary, style]);
-  const tabInnerStyle = (0, _styles.css)([styles.root, styles.filledInner]);
-  const fontStyle = (0, _styles.createFontStyle)(theme, {
-    selector: typo => {
-      switch (variant) {
-        case 'primary':
-          return typo.h2;
-
-        case 'secondary':
-          return typo.button2;
-
-        case 'tertiary':
-          return typo.h3;
-
-        case 'contained':
-          return selected ? { ...typo.subtitle2,
-            fontWeight: typo.fontWeight.medium
-          } : typo.body2;
-
-        default:
-          return typo.flag;
-      }
-    },
-    color
-  });
-  const pressEffect = selected ? 'none' : 'opacity';
-  const icon = selected ? selectedIcon || defaultIcon : defaultIcon;
-  const iconElement = icon ? /*#__PURE__*/(0, _react.cloneElement)(icon, {
-    fill: color
-  }) : null;
-  const tabElement = typeof children !== 'string' ? /*#__PURE__*/_react.default.cloneElement(children, {
-    selected
-  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Badge.default, {
-    children: iconElement,
-    invisible: !badgeVisible
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    children: children,
-    style: (0, _styles.css)(fontStyle)
-  }));
-  const tabIndicator = enableIndicator && selected ? /*#__PURE__*/_react.default.createElement(_TabIndicator.default, {
-    indicatorSize: indicatorSize,
-    color: indicatorColor
-  }) : null;
-  return /*#__PURE__*/_react.default.createElement(_TabBase.default, _extends({
-    pressEffect: pressEffect,
-    style: tabBaseStyle,
-    vertical: vertical
-  }, otherProps), indicatorSize === 'fit-content' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    onLayout: onTabInnerLayout,
-    style: tabInnerStyle
-  }, tabElement, tabIndicator) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, tabElement, tabIndicator));
-}
-
-;
-//# sourceMappingURL=LegacyTab.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["styles","StyleSheet","create","root","Platform","OS","minWidth","minHeight","bottomNavigation","filledInner","justifyContent","tertiary","Tab","props","badgeVisible","children","enableIndicator","icon","defaultIcon","indicatorColor","indicatorSize","selected","selectedIcon","variant","style","onTabInnerLayout","otherProps","theme","useTheme","vertical","color","palette","text","primary","secondary","hint","containedStyle","borderColor","main","border","default","borderRadius","shape","roundnessExtra","borderWidth","paddingHorizontal","spacing","paddingVertical","tabBaseStyle","css","tabInnerStyle","fontStyle","createFontStyle","selector","typo","h2","button2","h3","subtitle2","fontWeight","medium","body2","flag","pressEffect","iconElement","cloneElement","fill","tabElement","React","tabIndicator"],"sources":["LegacyTab.tsx"],"sourcesContent":["import React, { cloneElement } from 'react';\nimport { Platform, Text, View } from 'react-native';\nimport Badge from '../Badge';\nimport TabBase from '../TabBase';\nimport { createFontStyle, css, StyleSheet, useTheme } from '../styles';\nimport type TabProps from './LegacyTabProps';\nimport TabIndicator from './TabIndicator';\n\nconst styles = StyleSheet.create({\n    root: {\n        // TODO: Remove redundant platform checking\n        ...(Platform.OS === 'web' ? { minWidth: 'auto' } : {}),\n        minHeight: 40,\n    },\n    bottomNavigation: {\n        minHeight: 56,\n    },\n    filledInner: {\n        justifyContent: 'center',\n    },\n    tertiary: {\n        minHeight: 44,\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        indicatorSize = 'full',\n        selected = false,\n        selectedIcon,\n        variant = 'primary',\n        style,\n        onTabInnerLayout,\n        ...otherProps\n    } = props;\n\n    const theme = useTheme();\n\n    const vertical = variant === 'bottom-navigation';\n\n    const color = selected\n        ? theme.palette.text.primary\n        : variant === 'contained'\n            ? theme.palette.text.secondary\n            : theme.palette.text.hint;\n\n    const containedStyle = {\n        borderColor: selected ? theme.palette.primary.main : theme.palette.border.default,\n        borderRadius: theme.shape.roundnessExtra,\n        borderWidth: selected ? 1.5 : 1,\n        minHeight: 'auto',\n        paddingHorizontal: theme.spacing(3),\n        paddingVertical: theme.spacing(1.5),\n    };\n\n    const tabBaseStyle = css([\n        styles.root,\n        variant === 'bottom-navigation' && styles.bottomNavigation,\n        variant === 'contained' && containedStyle,\n        variant === 'tertiary' && styles.tertiary,\n        style,\n    ]);\n\n    const tabInnerStyle = css([\n        styles.root,\n        styles.filledInner,\n    ]);\n\n    const fontStyle = createFontStyle(theme, {\n        selector: (typo) => {\n            switch (variant) {\n                case 'primary':\n                    return typo.h2;\n                case 'secondary':\n                    return typo.button2;\n                case 'tertiary':\n                    return typo.h3;\n                case 'contained':\n                    return selected\n                        ? { ...typo.subtitle2, fontWeight: typo.fontWeight.medium }\n                        : typo.body2;\n                default:\n                    return typo.flag;\n            }\n        },\n        color,\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    const tabElement = typeof children !== 'string' ? (\n        React.cloneElement(children, {\n            selected,\n        })\n    ) : (\n        <React.Fragment>\n            <Badge\n                children={iconElement}\n                invisible={!badgeVisible}\n            />\n\n            <Text\n                children={children}\n                style={css(fontStyle)}\n            />\n        </React.Fragment>\n    );\n    const tabIndicator = (enableIndicator && selected)\n        ? <TabIndicator indicatorSize={indicatorSize} color={indicatorColor}/>\n        : null;\n\n    return (\n        <TabBase\n            pressEffect={pressEffect}\n            style={tabBaseStyle}\n            vertical={vertical}\n            {...otherProps}\n        >\n            {indicatorSize === 'fit-content' ? (\n                <View onLayout={onTabInnerLayout} style={tabInnerStyle}>\n                    {tabElement}\n\n                    {tabIndicator}\n                </View>\n            ) : (\n                <React.Fragment>\n                    {tabElement}\n\n                    {tabIndicator}\n                </React.Fragment>\n            )}\n        </TabBase>\n    );\n};\n"],"mappings":"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"}

package/build/commonjs/Tab/LegacyTabProps.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=LegacyTabProps.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["LegacyTabProps.ts"],"sourcesContent":["import React from 'react';\nimport type { LayoutChangeEvent } from 'react-native';\nimport type { TabBaseProps } from '../TabBase';\nimport type { OverridableComponentProps } from '../types';\n\nexport type TabVariant = 'primary' | 'secondary' | 'tertiary' | 'bottom-navigation' | 'contained';\nexport type TabIndicatorColor = 'primary' | 'secondary';\nexport type TabIndicatorSize = 'full' | 'fit-content';\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 | React.ReactElement;\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     * The size of tab indicator.\n     * 'full' adjusts the indicator to the size of the Tab,\n     * while 'fit-content' adjusts the indicator to the size of the content inside the Tab.\n     * @default 'full'\n     */\n    indicatorSize?: TabIndicatorSize;\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    /**\n     * Function to be passed to the child component's onLayout prop.\n     */\n    onTabInnerLayout?: (event: LayoutChangeEvent) => void;\n}> {}\n"],"mappings":""}

package/build/commonjs/Tab/TabIndicator.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _styles = require("../styles");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const useStyles = function (color, indicatorSize) {
-  const theme = (0, _styles.useTheme)();
-  return {
-    root: {
-      backgroundColor: theme.palette[color].main,
-      bottom: 0,
-      height: 2,
-      left: indicatorSize === 'fit-content' ? 0 : 12,
-      right: indicatorSize === 'fit-content' ? 0 : 12,
-      position: 'absolute'
-    }
-  };
-};
-
-const TabIndicator = function TabIndicator(_ref) {
-  let {
-    indicatorSize,
-    color
-  } = _ref;
-  const styles = useStyles(color, indicatorSize);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.root
-  });
-};
-
-var _default = /*#__PURE__*/_react.default.memo(TabIndicator);
-
-exports.default = _default;
-//# sourceMappingURL=TabIndicator.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["useStyles","color","indicatorSize","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, TabIndicatorSize } from './LegacyTabProps';\n\ntype TabIndicatorStyles = NamedStylesStringUnion<'root'>;\n\nconst useStyles: (color: TabIndicatorColor, indicatorSize: TabIndicatorSize) => TabIndicatorStyles =\n    function (color: TabIndicatorColor, indicatorSize): TabIndicatorStyles {\n        const theme = useTheme();\n\n        return {\n            root: {\n                backgroundColor: theme.palette[color].main,\n                bottom: 0,\n                height: 2,\n                left: indicatorSize === 'fit-content' ? 0 : 12,\n                right: indicatorSize === 'fit-content' ? 0 : 12,\n                position: 'absolute',\n            },\n        };\n    };\n\nconst TabIndicator = function TabIndicator({\n    indicatorSize,\n    color,\n}: { indicatorSize: TabIndicatorSize; color: TabIndicatorColor }) {\n    const styles = useStyles(color, indicatorSize);\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,SAA4F,GAC9F,UAAUC,KAAV,EAAoCC,aAApC,EAAuE;EACnE,MAAMC,KAAK,GAAG,IAAAC,gBAAA,GAAd;EAEA,OAAO;IACHC,IAAI,EAAE;MACFC,eAAe,EAAEH,KAAK,CAACI,OAAN,CAAcN,KAAd,EAAqBO,IADpC;MAEFC,MAAM,EAAE,CAFN;MAGFC,MAAM,EAAE,CAHN;MAIFC,IAAI,EAAET,aAAa,KAAK,aAAlB,GAAkC,CAAlC,GAAsC,EAJ1C;MAKFU,KAAK,EAAEV,aAAa,KAAK,aAAlB,GAAkC,CAAlC,GAAsC,EAL3C;MAMFW,QAAQ,EAAE;IANR;EADH,CAAP;AAUH,CAdL;;AAgBA,MAAMC,YAAY,GAAG,SAASA,YAAT,OAG6C;EAAA,IAHvB;IACvCZ,aADuC;IAEvCD;EAFuC,CAGuB;EAC9D,MAAMc,MAAM,GAAGf,SAAS,CAACC,KAAD,EAAQC,aAAR,CAAxB;EAEA,oBACI,6BAAC,iBAAD;IACI,KAAK,EAAEa,MAAM,CAACV;EADlB,EADJ;AAKH,CAXD;;4BAaeW,cAAA,CAAMC,IAAN,CAAWH,YAAX,C"}

package/build/commonjs/TabBase/LegacyTabBase.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = TabBase;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@fountain-ui/styles");
-
-var _styles2 = require("../styles");
-
-var _ButtonBase = _interopRequireDefault(require("../ButtonBase"));
-
-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); }
-
-const useStyles = function () {
-  const theme = (0, _styles2.useTheme)();
-  return {
-    root: {
-      alignItems: 'center',
-      justifyContent: 'center',
-      paddingHorizontal: theme.spacing(3),
-      minHeight: 48
-    },
-    row: {
-      flexDirection: 'row'
-    },
-    column: {
-      flexDirection: 'column'
-    }
-  };
-};
-
-function TabBase(props) {
-  const {
-    children,
-    disabled = false,
-    onPress,
-    selected = false,
-    vertical = false,
-    style,
-    ...otherProps
-  } = props;
-  const styles = useStyles();
-  return /*#__PURE__*/_react.default.createElement(_ButtonBase.default, _extends({
-    onPress: onPress,
-    disabled: disabled,
-    style: (0, _styles.css)([styles.root, vertical ? styles.column : styles.row, style])
-  }, otherProps), children);
-}
-
-;
-//# sourceMappingURL=LegacyTabBase.js.map

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

@@ -1 +0,0 @@
-{"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":["LegacyTabBase.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/Tabs/LegacyTabIndicator.js

@@ -1,120 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = TabIndicator;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _styles = require("../styles");
-
-var _hooks = require("../hooks");
-
-var _utils = require("../utils");
-
-var _TabCoordinate = require("./TabCoordinate");
-
-var _InternalContext = _interopRequireDefault(require("./InternalContext"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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 INDICATOR_WIDTH = 10;
-const INDICATOR_HEIGHT = 2;
-const SCROLLABLE_TABS_INSET = 12 * 2;
-
-const useStyles = function (color) {
-  const theme = (0, _styles.useTheme)();
-  return {
-    root: {
-      backgroundColor: theme.palette[color].main,
-      left: 0,
-      bottom: 0,
-      width: INDICATOR_WIDTH,
-      height: INDICATOR_HEIGHT,
-      position: 'absolute'
-    },
-    disabled: {
-      height: 0
-    }
-  };
-};
-
-const startAnimation = (value, toValue, animationDisabled) => {
-  _reactNative.Animated.timing(value, {
-    toValue: toValue,
-    duration: !animationDisabled ? 300 : 0,
-    easing: _reactNative.Easing.bezier(0.25, 1, 0.5, 1),
-    useNativeDriver: _utils.isNotAndroid12
-  }).start();
-};
-
-function TabIndicator(props) {
-  const {
-    animationDisabled = false,
-    color = 'primary',
-    coordinates,
-    disabled,
-    initialIndex,
-    scrollable,
-    style,
-    ...otherProps
-  } = props;
-  const styles = useStyles(color);
-  const computeAnimationValues = (0, _react.useCallback)(currentIndex => {
-    const {
-      x1,
-      x2
-    } = coordinates[currentIndex] ?? _TabCoordinate.defaultCoordinate;
-    const tabWidth = x2 - x1;
-    const nextTranslateX = x1 + (tabWidth - INDICATOR_WIDTH) / 2;
-    const inset = scrollable ? SCROLLABLE_TABS_INSET : 0;
-    const nextScaleX = (tabWidth - inset) / INDICATOR_WIDTH;
-    return {
-      tx: nextTranslateX,
-      sx: nextScaleX
-    };
-  }, [coordinates, scrollable]);
-  const {
-    tx: initialTx,
-    sx: initialSx
-  } = computeAnimationValues(initialIndex);
-  const translateX = (0, _hooks.useAnimatedValue)(initialTx);
-  const scaleX = (0, _hooks.useAnimatedValue)(initialSx);
-  const {
-    indexStore
-  } = (0, _react.useContext)(_InternalContext.default);
-  (0, _react.useEffect)(() => {
-    const scrollToIndex = index => {
-      const {
-        tx,
-        sx
-      } = computeAnimationValues(index);
-      startAnimation(translateX, tx, animationDisabled);
-      startAnimation(scaleX, sx, animationDisabled);
-    };
-
-    scrollToIndex(indexStore.getState());
-    return indexStore.subscribe(scrollToIndex);
-  }, [computeAnimationValues, animationDisabled, indexStore]);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, _extends({
-    style: [styles.root, disabled ? styles.disabled : undefined, {
-      transform: [{
-        translateX
-      }, {
-        scaleX
-      }]
-    }, style]
-  }, otherProps));
-}
-
-;
-//# sourceMappingURL=LegacyTabIndicator.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["INDICATOR_WIDTH","INDICATOR_HEIGHT","SCROLLABLE_TABS_INSET","useStyles","color","theme","useTheme","root","backgroundColor","palette","main","left","bottom","width","height","position","disabled","startAnimation","value","toValue","animationDisabled","Animated","timing","duration","easing","Easing","bezier","useNativeDriver","isNotAndroid12","start","TabIndicator","props","coordinates","initialIndex","scrollable","style","otherProps","styles","computeAnimationValues","useCallback","currentIndex","x1","x2","defaultCoordinate","tabWidth","nextTranslateX","inset","nextScaleX","tx","sx","initialTx","initialSx","translateX","useAnimatedValue","scaleX","indexStore","useContext","InternalContext","useEffect","scrollToIndex","index","getState","subscribe","undefined","transform"],"sources":["LegacyTabIndicator.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect } from 'react';\nimport { Animated, Easing } from 'react-native';\nimport { NamedStylesStringUnion } from '@fountain-ui/styles';\nimport { useTheme } from '../styles';\nimport { useAnimatedValue } from '../hooks';\nimport { isNotAndroid12 } from '../utils';\nimport type TabIndicatorProps from './LegacyTabIndicatorProps';\nimport type { TabIndicatorColor } from './LegacyTabIndicatorProps';\nimport { defaultCoordinate } from './TabCoordinate';\nimport InternalContext from './InternalContext';\n\ntype TabIndicatorStyles = NamedStylesStringUnion<'root' | 'disabled'>;\n\nconst INDICATOR_WIDTH = 10;\nconst INDICATOR_HEIGHT = 2;\n\nconst SCROLLABLE_TABS_INSET = 12 * 2;\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                left: 0,\n                bottom: 0,\n                width: INDICATOR_WIDTH,\n                height: INDICATOR_HEIGHT,\n                position: 'absolute',\n            },\n            disabled: {\n                height: 0,\n            },\n        };\n    };\n\nconst startAnimation = (value: Animated.Value, toValue: number, animationDisabled: boolean) => {\n    Animated.timing(value, {\n        toValue: toValue,\n        duration: !animationDisabled ? 300: 0,\n        easing: Easing.bezier(0.25, 1, 0.5, 1),\n        useNativeDriver: isNotAndroid12,\n    }).start();\n};\n\nexport default function TabIndicator(props: TabIndicatorProps) {\n    const {\n        animationDisabled = false,\n        color = 'primary',\n        coordinates,\n        disabled,\n        initialIndex,\n        scrollable,\n        style,\n        ...otherProps\n    } = props;\n\n    const styles = useStyles(color);\n\n    const computeAnimationValues = useCallback((currentIndex: number) => {\n        const { x1, x2 } = coordinates[currentIndex] ?? defaultCoordinate;\n\n        const tabWidth = x2 - x1;\n\n        const nextTranslateX = x1 + (tabWidth - INDICATOR_WIDTH) / 2;\n\n        const inset = scrollable ? SCROLLABLE_TABS_INSET : 0;\n        const nextScaleX = (tabWidth - inset) / INDICATOR_WIDTH;\n\n        return { tx: nextTranslateX, sx: nextScaleX };\n    }, [coordinates, scrollable]);\n\n    const {\n        tx: initialTx,\n        sx: initialSx,\n    } = computeAnimationValues(initialIndex);\n\n    const translateX = useAnimatedValue(initialTx);\n    const scaleX = useAnimatedValue(initialSx);\n\n    const { indexStore } = useContext(InternalContext);\n\n    useEffect(() => {\n        const scrollToIndex = (index: number) => {\n            const { tx, sx } = computeAnimationValues(index);\n\n            startAnimation(translateX, tx, animationDisabled);\n            startAnimation(scaleX, sx, animationDisabled);\n        };\n\n        scrollToIndex(indexStore.getState());\n\n        return indexStore.subscribe(scrollToIndex);\n    }, [\n        computeAnimationValues,\n        animationDisabled,\n        indexStore,\n    ]);\n\n    return (\n        <Animated.View\n            style={[\n                styles.root,\n                disabled ? styles.disabled : undefined,\n                { transform: [{ translateX }, { scaleX }] },\n                style,\n            ]}\n            {...otherProps}\n        />\n    );\n};\n"],"mappings":"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"}

package/build/commonjs/Tabs/LegacyTabIndicatorProps.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=LegacyTabIndicatorProps.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["LegacyTabIndicatorProps.ts"],"sourcesContent":["import type { ViewProps } from 'react-native';\nimport type { OverridableComponentProps } from '../types';\nimport type TabCoordinate from './TabCoordinate';\n\nexport type TabIndicatorColor = 'primary' | 'secondary';\n\nexport default interface TabIndicatorProps extends OverridableComponentProps<ViewProps, {\n    /**\n     * If `true`, tab shifting animation will be disabled\n     */\n    animationDisabled?: boolean;\n    /**\n     * Tab item coordinates.\n     */\n    coordinates: TabCoordinate[];\n\n    /**\n     * Indicator color.\n     * @default: 'primary'\n     */\n    color?: TabIndicatorColor;\n\n    /**\n     * If `true`, the indicator is disabled.\n     */\n    disabled: boolean;\n\n    /**\n     * Initial index.\n     */\n    initialIndex: number;\n\n    /**\n     * If `true`, the tab will be able to scroll.\n     */\n    scrollable: boolean;\n}> {}\n"],"mappings":""}