@sincpro/mobile-ui 0.3.0 → 0.3.1

package/dist/theme/typography.d.ts

@@ -1,17 +1,26 @@
 import type { TextStyle } from "react-native";
-export declare const fontFamilies: {
-    readonly light: "Montserrat_300Light";
-    readonly regular: "Montserrat_400Regular";
-    readonly medium: "Montserrat_500Medium";
-    readonly semiBold: "Montserrat_600SemiBold";
-    readonly extraBold: "Montserrat_800ExtraBold";
-};
+export type FontRole = "light" | "regular" | "medium" | "semiBold" | "extraBold" | "mono" | "monoMedium" | "titleRegular" | "titleMedium" | "title" | "titleBlack";
+export declare const fontFamilies: Record<FontRole, string>;
+/**
+ * Configura las familias de fuente del DS (rol → nombre de familia ya cargada por la app).
+ * Mutación in-place del singleton, así los componentes la leen en vivo. Ejemplo:
+ * `configureFonts({ title: "Satoshi-Bold", titleBlack: "Satoshi-Black" })`.
+ */
+export declare function configureFonts(overrides: Partial<Record<FontRole, string>>): void;
+/** Restablece las familias a los defaults (Inter + Fira Code). Útil en tests/stories. */
+export declare function resetFonts(): void;
 export declare const fontWeights: {
     readonly light: "300";
     readonly regular: "400";
     readonly medium: "500";
     readonly semiBold: "600";
     readonly extraBold: "800";
+    readonly mono: "400";
+    readonly monoMedium: "500";
+    readonly titleRegular: "400";
+    readonly titleMedium: "500";
+    readonly title: "700";
+    readonly titleBlack: "900";
 };
 export declare const fontSizes: {
     readonly xs: 10;
@@ -46,138 +55,161 @@ export declare const letterSpacing: {
 export declare const typographyVariants: {
     readonly display: {
         readonly fontSize: 48;
-        readonly fontFamily: "Montserrat_800ExtraBold";
-        readonly fontWeight: "800";
+        readonly fontFamily: string;
+        readonly fontWeight: "900";
         readonly lineHeight: number;
         readonly letterSpacing: -0.25;
     };
     readonly h1: {
         readonly fontSize: 32;
-        readonly fontFamily: "Montserrat_800ExtraBold";
-        readonly fontWeight: "800";
+        readonly fontFamily: string;
+        readonly fontWeight: "700";
         readonly lineHeight: number;
         readonly letterSpacing: -0.25;
     };
     readonly h2: {
         readonly fontSize: 28;
-        readonly fontFamily: "Montserrat_600SemiBold";
-        readonly fontWeight: "600";
+        readonly fontFamily: string;
+        readonly fontWeight: "700";
         readonly lineHeight: number;
         readonly letterSpacing: 0;
     };
     readonly h3: {
         readonly fontSize: 24;
-        readonly fontFamily: "Montserrat_600SemiBold";
-        readonly fontWeight: "600";
+        readonly fontFamily: string;
+        readonly fontWeight: "700";
         readonly lineHeight: number;
         readonly letterSpacing: 0;
     };
     readonly h4: {
         readonly fontSize: 20;
-        readonly fontFamily: "Montserrat_500Medium";
+        readonly fontFamily: string;
         readonly fontWeight: "500";
         readonly lineHeight: number;
         readonly letterSpacing: 0;
     };
     readonly h5: {
         readonly fontSize: 18;
-        readonly fontFamily: "Montserrat_500Medium";
+        readonly fontFamily: string;
         readonly fontWeight: "500";
         readonly lineHeight: number;
         readonly letterSpacing: 0;
     };
     readonly h6: {
         readonly fontSize: 16;
-        readonly fontFamily: "Montserrat_500Medium";
+        readonly fontFamily: string;
         readonly fontWeight: "500";
         readonly lineHeight: number;
         readonly letterSpacing: 0;
     };
     readonly bodyLarge: {
         readonly fontSize: 16;
-        readonly fontFamily: "Montserrat_400Regular";
+        readonly fontFamily: string;
         readonly fontWeight: "400";
         readonly lineHeight: number;
         readonly letterSpacing: 0;
     };
     readonly body: {
         readonly fontSize: 14;
-        readonly fontFamily: "Montserrat_400Regular";
+        readonly fontFamily: string;
         readonly fontWeight: "400";
         readonly lineHeight: number;
         readonly letterSpacing: 0;
     };
     readonly bodySmall: {
         readonly fontSize: 13;
-        readonly fontFamily: "Montserrat_400Regular";
+        readonly fontFamily: string;
         readonly fontWeight: "400";
         readonly lineHeight: number;
         readonly letterSpacing: 0;
     };
     readonly label: {
         readonly fontSize: 14;
-        readonly fontFamily: "Montserrat_500Medium";
+        readonly fontFamily: string;
         readonly fontWeight: "500";
         readonly lineHeight: number;
         readonly letterSpacing: 0.25;
     };
     readonly labelSmall: {
         readonly fontSize: 13;
-        readonly fontFamily: "Montserrat_500Medium";
+        readonly fontFamily: string;
         readonly fontWeight: "500";
         readonly lineHeight: number;
         readonly letterSpacing: 0.25;
     };
+    readonly data: {
+        readonly fontSize: 16;
+        readonly fontFamily: string;
+        readonly fontWeight: "500";
+        readonly lineHeight: number;
+        readonly letterSpacing: 0;
+    };
+    readonly dataLarge: {
+        readonly fontSize: 28;
+        readonly fontFamily: string;
+        readonly fontWeight: "500";
+        readonly lineHeight: number;
+        readonly letterSpacing: -0.25;
+    };
+    readonly overline: {
+        readonly fontSize: 11;
+        readonly fontFamily: string;
+        readonly fontWeight: "400";
+        readonly lineHeight: number;
+        readonly letterSpacing: 0.6;
+        readonly textTransform: "uppercase";
+    };
     readonly caption: {
         readonly fontSize: 13;
-        readonly fontFamily: "Montserrat_400Regular";
+        readonly fontFamily: string;
         readonly fontWeight: "400";
         readonly lineHeight: number;
         readonly letterSpacing: 0;
     };
     readonly captionSmall: {
         readonly fontSize: 10;
-        readonly fontFamily: "Montserrat_400Regular";
+        readonly fontFamily: string;
         readonly fontWeight: "400";
         readonly lineHeight: number;
         readonly letterSpacing: 0;
     };
     readonly button: {
         readonly fontSize: 14;
-        readonly fontFamily: "Montserrat_600SemiBold";
+        readonly fontFamily: string;
         readonly fontWeight: "600";
         readonly lineHeight: number;
         readonly letterSpacing: 0.25;
     };
     readonly buttonSmall: {
         readonly fontSize: 13;
-        readonly fontFamily: "Montserrat_600SemiBold";
+        readonly fontFamily: string;
         readonly fontWeight: "600";
         readonly lineHeight: number;
         readonly letterSpacing: 0.25;
     };
     readonly buttonLarge: {
         readonly fontSize: 16;
-        readonly fontFamily: "Montserrat_600SemiBold";
+        readonly fontFamily: string;
         readonly fontWeight: "600";
         readonly lineHeight: number;
         readonly letterSpacing: 0.25;
     };
     readonly title: {
         readonly fontSize: 18;
-        readonly fontFamily: "Montserrat_600SemiBold";
+        readonly fontFamily: string;
         readonly fontWeight: "600";
         readonly lineHeight: number;
         readonly letterSpacing: 0;
     };
     readonly subtitle: {
         readonly fontSize: 16;
-        readonly fontFamily: "Montserrat_500Medium";
+        readonly fontFamily: string;
         readonly fontWeight: "500";
         readonly lineHeight: number;
         readonly letterSpacing: 0;
     };
 };
+export declare const variantFontRole: Record<keyof typeof typographyVariants, FontRole>;
 export declare const createTextStyle: (variant: keyof typeof typographyVariants, overrides?: Partial<TextStyle>) => TextStyle;
 export declare const createCustomTextStyle: (fontSize: keyof typeof fontSizes, fontFamily: keyof typeof fontFamilies, options?: {
     lineHeight?: keyof typeof lineHeights;
@@ -186,19 +218,19 @@ export declare const createCustomTextStyle: (fontSize: keyof typeof fontSizes, f
 }) => TextStyle;
 export declare const useAppFonts: () => boolean;
 export declare const Typography: {
-    readonly fontFamilies: {
-        readonly light: "Montserrat_300Light";
-        readonly regular: "Montserrat_400Regular";
-        readonly medium: "Montserrat_500Medium";
-        readonly semiBold: "Montserrat_600SemiBold";
-        readonly extraBold: "Montserrat_800ExtraBold";
-    };
+    readonly fontFamilies: Record<FontRole, string>;
     readonly fontWeights: {
         readonly light: "300";
         readonly regular: "400";
         readonly medium: "500";
         readonly semiBold: "600";
         readonly extraBold: "800";
+        readonly mono: "400";
+        readonly monoMedium: "500";
+        readonly titleRegular: "400";
+        readonly titleMedium: "500";
+        readonly title: "700";
+        readonly titleBlack: "900";
     };
     readonly fontSizes: {
         readonly xs: 10;
@@ -233,144 +265,169 @@ export declare const Typography: {
     readonly variants: {
         readonly display: {
             readonly fontSize: 48;
-            readonly fontFamily: "Montserrat_800ExtraBold";
-            readonly fontWeight: "800";
+            readonly fontFamily: string;
+            readonly fontWeight: "900";
             readonly lineHeight: number;
             readonly letterSpacing: -0.25;
         };
         readonly h1: {
             readonly fontSize: 32;
-            readonly fontFamily: "Montserrat_800ExtraBold";
-            readonly fontWeight: "800";
+            readonly fontFamily: string;
+            readonly fontWeight: "700";
             readonly lineHeight: number;
             readonly letterSpacing: -0.25;
         };
         readonly h2: {
             readonly fontSize: 28;
-            readonly fontFamily: "Montserrat_600SemiBold";
-            readonly fontWeight: "600";
+            readonly fontFamily: string;
+            readonly fontWeight: "700";
             readonly lineHeight: number;
             readonly letterSpacing: 0;
         };
         readonly h3: {
             readonly fontSize: 24;
-            readonly fontFamily: "Montserrat_600SemiBold";
-            readonly fontWeight: "600";
+            readonly fontFamily: string;
+            readonly fontWeight: "700";
             readonly lineHeight: number;
             readonly letterSpacing: 0;
         };
         readonly h4: {
             readonly fontSize: 20;
-            readonly fontFamily: "Montserrat_500Medium";
+            readonly fontFamily: string;
             readonly fontWeight: "500";
             readonly lineHeight: number;
             readonly letterSpacing: 0;
         };
         readonly h5: {
             readonly fontSize: 18;
-            readonly fontFamily: "Montserrat_500Medium";
+            readonly fontFamily: string;
             readonly fontWeight: "500";
             readonly lineHeight: number;
             readonly letterSpacing: 0;
         };
         readonly h6: {
             readonly fontSize: 16;
-            readonly fontFamily: "Montserrat_500Medium";
+            readonly fontFamily: string;
             readonly fontWeight: "500";
             readonly lineHeight: number;
             readonly letterSpacing: 0;
         };
         readonly bodyLarge: {
             readonly fontSize: 16;
-            readonly fontFamily: "Montserrat_400Regular";
+            readonly fontFamily: string;
             readonly fontWeight: "400";
             readonly lineHeight: number;
             readonly letterSpacing: 0;
         };
         readonly body: {
             readonly fontSize: 14;
-            readonly fontFamily: "Montserrat_400Regular";
+            readonly fontFamily: string;
             readonly fontWeight: "400";
             readonly lineHeight: number;
             readonly letterSpacing: 0;
         };
         readonly bodySmall: {
             readonly fontSize: 13;
-            readonly fontFamily: "Montserrat_400Regular";
+            readonly fontFamily: string;
             readonly fontWeight: "400";
             readonly lineHeight: number;
             readonly letterSpacing: 0;
         };
         readonly label: {
             readonly fontSize: 14;
-            readonly fontFamily: "Montserrat_500Medium";
+            readonly fontFamily: string;
             readonly fontWeight: "500";
             readonly lineHeight: number;
             readonly letterSpacing: 0.25;
         };
         readonly labelSmall: {
             readonly fontSize: 13;
-            readonly fontFamily: "Montserrat_500Medium";
+            readonly fontFamily: string;
             readonly fontWeight: "500";
             readonly lineHeight: number;
             readonly letterSpacing: 0.25;
         };
+        readonly data: {
+            readonly fontSize: 16;
+            readonly fontFamily: string;
+            readonly fontWeight: "500";
+            readonly lineHeight: number;
+            readonly letterSpacing: 0;
+        };
+        readonly dataLarge: {
+            readonly fontSize: 28;
+            readonly fontFamily: string;
+            readonly fontWeight: "500";
+            readonly lineHeight: number;
+            readonly letterSpacing: -0.25;
+        };
+        readonly overline: {
+            readonly fontSize: 11;
+            readonly fontFamily: string;
+            readonly fontWeight: "400";
+            readonly lineHeight: number;
+            readonly letterSpacing: 0.6;
+            readonly textTransform: "uppercase";
+        };
         readonly caption: {
             readonly fontSize: 13;
-            readonly fontFamily: "Montserrat_400Regular";
+            readonly fontFamily: string;
             readonly fontWeight: "400";
             readonly lineHeight: number;
             readonly letterSpacing: 0;
         };
         readonly captionSmall: {
             readonly fontSize: 10;
-            readonly fontFamily: "Montserrat_400Regular";
+            readonly fontFamily: string;
             readonly fontWeight: "400";
             readonly lineHeight: number;
             readonly letterSpacing: 0;
         };
         readonly button: {
             readonly fontSize: 14;
-            readonly fontFamily: "Montserrat_600SemiBold";
+            readonly fontFamily: string;
             readonly fontWeight: "600";
             readonly lineHeight: number;
             readonly letterSpacing: 0.25;
         };
         readonly buttonSmall: {
             readonly fontSize: 13;
-            readonly fontFamily: "Montserrat_600SemiBold";
+            readonly fontFamily: string;
             readonly fontWeight: "600";
             readonly lineHeight: number;
             readonly letterSpacing: 0.25;
         };
         readonly buttonLarge: {
             readonly fontSize: 16;
-            readonly fontFamily: "Montserrat_600SemiBold";
+            readonly fontFamily: string;
             readonly fontWeight: "600";
             readonly lineHeight: number;
             readonly letterSpacing: 0.25;
         };
         readonly title: {
             readonly fontSize: 18;
-            readonly fontFamily: "Montserrat_600SemiBold";
+            readonly fontFamily: string;
             readonly fontWeight: "600";
             readonly lineHeight: number;
             readonly letterSpacing: 0;
         };
         readonly subtitle: {
             readonly fontSize: 16;
-            readonly fontFamily: "Montserrat_500Medium";
+            readonly fontFamily: string;
             readonly fontWeight: "500";
             readonly lineHeight: number;
             readonly letterSpacing: 0;
         };
     };
+    readonly variantFontRole: Record<"button" | "title" | "display" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "bodyLarge" | "body" | "bodySmall" | "label" | "labelSmall" | "data" | "dataLarge" | "overline" | "caption" | "captionSmall" | "buttonSmall" | "buttonLarge" | "subtitle", FontRole>;
     readonly createTextStyle: (variant: keyof typeof typographyVariants, overrides?: Partial<TextStyle>) => TextStyle;
     readonly createCustomTextStyle: (fontSize: keyof typeof fontSizes, fontFamily: keyof typeof fontFamilies, options?: {
         lineHeight?: keyof typeof lineHeights;
         letterSpacing?: keyof typeof letterSpacing;
         color?: string;
     }) => TextStyle;
+    readonly configureFonts: typeof configureFonts;
+    readonly resetFonts: typeof resetFonts;
     readonly useAppFonts: () => boolean;
 };
 export default Typography;

package/dist/theme/typography.js

@@ -1,18 +1,44 @@
-import { Montserrat_300Light, Montserrat_400Regular, Montserrat_500Medium, Montserrat_600SemiBold, Montserrat_800ExtraBold, useFonts, } from "@expo-google-fonts/montserrat";
-/* -------------------- Font Families & Weights -------------------- */
-export const fontFamilies = {
-    light: "Montserrat_300Light",
-    regular: "Montserrat_400Regular",
-    medium: "Montserrat_500Medium",
-    semiBold: "Montserrat_600SemiBold",
-    extraBold: "Montserrat_800ExtraBold",
+import { FiraCode_400Regular, FiraCode_500Medium } from "@expo-google-fonts/fira-code";
+import { Inter_300Light, Inter_400Regular, Inter_500Medium, Inter_600SemiBold, Inter_800ExtraBold, useFonts, } from "@expo-google-fonts/inter";
+const DEFAULT_FONT_FAMILIES = {
+    light: "Inter_300Light",
+    regular: "Inter_400Regular",
+    medium: "Inter_500Medium",
+    semiBold: "Inter_600SemiBold",
+    extraBold: "Inter_800ExtraBold",
+    mono: "FiraCode_400Regular",
+    monoMedium: "FiraCode_500Medium",
+    // Título: default Inter (seguro). Storybook/app lo apunta a Satoshi vía configureFonts.
+    titleRegular: "Inter_400Regular",
+    titleMedium: "Inter_500Medium",
+    title: "Inter_600SemiBold",
+    titleBlack: "Inter_800ExtraBold",
 };
+export const fontFamilies = { ...DEFAULT_FONT_FAMILIES };
+/**
+ * Configura las familias de fuente del DS (rol → nombre de familia ya cargada por la app).
+ * Mutación in-place del singleton, así los componentes la leen en vivo. Ejemplo:
+ * `configureFonts({ title: "Satoshi-Bold", titleBlack: "Satoshi-Black" })`.
+ */
+export function configureFonts(overrides) {
+    Object.assign(fontFamilies, overrides);
+}
+/** Restablece las familias a los defaults (Inter + Fira Code). Útil en tests/stories. */
+export function resetFonts() {
+    Object.assign(fontFamilies, DEFAULT_FONT_FAMILIES);
+}
 export const fontWeights = {
     light: "300",
     regular: "400",
     medium: "500",
     semiBold: "600",
     extraBold: "800",
+    mono: "400",
+    monoMedium: "500",
+    titleRegular: "400",
+    titleMedium: "500",
+    title: "700",
+    titleBlack: "900",
 };
 /* -------------------- Font Sizes -------------------- */
 export const fontSizes = {
@@ -49,33 +75,33 @@ export const letterSpacing = {
 };
 /* -------------------- Typography Variants -------------------- */
 export const typographyVariants = {
-    // Display
+    // Display (Satoshi Black — carácter de marca)
     display: {
         fontSize: fontSizes["7xl"],
-        fontFamily: fontFamilies.extraBold,
-        fontWeight: fontWeights.extraBold,
+        fontFamily: fontFamilies.titleBlack,
+        fontWeight: fontWeights.titleBlack,
         lineHeight: fontSizes["7xl"] * lineHeights.tight,
         letterSpacing: letterSpacing.tight,
     },
-    // Headings
+    // Headings (Satoshi Bold)
     h1: {
         fontSize: fontSizes["5xl"],
-        fontFamily: fontFamilies.extraBold,
-        fontWeight: fontWeights.extraBold,
+        fontFamily: fontFamilies.title,
+        fontWeight: fontWeights.title,
         lineHeight: fontSizes["5xl"] * lineHeights.tight,
         letterSpacing: letterSpacing.tight,
     },
     h2: {
         fontSize: fontSizes["4xl"],
-        fontFamily: fontFamilies.semiBold,
-        fontWeight: fontWeights.semiBold,
+        fontFamily: fontFamilies.title,
+        fontWeight: fontWeights.title,
         lineHeight: fontSizes["4xl"] * lineHeights.snug,
         letterSpacing: letterSpacing.normal,
     },
     h3: {
         fontSize: fontSizes["3xl"],
-        fontFamily: fontFamilies.semiBold,
-        fontWeight: fontWeights.semiBold,
+        fontFamily: fontFamilies.title,
+        fontWeight: fontWeights.title,
         lineHeight: fontSizes["3xl"] * lineHeights.snug,
         letterSpacing: letterSpacing.normal,
     },
@@ -137,18 +163,42 @@ export const typographyVariants = {
         lineHeight: fontSizes.sm * lineHeights.normal,
         letterSpacing: letterSpacing.wide,
     },
-    // Caption
+    // Data — cifras, montos, SKU, % (mono Fira Code, peso medio). DS spec rol "data".
+    data: {
+        fontSize: fontSizes.lg,
+        fontFamily: fontFamilies.monoMedium,
+        fontWeight: fontWeights.monoMedium,
+        lineHeight: fontSizes.lg * lineHeights.tight,
+        letterSpacing: letterSpacing.normal,
+    },
+    dataLarge: {
+        fontSize: fontSizes["4xl"],
+        fontFamily: fontFamilies.monoMedium,
+        fontWeight: fontWeights.monoMedium,
+        lineHeight: fontSizes["4xl"] * lineHeights.none,
+        letterSpacing: letterSpacing.tight,
+    },
+    // Overline — labels/metadata en mono MAYÚSCULAS con tracking. DS spec rol "caption".
+    overline: {
+        fontSize: 11,
+        fontFamily: fontFamilies.mono,
+        fontWeight: fontWeights.mono,
+        lineHeight: 11 * lineHeights.snug,
+        letterSpacing: 0.6,
+        textTransform: "uppercase",
+    },
+    // Caption — Fira Code mono (secundario, metadata, labels de datos)
     caption: {
         fontSize: fontSizes.sm,
-        fontFamily: fontFamilies.regular,
-        fontWeight: fontWeights.regular,
+        fontFamily: fontFamilies.mono,
+        fontWeight: fontWeights.mono,
         lineHeight: fontSizes.sm * lineHeights.normal,
         letterSpacing: letterSpacing.normal,
     },
     captionSmall: {
         fontSize: fontSizes.xs,
-        fontFamily: fontFamilies.regular,
-        fontWeight: fontWeights.regular,
+        fontFamily: fontFamilies.mono,
+        fontWeight: fontWeights.mono,
         lineHeight: fontSizes.xs * lineHeights.normal,
         letterSpacing: letterSpacing.normal,
     },
@@ -190,6 +240,34 @@ export const typographyVariants = {
         letterSpacing: letterSpacing.normal,
     },
 };
+/* -------------------- Variant → Font Role --------------------
+ * Cada variante apunta a un ROL de fuente (no a una familia fija), para que
+ * `configureFonts` la cambie en vivo. `Typography.Text` resuelve `fontFamilies[rol]`
+ * en render. La familia "baked" de cada variante arriba queda solo como fallback. */
+export const variantFontRole = {
+    display: "titleBlack",
+    h1: "titleBlack",
+    h2: "title",
+    h3: "title",
+    h4: "medium",
+    h5: "medium",
+    h6: "medium",
+    bodyLarge: "regular",
+    body: "regular",
+    bodySmall: "regular",
+    label: "medium",
+    labelSmall: "medium",
+    data: "monoMedium",
+    dataLarge: "monoMedium",
+    overline: "mono",
+    caption: "mono",
+    captionSmall: "mono",
+    button: "semiBold",
+    buttonSmall: "semiBold",
+    buttonLarge: "semiBold",
+    title: "semiBold",
+    subtitle: "medium",
+};
 /* -------------------- Utility Functions -------------------- */
 export const createTextStyle = (variant, overrides) => ({
     ...typographyVariants[variant],
@@ -208,14 +286,19 @@ export const createCustomTextStyle = (fontSize, fontFamily, options) => {
         ...(options?.color && { color: options.color }),
     };
 };
-/* -------------------- Font Loader -------------------- */
+/* -------------------- Font Loader (opcional, conveniencia) --------------------
+ * Carga las fuentes recomendadas (Inter + Fira Code), que la app instala como peer deps.
+ * El rol "title" (Satoshi u otra) lo carga y enchufa la app/Storybook por su cuenta vía
+ * `configureFonts` — la librería NO bundlea archivos de fuente. */
 export const useAppFonts = () => {
     const [loaded] = useFonts({
-        Montserrat_300Light,
-        Montserrat_400Regular,
-        Montserrat_500Medium,
-        Montserrat_600SemiBold,
-        Montserrat_800ExtraBold,
+        FiraCode_400Regular,
+        FiraCode_500Medium,
+        Inter_300Light,
+        Inter_400Regular,
+        Inter_500Medium,
+        Inter_600SemiBold,
+        Inter_800ExtraBold,
     });
     return loaded;
 };
@@ -227,8 +310,11 @@ export const Typography = {
     lineHeights,
     letterSpacing,
     variants: typographyVariants,
+    variantFontRole,
     createTextStyle,
     createCustomTextStyle,
+    configureFonts,
+    resetFonts,
     useAppFonts,
 };
 export default Typography;

package/dist/utils/timezone.d.ts

@@ -1,3 +1,8 @@
+/**
+ * @deprecated Region-coupled (LatAm locale data); relocated to the core alongside the
+ * TimeZone widgets. Import from `@sincpro/mobile/ui/components/molecules` instead. Kept
+ * here for backwards compatibility and removed in the next major.
+ */
 export interface TimezoneLocale {
     timezone: string;
     locale: string;

package/dist/views/FormViewV2.d.ts

@@ -17,7 +17,8 @@ interface FormViewProps<T> {
     children: ReactNode;
 }
 declare function FormViewRoot<T>({ name, description, item, isLoading, isEmpty, hasError, errorMessage, readonly, onRefresh, onRetry, onBack, withContainer, children, }: FormViewProps<T>): React.JSX.Element;
-declare function Header({ variant, logoSource, children, }: {
+declare function Header({ children, }: {
+    /** @deprecated The header is now flat (Navigation.AppBar); `variant`/`logoSource` are ignored. */
     variant?: EVariantScreenHeader;
     logoSource?: ImageSourcePropType;
     children?: ReactNode;