decathlon-ui 0.3.47 → 0.3.48

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

@@ -1 +1 @@
-{"version":3,"file":"badge.component.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAsEhD,eAAO,MAAM,KAAK,6FAxDf,UAAU,6CAwDkC,CAAC"}
+{"version":3,"file":"badge.component.d.ts","sourceRoot":"","sources":["../../../src/components/badge/badge.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAkFhD,eAAO,MAAM,KAAK,6FApEf,UAAU,6CAoEkC,CAAC"}

package/dist/components/badge/badge.component.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text, View } from "react-native";
+import { Platform, Text, View } from "react-native";
 import React from "react";
-import { SvgUri } from "react-native-svg";
 import { useBadgeStyles } from "./badge.styles";
 /**
  * Badge - Componente para exibição de etiquetas ou marcadores
@@ -14,7 +13,17 @@ const BadgeComponent = ({ text, variant, size = "medium", style, textStyle, icon
             return null;
         }
         if (typeof icon === "string" && icon.includes(".svg")) {
-            return (_jsx(View, { style: styles.iconContainer, children: _jsx(SvgUri, { uri: icon, width: 12, height: 12 }) }));
+            // Suporte a URIs SVG apenas em plataformas nativas, onde SvgUri está disponível.
+            if (Platform.OS !== "web") {
+                // eslint-disable-next-line @typescript-eslint/no-var-requires, @typescript-eslint/no-var-requires
+                const { SvgUri } = require("react-native-svg");
+                if (SvgUri) {
+                    return (_jsx(View, { style: styles.iconContainer, children: _jsx(SvgUri, { uri: icon, width: 12, height: 12 }) }));
+                }
+            }
+            // No ambiente web (storybook) ou quando SvgUri não estiver disponível,
+            // o ícone via string é ignorado para evitar erros de build.
+            return null;
         }
         return _jsx(View, { style: styles.iconContainer, children: icon });
     };

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

@@ -1 +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"}
+{"version":3,"file":"card-picto.component.d.ts","sourceRoot":"","sources":["../../../src/components/card-picto/card-picto.component.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAmB,GACpB,EAAE,cAAc,2CAiBhB"}

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

@@ -1,17 +1,7 @@
 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 })] }));
+    return (_jsxs(TouchableOpacity, { style: styles.container, onPress: onPress, activeOpacity: 0.7, children: [_jsx(Image, { source: { uri: image }, style: styles.image, resizeMode: "contain" }), _jsx(Text, { style: styles.title, children: title })] }));
 }

package/dist/components/index.d.ts

@@ -27,6 +27,7 @@ export * from "./radio/index";
 export * from "./range-slider/index";
 export * from "./search-button/index";
 export * from "./search-pill/index";
+export * from "./search-input/index";
 export * from "./select/index";
 export * from "./seller-box/index";
 export * from "./stars-rating/index";

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,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,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,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AAEvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,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,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,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,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AAEvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC"}

package/dist/components/index.js

@@ -27,6 +27,7 @@ export * from "./radio/index";
 export * from "./range-slider/index";
 export * from "./search-button/index";
 export * from "./search-pill/index";
+export * from "./search-input/index";
 export * from "./select/index";
 export * from "./seller-box/index";
 export * from "./stars-rating/index";

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

@@ -1 +1 @@
-{"version":3,"file":"product-card.component.d.ts","sourceRoot":"","sources":["../../../src/components/product-card/product-card.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAyO7D,eAAO,MAAM,WAAW,8CAAmC,CAAC"}
+{"version":3,"file":"product-card.component.d.ts","sourceRoot":"","sources":["../../../src/components/product-card/product-card.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAwQ7D,eAAO,MAAM,WAAW,8CAAmC,CAAC"}

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

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { Image, Text, TouchableOpacity, View } from "react-native";
-import { HeartFillIcon, HeartIcon, StarIcon } from "../../icons";
+import { AddToBagIcon, HeartFillIcon, HeartIcon, StarIcon } from "../../icons";
 import { useTheme } from "../../themes";
 import { Badge } from "../badge";
 import { Loading } from "../loading";
 import { useProductCardStyles } from "./product-card.styles";
-const ProductCardComponent = ({ variant = "grid", imageUrl, brand, productName, rating, reviewCount, price, discountPrice, cashPrice, offerPrice, colorsVariants, isFavorite = false, onFavoritePress, onPress, testID, width, flags = [], showRating = true, isLoadingFavorite = false, customStyles, showFavoriteButton = true, }) => {
+const ProductCardComponent = ({ variant = "grid", imageUrl, brand, productName, rating, reviewCount, price, discountPrice, cashPrice, offerPrice, colorsVariants, isFavorite = false, onFavoritePress, onPress, testID, width, flags = [], showRating = true, isLoadingFavorite = false, customStyles, showFavoriteButton = true, onAddToCartPress, }) => {
     const styles = useProductCardStyles(variant, width);
     const theme = useTheme();
     const parsePriceToNumber = React.useCallback((price) => {
@@ -26,6 +26,10 @@ const ProductCardComponent = ({ variant = "grid", imageUrl, brand, productName,
         e.stopPropagation();
         onFavoritePress === null || onFavoritePress === void 0 ? void 0 : onFavoritePress();
     }, [onFavoritePress]);
+    const handleAddToCartPress = React.useCallback((e) => {
+        e.stopPropagation();
+        onAddToCartPress === null || onAddToCartPress === void 0 ? void 0 : onAddToCartPress();
+    }, [onAddToCartPress]);
     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}` }), (flags === null || flags === void 0 ? void 0 : flags.some((flag) => { var _a; return (_a = flag.text) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes("produto azul"); })) && (_jsx(View, { style: {
                             position: "absolute",
                             top: 0,
@@ -35,7 +39,7 @@ const ProductCardComponent = ({ variant = "grid", imageUrl, brand, productName,
                             height: 55,
                         }, children: _jsx(Image, { source: {
                                 uri: "https://decathlonstore.vtexassets.com/assets/vtex.file-manager-graphql/images/43a62e42-1b09-4a1b-9536-56a8fd6efb4a___57609de553b212bd01a55b5a862948b7.png",
-                            }, style: { width: 50, height: 55 } }) })), ["grid", "shelf"].includes(variant) &&
+                            }, style: { width: 50, height: 55 } }) })), ["grid", "shelf", "shelfWithAddToCart"].includes(variant) &&
                         (flags === null || flags === void 0 ? void 0 : flags.length) > 0 &&
                         (flags === null || flags === void 0 ? void 0 : flags.map((flag, index) => {
                             var _a;
@@ -51,19 +55,29 @@ const ProductCardComponent = ({ variant = "grid", imageUrl, brand, productName,
                                 }, 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: "#15181B", filled: true }), _jsxs(View, { style: styles.reviewCountWrapper, children: [_jsx(Text, { style: styles.ratingText, children: rating === null || rating === void 0 ? void 0 : rating.toString().replace(/\./g, ",") }), _jsx(Text, { style: styles.reviewCountText, children: reviewCount })] })] })), _jsx(View, { style: styles.priceContainer, children: cashPrice && parsePriceToNumber(cashPrice) < parsePriceToNumber(offerPrice || price) ? (_jsxs(_Fragment, { children: [_jsx(Text, { style: styles.priceText, accessibilityLabel: `Preço à vista: ${cashPrice}`, children: `${cashPrice} à vista` }), _jsx(Text, { style: styles.priceDiscountText, accessibilityLabel: `Preço original: ${offerPrice || price}`, children: offerPrice || price })] })) : (_jsxs(_Fragment, { children: [_jsx(Text, { style: styles.priceText, accessibilityLabel: `Preço: ${offerPrice || price}`, children: offerPrice || price }), discountPrice && (_jsx(Text, { style: styles.priceDiscountText, children: discountPrice }))] })) }), colorsVariants && (_jsx(Text, { style: styles.colorsText, children: colorsVariants }))] }))] })), [
+                        ], 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 === "shelfWithAddToCart" && (_jsx(TouchableOpacity, { style: styles.addToCartButton, onPress: handleAddToCartPress, accessibilityLabel: "Adicionar ao carrinho", accessibilityRole: "button", children: _jsx(AddToBagIcon, { color: "#FFFFFF", size: 16 }) }))] }), variant !== "lastViewed" && (_jsxs(View, { style: styles.detailsContainer, children: [_jsxs(View, { style: styles.productInfo, children: [variant !== "shelfWithAddToCart" && (_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: "#15181B", filled: true }), _jsxs(View, { style: styles.reviewCountWrapper, children: [_jsx(Text, { style: styles.ratingText, children: rating === null || rating === void 0 ? void 0 : rating.toString().replace(/\./g, ",") }), _jsx(Text, { style: styles.reviewCountText, children: reviewCount })] })] })), _jsx(View, { style: styles.priceContainer, children: cashPrice && parsePriceToNumber(cashPrice) < parsePriceToNumber(offerPrice || price) ? (_jsxs(_Fragment, { children: [_jsx(Text, { style: styles.priceText, accessibilityLabel: `Preço à vista: ${cashPrice}`, children: `${cashPrice} à vista` }), _jsx(Text, { style: styles.priceDiscountText, accessibilityLabel: `Preço original: ${offerPrice || price}`, children: offerPrice || price })] })) : (_jsxs(_Fragment, { children: [_jsx(Text, { style: styles.priceText, accessibilityLabel: `Preço: ${offerPrice || price}`, children: offerPrice || price }), discountPrice && (_jsx(Text, { style: styles.priceDiscountText, children: discountPrice }))] })) }), colorsVariants && (_jsx(Text, { style: styles.colorsText, children: colorsVariants }))] }))] })), [
         brand,
         cashPrice,
+        colorsVariants,
+        customStyles,
+        discountPrice,
+        flags,
+        handleAddToCartPress,
         handleFavoritePress,
         imageUrl,
         isFavorite,
+        isLoadingFavorite,
         offerPrice,
+        onAddToCartPress,
         parsePriceToNumber,
         price,
         productName,
         rating,
         reviewCount,
+        showFavoriteButton,
+        showRating,
         styles,
+        theme.spacing.xxs2,
         variant,
     ]);
     if (onPress) {

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

@@ -47,8 +47,8 @@ export declare const useProductCardStyles: (variant?: ProductCardVariant, custom
     };
     priceContainer: {
         display: "flex";
-        flexDirection: "column";
-        alignItems: "flex-start";
+        flexDirection: "row" | "column";
+        alignItems: "flex-start" | "center";
         marginTop: number;
         gap: number;
     };
@@ -60,9 +60,10 @@ export declare const useProductCardStyles: (variant?: ProductCardVariant, custom
     };
     priceDiscountText: {
         fontFamily: string;
-        fontWeight: "500";
+        fontWeight: "400";
         fontStyle: "normal";
         fontSize: number;
+        lineHeight: number;
         letterSpacing: number;
         color: string;
         textDecorationLine: "line-through";
@@ -95,6 +96,7 @@ export declare const useProductCardStyles: (variant?: ProductCardVariant, custom
         color: string;
         fontSize: number;
         lineHeight: number;
+        display: "none" | "flex";
     };
     favoriteButton: {
         display: "none" | "flex";
@@ -108,6 +110,18 @@ export declare const useProductCardStyles: (variant?: ProductCardVariant, custom
         top: number;
         right: number;
     };
+    addToCartButton: {
+        display: "none" | "flex";
+        position: "absolute";
+        right: number;
+        bottom: number;
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        justifyContent: "center";
+        alignItems: "center";
+    };
     ratingText: {
         color: string;
     };

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

@@ -1 +1 @@
-{"version":3,"file":"product-card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/product-card/product-card.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,eAAO,MAAM,oBAAoB,GAC/B,UAAS,kBAA2B,EACpC,cAAc,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2IrB,CAAC"}
+{"version":3,"file":"product-card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/product-card/product-card.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,eAAO,MAAM,oBAAoB,GAC/B,UAAS,kBAA2B,EACpC,cAAc,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0JrB,CAAC"}

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

@@ -6,6 +6,7 @@ export const useProductCardStyles = (variant = "grid", customWidth) => {
         const getImageSize = () => {
             switch (variant) {
                 case "shelf":
+                case "shelfWithAddToCart":
                     return 150;
                 case "lastViewed":
                     return 112;
@@ -22,7 +23,7 @@ export const useProductCardStyles = (variant = "grid", customWidth) => {
             cardContainer: {
                 display: "flex",
                 width: "100%",
-                maxWidth: 184,
+                maxWidth: variant === "shelfWithAddToCart" ? 150 : 184,
                 flexDirection: "column",
                 alignItems: "stretch",
                 justifyContent: "center",
@@ -57,17 +58,17 @@ export const useProductCardStyles = (variant = "grid", customWidth) => {
                 fontWeight: "400",
             },
             nameContainer: {
-                marginTop: 4,
+                marginTop: variant === "shelfWithAddToCart" ? 0 : 4,
             },
             nameText: {
                 color: "#101010",
-                fontSize: 14,
-                lineHeight: 21,
+                fontSize: variant === "shelfWithAddToCart" ? 12 : 14,
+                lineHeight: variant === "shelfWithAddToCart" ? 18 : 21,
             },
             priceContainer: {
                 display: "flex",
-                flexDirection: "column",
-                alignItems: "flex-start",
+                flexDirection: variant === "shelfWithAddToCart" ? "row" : "column",
+                alignItems: variant === "shelfWithAddToCart" ? "center" : "flex-start",
                 marginTop: 8,
                 gap: 8,
             },
@@ -75,13 +76,14 @@ export const useProductCardStyles = (variant = "grid", customWidth) => {
                 fontSize: 14,
                 color: "#101010",
                 fontWeight: "500",
-                lineHeight: 16.8,
+                lineHeight: 16.8, // 120%
             },
             priceDiscountText: {
                 fontFamily: "Inter",
-                fontWeight: "500",
-                fontStyle: "normal", // "Medium" não é um valor válido, use "normal"
+                fontWeight: "400",
+                fontStyle: "normal",
                 fontSize: 10,
+                lineHeight: 10,
                 letterSpacing: 0,
                 color: "#616161",
                 textDecorationLine: "line-through",
@@ -114,6 +116,7 @@ export const useProductCardStyles = (variant = "grid", customWidth) => {
                 color: "#616161",
                 fontSize: 10,
                 lineHeight: 10,
+                display: variant === "shelfWithAddToCart" ? "none" : "flex",
             },
             favoriteButton: {
                 display: variant === "grid" ? "flex" : "none",
@@ -127,6 +130,18 @@ export const useProductCardStyles = (variant = "grid", customWidth) => {
                 top: 12,
                 right: 12,
             },
+            addToCartButton: {
+                display: variant === "shelfWithAddToCart" ? "flex" : "none",
+                position: "absolute",
+                right: 8,
+                bottom: -16,
+                width: 32,
+                height: 32,
+                borderRadius: 16,
+                backgroundColor: "#101010",
+                justifyContent: "center",
+                alignItems: "center",
+            },
             ratingText: {
                 color: "#383838",
             },

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

@@ -1,5 +1,5 @@
 import { StyleProp, ViewProps, ViewStyle } from "react-native";
-export type ProductCardVariant = "grid" | "shelf" | "lastViewed";
+export type ProductCardVariant = "grid" | "shelf" | "lastViewed" | "shelfWithAddToCart";
 export interface ProductCardProps extends ViewProps {
     variant?: ProductCardVariant;
     imageUrl: string;
@@ -28,5 +28,6 @@ export interface ProductCardProps extends ViewProps {
     isLoadingFavorite?: boolean;
     customStyles?: StyleProp<ViewStyle>;
     colorsVariants?: string;
+    onAddToCartPress?: () => void;
 }
 //# sourceMappingURL=product-card.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"product-card.types.d.ts","sourceRoot":"","sources":["../../../src/components/product-card/product-card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,GAAG,YAAY,CAAC;AAEjE,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,EAAE,CAAC;IACJ,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB"}
+{"version":3,"file":"product-card.types.d.ts","sourceRoot":"","sources":["../../../src/components/product-card/product-card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,MAAM,kBAAkB,GAC1B,MAAM,GACN,OAAO,GACP,YAAY,GACZ,oBAAoB,CAAC;AAEzB,MAAM,WAAW,gBAAiB,SAAQ,SAAS;IACjD,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,EAAE,CAAC;IACJ,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B"}

package/dist/components/product-highlight/product-highlight.d.ts

@@ -1,14 +1,6 @@
 import type { StoryObj } from "@storybook/react";
 import React from "react";
-declare const meta: {
-    title: string;
-    component: React.NamedExoticComponent<import("./product-highlight.types").ProductHighlightsContainerProps>;
-    argTypes: {};
-    args: {
-        children: import("react/jsx-runtime").JSX.Element;
-    };
-    decorators: ((Story: React.FC<any>) => import("react/jsx-runtime").JSX.Element)[];
-};
+declare const meta: Meta<React.NamedExoticComponent<import("./product-highlight.types").ProductHighlightsContainerProps>>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;

package/dist/components/product-highlight/product-highlight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product-highlight.d.ts","sourceRoot":"","sources":["../../../src/components/product-highlight/product-highlight.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,IAAI;;;;;;;yBAQE,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC;CAM0B,CAAC;AAEpD,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,OAAO,EAAE,KAsBrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAuB5B,CAAC"}
+{"version":3,"file":"product-highlight.d.ts","sourceRoot":"","sources":["../../../src/components/product-highlight/product-highlight.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,IAAI,uGAcyC,CAAC;AAEpD,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,OAAO,EAAE,KAsBrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAuB5B,CAAC"}

package/dist/components/search-input/index.d.ts

@@ -0,0 +1,3 @@
+export { SearchInput } from "./search-input.component";
+export type { SearchInputProps } from "./search-input.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/search-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/search-input/index.js

@@ -0,0 +1 @@
+export { SearchInput } from "./search-input.component";

package/dist/components/search-input/search-input.component.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { SearchInputProps } from "./search-input.types";
+export declare const SearchInput: React.NamedExoticComponent<SearchInputProps>;
+//# sourceMappingURL=search-input.component.d.ts.map

package/dist/components/search-input/search-input.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.component.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/search-input.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AA2F7D,eAAO,MAAM,WAAW,8CAAmC,CAAC"}

package/dist/components/search-input/search-input.component.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { Text, TextInput, View, TouchableOpacity } from "react-native";
+import { SearchIcon } from "../../icons";
+import { useTheme } from "../../themes";
+import { useSearchInputStyles } from "./search-input.styles";
+const SearchInputComponent = ({ value: controlledValue, onChangeText, placeholder, onClearPress, testID, onFocus, onBlur, ...rest }) => {
+    const styles = useSearchInputStyles();
+    const theme = useTheme();
+    const [isFocused, setIsFocused] = React.useState(false);
+    const [uncontrolledValue, setUncontrolledValue] = React.useState("");
+    const isControlled = controlledValue !== undefined;
+    const value = isControlled ? controlledValue : uncontrolledValue;
+    const isFilled = !!value && value.length > 0;
+    const handleChangeText = (text) => {
+        if (!isControlled) {
+            setUncontrolledValue(text);
+        }
+        onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(text);
+    };
+    const handleClear = () => {
+        if (!isControlled) {
+            setUncontrolledValue("");
+        }
+        onClearPress === null || onClearPress === void 0 ? void 0 : onClearPress();
+        onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText("");
+    };
+    const handleFocus = (event) => {
+        setIsFocused(true);
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
+    };
+    const handleBlur = (event) => {
+        setIsFocused(false);
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+    };
+    const fieldStateStyle = isFilled
+        ? styles.fieldFilled
+        : isFocused
+            ? styles.fieldActive
+            : styles.fieldDefault;
+    return (_jsx(View, { style: styles.container, testID: testID, children: _jsxs(View, { style: [styles.fieldBase, fieldStateStyle], children: [_jsx(View, { style: styles.icon, children: _jsx(SearchIcon, { size: 24, color: isFilled || isFocused
+                            ? theme.colors.iconPrimary
+                            : theme.colors.iconTertiary }) }), _jsx(TextInput, { style: [styles.input, !isFilled && styles.placeholderText], placeholder: placeholder, value: value, onChangeText: handleChangeText, onFocus: handleFocus, onBlur: handleBlur, placeholderTextColor: theme.colors.textTertiary, ...rest }), isFilled && (_jsx(TouchableOpacity, { accessibilityRole: "button", accessibilityLabel: "Limpar busca", style: styles.clearButton, onPress: handleClear, hitSlop: theme.hitSlopWidth.sm, children: _jsx(Text, { style: styles.clearText, children: "Limpar" }) }))] }) }));
+};
+export const SearchInput = React.memo(SearchInputComponent);
+SearchInput.displayName = "SearchInput";

package/dist/components/search-input/search-input.styles.d.ts

@@ -0,0 +1,56 @@
+export declare const useSearchInputStyles: () => {
+    container: {
+        width: "100%";
+    };
+    fieldBase: {
+        flexDirection: "row";
+        alignItems: "center";
+        borderRadius: 360;
+        paddingHorizontal: 16;
+        paddingVertical: 12;
+        gap: 8;
+        height: number;
+    };
+    fieldDefault: {
+        backgroundColor: string;
+    };
+    fieldActive: {
+        backgroundColor: "#FFFFFF";
+        borderWidth: 2;
+        borderColor: "#3643BA";
+    };
+    fieldFilled: {
+        backgroundColor: "#FFFFFF";
+        borderWidth: 2;
+        borderColor: "#3643BA";
+    };
+    icon: {
+        width: number;
+        height: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    input: {
+        flex: number;
+        padding: number;
+        margin: number;
+        fontFamily: "Inter-Regular";
+        fontSize: 14;
+        lineHeight: number;
+        color: "#383838";
+    };
+    placeholderText: {
+        color: "#616161";
+    };
+    clearButton: {
+        marginLeft: number;
+    };
+    clearText: {
+        fontFamily: "Inter-Medium";
+        fontSize: 14;
+        lineHeight: number;
+        letterSpacing: number;
+        color: "#3643BA";
+    };
+};
+//# sourceMappingURL=search-input.styles.d.ts.map

package/dist/components/search-input/search-input.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.styles.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/search-input.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DhC,CAAC"}

package/dist/components/search-input/search-input.styles.js

@@ -0,0 +1,60 @@
+import { StyleSheet } from "react-native";
+import { useTheme } from "../../themes";
+export const useSearchInputStyles = () => {
+    const theme = useTheme();
+    return StyleSheet.create({
+        container: {
+            width: "100%",
+        },
+        fieldBase: {
+            flexDirection: "row",
+            alignItems: "center",
+            borderRadius: theme.radius.round,
+            paddingHorizontal: theme.spacing.md,
+            paddingVertical: theme.spacing.sm,
+            gap: theme.spacing.xs,
+            height: 56,
+        },
+        fieldDefault: {
+            backgroundColor: "#F5F4F5",
+        },
+        fieldActive: {
+            backgroundColor: theme.colors.backgroundPrimary,
+            borderWidth: theme.borderWidth.md,
+            borderColor: theme.colors.borderInformation,
+        },
+        fieldFilled: {
+            backgroundColor: theme.colors.backgroundPrimary,
+            borderWidth: theme.borderWidth.md,
+            borderColor: theme.colors.borderInformation,
+        },
+        icon: {
+            width: 24,
+            height: 24,
+            justifyContent: "center",
+            alignItems: "center",
+        },
+        input: {
+            flex: 1,
+            padding: 0,
+            margin: 0,
+            fontFamily: theme.fonts.inter.regular,
+            fontSize: theme.fonts.sizes.xs,
+            lineHeight: 21,
+            color: theme.colors.textSecondary,
+        },
+        placeholderText: {
+            color: theme.colors.textTertiary,
+        },
+        clearButton: {
+            marginLeft: theme.spacing.xs * 2,
+        },
+        clearText: {
+            fontFamily: theme.fonts.inter.medium,
+            fontSize: theme.fonts.sizes.xs,
+            lineHeight: 21,
+            letterSpacing: -0.01,
+            color: theme.colors.textAction,
+        },
+    });
+};

package/dist/components/search-input/search-input.types.d.ts

@@ -0,0 +1,13 @@
+import type { TextInputProps } from "react-native";
+export interface SearchInputProps extends Omit<TextInputProps, "onChangeText" | "value"> {
+    value?: string;
+    onChangeText?: (text: string) => void;
+    placeholder?: string;
+    /**
+     * Callback disparado quando o usuário toca em "Limpar".
+     * Caso não seja informado, o componente limpará o texto internamente.
+     */
+    onClearPress?: () => void;
+    testID?: string;
+}
+//# sourceMappingURL=search-input.types.d.ts.map

package/dist/components/search-input/search-input.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-input.types.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/search-input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,cAAc,GAAG,OAAO,CAAC;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/components/search-input/search-input.types.js

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

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

@@ -1 +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,4CA8FhB,CAAC"}
+{"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;AAEpD,eAAO,MAAM,SAAS,GAAI,oHAWvB,cAAc,4CA8FhB,CAAC"}

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

@@ -1,29 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text, TouchableOpacity, View } from "react-native";
+import { Image, 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;
@@ -50,9 +30,9 @@ export const StoreCard = ({ storeName, address, distance, itemsAvailable, itemsU
                                     : `${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: {
+                }, children: [itemsAvailable === null || itemsAvailable === void 0 ? void 0 : itemsAvailable.map((item) => (_jsx(Image, { 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: {
+                        }, style: styles.image }, item.itemIndex))), itemsUnavailable === null || itemsUnavailable === void 0 ? void 0 : itemsUnavailable.map((item) => (_jsxs(View, { children: [_jsx(Image, { 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 })] })] })] }));
 };