@sincpro/mobile-ui 0.2.0 → 0.3.0

package/dist/theme/types.d.ts

@@ -3,8 +3,8 @@
  * THEME SYSTEM - SIMPLE & SEMANTIC
  * ============================================================================
  *
- * Sistema simplificado de theming sin hooks ni context.
- * Importación directa de tokens según dominio activo.
+ * Simplified theming system without hooks or context.
+ * Tokens are read directly from the active theme.
  */
 export interface ShadowStyle {
     shadowColor: string;
@@ -17,15 +17,15 @@ export interface ShadowStyle {
     elevation: number;
 }
 export interface ThemeTokens {
-    /** Nombre del theme */
+    /** Theme name */
     name: string;
-    /** Color primario - botones principales, links, estados activos */
+    /** Primary color - main buttons, links, active states */
     primary: string;
-    /** Color secundario - botones secundarios, elementos de bajo perfil (gris) */
+    /** Secondary color - secondary buttons, low-profile elements (gray) */
     secondary: string;
-    /** Color de acento - highlights, badges importantes, CTAs secundarios (naranja/indigo) */
+    /** Accent color - highlights, important badges, secondary CTAs (orange/indigo) */
     accent: string;
-    /** Fondos */
+    /** Backgrounds */
     bg: {
         page: string;
         card: string;
@@ -35,7 +35,7 @@ export interface ThemeTokens {
         hover: string;
         disabled: string;
     };
-    /** Textos */
+    /** Text */
     text: {
         primary: string;
         secondary: string;
@@ -50,7 +50,7 @@ export interface ThemeTokens {
         onDanger: string;
         onSuccess: string;
     };
-    /** Iconos */
+    /** Icons */
     icon: {
         primary: string;
         secondary: string;
@@ -58,19 +58,19 @@ export interface ThemeTokens {
         inverse: string;
         disabled: string;
     };
-    /** Bordes */
+    /** Borders */
     border: {
         default: string;
         light: string;
         strong: string;
         focus: string;
     };
-    /** Estados semánticos */
+    /** Semantic states */
     success: string;
     warning: string;
     danger: string;
     info: string;
-    /** Estados semánticos - Versiones claras */
+    /** Semantic states - light variants */
     successLight: string;
     warningLight: string;
     dangerLight: string;
@@ -78,12 +78,12 @@ export interface ThemeTokens {
     /** Focus & Input */
     ring: string;
     input: string;
-    /** Gradientes (para LinearGradient) */
+    /** Gradients (for LinearGradient) */
     gradient: {
         primary: readonly [string, string];
         accent: readonly [string, string];
     };
-    /** Sombras (React Native) */
+    /** Shadows (React Native) */
     shadow: {
         sm: ShadowStyle;
         md: ShadowStyle;

package/dist/theme/types.js

@@ -3,7 +3,7 @@
  * THEME SYSTEM - SIMPLE & SEMANTIC
  * ============================================================================
  *
- * Sistema simplificado de theming sin hooks ni context.
- * Importación directa de tokens según dominio activo.
+ * Simplified theming system without hooks or context.
+ * Tokens are read directly from the active theme.
  */
 export {};

package/dist/theme/useTheme.d.ts

@@ -1 +1,3 @@
-export declare const theme: import("./types").ThemeTokens;
+import type { ThemeTokens } from "../theme/types";
+export declare function useTheme(): ThemeTokens;
+export declare const theme: ThemeTokens;

package/dist/theme/useTheme.js

@@ -1,2 +1,7 @@
-import { getActiveTheme } from "../theme/active";
+import { getActiveTheme, getThemeVersion, subscribeTheme, } from "../theme/active";
+import { useSyncExternalStore } from "react";
+export function useTheme() {
+    useSyncExternalStore(subscribeTheme, getThemeVersion, getThemeVersion);
+    return getActiveTheme();
+}
 export const theme = getActiveTheme();

package/dist/tokens/index.d.ts

@@ -0,0 +1,2 @@
+export { motion } from "../tokens/motion";
+export { duration, type DurationToken, easing, type EasingToken, spring, type SpringToken, } from "../tokens/motion";

package/dist/tokens/index.js

@@ -0,0 +1,2 @@
+export { motion } from "../tokens/motion";
+export { duration, easing, spring, } from "../tokens/motion";

package/dist/tokens/motion.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Motion tokens — durations and curves for consistent animations (reanimated, LayoutAnimation).
+ * Single source of the DS "rhythm": enter/exit, press, theme transitions, sheets, skeletons.
+ */
+export declare const duration: {
+    readonly instant: 0;
+    readonly fast: 120;
+    readonly normal: 200;
+    readonly slow: 320;
+    readonly slower: 480;
+};
+export type DurationToken = keyof typeof duration;
+/** Bezier curves (x1,y1,x2,y2) for Easing.bezier / CSS-like. */
+export declare const easing: {
+    readonly standard: readonly [0.2, 0, 0, 1];
+    readonly decelerate: readonly [0, 0, 0, 1];
+    readonly accelerate: readonly [0.3, 0, 1, 1];
+    readonly emphasized: readonly [0.2, 0, 0, 1];
+};
+export type EasingToken = keyof typeof easing;
+/** Config for reanimated withSpring (spring presets). */
+export declare const spring: {
+    readonly default: {
+        readonly damping: 20;
+        readonly stiffness: 200;
+        readonly mass: 1;
+    };
+    readonly gentle: {
+        readonly damping: 24;
+        readonly stiffness: 120;
+        readonly mass: 1;
+    };
+    readonly snappy: {
+        readonly damping: 18;
+        readonly stiffness: 300;
+        readonly mass: 1;
+    };
+};
+export type SpringToken = keyof typeof spring;
+export declare const motion: {
+    readonly duration: {
+        readonly instant: 0;
+        readonly fast: 120;
+        readonly normal: 200;
+        readonly slow: 320;
+        readonly slower: 480;
+    };
+    readonly easing: {
+        readonly standard: readonly [0.2, 0, 0, 1];
+        readonly decelerate: readonly [0, 0, 0, 1];
+        readonly accelerate: readonly [0.3, 0, 1, 1];
+        readonly emphasized: readonly [0.2, 0, 0, 1];
+    };
+    readonly spring: {
+        readonly default: {
+            readonly damping: 20;
+            readonly stiffness: 200;
+            readonly mass: 1;
+        };
+        readonly gentle: {
+            readonly damping: 24;
+            readonly stiffness: 120;
+            readonly mass: 1;
+        };
+        readonly snappy: {
+            readonly damping: 18;
+            readonly stiffness: 300;
+            readonly mass: 1;
+        };
+    };
+};

package/dist/tokens/motion.js

@@ -0,0 +1,25 @@
+/**
+ * Motion tokens — durations and curves for consistent animations (reanimated, LayoutAnimation).
+ * Single source of the DS "rhythm": enter/exit, press, theme transitions, sheets, skeletons.
+ */
+export const duration = {
+    instant: 0,
+    fast: 120,
+    normal: 200,
+    slow: 320,
+    slower: 480,
+};
+/** Bezier curves (x1,y1,x2,y2) for Easing.bezier / CSS-like. */
+export const easing = {
+    standard: [0.2, 0, 0, 1],
+    decelerate: [0, 0, 0, 1],
+    accelerate: [0.3, 0, 1, 1],
+    emphasized: [0.2, 0, 0, 1],
+};
+/** Config for reanimated withSpring (spring presets). */
+export const spring = {
+    default: { damping: 20, stiffness: 200, mass: 1 },
+    gentle: { damping: 24, stiffness: 120, mass: 1 },
+    snappy: { damping: 18, stiffness: 300, mass: 1 },
+};
+export const motion = { duration, easing, spring };

package/dist/utils/date.d.ts

@@ -3,25 +3,25 @@ interface FormatDateOptions {
     showTime?: boolean;
 }
 /**
- * Formatea una fecha en la zona horaria indicada respetando la granularidad de la entrada.
+ * Formats a date in the given timezone, respecting the granularity of the input.
  *
- * Reglas de detección:
- * 1. Si `input` es un string 'YYYY-MM-DD' (solo fecha) => se interpreta como medianoche (00:00:00)
- *    en la zona horaria destino y se devuelve SOLO la parte de fecha (sin hora).
- * 2. Si `input` incluye componente de tiempo (ISO completo o Date) => se convierte a la zona destino
- *    y se muestra fecha + hora (HH:MM) salvo que se fuerce lo contrario mediante `options.showTime`.
- * 3. Cuando `options.showTime` es `true` o `false` se sobre‑escribe la auto‑detección.
- * 4. Si `timezone` es null/undefined o inválido se retorna la cadena "Error de formateo".
+ * Detection rules:
+ * 1. If `input` is a 'YYYY-MM-DD' string (date only) => interpreted as midnight (00:00:00)
+ *    in the target timezone and ONLY the date part is returned (no time).
+ * 2. If `input` includes a time component (full ISO or Date) => converted to the target timezone
+ *    and shown as date + time (HH:MM) unless overridden via `options.showTime`.
+ * 3. When `options.showTime` is `true` or `false` it overrides the auto-detection.
+ * 4. If `timezone` is null/undefined or invalid, the string "Error de formateo" is returned.
  *
- * Localización:
- * - Usa el primer locale del dispositivo (`expo-localization`) como predeterminado.
- * - Puedes forzar uno diferente con `options.locale` (ej: 'es-CR', 'en-US').
+ * Localization:
+ * - Uses the device's first locale (`expo-localization`) by default.
+ * - You can force a different one with `options.locale` (e.g. 'es-CR', 'en-US').
  *
- * Seguridad de zona horaria:
- * - El parse de una fecha sin hora NO se hace en la zona local del dispositivo para luego convertir,
- *   sino directamente en la zona destino para evitar corrimientos de día.
+ * Timezone safety:
+ * - A date without time is NOT parsed in the device's local zone and then converted,
+ *   but directly in the target zone to avoid day shifts.
  *
- * Ejemplos:
+ * Examples:
  * ```ts
  * formatDate('2025-09-02', 'America/Costa_Rica');
  * // => "2 de septiembre de 2025"
@@ -30,41 +30,41 @@ interface FormatDateOptions {
  * // => "2 de septiembre de 2025, 12:30 p. m." (dependiendo del locale real)
  *
  * formatDate(new Date('2025-09-02T23:15:00Z'), 'Europe/Madrid');
- * // => "3 de septiembre de 2025, 01:15" (cambio de día por zona +02)
+ * // => "3 de septiembre de 2025, 01:15" (day shifts due to +02 zone)
  *
  * formatDate('2025-09-02', 'America/Costa_Rica', { showTime: true });
  * // => "2 de septiembre de 2025, 12:00 a. m." (fuerza hora)
  * ```
  *
- * @param input      Fecha (string ISO, 'YYYY-MM-DD' o instancia Date)
- * @param timezone   Zona horaria IANA (ej: 'America/Costa_Rica', 'Asia/Tokyo'). Si es null/undefined usa Costa Rica
- * @param options    Opcional: locale forzado y/o bandera para mostrar hora
- * @returns          Cadena localizada o "Error de formateo" si no se puede procesar
+ * @param input      Date (ISO string, 'YYYY-MM-DD', or Date instance)
+ * @param timezone   IANA timezone (e.g. 'America/Costa_Rica', 'Asia/Tokyo'). Falls back to Costa Rica if null/undefined
+ * @param options    Optional: forced locale and/or flag to show the time
+ * @returns          Localized string, or "Error de formateo" if it can't be processed
  */
 export declare function formatDate(input: string | Date, timezone: string | null | undefined, options?: FormatDateOptions): string;
 /**
- * Formatea una fecha usando automáticamente el timezone por defecto (Costa Rica).
- * Útil para casos donde no se tiene acceso al timezone del usuario.
+ * Formats a date using the default timezone automatically (Costa Rica).
+ * Useful when the user's timezone isn't available.
  *
- * @param input      Fecha (string ISO, 'YYYY-MM-DD' o instancia Date)
- * @param options    Opcional: locale forzado y/o bandera para mostrar hora
- * @returns          Cadena localizada en timezone de Costa Rica
+ * @param input      Date (ISO string, 'YYYY-MM-DD', or Date instance)
+ * @param options    Optional: forced locale and/or flag to show the time
+ * @returns          Localized string in the Costa Rica timezone
  */
 export declare function formatDateWithDefaultTimezone(input: string | Date, options?: FormatDateOptions): string;
 /**
- * Obtiene la fecha actual en formato YYYY-MM-DD en el timezone especificado.
- * Útil para crear fechas de programación que respeten el timezone del usuario.
+ * Returns the current date as YYYY-MM-DD in the given timezone.
+ * Useful to build scheduling dates that respect the user's timezone.
  *
- * @param timezone Zona horaria IANA. Si es null/undefined usa Costa Rica
- * @returns Fecha actual en formato YYYY-MM-DD en el timezone especificado
+ * @param timezone IANA timezone. Falls back to Costa Rica if null/undefined
+ * @returns Current date as YYYY-MM-DD in the given timezone
  */
 export declare function getCurrentDateInTimezone(timezone?: string | null): string;
 /**
- * Obtiene la fecha y hora actual en formato ISO en el timezone especificado.
- * Útil para timestamps que necesiten reflejar el timezone del usuario.
+ * Returns the current date-time as an ISO string in the given timezone.
+ * Useful for timestamps that need to reflect the user's timezone.
  *
- * @param timezone Zona horaria IANA. Si es null/undefined usa Costa Rica
- * @returns Fecha actual en formato ISO en el timezone especificado
+ * @param timezone IANA timezone. Falls back to Costa Rica if null/undefined
+ * @returns Current date-time as an ISO string in the given timezone
  */
 export declare function getCurrentDateTimeInTimezone(timezone?: string | null): string;
 export {};

package/dist/utils/date.js

@@ -7,25 +7,25 @@ const DEFAULT_LOCALE = "es-CR";
 dayjs.extend(utc);
 dayjs.extend(timezone);
 /**
- * Formatea una fecha en la zona horaria indicada respetando la granularidad de la entrada.
+ * Formats a date in the given timezone, respecting the granularity of the input.
  *
- * Reglas de detección:
- * 1. Si `input` es un string 'YYYY-MM-DD' (solo fecha) => se interpreta como medianoche (00:00:00)
- *    en la zona horaria destino y se devuelve SOLO la parte de fecha (sin hora).
- * 2. Si `input` incluye componente de tiempo (ISO completo o Date) => se convierte a la zona destino
- *    y se muestra fecha + hora (HH:MM) salvo que se fuerce lo contrario mediante `options.showTime`.
- * 3. Cuando `options.showTime` es `true` o `false` se sobre‑escribe la auto‑detección.
- * 4. Si `timezone` es null/undefined o inválido se retorna la cadena "Error de formateo".
+ * Detection rules:
+ * 1. If `input` is a 'YYYY-MM-DD' string (date only) => interpreted as midnight (00:00:00)
+ *    in the target timezone and ONLY the date part is returned (no time).
+ * 2. If `input` includes a time component (full ISO or Date) => converted to the target timezone
+ *    and shown as date + time (HH:MM) unless overridden via `options.showTime`.
+ * 3. When `options.showTime` is `true` or `false` it overrides the auto-detection.
+ * 4. If `timezone` is null/undefined or invalid, the string "Error de formateo" is returned.
  *
- * Localización:
- * - Usa el primer locale del dispositivo (`expo-localization`) como predeterminado.
- * - Puedes forzar uno diferente con `options.locale` (ej: 'es-CR', 'en-US').
+ * Localization:
+ * - Uses the device's first locale (`expo-localization`) by default.
+ * - You can force a different one with `options.locale` (e.g. 'es-CR', 'en-US').
  *
- * Seguridad de zona horaria:
- * - El parse de una fecha sin hora NO se hace en la zona local del dispositivo para luego convertir,
- *   sino directamente en la zona destino para evitar corrimientos de día.
+ * Timezone safety:
+ * - A date without time is NOT parsed in the device's local zone and then converted,
+ *   but directly in the target zone to avoid day shifts.
  *
- * Ejemplos:
+ * Examples:
  * ```ts
  * formatDate('2025-09-02', 'America/Costa_Rica');
  * // => "2 de septiembre de 2025"
@@ -34,19 +34,19 @@ dayjs.extend(timezone);
  * // => "2 de septiembre de 2025, 12:30 p. m." (dependiendo del locale real)
  *
  * formatDate(new Date('2025-09-02T23:15:00Z'), 'Europe/Madrid');
- * // => "3 de septiembre de 2025, 01:15" (cambio de día por zona +02)
+ * // => "3 de septiembre de 2025, 01:15" (day shifts due to +02 zone)
  *
  * formatDate('2025-09-02', 'America/Costa_Rica', { showTime: true });
  * // => "2 de septiembre de 2025, 12:00 a. m." (fuerza hora)
  * ```
  *
- * @param input      Fecha (string ISO, 'YYYY-MM-DD' o instancia Date)
- * @param timezone   Zona horaria IANA (ej: 'America/Costa_Rica', 'Asia/Tokyo'). Si es null/undefined usa Costa Rica
- * @param options    Opcional: locale forzado y/o bandera para mostrar hora
- * @returns          Cadena localizada o "Error de formateo" si no se puede procesar
+ * @param input      Date (ISO string, 'YYYY-MM-DD', or Date instance)
+ * @param timezone   IANA timezone (e.g. 'America/Costa_Rica', 'Asia/Tokyo'). Falls back to Costa Rica if null/undefined
+ * @param options    Optional: forced locale and/or flag to show the time
+ * @returns          Localized string, or "Error de formateo" if it can't be processed
  */
 export function formatDate(input, timezone, options) {
-    // Usar timezone por defecto si no se proporciona
+    // Use the default timezone when none is provided
     const effectiveTimezone = timezone || DEFAULT_TIMEZONE;
     const fallbackLocale = DEFAULT_LOCALE.split("-")[0]; // "es" from "es-CR"
     const deviceLocale = getLocales()?.[0]?.languageTag ?? fallbackLocale;
@@ -54,10 +54,10 @@ export function formatDate(input, timezone, options) {
     try {
         const rawStr = typeof input === "string" ? input : input.toISOString();
         const isDateOnly = /^\d{4}-\d{2}-\d{2}$/.test(rawStr);
-        // Auto-detect showTime si no se pasa explicitamente
+        // Auto-detect showTime when not passed explicitly
         const effectiveShowTime = options?.showTime !== undefined
             ? options.showTime
-            : !isDateOnly && /T\d{2}:\d{2}/.test(rawStr); // tiene componente hora
+            : !isDateOnly && /T\d{2}:\d{2}/.test(rawStr); // has a time component
         const dateInstance = isDateOnly
             ? dayjs.tz(`${rawStr}T00:00:00`, effectiveTimezone)
             : dayjs.utc(rawStr).tz(effectiveTimezone);
@@ -75,27 +75,27 @@ export function formatDate(input, timezone, options) {
         return new Intl.DateTimeFormat(usedLocale, formatOptions).format(dateInZone);
     }
     catch (error) {
-        console.warn("Error formateando fecha:", error);
+        console.warn("Error formatting date:", error);
         return "Error de formateo";
     }
 }
 /**
- * Formatea una fecha usando automáticamente el timezone por defecto (Costa Rica).
- * Útil para casos donde no se tiene acceso al timezone del usuario.
+ * Formats a date using the default timezone automatically (Costa Rica).
+ * Useful when the user's timezone isn't available.
  *
- * @param input      Fecha (string ISO, 'YYYY-MM-DD' o instancia Date)
- * @param options    Opcional: locale forzado y/o bandera para mostrar hora
- * @returns          Cadena localizada en timezone de Costa Rica
+ * @param input      Date (ISO string, 'YYYY-MM-DD', or Date instance)
+ * @param options    Optional: forced locale and/or flag to show the time
+ * @returns          Localized string in the Costa Rica timezone
  */
 export function formatDateWithDefaultTimezone(input, options) {
     return formatDate(input, DEFAULT_TIMEZONE, options);
 }
 /**
- * Obtiene la fecha actual en formato YYYY-MM-DD en el timezone especificado.
- * Útil para crear fechas de programación que respeten el timezone del usuario.
+ * Returns the current date as YYYY-MM-DD in the given timezone.
+ * Useful to build scheduling dates that respect the user's timezone.
  *
- * @param timezone Zona horaria IANA. Si es null/undefined usa Costa Rica
- * @returns Fecha actual en formato YYYY-MM-DD en el timezone especificado
+ * @param timezone IANA timezone. Falls back to Costa Rica if null/undefined
+ * @returns Current date as YYYY-MM-DD in the given timezone
  */
 export function getCurrentDateInTimezone(timezone) {
     const effectiveTimezone = timezone || DEFAULT_TIMEZONE;
@@ -103,16 +103,16 @@ export function getCurrentDateInTimezone(timezone) {
         return dayjs().tz(effectiveTimezone).format("YYYY-MM-DD");
     }
     catch (error) {
-        console.warn("Error obteniendo fecha actual en timezone:", error);
+        console.warn("Error getting current date in timezone:", error);
         return dayjs().format("YYYY-MM-DD"); // Fallback to local
     }
 }
 /**
- * Obtiene la fecha y hora actual en formato ISO en el timezone especificado.
- * Útil para timestamps que necesiten reflejar el timezone del usuario.
+ * Returns the current date-time as an ISO string in the given timezone.
+ * Useful for timestamps that need to reflect the user's timezone.
  *
- * @param timezone Zona horaria IANA. Si es null/undefined usa Costa Rica
- * @returns Fecha actual en formato ISO en el timezone especificado
+ * @param timezone IANA timezone. Falls back to Costa Rica if null/undefined
+ * @returns Current date-time as an ISO string in the given timezone
  */
 export function getCurrentDateTimeInTimezone(timezone) {
     const effectiveTimezone = timezone || DEFAULT_TIMEZONE;
@@ -120,7 +120,7 @@ export function getCurrentDateTimeInTimezone(timezone) {
         return dayjs().tz(effectiveTimezone).toISOString();
     }
     catch (error) {
-        console.warn("Error obteniendo fecha/hora actual en timezone:", error);
+        console.warn("Error getting current date-time in timezone:", error);
         return dayjs().toISOString(); // Fallback to local
     }
 }

package/dist/views/AuthFormView.d.ts

@@ -7,5 +7,5 @@ interface AuthFormProps {
     onBack?: () => void;
     FormNode: ReactNode;
 }
-declare function AuthFormView({ title, description, logoSource, onBack, FormNode }: AuthFormProps): import("react/jsx-runtime").JSX.Element;
+declare function AuthFormView({ title, description, logoSource, onBack, FormNode }: AuthFormProps): import("react").JSX.Element;
 export default AuthFormView;

package/dist/views/FormViewV2.context.d.ts

@@ -27,6 +27,6 @@ export declare function FormViewProvider<T>({ name, description, item, isLoading
     onRetry?: () => void;
     onBack?: () => void;
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function useFormView<T>(): FormViewContextValue<T>;
 export {};

package/dist/views/FormViewV2.d.ts

@@ -1,5 +1,5 @@
 import { EVariantScreenHeader } from "../widgets/ScreenHeader";
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import { type ImageSourcePropType } from "react-native";
 interface FormViewProps<T> {
     name: string;
@@ -16,36 +16,36 @@ interface FormViewProps<T> {
     withContainer?: boolean;
     children: ReactNode;
 }
-declare function FormViewRoot<T>({ name, description, item, isLoading, isEmpty, hasError, errorMessage, readonly, onRefresh, onRetry, onBack, withContainer, children, }: FormViewProps<T>): import("react/jsx-runtime").JSX.Element;
+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, }: {
     variant?: EVariantScreenHeader;
     logoSource?: ImageSourcePropType;
     children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare function HeaderActions({ children }: {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare function HeaderActionsBar({ children }: {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare function Content({ withMargin, children, }: {
     withMargin?: boolean;
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare function Form({ children }: {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare function Groups({ children }: {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): React.JSX.Element | null;
 declare function Group({ children, withMargin, elevation, }: {
     children: ReactNode;
     withMargin?: boolean;
     elevation?: "sm" | "md" | "lg";
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare function Footer({ children }: {
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element | null;
+}): React.JSX.Element | null;
 export declare const FormViewV2: {
     Root: typeof FormViewRoot;
     Header: typeof Header & {

package/dist/views/FormViewV2.js

@@ -3,7 +3,7 @@ import { ErrorBoundary, Feedback } from "../Feedback";
 import Container from "../layouts/Container";
 import { theme } from "../theme";
 import { FormViewProvider, useFormView } from "../views/FormViewV2.context";
-import ScreenHeader from "../widgets/ScreenHeader";
+import ScreenHeader, { EVariantScreenHeader } from "../widgets/ScreenHeader";
 import React from "react";
 import { RefreshControl, View } from "react-native";
 import { KeyboardAwareScrollView } from "react-native-keyboard-controller";
@@ -12,7 +12,7 @@ function FormViewRoot({ name, description, item, isLoading = false, isEmpty = fa
     const wrapperProps = withContainer ? {} : { style: { flex: 1 } };
     return (_jsx(FormViewProvider, { description: description, errorMessage: errorMessage, hasError: hasError, isEmpty: isEmpty, isLoading: isLoading, item: item, name: name, onBack: onBack, onRefresh: onRefresh, onRetry: onRetry, readonly: readonly, children: _jsx(ErrorBoundary, { children: _jsx(Wrapper, { ...wrapperProps, children: children }) }) }));
 }
-function Header({ variant = "FLAT_HEADER" /* EVariantScreenHeader.FLAT_HEADER */, logoSource, children, }) {
+function Header({ variant = EVariantScreenHeader.FLAT_HEADER, logoSource, children, }) {
     const { name, description, onBack } = useFormView();
     return (_jsx(_Fragment, { children: _jsx(ScreenHeader, { logoSource: logoSource, onBack: onBack, subtitle: description ? description : `Seleccionar ${name}`, title: name, variant: variant, children: children }) }));
 }

package/dist/views/ListViewV2.context.d.ts

@@ -31,6 +31,6 @@ export declare function ListViewProvider<T>({ name, description, items, isLoadin
     onSearch?: (query: string) => void;
     onBack?: () => void;
     children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react").JSX.Element;
 export declare function useListView<T>(): ListViewContextValue<T>;
 export {};