decathlon-ui 0.3.24 → 0.3.26

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

@@ -0,0 +1,3 @@
+import { CardPictoProps } from "./card-picto.types";
+export declare function CardPicto({ title, image, onPress, variant, }: CardPictoProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=card-picto.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-picto.component.d.ts","sourceRoot":"","sources":["../../../src/components/card-picto/card-picto.component.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAmB,GACpB,EAAE,cAAc,2CAmBhB"}

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Image, Text, TouchableOpacity } from "react-native";
+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
+}
+const CardImage = FastImageComponent ? FastImageComponent : Image;
+import { useCardPictoStyles } from "./card-picto.styles";
+export function CardPicto({ title, image, onPress, variant = "default", }) {
+    const styles = useCardPictoStyles(variant);
+    return (_jsxs(TouchableOpacity, { style: styles.container, onPress: onPress, activeOpacity: 0.7, children: [_jsx(CardImage, { source: { uri: image }, style: styles.image, resizeMode: FastImageComponent ? FastImageComponent.resizeMode.contain : "contain" }), _jsx(Text, { style: styles.title, children: title })] }));
+}

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

@@ -0,0 +1,27 @@
+import { CardPictoVariant } from "./card-picto.types";
+export declare const useCardPictoStyles: (variant: CardPictoVariant) => {
+    container: {};
+    image: {
+        width: number;
+        height: number;
+    };
+    title: {
+        textAlign: "center";
+        color: "#101010";
+        fontSize: 14;
+    };
+} | {
+    container: {
+        width: number;
+    };
+    image: {
+        width: number;
+        height: number;
+    };
+    title: {
+        textAlign: "center";
+        color: "#101010";
+        fontSize: 14;
+    };
+};
+//# sourceMappingURL=card-picto.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-picto.styles.d.ts","sourceRoot":"","sources":["../../../src/components/card-picto/card-picto.styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,eAAO,MAAM,kBAAkB,GAAI,SAAS,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;CA0C3D,CAAC"}

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

@@ -0,0 +1,42 @@
+import { StyleSheet } from "react-native";
+import { useTheme } from "../../themes";
+export const useCardPictoStyles = (variant) => {
+    const { colors, fonts, spacing } = useTheme();
+    const baseStyles = StyleSheet.create({
+        container: {
+            alignItems: "center",
+            marginHorizontal: spacing.xxs,
+        },
+        image: {
+            borderRadius: 30,
+            marginBottom: spacing.xs,
+        },
+        title: {
+            textAlign: "center",
+            color: colors.textPrimary,
+            fontSize: fonts.sizes.xs,
+        },
+    });
+    const variantStyles = {
+        default: StyleSheet.create({
+            container: {},
+            image: {
+                width: 75,
+                height: 75,
+            },
+        }),
+        compact: StyleSheet.create({
+            container: {
+                width: 60,
+            },
+            image: {
+                width: 48,
+                height: 48,
+            },
+        }),
+    };
+    return {
+        ...baseStyles,
+        ...variantStyles[variant],
+    };
+};

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

@@ -0,0 +1,8 @@
+export type CardPictoVariant = 'default' | 'compact';
+export interface CardPictoProps {
+    title: string;
+    image: string;
+    onPress?: () => void;
+    variant?: CardPictoVariant;
+}
+//# sourceMappingURL=card-picto.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-picto.types.d.ts","sourceRoot":"","sources":["../../../src/components/card-picto/card-picto.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAC;AAErD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,gBAAgB,CAAC;CAC5B"}

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

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

package/dist/components/card-picto/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./card-picto.component";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/card-picto/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card-picto/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/components/card-picto/index.js

@@ -0,0 +1 @@
+export * from "./card-picto.component";

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

@@ -0,0 +1,3 @@
+import { CardSportsProps } from "./card-sport.types";
+export declare function CardSports({ title, image, onPress }: CardSportsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=card-sport.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-sport.component.d.ts","sourceRoot":"","sources":["../../../src/components/card-sport/card-sport.component.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,eAAe,2CAcpE"}

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ImageBackground, Text, TouchableOpacity } from "react-native";
+import { useCardSportsStyles } from "./card-sport.styles";
+export function CardSports({ title, image, onPress }) {
+    const styles = useCardSportsStyles();
+    return (_jsx(TouchableOpacity, { onPress: onPress, style: styles.container, children: _jsx(ImageBackground, { source: { uri: image }, style: styles.background, imageStyle: styles.image, children: _jsx(Text, { style: styles.title, children: title }) }) }));
+}

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

@@ -0,0 +1,21 @@
+export declare const useCardSportsStyles: () => {
+    container: {
+        width: number;
+        height: number;
+        overflow: "hidden";
+    };
+    background: {
+        flex: number;
+        justifyContent: "flex-end";
+        padding: 16;
+    };
+    image: {};
+    title: {
+        color: "#FFFFFF";
+        fontSize: 14;
+        fontWeight: "500";
+        lineHeight: number;
+        textAlign: "left";
+    };
+};
+//# sourceMappingURL=card-sport.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-sport.styles.d.ts","sourceRoot":"","sources":["../../../src/components/card-sport/card-sport.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;CAuB/B,CAAC"}

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

@@ -0,0 +1,25 @@
+import { StyleSheet } from "react-native";
+import { useTheme } from "../../themes";
+export const useCardSportsStyles = () => {
+    const { colors, spacing, fonts } = useTheme();
+    return StyleSheet.create({
+        container: {
+            width: 160,
+            height: 200,
+            overflow: "hidden",
+        },
+        background: {
+            flex: 1,
+            justifyContent: "flex-end",
+            padding: spacing.md,
+        },
+        image: {},
+        title: {
+            color: colors.white,
+            fontSize: fonts.sizes.xs,
+            fontWeight: "500",
+            lineHeight: 16.8,
+            textAlign: "left",
+        },
+    });
+};

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

@@ -0,0 +1,6 @@
+export interface CardSportsProps {
+    title: string;
+    image: string;
+    onPress?: () => void;
+}
+//# sourceMappingURL=card-sport.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-sport.types.d.ts","sourceRoot":"","sources":["../../../src/components/card-sport/card-sport.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB"}

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

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

package/dist/components/card-sport/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./card-sport.component";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/card-sport/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card-sport/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/components/card-sport/index.js

@@ -0,0 +1 @@
+export * from "./card-sport.component";

package/dist/components/index.d.ts

@@ -3,6 +3,8 @@ export * from "./action-button/index";
 export * from "./badge/index";
 export * from "./banner-carousel/index";
 export * from "./button/index";
+export * from "./card-picto/index";
+export * from "./card-sport/index";
 export * from "./card/index";
 export * from "./cashback-banner/index";
 export * from "./category-item/index";
@@ -23,6 +25,8 @@ export * from "./range-slider/index";
 export * from "./search-button/index";
 export * from "./select/index";
 export * from "./seller-box/index";
+export * from "./store-card/index";
+export * from "./toast/index";
 export * from "./toggle-switch/index";
 export * from "./typography/index";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC"}

package/dist/components/index.js

@@ -3,6 +3,8 @@ export * from "./action-button/index";
 export * from "./badge/index";
 export * from "./banner-carousel/index";
 export * from "./button/index";
+export * from "./card-picto/index";
+export * from "./card-sport/index";
 export * from "./card/index";
 export * from "./cashback-banner/index";
 export * from "./category-item/index";
@@ -23,5 +25,7 @@ export * from "./range-slider/index";
 export * from "./search-button/index";
 export * from "./select/index";
 export * from "./seller-box/index";
+export * from "./store-card/index";
+export * from "./toast/index";
 export * from "./toggle-switch/index";
 export * from "./typography/index";

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

@@ -15,13 +15,13 @@ const ProductCardComponent = ({ variant = "grid", imageUrl, brand, productName,
     }, [onFavoritePress]);
     const renderContent = React.useCallback(() => (_jsxs(View, { style: [styles.cardContainer, customStyles], children: [_jsxs(View, { style: styles.imageContainer, children: [_jsx(Image, { resizeMode: "cover", source: { uri: imageUrl }, style: styles.productImage, accessibilityLabel: `Imagem do produto ${productName}` }), ["grid", "shelf"].includes(variant) &&
                         (flags === null || flags === void 0 ? void 0 : flags.length) > 0 &&
-                        (flags === null || flags === void 0 ? void 0 : flags.map((flag, index) => (_jsx(Badge, { text: flag.text, textStyle: { color: flag.textColor }, iconPosition: "right", size: "small", style: {
+                        (flags === null || flags === void 0 ? void 0 : flags.map((flag, index) => (_jsx(Badge, { text: flag.text, textStyle: { color: flag.textColor, fontWeight: "bold" }, iconPosition: "right", size: "small", style: {
                                 position: "absolute",
                                 top: 0,
                                 left: 0,
                                 backgroundColor: flag.color,
                                 padding: theme.spacing.xxs2,
-                            }, icon: flag.icon }, flag.name + index + productName)))), isFavorite && showFavoriteButton && (_jsx(TouchableOpacity, { style: [
+                            }, icon: flag.icon }, flag.name + index + productName)))), showFavoriteButton && (_jsx(TouchableOpacity, { style: [
                             isFavorite ? styles.favoriteButton : styles.unfavoriteButton,
                         ], onPress: handleFavoritePress, accessibilityLabel: isFavorite ? "Remover dos favoritos" : "Adicionar aos favoritos", accessibilityRole: "button", children: isLoadingFavorite ? (_jsx(Loading, { size: 16 })) : isFavorite ? (_jsx(HeartFillIcon, { size: 16, color: "#101010" })) : (_jsx(HeartIcon, { size: 16, color: "#101010" })) }))] }), variant !== "lastViewed" && (_jsxs(View, { style: styles.detailsContainer, children: [_jsxs(View, { style: styles.productInfo, children: [_jsx(Text, { style: styles.brandText, children: brand }), _jsx(View, { style: styles.nameContainer, children: _jsx(Text, { numberOfLines: 3, style: styles.nameText, accessibilityLabel: `Nome do produto: ${productName}`, children: productName }) })] }), variant === "grid" && showRating && (_jsxs(View, { style: styles.ratingContainer, accessibilityLabel: `Avaliação: ${rating} estrelas, ${reviewCount} avaliações`, children: [_jsx(StarIcon, { size: 11, color: "#101010", fill: "#101010" }), _jsxs(View, { style: styles.reviewCountWrapper, children: [_jsx(Text, { style: styles.ratingText, children: rating }), _jsxs(Text, { style: styles.reviewCountText, children: ["(", reviewCount, ")"] })] })] })), _jsx(View, { style: styles.priceContainer, children: _jsx(Text, { style: styles.priceText, accessibilityLabel: `Preço: ${price}`, children: price }) })] }))] })), [
         brand,

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

@@ -0,0 +1,2 @@
+export { StoreCard } from './store-card.component';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/store-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC"}

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

@@ -0,0 +1 @@
+export { StoreCard } from './store-card.component';

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"}

package/dist/components/toast/toast.styles.js

@@ -0,0 +1,58 @@
+import { Dimensions, StyleSheet } from "react-native";
+export function useToastStyles(data) {
+    const mapCustomStylesToType = {
+        alert_info: {
+            container: {
+                paddingVertical: 50,
+                paddingHorizonral: 24,
+                top: Dimensions.get("screen").height * 0.4,
+            },
+            message: {
+                textAlign: "center",
+            },
+            description: {
+                textAlign: "center",
+            },
+        },
+    };
+    const stylesToType = (data === null || data === void 0 ? void 0 : data.type) && (mapCustomStylesToType === null || mapCustomStylesToType === void 0 ? void 0 : mapCustomStylesToType[data === null || data === void 0 ? void 0 : data.type]);
+    return StyleSheet.create({
+        container: {
+            position: "absolute",
+            top: 60,
+            left: 16,
+            right: 16,
+            backgroundColor: "white",
+            borderRadius: 8,
+            padding: 16,
+            flexDirection: "row",
+            alignItems: "center",
+            shadowColor: "#000",
+            shadowOffset: { width: 0, height: 2 },
+            shadowOpacity: 0.25,
+            shadowRadius: 3.84,
+            elevation: 5,
+            ...stylesToType === null || stylesToType === void 0 ? void 0 : stylesToType.container,
+        },
+        iconContainer: {
+            marginRight: 12,
+        },
+        textContainer: {
+            flex: 1,
+        },
+        message: {
+            fontSize: 16,
+            fontWeight: "600",
+            marginBottom: 4,
+            ...stylesToType === null || stylesToType === void 0 ? void 0 : stylesToType.message,
+        },
+        description: {
+            fontSize: 14,
+            color: "#666",
+            ...stylesToType === null || stylesToType === void 0 ? void 0 : stylesToType.description,
+        },
+        footerButton: {
+            marginTop: 40,
+        },
+    });
+}

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

@@ -0,0 +1,10 @@
+export interface ShowToastParams {
+    message: string;
+    description?: string;
+    type?: "success" | "error" | "info" | "warning" | "alert_info";
+    duration?: number;
+}
+export type CreateToastStylesProps = {
+    type: ShowToastParams["type"];
+};
+//# sourceMappingURL=toast.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast.types.d.ts","sourceRoot":"","sources":["../../../src/components/toast/toast.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,CAAC;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;CAC/B,CAAC"}

package/dist/components/toast/toast.types.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "decathlon-ui",
-  "version": "0.3.24",
+  "version": "0.3.26",
   "description": "Biblioteca de componentes React Native com Storybook e documentação via GitHub Pages.",
   "main": "dist/index.js",
   "module": "dist/index.js",