@sincpro/mobile-ui 0.2.0 → 0.3.0

package/dist/Navigation/index.js

@@ -1,13 +1,31 @@
+import AppBar from "../Navigation/Navigation.AppBar";
+import BottomNav from "../Navigation/Navigation.BottomNav";
+import CollapsingHeader from "../Navigation/Navigation.CollapsingHeader";
+import FloatingBar from "../Navigation/Navigation.FloatingBar";
 import Header from "../Navigation/Navigation.Header";
 import HeaderToolbar from "../Navigation/Navigation.HeaderToolbar";
+import Menu from "../Navigation/Navigation.Menu";
 import RowItem from "../Navigation/Navigation.RowItem";
+import SearchBar from "../Navigation/Navigation.SearchBar";
+import SegmentedControl from "../Navigation/Navigation.SegmentedControl";
+import Steps from "../Navigation/Navigation.Steps";
 import TabIcon from "../Navigation/Navigation.TabIcon";
 import TabItem from "../Navigation/Navigation.TabItem";
+import Tabs from "../Navigation/Navigation.Tabs";
 export const Navigation = {
+    AppBar,
+    BottomNav,
+    CollapsingHeader,
+    FloatingBar,
+    SearchBar,
     Header,
     HeaderToolbar,
     TabItem,
     TabIcon,
     RowItem,
+    SegmentedControl,
+    Tabs,
+    Menu,
+    Steps,
 };
 export default Navigation;

package/dist/Typography/Typography.Text.d.ts

@@ -1,4 +1,5 @@
 import { typographyVariants } from "../theme/typography";
+import type React from "react";
 import { type TextProps } from "react-native";
 /**
  * Typography.Text - Hybrid component (NativeWind + Style)
@@ -22,6 +23,6 @@ interface AppTextProps extends TextProps {
     transform?: "none" | "uppercase" | "lowercase" | "capitalize";
     className?: string;
 }
-declare function AppText({ variant, color, bold, italic, underline, align, transform, semibold, style, className, children, ...props }: AppTextProps): import("react/jsx-runtime").JSX.Element;
+declare function AppText({ variant, color, bold, italic, underline, align, transform, semibold, style, className, children, ...props }: AppTextProps): React.JSX.Element;
 export default AppText;
 export { AppText };

package/dist/branding.d.ts

@@ -0,0 +1,6 @@
+import { type ImageSourcePropType } from "react-native";
+export interface BrandingConfig {
+    logo?: ImageSourcePropType;
+}
+export declare function setBranding(config: BrandingConfig): void;
+export declare function getBrandingLogo(): ImageSourcePropType | undefined;

package/dist/branding.js

@@ -0,0 +1,7 @@
+let activeLogo;
+export function setBranding(config) {
+    activeLogo = config.logo;
+}
+export function getBrandingLogo() {
+    return activeLogo;
+}

package/dist/icons/ArrowDownIcon.d.ts

@@ -1,3 +1,4 @@
 import { CustomIconProps } from "../icons/props";
-declare function ArrowDownIcon({ size, color }: CustomIconProps): import("react/jsx-runtime").JSX.Element;
+import React from "react";
+declare function ArrowDownIcon({ size, color }: CustomIconProps): React.JSX.Element;
 export default ArrowDownIcon;

package/dist/icons/ArrowUpIcon.d.ts

@@ -1,3 +1,4 @@
 import { CustomIconProps } from "../icons/props";
-declare function ArrowUpIcon({ size, color }: CustomIconProps): import("react/jsx-runtime").JSX.Element;
+import React from "react";
+declare function ArrowUpIcon({ size, color }: CustomIconProps): React.JSX.Element;
 export default ArrowUpIcon;

package/dist/icons/CreditIcon.d.ts

@@ -3,5 +3,5 @@ interface CreditIconProps {
     height?: number;
     color?: string;
 }
-declare function CreditIcon({ width, height, color }: CreditIconProps): import("react/jsx-runtime").JSX.Element;
+declare function CreditIcon({ width, height, color }: CreditIconProps): import("react").JSX.Element;
 export default CreditIcon;

package/dist/icons/OdooIcon.d.ts

@@ -2,5 +2,5 @@ interface OdooIconProps {
     size?: number;
     color?: string;
 }
-declare function OdooIcon({ size, color }: OdooIconProps): import("react/jsx-runtime").JSX.Element;
+declare function OdooIcon({ size, color }: OdooIconProps): import("react").JSX.Element;
 export default OdooIcon;

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export { Form } from "./Form";
 export { Navigation } from "./Navigation";
 export { Typography } from "./Typography";
 export { Box, Row, Stack } from "./primitives";
+export { type BrandingConfig, getBrandingLogo, setBranding, } from "./branding";
 export { cn, tv, type VariantProps } from "./theme/tw";
 export { fontFamilies, fontSizes, fontWeights, letterSpacing, lineHeights, typographyVariants, } from "./theme/typography";
 export { default as Container } from "./layouts/Container";

package/dist/index.js

@@ -7,6 +7,8 @@ export { Navigation } from "./Navigation";
 export { Typography } from "./Typography";
 // Primitives (NativeWind-based - Layout utilities)
 export { Box, Row, Stack } from "./primitives";
+// Branding (logo del app, configurado una vez; Display.Logo lo usa como fallback)
+export { getBrandingLogo, setBranding, } from "./branding";
 // Theme
 export { cn, tv } from "./theme/tw";
 export { fontFamilies, fontSizes, fontWeights, letterSpacing, lineHeights, typographyVariants, } from "./theme/typography";

package/dist/layouts/AuthContainer.d.ts

@@ -5,5 +5,5 @@ interface AuthContainerProps {
     onBackPress?: () => void;
     className?: string;
 }
-declare function AuthContainer({ header, children, onBackPress, className }: AuthContainerProps): import("react/jsx-runtime").JSX.Element;
+declare function AuthContainer({ header, children, onBackPress, className }: AuthContainerProps): import("react").JSX.Element;
 export default AuthContainer;

package/dist/layouts/Container.d.ts

@@ -4,6 +4,7 @@ import { Edge } from "react-native-safe-area-context";
 type ContainerProps = {
     children: ReactNode;
     style?: ViewStyle;
+    /** @deprecated Ignored under edge-to-edge (SDK 54+): the status bar is always translucent. */
     statusBarColor?: string;
     barStyle?: "light-content" | "dark-content";
     statusBarHidden?: boolean;

package/dist/layouts/Container.js

@@ -1,9 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
-import { theme } from "../theme";
 import { cn } from "../theme/tw";
 import { StatusBar } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
-const Container = ({ children, style, statusBarColor = theme.primary, barStyle = "light-content", statusBarHidden = false, edges = ["top", "bottom", "left", "right"], className, }) => {
-    return (_jsxs(SafeAreaView, { className: cn("flex-1 bg-bg-page", className), edges: edges, style: style, children: [_jsx(StatusBar, { backgroundColor: statusBarColor, barStyle: barStyle, hidden: statusBarHidden, translucent: false }), children] }));
+const Container = ({ children, style, barStyle = "light-content", statusBarHidden = false, edges = ["top", "bottom", "left", "right"], className, }) => {
+    return (_jsxs(SafeAreaView, { className: cn("flex-1 bg-bg-page", className), edges: edges, style: style, children: [_jsx(StatusBar, { barStyle: barStyle, hidden: statusBarHidden }), children] }));
 };
 export default Container;

package/dist/layouts/GradientContainer.d.ts

@@ -4,5 +4,5 @@ interface GradientContainerProps {
     style?: object;
     className?: string;
 }
-declare const GradientContainer: ({ children, style, className }: GradientContainerProps) => import("react/jsx-runtime").JSX.Element;
+declare const GradientContainer: ({ children, style, className }: GradientContainerProps) => import("react").JSX.Element;
 export default GradientContainer;

package/dist/layouts/PlainLayout.d.ts

@@ -2,5 +2,5 @@ import { ReactNode } from "react";
 interface PlainLayoutProps {
     children?: ReactNode;
 }
-declare const PlainLayout: import("react").MemoExoticComponent<({ children }: PlainLayoutProps) => import("react/jsx-runtime").JSX.Element>;
+declare const PlainLayout: import("react").MemoExoticComponent<({ children }: PlainLayoutProps) => import("react").JSX.Element>;
 export default PlainLayout;

package/dist/layouts/ScrollContainer.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 type ScrollContainerProps = {
     children: ReactNode;
     contentContainerStyle?: object;
     className?: string;
 };
-declare function ScrollContainer({ children, contentContainerStyle, className, }: ScrollContainerProps): import("react/jsx-runtime").JSX.Element;
+declare function ScrollContainer({ children, contentContainerStyle, className, }: ScrollContainerProps): React.JSX.Element;
 export default ScrollContainer;

package/dist/layouts/ScrollContainer.js

@@ -3,6 +3,6 @@ import { cn } from "../theme/tw";
 import { KeyboardAvoidingView, Platform, ScrollView, StatusBar, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 function ScrollContainer({ children, contentContainerStyle = {}, className, }) {
-    return (_jsxs(SafeAreaView, { className: cn("flex-1 bg-bg-card", className), children: [_jsx(StatusBar, { barStyle: "dark-content", translucent: false }), _jsx(KeyboardAvoidingView, { behavior: Platform.OS === "ios" ? "padding" : undefined, className: "flex-1", children: _jsx(ScrollView, { contentContainerStyle: [{ flexGrow: 1, padding: 16 }, contentContainerStyle], keyboardShouldPersistTaps: "handled", showsVerticalScrollIndicator: false, children: _jsx(View, { className: "flex-1", children: children }) }) })] }));
+    return (_jsxs(SafeAreaView, { className: cn("flex-1 bg-bg-card", className), children: [_jsx(StatusBar, { barStyle: "dark-content" }), _jsx(KeyboardAvoidingView, { behavior: Platform.OS === "ios" ? "padding" : undefined, className: "flex-1", children: _jsx(ScrollView, { contentContainerStyle: [{ flexGrow: 1, padding: 16 }, contentContainerStyle], keyboardShouldPersistTaps: "handled", showsVerticalScrollIndicator: false, children: _jsx(View, { className: "flex-1", children: children }) }) })] }));
 }
 export default ScrollContainer;

package/dist/layouts/TabNavigatorLayout.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode } from "react";
+import React, { ReactElement, ReactNode } from "react";
 interface TabNavigatorLayoutProps {
     className?: string;
     children?: ReactNode;
@@ -16,7 +16,7 @@ export interface TabProps {
 }
 declare function Tabs({ children: tabsChildren }: {
     children?: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 declare function Tab(_props: TabProps): null;
 type TabLayoutComponent = ((props: TabNavigatorLayoutProps) => ReactElement) & {
     Tabs: typeof Tabs;

package/dist/layouts/TabNavigatorLayout.js

@@ -30,6 +30,10 @@ function Tabs({ children: tabsChildren }) {
 function Tab(_props) {
     return null;
 }
+/**
+ * @deprecated Use `Navigation.BottomNav` (flat, modern) for the bar, and the core's
+ * router-aware layouts. Kept for backwards compatibility.
+ */
 function TabNavigatorLayoutComponent({ className, children, content, currentPath, onTabPress, persistentComponent, persistentRoutePath, }) {
     const tabs = [];
     Children.forEach(children, (child) => {

package/dist/primitives/AspectRatio.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+import { type ViewProps } from "react-native";
+export interface AspectRatioProps extends ViewProps {
+    ratio?: number;
+    className?: string;
+    children?: ReactNode;
+}
+declare function AspectRatio({ ratio, className, style, children, ...rest }: AspectRatioProps): import("react").JSX.Element;
+export default AspectRatio;
+export { AspectRatio };

package/dist/primitives/AspectRatio.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "nativewind/jsx-runtime";
+import { cn } from "../theme/tw";
+import { View } from "react-native";
+function AspectRatio({ ratio = 1, className, style, children, ...rest }) {
+    return (_jsx(View, { className: cn(className), style: [{ aspectRatio: ratio }, style], ...rest, children: children }));
+}
+export default AspectRatio;
+export { AspectRatio };

package/dist/primitives/Box.d.ts

@@ -2,6 +2,6 @@ import { ViewProps } from "react-native";
 interface BoxProps extends ViewProps {
     className?: string;
 }
-declare function Box({ className, style, ...props }: BoxProps): import("react/jsx-runtime").JSX.Element;
+declare function Box({ className, style, ...props }: BoxProps): import("react").JSX.Element;
 export default Box;
 export { Box };

package/dist/primitives/Pressable.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+import { type StyleProp, type TouchableOpacityProps, type ViewStyle } from "react-native";
+export interface PressableProps extends Omit<TouchableOpacityProps, "style" | "children"> {
+    className?: string;
+    style?: StyleProp<ViewStyle>;
+    children?: ReactNode;
+}
+declare function Pressable({ className, disabled, hitSlop, activeOpacity, accessibilityRole, style, children, ...rest }: PressableProps): import("react").JSX.Element;
+export default Pressable;
+export { Pressable };

package/dist/primitives/Pressable.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "nativewind/jsx-runtime";
+import { cn } from "../theme/tw";
+import { TouchableOpacity, } from "react-native";
+function Pressable({ className, disabled = false, hitSlop = 8, activeOpacity = 0.7, accessibilityRole = "button", style, children, ...rest }) {
+    const isDisabled = !!disabled;
+    return (_jsx(TouchableOpacity, { accessibilityRole: accessibilityRole, accessibilityState: { disabled: isDisabled }, activeOpacity: activeOpacity, className: cn(isDisabled && "opacity-50", className), disabled: isDisabled, hitSlop: hitSlop, style: style, ...rest, children: children }));
+}
+export default Pressable;
+export { Pressable };

package/dist/primitives/Row.d.ts

@@ -6,6 +6,6 @@ interface RowProps extends ViewProps {
     wrap?: boolean;
     className?: string;
 }
-declare function Row({ spacing, align, justify, wrap, className, style, ...props }: RowProps): import("react/jsx-runtime").JSX.Element;
+declare function Row({ spacing, align, justify, wrap, className, style, ...props }: RowProps): import("react").JSX.Element;
 export default Row;
 export { Row };

package/dist/primitives/Spacer.d.ts

@@ -0,0 +1,8 @@
+export interface SpacerProps {
+    size?: number;
+    horizontal?: boolean;
+    flex?: boolean;
+}
+declare function Spacer({ size, horizontal, flex }: SpacerProps): import("react").JSX.Element;
+export default Spacer;
+export { Spacer };

package/dist/primitives/Spacer.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "nativewind/jsx-runtime";
+import { View } from "react-native";
+function Spacer({ size = 8, horizontal = false, flex = false }) {
+    if (flex)
+        return _jsx(View, { style: { flex: 1 } });
+    return _jsx(View, { style: horizontal ? { width: size } : { height: size } });
+}
+export default Spacer;
+export { Spacer };

package/dist/primitives/Stack.d.ts

@@ -4,6 +4,6 @@ interface StackProps extends ViewProps {
     align?: "start" | "center" | "end" | "stretch";
     className?: string;
 }
-declare function Stack({ spacing, align, className, style, ...props }: StackProps): import("react/jsx-runtime").JSX.Element;
+declare function Stack({ spacing, align, className, style, ...props }: StackProps): import("react").JSX.Element;
 export default Stack;
 export { Stack };

package/dist/primitives/index.d.ts

@@ -1,3 +1,6 @@
+export { AspectRatio, type AspectRatioProps, } from "../primitives/AspectRatio";
 export { Box } from "../primitives/Box";
+export { Pressable, type PressableProps } from "../primitives/Pressable";
 export { Row } from "../primitives/Row";
+export { Spacer, type SpacerProps } from "../primitives/Spacer";
 export { Stack } from "../primitives/Stack";

package/dist/primitives/index.js

@@ -1,3 +1,6 @@
+export { AspectRatio, } from "../primitives/AspectRatio";
 export { Box } from "../primitives/Box";
+export { Pressable } from "../primitives/Pressable";
 export { Row } from "../primitives/Row";
+export { Spacer } from "../primitives/Spacer";
 export { Stack } from "../primitives/Stack";

package/dist/theme/active.d.ts

@@ -1,3 +1,5 @@
 import type { ThemeTokens } from "../theme/types";
 export declare function setActiveTheme(tokens: ThemeTokens): void;
 export declare function getActiveTheme(): ThemeTokens;
+export declare function subscribeTheme(listener: () => void): () => void;
+export declare function getThemeVersion(): number;

package/dist/theme/active.js

@@ -1,8 +1,21 @@
 import { DEFAULT_THEME } from "../theme/default";
 const activeTheme = { ...DEFAULT_THEME };
+const listeners = new Set();
+let version = 0;
 export function setActiveTheme(tokens) {
     Object.assign(activeTheme, tokens);
+    version += 1;
+    listeners.forEach((listener) => listener());
 }
 export function getActiveTheme() {
     return activeTheme;
 }
+export function subscribeTheme(listener) {
+    listeners.add(listener);
+    return () => {
+        listeners.delete(listener);
+    };
+}
+export function getThemeVersion() {
+    return version;
+}

package/dist/theme/components/ThemedActivityIndicator.d.ts

@@ -17,5 +17,5 @@ import type { ActivityIndicatorProps } from "react-native";
 interface ThemedActivityIndicatorProps extends Omit<ActivityIndicatorProps, "color"> {
     color?: string;
 }
-export declare function ThemedActivityIndicator({ color, ...props }: ThemedActivityIndicatorProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThemedActivityIndicator({ color, ...props }: ThemedActivityIndicatorProps): import("react").JSX.Element;
 export {};

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

@@ -3,7 +3,7 @@
  * THEMED COMPONENTS - Barrel Export
  * ============================================================================
  *
- * Componentes que necesitan acceso a tokens del theme vía hook.
+ * Components that need access to theme tokens via hook.
  * Estos son el 1% de casos donde className no es suficiente.
  */
 export { ThemedActivityIndicator } from "../../theme/components/ThemedActivityIndicator";

package/dist/theme/components/index.js

@@ -3,7 +3,7 @@
  * THEMED COMPONENTS - Barrel Export
  * ============================================================================
  *
- * Componentes que necesitan acceso a tokens del theme vía hook.
+ * Components that need access to theme tokens via hook.
  * Estos son el 1% de casos donde className no es suficiente.
  */
 export { ThemedActivityIndicator } from "../../theme/components/ThemedActivityIndicator";

package/dist/theme/dark.d.ts

@@ -0,0 +1,7 @@
+import type { ThemeTokens } from "../theme/types";
+/**
+ * Default dark theme (starting point — adjustable per app via createTheme).
+ * Dark surfaces (slate-900/800/700), light text, brand accents preserved
+ * and slightly more vivid for contrast on a dark background.
+ */
+export declare const DEFAULT_DARK_THEME: ThemeTokens;

package/dist/theme/dark.js

@@ -0,0 +1,84 @@
+/**
+ * Default dark theme (starting point — adjustable per app via createTheme).
+ * Dark surfaces (slate-900/800/700), light text, brand accents preserved
+ * and slightly more vivid for contrast on a dark background.
+ */
+export const DEFAULT_DARK_THEME = {
+    name: "dark",
+    primary: "#3B82F6",
+    secondary: "#94A3B8",
+    accent: "#FBBF24",
+    bg: {
+        page: "#0F172A",
+        card: "#1E293B",
+        popover: "#1E293B",
+        muted: "#334155",
+        accent: "#1E3A8A",
+        hover: "#334155",
+        disabled: "#1E293B",
+    },
+    text: {
+        primary: "#F1F5F9",
+        secondary: "#CBD5E1",
+        tertiary: "#64748B",
+        muted: "#94A3B8",
+        accent: "#93C5FD",
+        inverse: "#0F172A",
+        disabled: "#475569",
+        onPrimary: "#FFFFFF",
+        onSecondary: "#0F172A",
+        onAccent: "#0F172A",
+        onDanger: "#FFFFFF",
+        onSuccess: "#FFFFFF",
+    },
+    icon: {
+        primary: "#F1F5F9",
+        secondary: "#94A3B8",
+        tertiary: "#64748B",
+        inverse: "#0F172A",
+        disabled: "#475569",
+    },
+    border: {
+        default: "#334155",
+        light: "#1E293B",
+        strong: "#475569",
+        focus: "#3B82F6",
+    },
+    success: "#22C55E",
+    warning: "#FBBF24",
+    danger: "#EF4444",
+    info: "#3B82F6",
+    successLight: "#14532D",
+    warningLight: "#78350F",
+    dangerLight: "#7F1D1D",
+    infoLight: "#1E3A8A",
+    ring: "#3B82F6",
+    input: "#334155",
+    gradient: {
+        primary: ["#3B82F6", "#1E40AF"],
+        accent: ["#FBBF24", "#D97706"],
+    },
+    shadow: {
+        sm: {
+            shadowColor: "#000000",
+            shadowOffset: { width: 0, height: 1 },
+            shadowOpacity: 0.2,
+            shadowRadius: 2,
+            elevation: 1,
+        },
+        md: {
+            shadowColor: "#000000",
+            shadowOffset: { width: 0, height: 4 },
+            shadowOpacity: 0.3,
+            shadowRadius: 6,
+            elevation: 3,
+        },
+        lg: {
+            shadowColor: "#000000",
+            shadowOffset: { width: 0, height: 10 },
+            shadowOpacity: 0.4,
+            shadowRadius: 15,
+            elevation: 5,
+        },
+    },
+};

package/dist/theme/define.d.ts

@@ -3,16 +3,16 @@ export type DeepPartial<T> = {
     [K in keyof T]?: T[K] extends readonly unknown[] ? T[K] : T[K] extends object ? DeepPartial<T[K]> : T[K];
 };
 /**
- * Define un theme completo y tipado (API potente: el framework parametriza
- * todos los tokens explícitamente).
+ * Defines a complete, typed theme (powerful API: the framework parametrizes
+ * every token explicitly).
  */
 export declare function defineTheme(tokens: ThemeTokens): ThemeTokens;
 /**
- * Combina un theme base con overrides parciales (deep merge tipado). Primitiva
- * para construir APIs simples encima (ej. createTheme del core).
+ * Merges a base theme with partial overrides (typed deep merge). Primitive
+ * to build simpler APIs on top (e.g. the core's createTheme).
  */
 export declare function mergeTheme(base: ThemeTokens, overrides?: DeepPartial<ThemeTokens>): ThemeTokens;
 /**
- * Theme por defecto + overrides parciales en un solo paso.
+ * Default theme + partial overrides in a single step.
  */
 export declare function extendTheme(overrides?: DeepPartial<ThemeTokens>): ThemeTokens;

package/dist/theme/define.js

@@ -13,21 +13,21 @@ function deepMerge(base, override) {
     return out;
 }
 /**
- * Define un theme completo y tipado (API potente: el framework parametriza
- * todos los tokens explícitamente).
+ * Defines a complete, typed theme (powerful API: the framework parametrizes
+ * every token explicitly).
  */
 export function defineTheme(tokens) {
     return tokens;
 }
 /**
- * Combina un theme base con overrides parciales (deep merge tipado). Primitiva
- * para construir APIs simples encima (ej. createTheme del core).
+ * Merges a base theme with partial overrides (typed deep merge). Primitive
+ * to build simpler APIs on top (e.g. the core's createTheme).
  */
 export function mergeTheme(base, overrides = {}) {
     return deepMerge(base, overrides);
 }
 /**
- * Theme por defecto + overrides parciales en un solo paso.
+ * Default theme + partial overrides in a single step.
  */
 export function extendTheme(overrides = {}) {
     return deepMerge(DEFAULT_THEME, overrides);

package/dist/theme/index.d.ts

@@ -1,7 +1,9 @@
-export { getActiveTheme, setActiveTheme } from "../theme/active";
+export { getActiveTheme, setActiveTheme, subscribeTheme, } from "../theme/active";
 export { ThemedActivityIndicator } from "../theme/components";
 export { themeToVars } from "../theme/css-vars";
+export { DEFAULT_DARK_THEME } from "../theme/dark";
 export { DEFAULT_THEME } from "../theme/default";
 export { type DeepPartial, defineTheme, extendTheme, mergeTheme, } from "../theme/define";
 export { theme } from "../theme/theme";
 export type { ShadowStyle, ThemeTokens } from "../theme/types";
+export { useTheme } from "../theme/useTheme";

package/dist/theme/index.js

@@ -1,6 +1,8 @@
-export { getActiveTheme, setActiveTheme } from "../theme/active";
+export { getActiveTheme, setActiveTheme, subscribeTheme, } from "../theme/active";
 export { ThemedActivityIndicator } from "../theme/components";
 export { themeToVars } from "../theme/css-vars";
+export { DEFAULT_DARK_THEME } from "../theme/dark";
 export { DEFAULT_THEME } from "../theme/default";
 export { defineTheme, extendTheme, mergeTheme, } from "../theme/define";
 export { theme } from "../theme/theme";
+export { useTheme } from "../theme/useTheme";

package/dist/theme/theme.d.ts

@@ -3,7 +3,7 @@
  * THEME CONSTANT - Acceso directo al theme activo
  * ============================================================================
  *
- * Constante que resuelve automáticamente el theme según el dominio activo.
+ * Constant that resolves the active theme automatically.
  * SOLO usar cuando className no es suficiente (RefreshControl, placeholderColor, etc.)
  *
  * @example

package/dist/theme/theme.js

@@ -3,7 +3,7 @@
  * THEME CONSTANT - Acceso directo al theme activo
  * ============================================================================
  *
- * Constante que resuelve automáticamente el theme según el dominio activo.
+ * Constant that resolves the active theme automatically.
  * SOLO usar cuando className no es suficiente (RefreshControl, placeholderColor, etc.)
  *
  * @example