sapo-components-ui-rn 1.1.86 → 1.1.88

package/README.md

@@ -19,9 +19,10 @@ Thư viện này yêu cầu các peer dependencies sau:
   "react": ">=18.0.0",
   "react-native": ">=0.70.0",
   "@react-native-community/masked-view": "*",
+  "react-native-gesture-handler": "*",
+  "react-native-reanimated": "*",
   "react-native-safe-area-context": "*",
-  "react-native-screens": "*",
-  "react-native-svg": "*"
+  "react-native-screens": "*"
 }
 ```
 

package/dist/assets/images/index.d.ts

@@ -1 +1 @@
-export declare const IMAGE_DEFAULT: any;
+export declare const getImageDefault: () => number;

package/dist/assets/images/index.ts

@@ -1 +1,9 @@
-export const IMAGE_DEFAULT = require('./image_default.png');
+/* eslint-disable @typescript-eslint/no-var-requires */
+let imageDefault: number | undefined;
+
+export const getImageDefault = (): number => {
+  if (imageDefault === undefined) {
+    imageDefault = require("./image_default.png");
+  }
+  return imageDefault;
+};

package/dist/index.d.ts

@@ -2,7 +2,6 @@ export { ThemeColors } from "./styles/themes/tokens";
 export { CONSTANTS } from "./styles/themes/tokens";
 export { ThemeColors as ThemeColorsProps } from "./types";
 export { default as containerStyles } from "./theme/container-styles";
-export { useTheme, ThemeProvider, DefaultTheme, adaptNavigationTheme, } from "./core/theming";
 export * from "./styles/themes";
 export { default as Switch } from "./components/Switch/Switch";
 export { default as TextInput } from "./components/TextInput/TextInput";

package/dist/index.esm.js

@@ -1,7 +1,8 @@
-import { Dimensions, Platform, StyleSheet, useColorScheme, TouchableOpacity, View as View$1, Animated, Text as Text$2, Pressable, I18nManager, useWindowDimensions, TextInput as TextInput$1, Modal, Keyboard, ActivityIndicator, ImageBackground, Image as Image$2 } from 'react-native';
+import { Dimensions, Platform, StyleSheet, useColorScheme, TouchableOpacity, View as View$1, Text as Text$2, Animated as Animated$1, Pressable, I18nManager, useWindowDimensions, TextInput as TextInput$1, Modal, Keyboard, ActivityIndicator, ImageBackground, Image as Image$2 } from 'react-native';
 import * as React$3 from 'react';
-import React__default, { forwardRef as forwardRef$1, memo, useRef, useEffect, useCallback, useState, useMemo, useImperativeHandle } from 'react';
+import React__default, { forwardRef as forwardRef$1, memo, useCallback, useState, useEffect, useMemo, useRef, useImperativeHandle } from 'react';
 import require$$1 from 'deepmerge';
+import Animated, { useSharedValue, withSequence, withTiming, withSpring, useAnimatedStyle, interpolateColor, useAnimatedReaction } from 'react-native-reanimated';
 import color from 'color';
 import IconClose from './assets/svg/icon-close.svg';
 import IconCheckbox from './assets/svg/icon-checkbox.svg';
@@ -722,6 +723,48 @@ var containerStyles = StyleSheet.create({
     },
 });
 
+function configureV3Fonts(config) {
+    if (!config) {
+        return typescale;
+    }
+    var isFlatConfig = Object.keys(config).every(function (key) { return typeof config[key] !== "object"; });
+    if (isFlatConfig) {
+        return Object.fromEntries(Object.entries(typescale).map(function (_a) {
+            var variantName = _a[0], variantProperties = _a[1];
+            return [
+                variantName,
+                __assign(__assign({}, variantProperties), config),
+            ];
+        }));
+    }
+    return Object.assign.apply(Object, __spreadArray([{},
+        typescale], Object.entries(config).map(function (_a) {
+        var _b;
+        var variantName = _a[0], variantProperties = _a[1];
+        return (_b = {},
+            _b[variantName] = __assign(__assign({}, typescale[variantName]), variantProperties),
+            _b);
+    }), false));
+}
+// eslint-disable-next-line no-redeclare
+function configureFonts(params) {
+    var config = (params || {}).config;
+    return configureV3Fonts(config);
+}
+
+var LightTheme = {
+    dark: false,
+    roundness: 8,
+    version: 3,
+    colors: ThemeColors.light.colors,
+    fonts: configureFonts(),
+    animation: {
+        scale: 1.0,
+    },
+};
+
+var DarkTheme = __assign(__assign({}, LightTheme), { dark: true, mode: "adaptive", version: 3, colors: ThemeColors.light.colors });
+
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
 var createTheming$2 = {};
@@ -1214,60 +1257,7 @@ var createTheming = _createTheming.default;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function configureV3Fonts(config) {
-    if (!config) {
-        return typescale;
-    }
-    var isFlatConfig = Object.keys(config).every(function (key) { return typeof config[key] !== "object"; });
-    if (isFlatConfig) {
-        return Object.fromEntries(Object.entries(typescale).map(function (_a) {
-            var variantName = _a[0], variantProperties = _a[1];
-            return [
-                variantName,
-                __assign(__assign({}, variantProperties), config),
-            ];
-        }));
-    }
-    return Object.assign.apply(Object, __spreadArray([{},
-        typescale], Object.entries(config).map(function (_a) {
-        var _b;
-        var variantName = _a[0], variantProperties = _a[1];
-        return (_b = {},
-            _b[variantName] = __assign(__assign({}, typescale[variantName]), variantProperties),
-            _b);
-    }), false));
-}
-// eslint-disable-next-line no-redeclare
-function configureFonts(params) {
-    var config = (params || {}).config;
-    return configureV3Fonts(config);
-}
-
-var LightTheme = {
-    dark: false,
-    roundness: 8,
-    version: 3,
-    colors: ThemeColors.light.colors,
-    fonts: configureFonts(),
-    animation: {
-        scale: 1.0,
-    },
-};
-
-var DarkTheme = __assign(__assign({}, LightTheme), { dark: true, mode: "adaptive", version: 3, colors: ThemeColors.light.colors });
-
-var DefaultTheme = LightTheme;
-var _a = createTheming(LightTheme), BaseThemeProvider = _a.ThemeProvider; _a.withTheme; var useAppTheme = _a.useTheme;
-var ThemeProvider = function (_a) {
-    var children = _a.children;
-    var colorScheme = useColorScheme();
-    var isDark = colorScheme === "dark";
-    var theme = isDark ? DarkTheme : LightTheme;
-    return React__default.createElement(BaseThemeProvider, { theme: theme }, children);
-};
-function useTheme(overrides) {
-    return useAppTheme(overrides);
-}
+var _a = createTheming(LightTheme); _a.ThemeProvider; _a.withTheme; _a.useTheme;
 var useInternalTheme = function () {
     var colorScheme = useColorScheme();
     var isDark = colorScheme === "dark";
@@ -1283,43 +1273,6 @@ var getTheme = function (isDark) {
     var scheme = isDark ? "dark" : "light";
     return defaultThemesByVersion[scheme];
 };
-// eslint-disable-next-line no-redeclare
-function adaptNavigationTheme(themes) {
-    var reactNavigationLight = themes.reactNavigationLight, reactNavigationDark = themes.reactNavigationDark, materialLight = themes.materialLight, materialDark = themes.materialDark;
-    var getAdaptedTheme = function (navigationTheme, AppTheme) {
-        return __assign(__assign({}, navigationTheme), { colors: __assign(__assign({}, navigationTheme.colors), { primary: AppTheme.colors.surfaceBrandDefault, background: AppTheme.colors.backgroundPrimary, card: AppTheme.colors.card, text: AppTheme.colors.backgroundPrimary, border: AppTheme.colors.borderPrimaryDefault, notification: AppTheme.colors.surfaceErrorDefault }) });
-    };
-    var AppThemes = {
-        light: materialLight || LightTheme,
-        dark: materialDark || DarkTheme,
-    };
-    if (reactNavigationLight && reactNavigationDark) {
-        var modes = ["light", "dark"];
-        var NavigationThemes_1 = {
-            light: reactNavigationLight,
-            dark: reactNavigationDark,
-        };
-        var _a = modes.reduce(function (prev, curr) {
-            var _a;
-            return __assign(__assign({}, prev), (_a = {}, _a[curr] = getAdaptedTheme(NavigationThemes_1[curr], AppThemes[curr]), _a));
-        }, {
-            light: reactNavigationLight,
-            dark: reactNavigationDark,
-        }), adaptedLight = _a.light, adaptedDark = _a.dark;
-        return {
-            LightTheme: adaptedLight,
-            DarkTheme: adaptedDark,
-        };
-    }
-    if (reactNavigationDark) {
-        return {
-            DarkTheme: getAdaptedTheme(reactNavigationDark, AppThemes.dark),
-        };
-    }
-    return {
-        LightTheme: getAdaptedTheme(reactNavigationLight, AppThemes.light),
-    };
-}
 
 var ViewCustom = forwardRef$1(function (_a, ref) {
     var row = _a.row, full = _a.full, justifyCenter = _a.justifyCenter, justifyBetween = _a.justifyBetween, alignCenter = _a.alignCenter, center = _a.center, color = _a.color, backgroundColor = _a.backgroundColor, width = _a.width, height = _a.height, padding = _a.padding, paddingHorizontal = _a.paddingHorizontal, paddingVertical = _a.paddingVertical, marginHorizontal = _a.marginHorizontal, marginVertical = _a.marginVertical, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, paddingTop = _a.paddingTop, alignEnd = _a.alignEnd, wrap = _a.wrap, borderBottomWidth = _a.borderBottomWidth, borderBottomColor = _a.borderBottomColor, borderRadius = _a.borderRadius, borderWidth = _a.borderWidth, borderColor = _a.borderColor, style = _a.style, onPress = _a.onPress, _b = _a.activeOpacity, activeOpacity = _b === void 0 ? 0.8 : _b, children = _a.children, disabled = _a.disabled, paddingBottom = _a.paddingBottom, marginTop = _a.marginTop, marginBottom = _a.marginBottom, marginLeft = _a.marginLeft, marginRight = _a.marginRight, margin = _a.margin, borderTopWidth = _a.borderTopWidth, borderTopColor = _a.borderTopColor, borderLeftWidth = _a.borderLeftWidth, borderLeftColor = _a.borderLeftColor, borderRightWidth = _a.borderRightWidth, borderRightColor = _a.borderRightColor, pointerEvents = _a.pointerEvents, gap = _a.gap, 
@@ -1529,51 +1482,47 @@ var ViewCustom = forwardRef$1(function (_a, ref) {
 });
 var View = React__default.memo(ViewCustom);
 
-var animateProgress = function (progress, toValue) {
-    Animated.sequence([
-        Animated.timing(progress, {
-            toValue: toValue,
-            duration: 150,
-            useNativeDriver: false,
-        }),
-        Animated.spring(progress, {
-            toValue: toValue,
-            damping: 20,
-            stiffness: 200,
-            mass: 0.5,
-            velocity: 0.5,
-            useNativeDriver: false,
-        }),
-    ]).start();
-};
 var Switch = memo(function (_a) {
     var value = _a.value, disabled = _a.disabled, onValueChange = _a.onValueChange, _b = _a.size, size = _b === void 0 ? "normal" : _b;
     var theme = useInternalTheme();
     var colors = theme.colors;
-    var progress = useRef(new Animated.Value(value ? 1 : 0)).current;
-    useEffect(function () {
-        if (value !== undefined) {
-            animateProgress(progress, value ? 1 : 0);
-        }
-    }, [value, progress]);
+    var progress = useSharedValue(value ? 1 : 0);
     var handleSwitch = useCallback(function () {
         if (disabled)
             return;
         var newValue = !value;
-        animateProgress(progress, newValue ? 1 : 0);
+        progress.value = withSequence(withTiming(newValue ? 1 : 0, {
+            duration: 150,
+        }), withSpring(newValue ? 1 : 0, {
+            damping: 20,
+            stiffness: 200,
+            mass: 0.5,
+            velocity: 0.5,
+        }));
         onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(newValue);
-    }, [disabled, value, onValueChange, progress]);
-    var translateX = progress.interpolate({
-        inputRange: [0, 1],
-        outputRange: [0, 20],
+    }, [disabled, value, onValueChange]);
+    var animatedStyle = useAnimatedStyle(function () {
+        return {
+            transform: [{ translateX: progress.value * 20 }],
+        };
     });
-    var backgroundColor = progress.interpolate({
-        inputRange: [0, 1],
-        outputRange: [
-            colors.toggleBackgroundDefault,
-            colors.toggleBackgroundActive,
-        ],
+    var backgroundColor = useAnimatedStyle(function () {
+        return {
+            backgroundColor: interpolateColor(progress.value, [0, 1], [colors.toggleBackgroundDefault, colors.toggleBackgroundActive]),
+        };
     });
+    useAnimatedReaction(function () { return value; }, function (currentValue) {
+        if (currentValue !== undefined) {
+            progress.value = withSequence(withTiming(currentValue ? 1 : 0, {
+                duration: 150,
+            }), withSpring(currentValue ? 1 : 0, {
+                damping: 20,
+                stiffness: 200,
+                mass: 0.5,
+                velocity: 0.5,
+            }));
+        }
+    }, [value]);
     var getSizeSwitch = useCallback(function () {
         switch (size) {
             case "small":
@@ -1608,12 +1557,8 @@ var Switch = memo(function (_a) {
     }, [size, colors]);
     return (React$3.createElement(View, { row: true },
         React$3.createElement(TouchableOpacity, { activeOpacity: 1, onPress: handleSwitch, disabled: disabled, style: disabled ? { opacity: 0.6 } : {} },
-            React$3.createElement(Animated.View, { style: [styles$j.vSegment, { backgroundColor: backgroundColor }, getSizeSwitch()] },
-                React$3.createElement(Animated.View, { style: [
-                        styles$j.animated,
-                        { transform: [{ translateX: translateX }] },
-                        getSizeCircle(),
-                    ] })))));
+            React$3.createElement(Animated.View, { style: [styles$j.vSegment, backgroundColor, getSizeSwitch()] },
+                React$3.createElement(Animated.View, { style: [styles$j.animated, animatedStyle, getSizeCircle()] })))));
 });
 var styles$j = StyleSheet.create({
     vSegment: {
@@ -1624,6 +1569,11 @@ var styles$j = StyleSheet.create({
     },
     animated: {
         position: "absolute",
+        // shadowColor: "#000000",
+        // shadowOffset: { width: 0, height: 0 },
+        // shadowOpacity: 0.15,
+        // shadowRadius: BORDER_RADIUS_6,
+        // elevation: 5,
         marginHorizontal: 2,
     },
 });
@@ -1985,7 +1935,7 @@ var TextInputAffix = function (_a) {
         _b);
     var textColor = getTextColor({ theme: theme, disabled: disabled });
     var content = (React__default.createElement(Text$2, { maxFontSizeMultiplier: maxFontSizeMultiplier, style: [{ color: textColor }, textStyle, labelStyle], onLayout: onTextLayout, testID: "".concat(testID, "-text") }, text));
-    return (React__default.createElement(Animated.View, { style: [
+    return (React__default.createElement(Animated$1.View, { style: [
             styles$i.container,
             style,
             {
@@ -2053,7 +2003,7 @@ var AnimatedText = forwardRef(function AnimatedText(_a, ref) {
         if (typeof font !== "object") {
             throw new Error("Variant ".concat(variant, " was not provided properly. Valid variants are ").concat(Object.keys(theme.fonts).join(", "), "."));
         }
-        return (React$3.createElement(Animated.Text, __assign({ ref: ref }, rest, { style: [
+        return (React$3.createElement(Animated$1.Text, __assign({ ref: ref }, rest, { style: [
                 font,
                 styles$h.text,
                 { writingDirection: writingDirection, color: theme.colors.backgroundPrimary },
@@ -4650,7 +4600,7 @@ var InputLabel = function (props) {
     // Position colored placeholder and gray placeholder on top of each other and crossfade them
     // This gives the effect of animating the color, but allows us to use native driver
     React__default.createElement(View$1, { pointerEvents: "none", style: [StyleSheet.absoluteFill, styles$g.overflow, styles$g.labelContainer] },
-        React__default.createElement(Animated.View, { pointerEvents: "none", style: [
+        React__default.createElement(Animated$1.View, { pointerEvents: "none", style: [
                 StyleSheet.absoluteFill,
                 Platform.OS !== "web" && { width: width },
                 { opacity: opacity },
@@ -4912,8 +4862,8 @@ var TextInputFlat = function (_a) {
     adjustPaddingFlat(__assign(__assign({}, paddingSettings), { pad: pad }));
     var baseLabelTranslateY = -labelHalfHeight - (topPosition + MINIMIZED_LABEL_Y_OFFSET);
     var placeholderOpacityAnims = React$3.useRef([
-        new Animated.Value(0),
-        new Animated.Value(1),
+        new Animated$1.Value(0),
+        new Animated$1.Value(1),
     ]).current;
     var placeholderOpacity = hasActiveOutline
         ? parentState.labeled
@@ -5982,8 +5932,8 @@ var TextInput = forwardRef(function (_a, ref) {
     var theme = useInternalTheme();
     var isControlled = rest.value !== undefined;
     var validInputValue = isControlled ? rest.value : rest.defaultValue;
-    var labeled = React__default.useRef(new Animated.Value(validInputValue ? 0 : 1)).current;
-    var error = React__default.useRef(new Animated.Value(errorProp ? 1 : 0)).current;
+    var labeled = React__default.useRef(new Animated$1.Value(validInputValue ? 0 : 1)).current;
+    var error = React__default.useRef(new Animated$1.Value(errorProp ? 1 : 0)).current;
     var _k = React__default.useState(false), focused = _k[0], setFocused = _k[1];
     var _l = React__default.useState(false), displayPlaceholder = _l[0], setDisplayPlaceholder = _l[1];
     var _m = React__default.useState(validInputValue), uncontrolledValue = _m[0], setUncontrolledValue = _m[1];
@@ -6023,7 +5973,7 @@ var TextInput = forwardRef(function (_a, ref) {
         // When the input has an error, we wiggle the label and apply error styles
         if (errorProp) {
             // show error
-            Animated.timing(error, {
+            Animated$1.timing(error, {
                 toValue: 1,
                 duration: FOCUS_ANIMATION_DURATION * scale,
                 // To prevent this - https://github.com/callstack/react-native-paper/issues/941
@@ -6033,7 +5983,7 @@ var TextInput = forwardRef(function (_a, ref) {
         else {
             // hide error
             {
-                Animated.timing(error, {
+                Animated$1.timing(error, {
                     toValue: 0,
                     duration: BLUR_ANIMATION_DURATION * scale,
                     // To prevent this - https://github.com/callstack/react-native-paper/issues/941
@@ -6073,7 +6023,7 @@ var TextInput = forwardRef(function (_a, ref) {
         // https://github.com/callstack/react-native-paper/pull/1440
         if (value || focused) {
             // minimize label
-            Animated.timing(labeled, {
+            Animated$1.timing(labeled, {
                 toValue: 0,
                 duration: BLUR_ANIMATION_DURATION * scale,
                 // To prevent this - https://github.com/callstack/react-native-paper/issues/941
@@ -6082,7 +6032,7 @@ var TextInput = forwardRef(function (_a, ref) {
         }
         else {
             // restore label
-            Animated.timing(labeled, {
+            Animated$1.timing(labeled, {
                 toValue: 1,
                 duration: FOCUS_ANIMATION_DURATION * scale,
                 // To prevent this - https://github.com/callstack/react-native-paper/issues/941
@@ -6397,9 +6347,9 @@ var ViewVisibleAnimated = React__default.memo(React__default.forwardRef(function
         hide: hide,
         show: show,
     }); });
-    var visibleAnimation = useRef(new Animated.Value(0)).current;
-    var translateAnimation = useRef(new Animated.Value(0)).current;
-    var scaleAnimation = useRef(new Animated.Value(scaleType === "in" ? 0 : 3)).current;
+    var visibleAnimation = useRef(new Animated$1.Value(0)).current;
+    var translateAnimation = useRef(new Animated$1.Value(0)).current;
+    var scaleAnimation = useRef(new Animated$1.Value(scaleType === "in" ? 0 : 3)).current;
     var _o = useState(false), visible = _o[0], setVisible = _o[1];
     var TIME_OUT = null;
     useEffect(function () {
@@ -6430,18 +6380,18 @@ var ViewVisibleAnimated = React__default.memo(React__default.forwardRef(function
         if (position === void 0) { position = "bottom"; }
         setVisible(true);
         translateAnimation.setValue(position === "bottom" ? 100 : -100);
-        Animated.parallel([
-            Animated.timing(scaleAnimation, {
+        Animated$1.parallel([
+            Animated$1.timing(scaleAnimation, {
                 toValue: 1,
                 duration: duration,
                 useNativeDriver: true,
             }),
-            Animated.timing(visibleAnimation, {
+            Animated$1.timing(visibleAnimation, {
                 toValue: 1,
                 duration: duration,
                 useNativeDriver: true,
             }),
-            Animated.timing(translateAnimation, {
+            Animated$1.timing(translateAnimation, {
                 toValue: 0,
                 duration: duration,
                 useNativeDriver: true,
@@ -6462,18 +6412,18 @@ var ViewVisibleAnimated = React__default.memo(React__default.forwardRef(function
     };
     var handleHide = function (_a) {
         var durationHide = _a.durationHide, callback = _a.callback, _b = _a.position, position = _b === void 0 ? "bottom" : _b;
-        Animated.parallel([
-            Animated.timing(scaleAnimation, {
+        Animated$1.parallel([
+            Animated$1.timing(scaleAnimation, {
                 toValue: scaleType === "in" ? 0 : 3,
                 duration: durationHide,
                 useNativeDriver: true,
             }),
-            Animated.timing(visibleAnimation, {
+            Animated$1.timing(visibleAnimation, {
                 toValue: 0,
                 duration: durationHide,
                 useNativeDriver: true,
             }),
-            Animated.timing(translateAnimation, {
+            Animated$1.timing(translateAnimation, {
                 toValue: position === "bottom" ? 300 : -300,
                 duration: durationHide,
                 useNativeDriver: true,
@@ -6483,7 +6433,7 @@ var ViewVisibleAnimated = React__default.memo(React__default.forwardRef(function
             callback === null || callback === void 0 ? void 0 : callback();
         });
     };
-    return (React__default.createElement(Animated.View, { style: [
+    return (React__default.createElement(Animated$1.View, { style: [
             style,
             {
                 opacity: visibleAnimation,
@@ -6675,7 +6625,14 @@ var styles$9 = StyleSheet.create({
     },
 });
 
-var IMAGE_DEFAULT = require('./image_default.png');
+/* eslint-disable @typescript-eslint/no-var-requires */
+var imageDefault;
+var getImageDefault = function () {
+    if (imageDefault === undefined) {
+        imageDefault = require("./image_default.png");
+    }
+    return imageDefault;
+};
 
 var getSource = function (source) {
     var newSource = source;
@@ -6692,8 +6649,8 @@ var Image = function (props) {
     var image = getSource(disableDefaultImage
         ? source
         : hasError
-            ? IMAGE_DEFAULT
-            : source || IMAGE_DEFAULT);
+            ? getImageDefault()
+            : source || getImageDefault());
     var ImageComponent = children ? ImageBackground : Image$2;
     // const getUriImage = (uri: string) => {
     //   return uri !== null &&
@@ -7738,5 +7695,5 @@ var ToastProvider = forwardRef$1(function (_a, ref) {
         renderToast()));
 });
 
-export { Avatar, Badge, index$3 as Button, CONSTANTS, Checkbox, ChipBar, CountingDot, DarkTheme, DefaultTheme, index$2 as FloatingButton, Image$1 as Image, LightTheme, index as NumberKeyboard, RadioButton, SearchInput, index$1 as SelectionField, Spacer, Switch, Tag, Text$1 as Text, TextInput, ThemeColors, ThemeProvider, Toast, ToastProvider, View, adaptNavigationTheme, containerStyles, showToast, toastRef, useTheme };
+export { Avatar, Badge, index$3 as Button, CONSTANTS, Checkbox, ChipBar, CountingDot, DarkTheme, index$2 as FloatingButton, Image$1 as Image, LightTheme, index as NumberKeyboard, RadioButton, SearchInput, index$1 as SelectionField, Spacer, Switch, Tag, Text$1 as Text, TextInput, ThemeColors, Toast, ToastProvider, View, containerStyles, showToast, toastRef };
 //# sourceMappingURL=index.esm.js.map