decathlon-ui 0.3.24 → 0.3.27

package/dist/components/store-card/store-card.component.d.ts

@@ -0,0 +1,3 @@
+import { StoreCardProps } from "./store-card.types";
+export declare const StoreCard: ({ storeName, address, distance, itemsAvailable, itemsUnavailable, pickupTime, flags, value, onPress, isSelected, }: StoreCardProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=store-card.component.d.ts.map

package/dist/components/store-card/store-card.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store-card.component.d.ts","sourceRoot":"","sources":["../../../src/components/store-card/store-card.component.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AA8BpD,eAAO,MAAM,SAAS,GAAI,oHAWvB,cAAc,4CAsFhB,CAAC"}

package/dist/components/store-card/store-card.component.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, TouchableOpacity, View } from "react-native";
+import { CalendarIcon, MapPinIcon } from "../../icons";
+import { useTheme } from "../../themes";
+import { Badge } from "../badge";
+import { useStoreCardStyles } from "./store-card.styles";
+let FastImageComponent = null;
+try {
+    // Tenta importar o FastImage
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    FastImageComponent = require("react-native-fast-image").default;
+}
+catch (e) {
+    // Se não existir, permanece null
+}
+// Fallback para quando FastImage não estiver disponível (ex: Storybook web)
+if (!FastImageComponent) {
+    FastImageComponent = ({ source, style, ...props }) => (_jsx(View, { style: [
+            style,
+            {
+                backgroundColor: "#e0e0e0",
+                justifyContent: "center",
+                alignItems: "center",
+            },
+        ], ...props, children: _jsx(Text, { style: { fontSize: 12, color: "#666" }, children: "IMG" }) }));
+}
+export const StoreCard = ({ storeName, address, distance, itemsAvailable, itemsUnavailable, pickupTime, flags, value, onPress, isSelected, }) => {
+    const { spacing, fonts, colors, metrics } = useTheme();
+    const allAvailable = (itemsUnavailable === null || itemsUnavailable === void 0 ? void 0 : itemsUnavailable.length) === 0;
+    const styles = useStoreCardStyles({
+        allAvailable,
+    });
+    return (_jsxs(TouchableOpacity, { onPress: onPress, style: [styles.container, isSelected && styles.isSelected], children: [_jsxs(View, { style: styles.header, children: [_jsx(Text, { style: styles.storeName, children: storeName }), _jsxs(View, { style: styles.tagsContainer, children: [flags === null || flags === void 0 ? void 0 : flags.map((flag) => {
+                                const variants = {
+                                    free: "default",
+                                    cashback: "cashback",
+                                };
+                                return (
+                                // TODO: adicionar tipo para flags
+                                _jsx(Badge, { variant: variants[flag], text: flag }, flag));
+                            }), value && _jsx(Text, { style: styles.value, children: value })] })] }), _jsxs(View, { style: styles.availableItemsContainer, children: [_jsxs(View, { style: styles.availableItemsContainerText, children: [_jsx(View, { style: styles.storeCard }), _jsx(Text, { style: styles.itemsAvailable, children: !(itemsUnavailable === null || itemsUnavailable === void 0 ? void 0 : itemsUnavailable.length)
+                                    ? "Todos itens disponíveis"
+                                    : `${itemsUnavailable === null || itemsUnavailable === void 0 ? void 0 : itemsUnavailable.length} indisponíveis` })] }), _jsxs(View, { style: styles.availableItemsContainerText, children: [_jsx(CalendarIcon, { size: 10 }), _jsx(Text, { style: styles.pickupTime, children: pickupTime })] })] }), _jsxs(View, { style: {
+                    gap: spacing.sm,
+                    flexDirection: "row",
+                }, children: [itemsAvailable === null || itemsAvailable === void 0 ? void 0 : itemsAvailable.map((item) => (_jsx(FastImageComponent, { source: {
+                            uri: item.imageUrl,
+                        }, style: styles.image }, item.itemIndex))), itemsUnavailable === null || itemsUnavailable === void 0 ? void 0 : itemsUnavailable.map((item) => (_jsxs(View, { children: [_jsx(FastImageComponent, { source: {
+                                    uri: item.imageUrl,
+                                }, style: styles.image }), _jsx(View, { style: styles.unavailableItemContainer, children: _jsx(View, { style: styles.unavailableItem }) })] }, item.itemIndex)))] }), _jsxs(View, { style: styles.footer, children: [_jsx(Text, { style: styles.address, children: address }), _jsxs(View, { style: styles.availableItemsContainerText, children: [_jsx(MapPinIcon, { size: 13 }), _jsx(Text, { style: styles.distance, children: distance })] })] })] }));
+};

package/dist/components/store-card/store-card.styles.d.ts

@@ -0,0 +1,115 @@
+export declare const useStoreCardStyles: ({ allAvailable, }: {
+    allAvailable: boolean;
+}) => {
+    container: {
+        width: "100%";
+        backgroundColor: "#FFFFFF";
+        padding: 8;
+        gap: 16;
+        borderBottomWidth: number;
+        borderBottomColor: "#D9DDE1";
+        paddingBottom: 16;
+    };
+    header: {
+        flexDirection: "row";
+        justifyContent: "space-between";
+        alignItems: "center";
+        marginBottom: 8;
+    };
+    storeName: {
+        fontSize: 14;
+        fontWeight: "600";
+        lineHeight: number;
+        color: "#101010";
+        textAlign: "left";
+    };
+    itemsAvailable: {
+        fontSize: 12;
+        fontWeight: "400";
+        lineHeight: number;
+        textAlign: "left";
+        color: "#616161" | "#DB6900";
+    };
+    pickupTime: {
+        fontSize: 12;
+        fontWeight: "400";
+        lineHeight: number;
+        textAlign: "left";
+        color: "#616161";
+    };
+    footer: {
+        flexDirection: "row";
+        justifyContent: "space-between";
+        alignItems: "center";
+    };
+    address: {
+        fontSize: 10;
+        fontWeight: "400";
+        lineHeight: number;
+        textAlign: "left";
+        color: "#616161";
+    };
+    distance: {
+        fontSize: 12;
+        fontWeight: "600";
+        lineHeight: number;
+        textAlign: "left";
+        color: "#383838";
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    image: {
+        width: number;
+        height: number;
+    };
+    value: {
+        fontSize: 14;
+        fontWeight: "600";
+        lineHeight: number;
+        textAlign: "right";
+        color: "#3643BA";
+    };
+    storeCard: {
+        width: number;
+        height: number;
+        backgroundColor: "#006F43" | "#DB6900";
+        borderRadius: number;
+    };
+    isSelected: {
+        borderWidth: number;
+        borderColor: "#3643BA";
+        borderBottomColor: "#3643BA";
+    };
+    unavailableItemContainer: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        backgroundColor: string;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    unavailableItem: {
+        width: "130%";
+        height: number;
+        backgroundColor: "#949494";
+        position: "absolute";
+        transform: {
+            rotate: string;
+        }[];
+    };
+    tagsContainer: {
+        flexDirection: "row";
+        gap: 4;
+    };
+    availableItemsContainerText: {
+        gap: 4;
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    availableItemsContainer: {
+        gap: 2;
+    };
+};
+//# sourceMappingURL=store-card.styles.d.ts.map

package/dist/components/store-card/store-card.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store-card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/store-card/store-card.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,GAAI,mBAEhC;IACD,YAAY,EAAE,OAAO,CAAC;CACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiHA,CAAC"}

package/dist/components/store-card/store-card.styles.js

@@ -0,0 +1,115 @@
+import { StyleSheet } from "react-native";
+import { useTheme } from "../../themes";
+export const useStoreCardStyles = ({ allAvailable, }) => {
+    const { colors, fonts, spacing } = useTheme();
+    return StyleSheet.create({
+        container: {
+            width: "100%",
+            backgroundColor: colors.backgroundPrimary,
+            padding: spacing.xs,
+            gap: spacing.md,
+            borderBottomWidth: 1,
+            borderBottomColor: colors.borderSecondary,
+            paddingBottom: spacing.md,
+        },
+        header: {
+            flexDirection: "row",
+            justifyContent: "space-between",
+            alignItems: "center",
+            marginBottom: spacing.xs,
+        },
+        storeName: {
+            fontSize: fonts.sizes.xs,
+            fontWeight: "600",
+            lineHeight: 21,
+            color: colors.textPrimary,
+            textAlign: "left",
+        },
+        itemsAvailable: {
+            fontSize: fonts.sizes.xxs,
+            fontWeight: "400",
+            lineHeight: 18,
+            textAlign: "left",
+            color: allAvailable ? colors.textTertiary : colors.textHighlight, // TODO: ajustar a lógica para pegar o length do array
+        },
+        pickupTime: {
+            fontSize: fonts.sizes.xxs,
+            fontWeight: "400",
+            lineHeight: 18,
+            textAlign: "left",
+            color: colors.textTertiary,
+        },
+        footer: {
+            flexDirection: "row",
+            justifyContent: "space-between",
+            alignItems: "center",
+        },
+        address: {
+            fontSize: fonts.sizes.xxxs,
+            fontWeight: "400",
+            lineHeight: 10,
+            textAlign: "left",
+            color: colors.textTertiary,
+        },
+        distance: {
+            fontSize: fonts.sizes.xxs,
+            fontWeight: "600",
+            lineHeight: 18,
+            textAlign: "left",
+            color: colors.textSecondary,
+            flexDirection: "row",
+            alignItems: "center",
+        },
+        image: {
+            width: 48,
+            height: 48,
+        },
+        value: {
+            fontSize: fonts.sizes.xs,
+            fontWeight: "600",
+            lineHeight: 21,
+            textAlign: "right",
+            color: colors.textAction,
+        },
+        storeCard: {
+            width: 9,
+            height: 9,
+            backgroundColor: allAvailable ? colors.textSuccess : colors.textHighlight,
+            borderRadius: 10,
+        },
+        isSelected: {
+            borderWidth: 1,
+            borderColor: colors.primary,
+            borderBottomColor: colors.primary,
+        },
+        unavailableItemContainer: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundColor: "rgba(255,255,255,0.7)",
+            justifyContent: "center",
+            alignItems: "center",
+        },
+        unavailableItem: {
+            width: "130%",
+            height: 1,
+            backgroundColor: colors.textDisabled,
+            position: "absolute",
+            transform: [{ rotate: "130deg" }],
+        },
+        tagsContainer: {
+            flexDirection: "row",
+            gap: spacing.xxs,
+        },
+        availableItemsContainerText: {
+            gap: spacing.xxs,
+            flexDirection: "row",
+            alignItems: "center",
+        },
+        availableItemsContainer: {
+            gap: spacing.xxxs,
+        },
+    });
+};

package/dist/components/store-card/store-card.types.d.ts

@@ -0,0 +1,23 @@
+export interface StoreCardProps {
+    storeName: string;
+    address: string;
+    distance: string;
+    itemsAvailable?: Array<{
+        itemIndex: number;
+        imageUrl: string;
+        name: string;
+        sellerName: string;
+    }>;
+    itemsUnavailable?: Array<{
+        itemIndex?: number;
+        imageUrl: string;
+        name: string;
+        sellerName: string;
+    }>;
+    pickupTime: string;
+    flags?: string[];
+    value?: string | number;
+    onPress: () => void;
+    isSelected?: boolean;
+}
+//# sourceMappingURL=store-card.types.d.ts.map

package/dist/components/store-card/store-card.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store-card.types.d.ts","sourceRoot":"","sources":["../../../src/components/store-card/store-card.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,KAAK,CAAC;QACrB,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC;QACvB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC,CAAC;IACH,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/dist/components/store-card/store-card.types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/store-card/styles.d.ts

@@ -0,0 +1,103 @@
+export declare const useStoreCardStyles: ({ allAvailable }: {
+    allAvailable: boolean;
+}) => {
+    container: {
+        width: "100%";
+        backgroundColor: any;
+        padding: any;
+        gap: any;
+        borderBottomWidth: number;
+        borderBottomColor: any;
+        paddingBottom: any;
+    };
+    header: {
+        flexDirection: "row";
+        justifyContent: "space-between";
+        alignItems: "center";
+        marginBottom: any;
+    };
+    storeName: {
+        fontSize: any;
+        fontWeight: "600";
+        lineHeight: number;
+        color: any;
+        textAlign: "left";
+    };
+    itemsAvailable: {
+        fontSize: any;
+        fontWeight: "400";
+        lineHeight: number;
+        textAlign: "left";
+        color: any;
+    };
+    pickupTime: {
+        fontSize: any;
+        fontWeight: "400";
+        lineHeight: number;
+        textAlign: "left";
+        color: any;
+    };
+    footer: {
+        flexDirection: "row";
+        justifyContent: "space-between";
+        alignItems: "center";
+    };
+    address: {
+        fontSize: any;
+        fontWeight: "400";
+        lineHeight: number;
+        textAlign: "left";
+        color: any;
+    };
+    distance: {
+        fontSize: any;
+        fontWeight: "600";
+        lineHeight: number;
+        textAlign: "left";
+        color: any;
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    image: {
+        width: number;
+        height: number;
+    };
+    value: {
+        fontSize: any;
+        fontWeight: "600";
+        lineHeight: number;
+        textAlign: "right";
+        color: any;
+    };
+    storeCard: {
+        width: number;
+        height: number;
+        backgroundColor: any;
+        borderRadius: number;
+    };
+    isSelected: {
+        borderWidth: number;
+        borderColor: any;
+        borderBottomColor: any;
+    };
+    unavailableItemContainer: {
+        position: "absolute";
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+        backgroundColor: string;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    unavailableItem: {
+        width: "130%";
+        height: number;
+        backgroundColor: any;
+        position: "absolute";
+        transform: {
+            rotate: string;
+        }[];
+    };
+};
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/store-card/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/store-card/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,GAAI,kBAAgB;IAAC,YAAY,EAAE,OAAO,CAAA;CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGzE,CAAC"}

package/dist/components/store-card/styles.js

@@ -0,0 +1,103 @@
+import { useTheme } from 'decathlon-ui';
+import { StyleSheet } from 'react-native';
+export const useStoreCardStyles = ({ allAvailable }) => {
+    const { colors, fonts, spacing } = useTheme();
+    return StyleSheet.create({
+        container: {
+            width: '100%',
+            backgroundColor: colors.backgroundPrimary,
+            padding: spacing.xs,
+            gap: spacing.md,
+            borderBottomWidth: 1,
+            borderBottomColor: colors.borderSecondary,
+            paddingBottom: spacing.md,
+        },
+        header: {
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            marginBottom: spacing.xs,
+        },
+        storeName: {
+            fontSize: fonts.sizes.xs,
+            fontWeight: '600',
+            lineHeight: 21,
+            color: colors.textPrimary,
+            textAlign: 'left',
+        },
+        itemsAvailable: {
+            fontSize: fonts.sizes.xxs,
+            fontWeight: '400',
+            lineHeight: 18,
+            textAlign: 'left',
+            color: allAvailable ? colors.textTertiary : colors.textHighlight, // TODO: ajustar a lógica para pegar o length do array
+        },
+        pickupTime: {
+            fontSize: fonts.sizes.xxs,
+            fontWeight: '400',
+            lineHeight: 18,
+            textAlign: 'left',
+            color: colors.textTertiary,
+        },
+        footer: {
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+        },
+        address: {
+            fontSize: fonts.sizes.xxxs,
+            fontWeight: '400',
+            lineHeight: 10,
+            textAlign: 'left',
+            color: colors.textTertiary,
+        },
+        distance: {
+            fontSize: fonts.sizes.xxs,
+            fontWeight: '600',
+            lineHeight: 18,
+            textAlign: 'left',
+            color: colors.textSecondary,
+            flexDirection: 'row',
+            alignItems: 'center',
+        },
+        image: {
+            width: 48,
+            height: 48,
+        },
+        value: {
+            fontSize: fonts.sizes.xs,
+            fontWeight: '600',
+            lineHeight: 21,
+            textAlign: 'right',
+            color: colors.textAction,
+        },
+        storeCard: {
+            width: 9,
+            height: 9,
+            backgroundColor: allAvailable ? colors.textSuccess : colors.textHighlight,
+            borderRadius: 10,
+        },
+        isSelected: {
+            borderWidth: 1,
+            borderColor: colors.primary,
+            borderBottomColor: colors.primary,
+        },
+        unavailableItemContainer: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundColor: 'rgba(255,255,255,0.7)',
+            justifyContent: 'center',
+            alignItems: 'center',
+        },
+        unavailableItem: {
+            width: '130%',
+            height: 1,
+            backgroundColor: colors.textDisabled,
+            position: 'absolute',
+            transform: [{ rotate: '130deg' }],
+        },
+    });
+};

package/dist/components/toast/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./toast.component";
+export * from "./toast.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toast/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC"}

package/dist/components/toast/index.js

@@ -0,0 +1,2 @@
+export * from "./toast.component";
+export * from "./toast.types";

package/dist/components/toast/toast.component.d.ts

@@ -0,0 +1,11 @@
+import { ShowToastParams } from "./toast.types";
+interface ToastProps {
+    message: string;
+    description?: string;
+    type?: ShowToastParams["type"];
+    duration?: number;
+    onHide: () => void;
+}
+export declare function Toast({ message, description, type, duration, onHide, }: ToastProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=toast.component.d.ts.map

package/dist/components/toast/toast.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.component.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast.component.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,UAAU,UAAU;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,WAAW,EACX,IAAa,EACb,QAAe,EACf,MAAM,GACP,EAAE,UAAU,2CA0DZ"}

package/dist/components/toast/toast.component.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLayoutEffect, useMemo } from "react";
+import { Animated, Text, View } from "react-native";
+import { AlertTriangleIcon, CheckIcon, InfoIcon, XIcon } from "../../icons";
+import { useTheme } from "../../themes";
+import { Button } from "../button";
+import { useToastStyles } from "./toast.styles";
+export function Toast({ message, description, type = "info", duration = 3000, onHide, }) {
+    const { colors } = useTheme();
+    const styles = useToastStyles({ type });
+    const opacity = useMemo(() => new Animated.Value(0), []);
+    const getIcon = () => {
+        const icons = {
+            success: _jsx(CheckIcon, { size: 24, color: colors.green5 }),
+            error: _jsx(XIcon, { size: 24, color: colors.red5 }),
+            info: _jsx(InfoIcon, { size: 24, color: colors.blue5 }),
+            warning: _jsx(AlertTriangleIcon, { size: 24, color: colors.yellow5 }),
+            alert_info: _jsx(_Fragment, {}),
+        };
+        return icons[type];
+    };
+    useLayoutEffect(() => {
+        const animation = Animated.sequence([
+            Animated.timing(opacity, {
+                toValue: 1,
+                duration: 300,
+                useNativeDriver: true,
+            }),
+            Animated.delay(duration),
+            Animated.timing(opacity, {
+                toValue: 0,
+                duration: 300,
+                useNativeDriver: true,
+            }),
+        ]);
+        animation.start(() => onHide());
+        return () => {
+            animation.stop();
+        };
+    }, [duration, opacity, onHide]);
+    return (_jsxs(Animated.View, { style: [styles.container, { opacity }], children: [_jsx(View, { style: styles.iconContainer, children: getIcon() }), _jsxs(View, { style: styles.textContainer, children: [_jsx(Text, { style: styles.message, children: message }), description && _jsx(Text, { style: styles.description, children: description }), type === "alert_info" && (_jsx(View, { style: styles.footerButton, children: _jsx(Button, { label: "Entendi", variant: "primary", size: "medium", onPress: onHide }) }))] })] }));
+}

package/dist/components/toast/toast.styles.d.ts

@@ -0,0 +1,16 @@
+import { CreateToastStylesProps } from "./toast.types";
+export declare function useToastStyles(data: CreateToastStylesProps): {
+    container: any;
+    iconContainer: {
+        marginRight: number;
+    };
+    textContainer: {
+        flex: number;
+    };
+    message: any;
+    description: any;
+    footerButton: {
+        marginTop: number;
+    };
+};
+//# sourceMappingURL=toast.styles.d.ts.map

package/dist/components/toast/toast.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.styles.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,wBAAgB,cAAc,CAAC,IAAI,EAAE,sBAAsB;;;;;;;;;;;;;EAyD1D"}