decathlon-ui 0.3.24 → 0.3.27

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.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;AAgK7D,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;AAwK7D,eAAO,MAAM,WAAW,8CAAmC,CAAC"}

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

@@ -6,7 +6,7 @@ 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, 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, colorsVariants, isFavorite = false, onFavoritePress, onPress, testID, width, flags = [], showRating = true, isLoadingFavorite = false, customStyles, showFavoriteButton = true, }) => {
     const styles = useProductCardStyles(variant, width);
     const theme = useTheme();
     const handleFavoritePress = React.useCallback((e) => {
@@ -15,15 +15,15 @@ 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 }) })] }))] })), [
+                        ], 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", filled: true }), _jsxs(View, { style: styles.reviewCountWrapper, children: [_jsx(Text, { style: styles.ratingText, children: rating }), _jsxs(Text, { style: styles.reviewCountText, children: ["(", reviewCount, ")"] })] })] })), _jsxs(View, { style: styles.priceContainer, children: [_jsx(Text, { style: styles.priceText, accessibilityLabel: `Preço: ${price}`, children: price }), discountPrice && (_jsx(Text, { style: styles.priceDiscountText, children: discountPrice }))] }), colorsVariants && (_jsx(Text, { style: styles.colorsText, children: colorsVariants }))] }))] })), [
         brand,
         handleFavoritePress,
         imageUrl,

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

@@ -46,6 +46,9 @@ export declare const useProductCardStyles: (variant?: ProductCardVariant, custom
         lineHeight: number;
     };
     priceContainer: {
+        display: "flex";
+        flexDirection: "row";
+        alignItems: "center";
         marginTop: number;
         gap: number;
     };
@@ -55,6 +58,24 @@ export declare const useProductCardStyles: (variant?: ProductCardVariant, custom
         fontWeight: "500";
         lineHeight: number;
     };
+    priceDiscountText: {
+        fontFamily: string;
+        fontWeight: "500";
+        fontStyle: "normal";
+        fontSize: number;
+        letterSpacing: number;
+        color: string;
+        textDecorationLine: "line-through";
+    };
+    colorsText: {
+        fontFamily: string;
+        fontWeight: "400";
+        fontStyle: "normal";
+        fontSize: number;
+        lineHeight: number;
+        letterSpacing: number;
+        color: "#616161";
+    };
     ratingContainer: {
         display: "none" | "flex";
         flexDirection: "row";

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":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,eAAO,MAAM,oBAAoB,GAC/B,UAAS,kBAA2B,EACpC,cAAc,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoHrB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2IrB,CAAC"}

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

@@ -1,5 +1,6 @@
 import { useMemo } from "react";
 import { StyleSheet } from "react-native";
+import { useTheme } from "../../themes";
 export const useProductCardStyles = (variant = "grid", customWidth) => {
     return useMemo(() => {
         const getImageSize = () => {
@@ -16,6 +17,7 @@ export const useProductCardStyles = (variant = "grid", customWidth) => {
         const cardWidth = customWidth
             ? Math.max(customWidth, imageSize)
             : imageSize;
+        const { colors } = useTheme();
         return StyleSheet.create({
             cardContainer: {
                 display: "flex",
@@ -63,6 +65,9 @@ export const useProductCardStyles = (variant = "grid", customWidth) => {
                 lineHeight: 21,
             },
             priceContainer: {
+                display: "flex",
+                flexDirection: "row",
+                alignItems: "center",
                 marginTop: 8,
                 gap: 8,
             },
@@ -72,6 +77,24 @@ export const useProductCardStyles = (variant = "grid", customWidth) => {
                 fontWeight: "500",
                 lineHeight: 16.8,
             },
+            priceDiscountText: {
+                fontFamily: "Inter",
+                fontWeight: "500",
+                fontStyle: "normal", // "Medium" não é um valor válido, use "normal"
+                fontSize: 10,
+                letterSpacing: 0,
+                color: "#616161",
+                textDecorationLine: "line-through",
+            },
+            colorsText: {
+                fontFamily: "Inter",
+                fontWeight: "400",
+                fontStyle: "normal", // "Regular" não é um valor válido, use "normal"
+                fontSize: 12,
+                lineHeight: 18,
+                letterSpacing: 0,
+                color: colors.textTertiary,
+            },
             ratingContainer: {
                 display: variant === "grid" ? "flex" : "none",
                 flexDirection: "row",

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

@@ -8,6 +8,7 @@ export interface ProductCardProps {
     rating?: number;
     reviewCount?: number;
     price: string | number;
+    discountPrice?: string | number;
     isFavorite?: boolean;
     onFavoritePress?: () => void;
     onPress?: () => void;
@@ -24,5 +25,6 @@ export interface ProductCardProps {
     showRating?: boolean;
     isLoadingFavorite?: boolean;
     customStyles?: StyleProp<ViewStyle>;
+    colorsVariants?: string;
 }
 //# 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,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,GAAG,YAAY,CAAC;AAEjE,MAAM,WAAW,gBAAgB;IAC/B,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,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,EAAE,MAAM,CAAC;QACb,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;CACrC"}
+{"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,MAAM,cAAc,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,OAAO,GAAG,YAAY,CAAC;AAEjE,MAAM,WAAW,gBAAgB;IAC/B,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,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,EAAE,MAAM,CAAC;QACb,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"}

package/dist/components/range-slider/range-slider.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"range-slider.component.d.ts","sourceRoot":"","sources":["../../../src/components/range-slider/range-slider.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAuKxD,eAAO,MAAM,WAAW,8CAAmC,CAAC"}
+{"version":3,"file":"range-slider.component.d.ts","sourceRoot":"","sources":["../../../src/components/range-slider/range-slider.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AA0KxD,eAAO,MAAM,WAAW,8CAAmC,CAAC"}

package/dist/components/range-slider/range-slider.component.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Animated, PanResponder, Platform, UIManager, View } from "react-native";
+import { Animated, PanResponder, Platform, UIManager, View, } from "react-native";
 import { useRangeSliderStyles } from "./range-slider.styles";
-if (Platform.OS === 'android') {
+if (Platform.OS === "android") {
     if (UIManager.setLayoutAnimationEnabledExperimental) {
         UIManager.setLayoutAnimationEnabledExperimental(true);
     }
@@ -12,12 +12,12 @@ const RangeSliderComponent = ({ value = [0, 100], min = 0, max = 100, disabled,
     // Referência para o container do slider
     const sliderContainerRef = React.useRef(null);
     // Estado para valores do slider
-    const [sliderWidth, setSliderWidth] = React.useState(343);
+    const [sliderWidth, setSliderWidth] = React.useState(0);
     const [leftValue, setLeftValue] = React.useState(value[0] || min);
     const [rightValue, setRightValue] = React.useState(value[1] || max);
     // Valores animados para as posições dos thumbs
     const leftThumbPosition = React.useRef(new Animated.Value(0)).current;
-    const rightThumbPosition = React.useRef(new Animated.Value(sliderWidth)).current;
+    const rightThumbPosition = React.useRef(new Animated.Value(0)).current;
     // Atualiza os valores quando as props mudam
     React.useEffect(() => {
         if (value && value.length === 2) {
@@ -25,20 +25,29 @@ const RangeSliderComponent = ({ value = [0, 100], min = 0, max = 100, disabled,
             setRightValue(value[1]);
         }
     }, [value]);
+    // Função para calcular a posição baseada no valor
+    const valueToPosition = (val) => {
+        if (sliderWidth === 0)
+            return 0;
+        const percentage = (val - min) / (max - min);
+        return percentage * sliderWidth;
+    };
+    // Função para calcular o valor baseado na posição
+    const positionToValue = (position) => {
+        if (sliderWidth === 0)
+            return min;
+        const percentage = position / sliderWidth;
+        const value = min + percentage * (max - min);
+        return Math.round(value);
+    };
     // Atualiza as posições dos thumbs quando o tamanho do slider muda ou os valores mudam
     React.useEffect(() => {
-        // Garante que os valores estejam dentro dos limites
-        const clampedLeftValue = Math.max(min, Math.min(max, leftValue));
-        const clampedRightValue = Math.max(min, Math.min(max, rightValue));
-        // Calcula a porcentagem relativa ao intervalo min-max
-        const leftPercentage = (clampedLeftValue - min) / (max - min);
-        const rightPercentage = (clampedRightValue - min) / (max - min);
-        // Calcula a posição em pixels
-        const leftPos = leftPercentage * sliderWidth;
-        const rightPos = rightPercentage * sliderWidth;
-        // Atualiza as posições dos thumbs
-        leftThumbPosition.setValue(leftPos);
-        rightThumbPosition.setValue(rightPos);
+        if (sliderWidth > 0) {
+            const leftPos = valueToPosition(leftValue);
+            const rightPos = valueToPosition(rightValue);
+            leftThumbPosition.setValue(leftPos);
+            rightThumbPosition.setValue(rightPos);
+        }
     }, [sliderWidth, leftValue, rightValue, min, max]);
     // Função para obter a posição X relativa ao slider
     const getPositionInSlider = (gestureState) => {
@@ -55,12 +64,6 @@ const RangeSliderComponent = ({ value = [0, 100], min = 0, max = 100, disabled,
             }
         });
     };
-    // Converte posição para valor real
-    const positionToValue = (position) => {
-        const percentage = position / sliderWidth;
-        const value = min + percentage * (max - min);
-        return Math.round(value);
-    };
     // Cria os pan responders para ambos os thumbs
     const createPanResponder = (isLeft) => PanResponder.create({
         onStartShouldSetPanResponder: () => !disabled,
@@ -69,27 +72,25 @@ const RangeSliderComponent = ({ value = [0, 100], min = 0, max = 100, disabled,
             // Feedback visual pode ser adicionado aqui
         },
         onPanResponderMove: async (_, gestureState) => {
-            if (disabled)
+            if (disabled || sliderWidth === 0)
                 return;
             const newPosition = await getPositionInSlider(gestureState);
             const newValue = positionToValue(newPosition);
             if (isLeft) {
-                if (newValue < rightValue) {
+                // Garante que o thumb esquerdo não passe do direito
+                if (newValue <= rightValue) {
                     setLeftValue(newValue);
-                    // A posição é calculada com base na porcentagem do intervalo
-                    const leftPos = ((newValue - min) / (max - min)) * sliderWidth;
-                    leftThumbPosition.setValue(leftPos);
+                    leftThumbPosition.setValue(newPosition);
                     if (onChangeValue) {
                         onChangeValue([newValue, rightValue]);
                     }
                 }
             }
             else {
-                if (newValue > leftValue) {
+                // Garante que o thumb direito não passe do esquerdo
+                if (newValue >= leftValue) {
                     setRightValue(newValue);
-                    // A posição é calculada com base na porcentagem do intervalo
-                    const rightPos = ((newValue - min) / (max - min)) * sliderWidth;
-                    rightThumbPosition.setValue(rightPos);
+                    rightThumbPosition.setValue(newPosition);
                     if (onChangeValue) {
                         onChangeValue([leftValue, newValue]);
                     }
@@ -98,18 +99,15 @@ const RangeSliderComponent = ({ value = [0, 100], min = 0, max = 100, disabled,
         },
         onPanResponderRelease: () => {
             // Feedback ao soltar pode ser adicionado aqui
-        }
+        },
     });
     const leftPanResponder = createPanResponder(true);
     const rightPanResponder = createPanResponder(false);
-    return (_jsxs(View, { ref: sliderContainerRef, style: [
-            styles.sliderContainer,
-            disabled && { opacity: 0.5 }
-        ], onLayout: (event) => setSliderWidth(event.nativeEvent.layout.width), testID: testID, children: [_jsx(View, { style: styles.sliderTrack }), _jsx(Animated.View, { style: [
+    return (_jsxs(View, { ref: sliderContainerRef, style: [styles.sliderContainer, disabled && { opacity: 0.5 }], onLayout: (event) => setSliderWidth(event.nativeEvent.layout.width), testID: testID, children: [_jsx(View, { style: styles.sliderTrack }), _jsx(Animated.View, { style: [
                     styles.sliderFilledTrack,
                     {
                         left: leftThumbPosition,
-                        right: Animated.subtract(sliderWidth, rightThumbPosition),
+                        width: Animated.subtract(rightThumbPosition, leftThumbPosition),
                     },
                 ] }), _jsx(Animated.View, { ...leftPanResponder.panHandlers, style: [
                     styles.thumb,

package/dist/components/range-slider/range-slider.styles.d.ts

@@ -3,10 +3,13 @@ export declare const useRangeSliderStyles: () => {
         height: number;
         width: "100%";
         marginVertical: number;
+        position: "relative";
     };
     sliderTrack: {
         position: "absolute";
         top: number;
+        left: number;
+        right: number;
         height: number;
         backgroundColor: string;
     };
@@ -25,6 +28,7 @@ export declare const useRangeSliderStyles: () => {
         borderRadius: number;
         justifyContent: "center";
         alignItems: "center";
+        zIndex: number;
     };
     thumbDot: {
         width: number;

package/dist/components/range-slider/range-slider.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"range-slider.styles.d.ts","sourceRoot":"","sources":["../../../src/components/range-slider/range-slider.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsChC,CAAC"}
+{"version":3,"file":"range-slider.styles.d.ts","sourceRoot":"","sources":["../../../src/components/range-slider/range-slider.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ChC,CAAC"}

package/dist/components/range-slider/range-slider.styles.js

@@ -7,10 +7,13 @@ export const useRangeSliderStyles = () => {
             height: 40,
             width: "100%",
             marginVertical: 20,
+            position: "relative",
         },
         sliderTrack: {
             position: "absolute",
             top: 18,
+            left: 0,
+            right: 0,
             height: 2,
             backgroundColor: "#d9dde1",
         },
@@ -29,6 +32,7 @@ export const useRangeSliderStyles = () => {
             borderRadius: 10,
             justifyContent: "center",
             alignItems: "center",
+            zIndex: 1,
         },
         thumbDot: {
             width: 4,

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';