decathlon-ui 0.1.2 → 0.1.3

package/dist/components/seller-box/seller-box.styles.js

@@ -0,0 +1,94 @@
+import { useMemo } from "react";
+import { StyleSheet } from "react-native";
+import { useTheme } from "../../themes";
+export const useSellerBoxStyles = () => {
+    const theme = useTheme();
+    return useMemo(() => StyleSheet.create({
+        container: {
+            width: "100%",
+        },
+        row: {
+            flexDirection: "row",
+            flexWrap: "wrap",
+        },
+        card: {
+            flex: 1,
+            backgroundColor: theme.colors.backgroundPrimary,
+            padding: theme.fonts.sizes.sm,
+            marginHorizontal: 4,
+            minWidth: 260,
+            borderWidth: 1,
+            borderColor: theme.colors.borderPrimary,
+        },
+        title: {
+            fontSize: 16,
+            lineHeight: 24,
+            fontWeight: "500",
+            color: "#101010",
+            marginBottom: 8,
+        },
+        partnerName: {
+            fontSize: 16,
+            lineHeight: 24,
+            fontWeight: "500",
+            color: "#101010",
+            textDecorationLine: "underline",
+        },
+        description: {
+            fontSize: 14,
+            lineHeight: 20,
+            color: "#6E6E6E",
+            marginBottom: 16,
+        },
+        partnershipTime: {
+            fontSize: 14,
+            lineHeight: 20,
+            color: "#6E6E6E",
+            marginBottom: 16,
+        },
+        cashbackBadge: {
+            backgroundColor: "#D3FFE3",
+            borderRadius: 4,
+            paddingVertical: 4,
+            paddingHorizontal: 8,
+            alignSelf: "flex-start",
+            marginBottom: 16,
+        },
+        verifiedBadge: {
+            backgroundColor: "#D3FFE3",
+            borderRadius: 4,
+            paddingVertical: 4,
+            paddingHorizontal: 8,
+            alignSelf: "flex-start",
+            marginBottom: 16,
+            flexDirection: "row",
+            alignItems: "center",
+        },
+        cashbackText: {
+            fontSize: 14,
+            fontWeight: "500",
+            color: "#101010",
+        },
+        verifiedText: {
+            fontSize: 14,
+            fontWeight: "500",
+            color: "#101010",
+            marginLeft: 4,
+        },
+        infoText: {
+            fontSize: 14,
+            lineHeight: 20,
+            color: "#6E6E6E",
+            marginBottom: 4,
+        },
+        saibaMais: {
+            fontSize: 14,
+            fontWeight: "500",
+            color: "#101010",
+            textDecorationLine: "underline",
+        },
+        verifiedIcon: {
+            marginRight: 4,
+        },
+    }), []);
+};

package/dist/components/seller-box/seller-box.types.d.ts

@@ -0,0 +1,67 @@
+export type SellerType = "1P" | "3P";
+export interface SellerBox1PProps {
+    /**
+     * Tipo do vendedor (1P = Decathlon)
+     */
+    sellerType: "1P";
+    /**
+     * Texto do cashback (ex: "+5% cashback")
+     */
+    cashbackText: string;
+    /**
+     * Descrição do cashback
+     */
+    cashbackDescription: string;
+    /**
+     * Função chamada quando o botão "Saiba mais" é pressionado
+     */
+    onSaibaMaisPress?: () => void;
+    /**
+     * ID de teste para o componente
+     */
+    testID?: string;
+}
+export interface SellerBox3PProps {
+    /**
+     * Tipo do vendedor (3P = Parceiro)
+     */
+    sellerType: "3P";
+    /**
+     * Nome do parceiro
+     */
+    partnerName: string;
+    /**
+     * Tempo de parceria (ex: "há 14 meses")
+     */
+    partnershipTime: string;
+    /**
+     * Se o vendedor é verificado
+     */
+    isVerified: boolean;
+    /**
+     * Número de vendas nos últimos meses
+     */
+    salesCount: number;
+    /**
+     * Período das vendas (ex: "6 meses")
+     */
+    salesPeriod: string;
+    /**
+     * Número de produtos no catálogo
+     */
+    productsCount: number;
+    /**
+     * Função chamada quando o botão "Saiba mais" é pressionado
+     */
+    onSaibaMaisPress?: () => void;
+    /**
+     * Função chamada quando o nome do parceiro é pressionado
+     */
+    onPartnerNamePress?: () => void;
+    /**
+     * ID de teste para o componente
+     */
+    testID?: string;
+}
+export type SellerBoxProps = SellerBox1PProps | SellerBox3PProps;
+//# sourceMappingURL=seller-box.types.d.ts.map

package/dist/components/seller-box/seller-box.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"seller-box.types.d.ts","sourceRoot":"","sources":["../../../src/components/seller-box/seller-box.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,UAAU,EAAE,IAAI,CAAC;IACjB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,UAAU,EAAE,IAAI,CAAC;IACjB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,cAAc,GAAG,gBAAgB,GAAG,gBAAgB,CAAC"}

package/dist/components/seller-box/seller-box.types.js

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

package/dist/components/toggle-switch/index.d.ts

@@ -0,0 +1,3 @@
+export { ToggleSwitch } from "./toggle-switch.component";
+export type { ToggleSwitchProps } from "./toggle-switch.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/toggle-switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/toggle-switch/index.js

@@ -0,0 +1 @@
+export { ToggleSwitch } from "./toggle-switch.component";

package/dist/components/toggle-switch/toggle-switch.component.d.ts

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

package/dist/components/toggle-switch/toggle-switch.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-switch.component.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-switch/toggle-switch.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2DpD,CAAC"}

package/dist/components/toggle-switch/toggle-switch.component.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Text, TouchableOpacity, View } from "react-native";
+import { useTheme } from "../../themes";
+import { useToggleSwitchStyles } from "./toggle-switch.styles";
+export const ToggleSwitch = ({ isOn = false, onToggle, disabled = false, error = false, testID, label, }) => {
+    const styles = useToggleSwitchStyles();
+    const { colors } = useTheme();
+    const handlePress = React.useCallback(() => {
+        if (!disabled && onToggle) {
+            onToggle(!isOn);
+        }
+    }, [disabled, onToggle, isOn]);
+    return (_jsxs(TouchableOpacity, { style: styles.container, onPress: handlePress, disabled: disabled, testID: testID, accessibilityRole: "switch", accessibilityState: {
+            checked: isOn,
+            disabled: disabled,
+        }, accessibilityLabel: label, children: [_jsx(View, { style: [
+                    styles.switchContainer,
+                    isOn && styles.switchActive,
+                    disabled && styles.switchDisabled,
+                    error && styles.switchError,
+                ], children: _jsx(View, { style: [
+                        styles.circle,
+                        isOn && styles.circleActive,
+                        disabled && styles.circleDisabled,
+                    ] }) }), label && (_jsx(Text, { style: [
+                    styles.label,
+                    disabled && styles.labelDisabled,
+                    error && styles.labelError,
+                ], children: label }))] }));
+};

package/dist/components/toggle-switch/toggle-switch.styles.d.ts

@@ -0,0 +1,56 @@
+export declare const useToggleSwitchStyles: () => {
+    container: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: 8;
+    };
+    switchContainer: {
+        width: number;
+        height: number;
+        borderRadius: 360;
+        padding: number;
+        backgroundColor: "#B3BAC3";
+        justifyContent: "center";
+    };
+    switchActive: {
+        backgroundColor: "#3643BA";
+    };
+    switchDisabled: {
+        backgroundColor: "#949494";
+    };
+    switchError: {
+        backgroundColor: "#AB0009";
+    };
+    circle: {
+        width: number;
+        height: number;
+        borderRadius: 360;
+        backgroundColor: "#FFFFFF";
+        elevation: number;
+        shadowColor: "#101010";
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+    };
+    circleActive: {
+        alignSelf: "flex-end";
+    };
+    circleDisabled: {
+        backgroundColor: "#EFF1F3";
+    };
+    label: {
+        color: "#101010";
+        fontSize: number;
+        lineHeight: number;
+    };
+    labelDisabled: {
+        color: "#949494";
+    };
+    labelError: {
+        color: "#AB0009";
+    };
+};
+//# sourceMappingURL=toggle-switch.styles.d.ts.map

package/dist/components/toggle-switch/toggle-switch.styles.d.ts.map

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

package/dist/components/toggle-switch/toggle-switch.styles.js

@@ -0,0 +1,58 @@
+import { useMemo } from "react";
+import { StyleSheet } from "react-native";
+import { useTheme } from "../../themes";
+export const useToggleSwitchStyles = () => {
+    const { colors, spacing, radius } = useTheme();
+    return useMemo(() => StyleSheet.create({
+        container: {
+            flexDirection: "row",
+            alignItems: "center",
+            gap: spacing.xs,
+        },
+        switchContainer: {
+            width: 44,
+            height: 24,
+            borderRadius: radius.round,
+            padding: 2,
+            backgroundColor: colors.borderPrimary,
+            justifyContent: "center",
+        },
+        switchActive: {
+            backgroundColor: colors.textAction,
+        },
+        switchDisabled: {
+            backgroundColor: colors.textDisabled,
+        },
+        switchError: {
+            backgroundColor: colors.textError,
+        },
+        circle: {
+            width: 20,
+            height: 20,
+            borderRadius: radius.round,
+            backgroundColor: colors.white,
+            elevation: 1,
+            shadowColor: colors.black,
+            shadowOffset: { width: 0, height: 1 },
+            shadowOpacity: 0.15,
+            shadowRadius: 1,
+        },
+        circleActive: {
+            alignSelf: "flex-end",
+        },
+        circleDisabled: {
+            backgroundColor: colors.backgroundTertiary,
+        },
+        label: {
+            color: colors.textPrimary,
+            fontSize: 14,
+            lineHeight: 20,
+        },
+        labelDisabled: {
+            color: colors.textDisabled,
+        },
+        labelError: {
+            color: colors.textError,
+        },
+    }), [colors, spacing, radius]);
+};

package/dist/components/toggle-switch/toggle-switch.types.d.ts

@@ -0,0 +1,27 @@
+export interface ToggleSwitchProps {
+    /**
+     * Indica se o switch está ativado
+     */
+    isOn?: boolean;
+    /**
+     * Função chamada quando o estado do switch muda
+     */
+    onToggle?: (value: boolean) => void;
+    /**
+     * Indica se o switch está desabilitado
+     */
+    disabled?: boolean;
+    /**
+     * Indica se o switch está em estado de erro
+     */
+    error?: boolean;
+    /**
+     * ID para testes
+     */
+    testID?: string;
+    /**
+     * Label que acompanha o switch
+     */
+    label?: string;
+}
+//# sourceMappingURL=toggle-switch.types.d.ts.map

package/dist/components/toggle-switch/toggle-switch.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-switch.types.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-switch/toggle-switch.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/components/toggle-switch/toggle-switch.types.js

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

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

@@ -0,0 +1,3 @@
+export { Typography } from "./typography.component";
+export type { TypographyColor, TypographyProps, TypographyVariant, } from "./typography.types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,YAAY,EACV,eAAe,EACf,eAAe,EACf,iBAAiB,GAClB,MAAM,oBAAoB,CAAC"}

package/dist/components/typography/index.js

@@ -0,0 +1 @@
+export { Typography } from "./typography.component";

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

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

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

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

package/dist/components/typography/typography.component.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from "react-native";
+import { useTypographyStyles } from "./typography.styles";
+export const Typography = ({ children, variant = "text2", color = "primary", align = "left", bold = false, italic = false, underline = false, strikethrough = false, numberOfLines, style, testID, ...rest }) => {
+    const styles = useTypographyStyles();
+    // Combinar os estilos base com os modificadores
+    const textStyles = [
+        styles.getVariantStyle(variant),
+        styles.getColorStyle(color),
+        styles.getAlignStyle(align),
+        bold && styles.modifiers.bold,
+        italic && styles.modifiers.italic,
+        underline && styles.modifiers.underline,
+        strikethrough && styles.modifiers.strikethrough,
+        style,
+    ];
+    return (_jsx(Text, { style: textStyles, numberOfLines: numberOfLines, testID: testID, accessibilityRole: "text", ...rest, children: children }));
+};

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

@@ -0,0 +1,23 @@
+import { TextStyle } from "react-native";
+import type { TypographyColor, TypographyVariant } from "./typography.types";
+export declare const useTypographyStyles: () => {
+    getVariantStyle: (variant: TypographyVariant) => TextStyle;
+    getColorStyle: (color: TypographyColor) => TextStyle;
+    getAlignStyle: (align: "left" | "center" | "right") => TextStyle;
+    modifiers: {
+        bold: {
+            fontFamily: string;
+            fontWeight: "700";
+        };
+        italic: {
+            fontStyle: "italic";
+        };
+        underline: {
+            textDecorationLine: "underline";
+        };
+        strikethrough: {
+            textDecorationLine: "line-through";
+        };
+    };
+};
+//# sourceMappingURL=typography.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.styles.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAK7E,eAAO,MAAM,mBAAmB;+BA6GM,iBAAiB,KAAG,SAAS;2BAIjC,eAAe,KAAG,SAAS;2BAI3B,MAAM,GAAG,QAAQ,GAAG,OAAO,KAAG,SAAS;;;;;;;;;;;;;;;;CA2BxE,CAAC"}

package/dist/components/typography/typography.styles.js

@@ -0,0 +1,140 @@
+import { Platform, StyleSheet } from "react-native";
+import { useMemo } from "react";
+import { useTheme } from "../../themes";
+export const useTypographyStyles = () => {
+    const theme = useTheme();
+    return useMemo(() => {
+        // Função para obter o nome da fonte adequado para web e nativo
+        const getFontFamily = (weight) => {
+            // No ambiente web (Storybook), usamos os nomes específicos das fontes com seus pesos
+            if (Platform.OS === "web") {
+                switch (weight) {
+                    case "400":
+                        return "Inter-Regular";
+                    case "500":
+                        return "Inter-Medium";
+                    case "700":
+                        return "Inter-Bold";
+                    default:
+                        return "Inter-Regular";
+                }
+            }
+            // No ambiente nativo, basta usar "Inter" e o fontWeight será aplicado
+            return "Inter";
+        };
+        const variants = {
+            // Headings
+            display: {
+                fontFamily: getFontFamily("400"),
+                fontWeight: "400",
+                fontSize: 48,
+                lineHeight: 56,
+                letterSpacing: 0,
+            },
+            title1: {
+                fontFamily: getFontFamily("400"),
+                fontWeight: "400",
+                fontSize: 40,
+                lineHeight: 48,
+                letterSpacing: 0,
+            },
+            title2: {
+                fontFamily: getFontFamily("400"),
+                fontWeight: "400",
+                fontSize: 32,
+                lineHeight: 40,
+                letterSpacing: 0,
+            },
+            title3: {
+                fontFamily: getFontFamily("500"),
+                fontWeight: "500",
+                fontSize: 24,
+                lineHeight: 32,
+                letterSpacing: 0,
+            },
+            title4: {
+                fontFamily: getFontFamily("500"),
+                fontWeight: "500",
+                fontSize: 20,
+                lineHeight: 28,
+                letterSpacing: 0,
+            },
+            title5: {
+                fontFamily: getFontFamily("500"),
+                fontWeight: "500",
+                fontSize: 16,
+                lineHeight: 24,
+                letterSpacing: 0,
+            },
+            title6: {
+                fontFamily: getFontFamily("500"),
+                fontWeight: "500",
+                fontSize: 14,
+                lineHeight: 16.8, // 120% de 14px
+                letterSpacing: 0,
+            },
+            // Body text
+            text1: {
+                fontFamily: getFontFamily("400"),
+                fontWeight: "400",
+                fontSize: 18,
+                lineHeight: 27,
+                letterSpacing: 0,
+            },
+            text2: {
+                fontFamily: getFontFamily("400"),
+                fontWeight: "400",
+                fontSize: 16,
+                lineHeight: 24,
+                letterSpacing: 0,
+            },
+            text3: {
+                fontFamily: getFontFamily("400"),
+                fontWeight: "400",
+                fontSize: 14,
+                lineHeight: 21,
+                letterSpacing: 0,
+            },
+        };
+        const colors = {
+            primary: theme.colors.textPrimary,
+            secondary: theme.colors.textSecondary,
+            tertiary: theme.colors.textTertiary,
+            white: theme.colors.white,
+            error: theme.colors.red3,
+            success: theme.colors.green3,
+            warning: theme.colors.yellow3,
+            info: theme.colors.blue3,
+        };
+        const getVariantStyle = (variant) => {
+            return variants[variant];
+        };
+        const getColorStyle = (color) => {
+            return { color: colors[color] };
+        };
+        const getAlignStyle = (align) => {
+            return { textAlign: align };
+        };
+        const modifiers = StyleSheet.create({
+            bold: {
+                fontFamily: getFontFamily("700"),
+                fontWeight: "700",
+            },
+            italic: {
+                fontStyle: "italic",
+            },
+            underline: {
+                textDecorationLine: "underline",
+            },
+            strikethrough: {
+                textDecorationLine: "line-through",
+            },
+        });
+        return {
+            getVariantStyle,
+            getColorStyle,
+            getAlignStyle,
+            modifiers,
+        };
+    }, [theme]);
+};

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

@@ -0,0 +1,60 @@
+import { TextProps as RNTextProps, StyleProp, TextStyle } from "react-native";
+export type TypographyVariant = "display" | "title1" | "title2" | "title3" | "title4" | "title5" | "title6" | "text1" | "text2" | "text3";
+/**
+ * Cores que podem ser aplicadas ao texto
+ */
+export type TypographyColor = "primary" | "secondary" | "tertiary" | "white" | "error" | "success" | "warning" | "info";
+export interface TypographyProps extends Omit<RNTextProps, "style"> {
+    /**
+     * Conteúdo de texto a ser exibido
+     */
+    children: React.ReactNode;
+    /**
+     * Variante de tipografia a ser utilizada
+     * @default "text2"
+     */
+    variant?: TypographyVariant;
+    /**
+     * Cor do texto
+     * @default "primary"
+     */
+    color?: TypographyColor;
+    /**
+     * Alinhamento do texto
+     * @default "left"
+     */
+    align?: "left" | "center" | "right";
+    /**
+     * Se o texto deve ser renderizado em negrito
+     * @default false
+     */
+    bold?: boolean;
+    /**
+     * Se o texto deve ser renderizado em itálico
+     * @default false
+     */
+    italic?: boolean;
+    /**
+     * Se o texto deve ser sublinhado
+     * @default false
+     */
+    underline?: boolean;
+    /**
+     * Se o texto deve ser riscado
+     * @default false
+     */
+    strikethrough?: boolean;
+    /**
+     * Número máximo de linhas a serem renderizadas
+     */
+    numberOfLines?: number;
+    /**
+     * Estilos adicionais para o componente
+     */
+    style?: StyleProp<TextStyle>;
+    /**
+     * ID de teste para o componente
+     */
+    testID?: string;
+}
+//# sourceMappingURL=typography.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.types.d.ts","sourceRoot":"","sources":["../../../src/components/typography/typography.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9E,MAAM,MAAM,iBAAiB,GAEzB,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GAER,OAAO,GACP,OAAO,GACP,OAAO,CAAC;AAEZ;;GAEG;AACH,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,UAAU,GACV,OAAO,GACP,OAAO,GACP,SAAS,GACT,SAAS,GACT,MAAM,CAAC;AAEX,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;IACjE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IAExB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/components/typography/typography.types.js

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

package/dist/icons/components/Activity.d.ts

@@ -0,0 +1,4 @@
+import { IconProps } from '../types';
+declare const SvgActivity: ({ size, color, ...props }: IconProps) => any;
+export default SvgActivity;
+//# sourceMappingURL=Activity.d.ts.map

package/dist/icons/components/Activity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Activity.d.ts","sourceRoot":"","sources":["../../../src/icons/components/Activity.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,QAAA,MAAM,WAAW,GAAI,2BAIlB,SAAS,QAaV,CAAC;AACH,eAAe,WAAW,CAAC"}