decathlon-ui 0.1.2 → 0.1.4

package/dist/components/product-list-item/product-list-item.styles.js

@@ -0,0 +1,132 @@
+import { useMemo } from "react";
+import { StyleSheet } from "react-native";
+import { useTheme } from "../../themes";
+export const useProductListItemStyles = () => {
+    const { colors, radius, spacing, fonts } = useTheme();
+    return useMemo(() => StyleSheet.create({
+        container: {
+            backgroundColor: colors.backgroundPrimary,
+            padding: spacing.md,
+            borderBottomWidth: 1,
+            borderBottomColor: colors.borderSecondary,
+        },
+        topSection: {
+            flexDirection: "row",
+            marginBottom: spacing.md,
+            gap: spacing.lg,
+        },
+        imageContainer: {
+            width: 80,
+            height: 80,
+            marginRight: spacing.md,
+        },
+        productImage: {
+            width: 104,
+            height: 104,
+            borderRadius: radius.xs,
+        },
+        contentContainer: {
+            flex: 1,
+            justifyContent: "space-between",
+        },
+        header: {
+            marginBottom: spacing.xxs,
+        },
+        cashbackBadge: {
+            backgroundColor: colors.backgroundSecondary,
+            paddingHorizontal: spacing.xs,
+            paddingVertical: spacing.xxxs,
+            borderRadius: radius.xs,
+            alignSelf: "flex-start",
+            marginBottom: spacing.xxs,
+        },
+        cashbackText: {
+            fontSize: 12,
+            color: colors.textTertiary,
+        },
+        productName: {
+            fontSize: 14,
+            color: colors.textPrimary,
+            fontWeight: "500",
+            marginBottom: spacing.xxs,
+        },
+        infoRow: {
+            flexDirection: "row",
+            marginBottom: spacing.xxs,
+        },
+        infoLabel: {
+            fontSize: 12,
+            color: colors.textTertiary,
+            marginRight: spacing.xxs,
+        },
+        infoValue: {
+            fontSize: 12,
+            color: colors.textSecondary,
+        },
+        priceContainer: {
+            flexDirection: "row",
+            justifyContent: "flex-start",
+            alignItems: "flex-end",
+            marginTop: spacing.sm,
+        },
+        price: {
+            fontSize: 16,
+            fontWeight: "600",
+            color: colors.textPrimary,
+        },
+        availableUnits: {
+            fontFamily: fonts.inter.semiBold,
+            fontWeight: "600",
+            fontSize: fonts.sizes.xxs,
+            letterSpacing: 0,
+            color: colors.textPrimary,
+            marginLeft: spacing.sm,
+        },
+        controlsContainer: {
+            flexDirection: "row",
+            justifyContent: "space-between",
+            alignItems: "center",
+            height: 100,
+        },
+        quantityContainer: {
+            flexDirection: "row",
+            alignItems: "center",
+            justifyContent: "space-between",
+            borderWidth: 1,
+            borderColor: colors.borderSecondary,
+            borderRadius: radius.round,
+            flex: 1,
+        },
+        quantityButton: {
+            width: 32,
+            height: 32,
+            justifyContent: "center",
+            alignItems: "center",
+        },
+        quantityButtonDisabled: {
+            borderColor: colors.borderDisabled,
+        },
+        deleteButton: {
+            width: 32,
+            height: 32,
+            justifyContent: "center",
+            alignItems: "center",
+            marginLeft: spacing.sm,
+            borderWidth: 1,
+            borderColor: colors.borderSecondary,
+            borderRadius: radius.round,
+        },
+        quantityText: {
+            width: 30,
+            textAlign: "center",
+            fontSize: 14,
+            color: colors.textPrimary,
+        },
+        loadingContainer: {
+            width: 32,
+            height: 32,
+            justifyContent: "center",
+            alignItems: "center",
+        },
+    }), [colors, radius, spacing]);
+};

package/dist/components/product-list-item/product-list-item.types.d.ts

@@ -0,0 +1,68 @@
+export interface ProductListItemProps {
+    /**
+     * URL da imagem do produto
+     */
+    imageUrl: string;
+    /**
+     * Nome do produto
+     */
+    productName: string;
+    /**
+     * Cor do produto
+     */
+    color?: string;
+    /**
+     * Tamanho do produto
+     */
+    size?: string;
+    /**
+     * Preço do produto
+     */
+    price: string;
+    /**
+     * Quantidade do produto
+     */
+    quantity: number;
+    /**
+     * Número de unidades disponíveis
+     */
+    availableUnits?: number;
+    /**
+     * Texto de cashback
+     */
+    cashbackText?: string;
+    /**
+     * Função chamada quando o botão de adicionar é pressionado
+     */
+    onAdd?: () => void;
+    /**
+     * Função chamada quando o botão de remover é pressionado
+     */
+    onRemove?: () => void;
+    /**
+     * Função chamada quando o botão de excluir é pressionado
+     */
+    onDelete?: () => void;
+    /**
+     * Estado de carregamento para o botão de adicionar
+     */
+    loadingAdd?: boolean;
+    /**
+     * Estado de carregamento para o botão de remover
+     */
+    loadingRemove?: boolean;
+    /**
+     * Estado de carregamento para o botão de excluir
+     */
+    loadingDelete?: boolean;
+    /**
+     * ID de teste para o componente
+     */
+    testID?: string;
+    /**
+     * Define se os controles de quantidade devem ser exibidos
+     * @default true
+     */
+    showControls?: boolean;
+}
+//# sourceMappingURL=product-list-item.types.d.ts.map

package/dist/components/product-list-item/product-list-item.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-list-item.types.d.ts","sourceRoot":"","sources":["../../../src/components/product-list-item/product-list-item.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB"}

package/dist/components/product-list-item/product-list-item.types.js

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

package/dist/components/product-review/index.d.ts

@@ -0,0 +1,3 @@
+export { ProductReview } from "./product-review.component";
+export type { ProductReviewProps } from "./product-review.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/product-review/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/product-review/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/product-review/index.js

@@ -0,0 +1 @@
+export { ProductReview } from "./product-review.component";

package/dist/components/product-review/product-review.component.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { ProductReviewProps } from "./product-review.types";
+export declare const ProductReview: React.FC<ProductReviewProps>;
+//# sourceMappingURL=product-review.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-review.component.d.ts","sourceRoot":"","sources":["../../../src/components/product-review/product-review.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA+EtD,CAAC"}

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, View } from "react-native";
+import { StarIcon } from "../../icons";
+import { useProductReviewStyles } from "./product-review.styles";
+export const ProductReview = ({ reviewText, rating, userName, userAge, timeAgo, testID, }) => {
+    const styles = useProductReviewStyles();
+    const renderStars = () => {
+        const stars = [];
+        for (let i = 0; i < 5; i++) {
+            stars.push(_jsx(StarIcon, { size: 20, fill: i < rating ? "#101010" : "none", color: "#101010", style: styles.starIcon, accessibilityLabel: i < rating ? "Estrela preenchida" : "Estrela vazia" }, i));
+        }
+        return stars;
+    };
+    return (_jsxs(View, { style: styles.container, testID: testID, children: [_jsx(Text, { style: styles.reviewText, accessibilityLabel: `Avaliação: ${reviewText}`, children: reviewText }), _jsx(View, { style: styles.ratingContainer, accessibilityLabel: `Classificação: ${rating} de 5 estrelas`, children: renderStars() }), _jsxs(View, { style: styles.userInfoContainer, children: [_jsx(Text, { style: styles.userName, accessibilityLabel: `Nome do usuário: ${userName}`, children: userName }), userAge && (_jsxs(_Fragment, { children: [_jsx(Text, { style: styles.separator, children: "," }), _jsx(Text, { style: styles.userAge, accessibilityLabel: `Idade: ${userAge}`, children: userAge })] })), timeAgo && (_jsxs(_Fragment, { children: [_jsx(Text, { style: styles.separator, children: "|" }), _jsx(Text, { style: styles.timeAgo, accessibilityLabel: `Publicado: ${timeAgo}`, children: timeAgo })] }))] })] }));
+};

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

@@ -0,0 +1,46 @@
+export declare const useProductReviewStyles: () => {
+    container: {
+        paddingVertical: number;
+        paddingHorizontal: number;
+        borderBottomWidth: number;
+        borderBottomColor: string;
+    };
+    reviewText: {
+        fontSize: number;
+        lineHeight: number;
+        color: string;
+        marginBottom: number;
+    };
+    ratingContainer: {
+        flexDirection: "row";
+        marginBottom: number;
+    };
+    starIcon: {
+        marginRight: number;
+    };
+    userInfoContainer: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    userName: {
+        fontSize: number;
+        fontWeight: "500";
+        color: string;
+    };
+    userAge: {
+        fontSize: number;
+        color: string;
+        marginLeft: number;
+    };
+    timeAgo: {
+        fontSize: number;
+        color: string;
+        marginLeft: number;
+    };
+    separator: {
+        fontSize: number;
+        color: string;
+        marginHorizontal: number;
+    };
+};
+//# sourceMappingURL=product-review.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-review.styles.d.ts","sourceRoot":"","sources":["../../../src/components/product-review/product-review.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDlC,CAAC"}

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

@@ -0,0 +1,49 @@
+import { StyleSheet } from "react-native";
+import { useMemo } from "react";
+export const useProductReviewStyles = () => {
+    return useMemo(() => StyleSheet.create({
+        container: {
+            paddingVertical: 16,
+            paddingHorizontal: 16,
+            borderBottomWidth: 1,
+            borderBottomColor: "#E5E5E5",
+        },
+        reviewText: {
+            fontSize: 16,
+            lineHeight: 24,
+            color: "#101010",
+            marginBottom: 12,
+        },
+        ratingContainer: {
+            flexDirection: "row",
+            marginBottom: 8,
+        },
+        starIcon: {
+            marginRight: 2,
+        },
+        userInfoContainer: {
+            flexDirection: "row",
+            alignItems: "center",
+        },
+        userName: {
+            fontSize: 14,
+            fontWeight: "500",
+            color: "#101010",
+        },
+        userAge: {
+            fontSize: 14,
+            color: "#6E6E6E",
+            marginLeft: 4,
+        },
+        timeAgo: {
+            fontSize: 14,
+            color: "#6E6E6E",
+            marginLeft: 8,
+        },
+        separator: {
+            fontSize: 14,
+            color: "#6E6E6E",
+            marginHorizontal: 4,
+        },
+    }), []);
+};

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

@@ -0,0 +1,27 @@
+export interface ProductReviewProps {
+    /**
+     * Texto da avaliação do produto
+     */
+    reviewText: string;
+    /**
+     * Classificação do produto (de 1 a 5)
+     */
+    rating: number;
+    /**
+     * Nome do usuário que fez a avaliação
+     */
+    userName: string;
+    /**
+     * Idade do usuário que fez a avaliação
+     */
+    userAge?: number;
+    /**
+     * Tempo desde que a avaliação foi postada (ex: "Há 2 anos")
+     */
+    timeAgo?: string;
+    /**
+     * ID de teste para o componente
+     */
+    testID?: string;
+}
+//# sourceMappingURL=product-review.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"product-review.types.d.ts","sourceRoot":"","sources":["../../../src/components/product-review/product-review.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/components/product-review/product-review.types.js

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

package/dist/components/quick-add-product-card/index.d.ts

@@ -0,0 +1,3 @@
+export { QuickAddProductCard } from "./quick-add-product-card.component";
+export type { QuickAddProductCardProps } from "./quick-add-product-card.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/quick-add-product-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/quick-add-product-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,YAAY,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC"}

package/dist/components/quick-add-product-card/index.js

@@ -0,0 +1 @@
+export { QuickAddProductCard } from "./quick-add-product-card.component";

package/dist/components/quick-add-product-card/quick-add-product-card.component.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { QuickAddProductCardProps } from "./quick-add-product-card.types";
+export declare const QuickAddProductCard: React.FC<QuickAddProductCardProps>;
+//# sourceMappingURL=quick-add-product-card.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"quick-add-product-card.component.d.ts","sourceRoot":"","sources":["../../../src/components/quick-add-product-card/quick-add-product-card.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAE/E,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAmFlE,CAAC"}

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Image, Text, TouchableOpacity, View } from "react-native";
+import { PlusIcon } from "../../icons";
+import { useQuickAddProductCardStyles } from "./quick-add-product-card.styles";
+export const QuickAddProductCard = ({ imageUrl, productName, price, onAddPress, onPress, testID, }) => {
+    const styles = useQuickAddProductCardStyles();
+    const handleAddPress = React.useCallback((e) => {
+        e.stopPropagation();
+        onAddPress === null || onAddPress === void 0 ? void 0 : onAddPress();
+    }, [onAddPress]);
+    const renderContent = React.useCallback(() => (_jsxs(View, { style: styles.cardContainer, children: [_jsx(View, { style: styles.imageContainer, children: _jsx(Image, { resizeMode: "cover", source: { uri: imageUrl }, style: styles.productImage, accessibilityLabel: `Imagem do produto ${productName}` }) }), _jsxs(View, { style: styles.contentContainer, children: [_jsx(Text, { numberOfLines: 3, style: styles.nameText, accessibilityLabel: `Nome do produto: ${productName}`, children: productName }), _jsx(Text, { style: styles.priceText, accessibilityLabel: `Preço: ${price}`, children: price })] }), _jsx(TouchableOpacity, { style: styles.addButton, onPress: handleAddPress, accessibilityLabel: "Adicionar ao carrinho", accessibilityRole: "button", children: _jsx(PlusIcon, { size: 20, color: "#FFFFFF" }) })] })), [handleAddPress, imageUrl, price, productName, styles]);
+    if (onPress) {
+        return (_jsx(TouchableOpacity, { style: styles.touchable, onPress: onPress, testID: testID, accessibilityRole: "button", accessibilityLabel: `Produto ${productName}`, children: renderContent() }));
+    }
+    return (_jsx(View, { style: styles.touchable, testID: testID, accessibilityRole: "none", accessibilityLabel: `Produto ${productName}`, children: renderContent() }));
+};

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

@@ -0,0 +1,50 @@
+export declare const useQuickAddProductCardStyles: () => {
+    cardContainer: {
+        width: number;
+        height: number;
+        flexDirection: "row";
+        alignItems: "center";
+        backgroundColor: "#FFFFFF";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        gap: number;
+        borderRadius: 16;
+    };
+    imageContainer: {
+        width: number;
+        height: number;
+    };
+    productImage: {
+        width: number;
+        height: number;
+    };
+    contentContainer: {
+        flex: number;
+        height: "100%";
+        justifyContent: "space-between";
+    };
+    nameText: {
+        color: "#101010";
+        fontSize: number;
+        lineHeight: number;
+    };
+    priceText: {
+        fontSize: number;
+        color: "#101010";
+        fontWeight: "500";
+        lineHeight: number;
+    };
+    addButton: {
+        backgroundColor: "#3643BA";
+        borderRadius: number;
+        width: number;
+        height: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    touchable: {
+        width: number;
+        height: number;
+    };
+};
+//# sourceMappingURL=quick-add-product-card.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"quick-add-product-card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/quick-add-product-card/quick-add-product-card.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDxC,CAAC"}

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

@@ -0,0 +1,55 @@
+import { useMemo } from "react";
+import { StyleSheet } from "react-native";
+import { useTheme } from "../../themes";
+export const useQuickAddProductCardStyles = () => {
+    const { colors, radius } = useTheme();
+    return useMemo(() => StyleSheet.create({
+        cardContainer: {
+            width: 330,
+            height: 88,
+            flexDirection: "row",
+            alignItems: "center",
+            backgroundColor: colors.backgroundPrimary,
+            paddingHorizontal: 12,
+            paddingVertical: 12,
+            gap: 12,
+            borderRadius: radius.lg,
+        },
+        imageContainer: {
+            width: 64,
+            height: 64,
+        },
+        productImage: {
+            width: 64,
+            height: 64,
+        },
+        contentContainer: {
+            flex: 1,
+            height: "100%",
+            justifyContent: "space-between",
+        },
+        nameText: {
+            color: colors.textPrimary,
+            fontSize: 14,
+            lineHeight: 21,
+        },
+        priceText: {
+            fontSize: 14,
+            color: colors.textPrimary,
+            fontWeight: "500",
+            lineHeight: 16.8,
+        },
+        addButton: {
+            backgroundColor: colors.textAction,
+            borderRadius: 20,
+            width: 32,
+            height: 32,
+            justifyContent: "center",
+            alignItems: "center",
+        },
+        touchable: {
+            width: 330,
+            height: 88,
+        },
+    }), [colors]);
+};

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

@@ -0,0 +1,9 @@
+export interface QuickAddProductCardProps {
+    imageUrl: string;
+    productName: string;
+    price: string;
+    onAddPress?: () => void;
+    onPress?: () => void;
+    testID?: string;
+}
+//# sourceMappingURL=quick-add-product-card.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"quick-add-product-card.types.d.ts","sourceRoot":"","sources":["../../../src/components/quick-add-product-card/quick-add-product-card.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/components/quick-add-product-card/quick-add-product-card.types.js

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

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

@@ -0,0 +1,3 @@
+export { Radio } from "./radio.component";
+export type { RadioOption, RadioProps } from "./radio.types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/radio/index.js

@@ -0,0 +1 @@
+export { Radio } from "./radio.component";

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

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { RadioProps } from "./radio.types";
+export declare const Radio: React.FC<RadioProps>;
+//# sourceMappingURL=radio.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.component.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAqDtC,CAAC"}

package/dist/components/radio/radio.component.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Text, TouchableOpacity, View } from "react-native";
+import { useRadioStyles } from "./radio.styles";
+export const Radio = ({ label, value, selected = false, onChange, disabled = false, error = false, testID, }) => {
+    const styles = useRadioStyles();
+    const handlePress = React.useCallback(() => {
+        if (!disabled && onChange) {
+            onChange(value);
+        }
+    }, [disabled, onChange, value]);
+    return (_jsxs(TouchableOpacity, { style: styles.optionContainer, onPress: handlePress, disabled: disabled, testID: testID, accessibilityRole: "radio", accessibilityState: {
+            checked: selected,
+            disabled: disabled,
+        }, accessibilityLabel: label, children: [_jsx(View, { style: [
+                    styles.radio,
+                    selected && styles.radioSelected,
+                    disabled && styles.radioDisabled,
+                    error && styles.radioError,
+                ], children: selected && (_jsx(View, { style: [styles.dot, disabled && styles.dotDisabled] })) }), _jsx(Text, { style: [
+                    styles.label,
+                    disabled && styles.labelDisabled,
+                    error && styles.labelError,
+                ], children: label })] }));
+};

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

@@ -0,0 +1,54 @@
+export declare const useRadioStyles: () => {
+    container: {
+        gap: 12;
+    };
+    optionContainer: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: 8;
+    };
+    radio: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: "#101010";
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    radioDisabled: {
+        borderColor: "#949494";
+    };
+    radioSelected: {
+        borderColor: "#3643BA";
+    };
+    radioError: {
+        borderColor: "#AB0009";
+    };
+    dot: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: "#3643BA";
+    };
+    dotDisabled: {
+        backgroundColor: "#949494";
+    };
+    label: {
+        color: "#101010";
+        fontSize: number;
+        lineHeight: number;
+    };
+    labelDisabled: {
+        color: "#949494";
+    };
+    labelError: {
+        color: "#AB0009";
+    };
+    errorText: {
+        color: "#AB0009";
+        fontSize: number;
+        marginTop: 8;
+    };
+};
+//# sourceMappingURL=radio.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.styles.d.ts","sourceRoot":"","sources":["../../../src/components/radio/radio.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4D1B,CAAC"}