@mrmeg/expo-ui 0.1.0 → 0.1.2

package/dist/components/InputOTP.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useRef, useState, useCallback } from "react";
 import { View, TextInput as RNTextInput, Pressable, StyleSheet, Platform, } from "react-native";
 import Animated, { useSharedValue, useAnimatedStyle, withTiming, useReducedMotion, } from "react-native-reanimated";
-import { useTheme } from "../hooks/useTheme";
-import { spacing } from "../constants/spacing";
-import { fontFamilies } from "../constants/fonts";
-import { StyledText } from "./StyledText";
+import { useTheme } from "../hooks/useTheme.js";
+import { spacing } from "../constants/spacing.js";
+import { fontFamilies } from "../constants/fonts.js";
+import { StyledText } from "./StyledText.js";
 const CELL_WIDTH = 36;
 const CELL_HEIGHT = 40;
 const CELL_FONT_SIZE = 20;

package/dist/components/Label.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { StyleSheet, Platform } from "react-native";
 import * as LabelPrimitive from "@rn-primitives/label";
-import { useTheme } from "../hooks/useTheme";
-import { spacing } from "../constants/spacing";
-import { fontFamilies } from "../constants/fonts";
-import { StyledText } from "./StyledText";
+import { useTheme } from "../hooks/useTheme.js";
+import { spacing } from "../constants/spacing.js";
+import { fontFamilies } from "../constants/fonts.js";
+import { StyledText } from "./StyledText.js";
 const SIZE_CONFIGS = {
     sm: { fontSize: 12 },
     md: { fontSize: 14 },

package/dist/components/MaxWidthContainer.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { View, StyleSheet, Platform } from "react-native";
-import { useDimensions } from "../hooks/useDimensions";
+import { useDimensions } from "../hooks/useDimensions.js";
 const MAX_WIDTH_PRESETS = {
     sm: 640,
     md: 768,

package/dist/components/Notification.js

@@ -4,12 +4,12 @@ import { StyleSheet, View, ActivityIndicator, Pressable, Platform } from "react-
 import Animated, { useSharedValue, useAnimatedStyle, withTiming, runOnJS, useReducedMotion, Easing, } from "react-native-reanimated";
 import { useTranslation } from "react-i18next";
 import { SafeAreaInsetsContext } from "react-native-safe-area-context";
-import { fontFamilies } from "../constants/fonts";
-import { Icon } from "./Icon";
-import { useTheme } from "../hooks/useTheme";
-import { spacing } from "../constants/spacing";
-import { StyledText } from "./StyledText";
-import { globalUIStore } from "../state/globalUIStore";
+import { fontFamilies } from "../constants/fonts.js";
+import { Icon } from "./Icon.js";
+import { useTheme } from "../hooks/useTheme.js";
+import { spacing } from "../constants/spacing.js";
+import { StyledText } from "./StyledText.js";
+import { globalUIStore } from "../state/globalUIStore.js";
 /**
  * Notification
  *

package/dist/components/Popover.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { AnimatedView } from "./AnimatedView";
-import { TextClassContext, TextColorContext } from "./StyledText";
-import { useTheme } from "../hooks/useTheme";
-import { spacing } from "../constants/spacing";
+import { AnimatedView } from "./AnimatedView.js";
+import { TextClassContext, TextColorContext } from "./StyledText.js";
+import { useTheme } from "../hooks/useTheme.js";
+import { spacing } from "../constants/spacing.js";
 import * as PopoverPrimitive from "@rn-primitives/popover";
 import * as React from "react";
 import { Platform, StyleSheet, View } from "react-native";
 import { FullWindowOverlay as RNFullWindowOverlay } from "react-native-screens";
-import { palette } from "../constants/colors";
+import { palette } from "../constants/colors.js";
 /**
  * Popover Trigger Component
  * The element that triggers the popover to open/close

package/dist/components/Progress.js

@@ -2,8 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { Animated, StyleSheet, View } from "react-native";
 import Reanimated, { useSharedValue, useAnimatedStyle, withTiming, useReducedMotion, } from "react-native-reanimated";
-import { useTheme } from "../hooks/useTheme";
-import { shouldUseNativeDriver } from "../lib/animations";
+import { useTheme } from "../hooks/useTheme.js";
+import { shouldUseNativeDriver } from "../lib/animations.js";
 // ============================================================================
 // Constants
 // ============================================================================

package/dist/components/RadioGroup.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useContext, useEffect } from "react";
 import { View, StyleSheet, Pressable } from "react-native";
 import Animated, { useSharedValue, useAnimatedStyle, withTiming, useReducedMotion, } from "react-native-reanimated";
-import { StyledText } from "./StyledText";
-import { useTheme } from "../hooks/useTheme";
-import { spacing } from "../constants/spacing";
-import { hapticLight } from "../lib/haptics";
+import { StyledText } from "./StyledText.js";
+import { useTheme } from "../hooks/useTheme.js";
+import { spacing } from "../constants/spacing.js";
+import { hapticLight } from "../lib/haptics.js";
 import * as RadioGroupPrimitive from "@rn-primitives/radio-group";
 const DEFAULT_HIT_SLOP = 8;
 const SIZE_CONFIGS = {

package/dist/components/Select.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Platform, StyleSheet, View } from "react-native";
-import { Icon } from "./Icon";
-import { AnimatedView } from "./AnimatedView";
-import { TextClassContext, TextColorContext } from "./StyledText";
-import { useTheme } from "../hooks/useTheme";
-import { spacing } from "../constants/spacing";
-import { palette } from "../constants/colors";
+import { Icon } from "./Icon.js";
+import { AnimatedView } from "./AnimatedView.js";
+import { TextClassContext, TextColorContext } from "./StyledText.js";
+import { useTheme } from "../hooks/useTheme.js";
+import { spacing } from "../constants/spacing.js";
+import { palette } from "../constants/colors.js";
 import * as SelectPrimitive from "@rn-primitives/select";
 import { FullWindowOverlay as RNFullWindowOverlay } from "react-native-screens";
 import { useSafeAreaInsets } from "react-native-safe-area-context";

package/dist/components/Separator.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { StyleSheet } from "react-native";
-import { useTheme } from "../hooks/useTheme";
-import { spacing } from "../constants/spacing";
+import { useTheme } from "../hooks/useTheme.js";
+import { spacing } from "../constants/spacing.js";
 import * as SeparatorPrimitive from "@rn-primitives/separator";
 const SIZE_CONFIGS = {
     sm: 1,

package/dist/components/Skeleton.js

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import { View, Animated, StyleSheet } from "react-native";
 import { useReducedMotion } from "react-native-reanimated";
-import { useTheme } from "../hooks/useTheme";
-import { shouldUseNativeDriver } from "../lib/animations";
-import { spacing } from "../constants/spacing";
+import { useTheme } from "../hooks/useTheme.js";
+import { shouldUseNativeDriver } from "../lib/animations.js";
+import { spacing } from "../constants/spacing.js";
 /**
  * Skeleton Component
  *

package/dist/components/Slider.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { palette } from "../constants/colors";
-import { useTheme } from "../hooks/useTheme";
-import { hapticLight } from "../lib/haptics";
+import { palette } from "../constants/colors.js";
+import { useTheme } from "../hooks/useTheme.js";
+import { hapticLight } from "../lib/haptics.js";
 import { useCallback, useRef } from "react";
 import { Platform, StyleSheet, View } from "react-native";
 import { Gesture, GestureDetector } from "react-native-gesture-handler";
 import Animated, { runOnJS, useAnimatedStyle, useSharedValue, withTiming, } from "react-native-reanimated";
-import { StyledText } from "./StyledText";
+import { StyledText } from "./StyledText.js";
 const SIZES = {
     sm: { track: 4, thumb: 16 },
     md: { track: 6, thumb: 20 },

package/dist/components/StatusBar.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
-import { useTheme } from "../hooks/useTheme";
+import { useTheme } from "../hooks/useTheme.js";
 import { StatusBar as RNStatusBar, Platform } from "react-native";
 export const StatusBar = () => {
     const { scheme, theme } = useTheme();

package/dist/components/StyledText.js

@@ -2,8 +2,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React, { forwardRef } from "react";
 import { Text as RNText, StyleSheet } from "react-native";
 import { useTranslation } from "react-i18next";
-import { useTheme } from "../hooks/useTheme";
-import { fontFamilies } from "../constants/fonts";
+import { useTheme } from "../hooks/useTheme.js";
+import { fontFamilies } from "../constants/fonts.js";
 /**
  * TextClassContext provides className context for nested text components
  * Used by @rn-primitives to apply consistent styling through the component tree

package/dist/components/Switch.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { palette } from "../constants/colors";
-import { fontFamilies } from "../constants/fonts";
-import { spacing } from "../constants/spacing";
-import { useTheme } from "../hooks/useTheme";
-import { hapticLight } from "../lib/haptics";
+import { palette } from "../constants/colors.js";
+import { fontFamilies } from "../constants/fonts.js";
+import { spacing } from "../constants/spacing.js";
+import { useTheme } from "../hooks/useTheme.js";
+import { hapticLight } from "../lib/haptics.js";
 import * as SwitchPrimitives from "@rn-primitives/switch";
 import { useCallback, useEffect, useRef } from "react";
 import { ActivityIndicator, Platform, StyleSheet, View } from "react-native";
 import Animated, { useSharedValue, useAnimatedStyle, withTiming, interpolate, useReducedMotion, } from "react-native-reanimated";
-import { StyledText } from "./StyledText";
+import { StyledText } from "./StyledText.js";
 const DEFAULT_HIT_SLOP = 8;
 function Switch({ variant = "default", labelOn, labelOff, size = { width: 44, height: 24 }, thumbSize = 20, loading = false, style: styleOverride, ...props }) {
     const { theme, getContrastingColor, withAlpha } = useTheme();

package/dist/components/Tabs.js

@@ -3,10 +3,10 @@ import * as React from "react";
 import { Platform, StyleSheet, View } from "react-native";
 import * as TabsPrimitive from "@rn-primitives/tabs";
 import Animated, { useSharedValue, useAnimatedStyle, withTiming, useReducedMotion, } from "react-native-reanimated";
-import { StyledText, TextClassContext, TextColorContext } from "./StyledText";
-import { Icon } from "./Icon";
-import { useTheme } from "../hooks/useTheme";
-import { spacing } from "../constants/spacing";
+import { StyledText, TextClassContext, TextColorContext } from "./StyledText.js";
+import { Icon } from "./Icon.js";
+import { useTheme } from "../hooks/useTheme.js";
+import { spacing } from "../constants/spacing.js";
 // ============================================================================
 // Size configs
 // ============================================================================

package/dist/components/TextInput.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState } from "react";
 import { StyleSheet, TextInput as RNTextInput, Platform, View, Pressable, } from "react-native";
-import { useTheme } from "../hooks/useTheme";
-import { spacing } from "../constants/spacing";
-import { fontFamilies } from "../constants/fonts";
-import { StyledText } from "./StyledText";
-import { Icon } from "./Icon";
-import { hapticLight } from "../lib/haptics";
-import { palette } from "../constants/colors";
+import { useTheme } from "../hooks/useTheme.js";
+import { spacing } from "../constants/spacing.js";
+import { fontFamilies } from "../constants/fonts.js";
+import { StyledText } from "./StyledText.js";
+import { Icon } from "./Icon.js";
+import { hapticLight } from "../lib/haptics.js";
+import { palette } from "../constants/colors.js";
 const NUMERIC_REGEX = /^[0-9]*$/;
 const SIZE_CONFIGS = {
     sm: {

package/dist/components/Toggle.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
-import { Icon } from "./Icon";
-import { TextClassContext, TextColorContext } from "./StyledText";
-import { useTheme } from "../hooks/useTheme";
-import { spacing } from "../constants/spacing";
+import { Icon } from "./Icon.js";
+import { TextClassContext, TextColorContext } from "./StyledText.js";
+import { useTheme } from "../hooks/useTheme.js";
+import { spacing } from "../constants/spacing.js";
 import * as TogglePrimitive from "@rn-primitives/toggle";
 import { Platform, StyleSheet, ActivityIndicator } from "react-native";
-import { palette } from "../constants/colors";
+import { palette } from "../constants/colors.js";
 const DEFAULT_HIT_SLOP = 8;
 // Size configurations
 const TOGGLE_SIZES = {

package/dist/components/ToggleGroup.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Icon } from "./Icon";
-import { TextClassContext, TextColorContext } from "./StyledText";
-import { spacing } from "../constants/spacing";
-import { useTheme } from "../hooks/useTheme";
+import { Icon } from "./Icon.js";
+import { TextClassContext, TextColorContext } from "./StyledText.js";
+import { spacing } from "../constants/spacing.js";
+import { useTheme } from "../hooks/useTheme.js";
 import * as ToggleGroupPrimitive from "@rn-primitives/toggle-group";
 import * as React from "react";
 import { Platform } from "react-native";

package/dist/components/Tooltip.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Platform, StyleSheet, View } from "react-native";
-import { AnimatedView } from "./AnimatedView";
-import { TextClassContext, TextColorContext } from "./StyledText";
-import { useTheme } from "../hooks/useTheme";
-import { spacing } from "../constants/spacing";
+import { AnimatedView } from "./AnimatedView.js";
+import { TextClassContext, TextColorContext } from "./StyledText.js";
+import { useTheme } from "../hooks/useTheme.js";
+import { spacing } from "../constants/spacing.js";
 import * as TooltipPrimitive from "@rn-primitives/tooltip";
 import { FullWindowOverlay as RNFullWindowOverlay } from "react-native-screens";
-import { palette } from "../constants/colors";
+import { palette } from "../constants/colors.js";
 /**
  * Tooltip Trigger Component
  * The element that triggers the tooltip to appear on hover (web) or press (native)

package/dist/components/index.js

@@ -1,35 +1,35 @@
-export * from "./Accordion";
-export * from "./Alert";
-export * from "./AnimatedView";
-export * from "./Badge";
-export * from "./BottomSheet";
-export * from "./Button";
-export * from "./Card";
-export * from "./Checkbox";
-export * from "./Collapsible";
-export * from "./Dialog";
-export * from "./DismissKeyboard";
-export * from "./Drawer";
-export * from "./DropdownMenu";
-export * from "./EmptyState";
-export * from "./ErrorBoundary";
-export * from "./Icon";
-export * from "./InputOTP";
-export * from "./Label";
-export * from "./MaxWidthContainer";
-export * from "./Notification";
-export * from "./Popover";
-export * from "./Progress";
-export * from "./RadioGroup";
-export * from "./Select";
-export * from "./Separator";
-export * from "./Skeleton";
-export * from "./Slider";
-export * from "./StatusBar";
-export * from "./StyledText";
-export * from "./Switch";
-export * from "./Tabs";
-export * from "./TextInput";
-export * from "./Toggle";
-export * from "./ToggleGroup";
-export * from "./Tooltip";
+export * from "./Accordion.js";
+export * from "./Alert.js";
+export * from "./AnimatedView.js";
+export * from "./Badge.js";
+export * from "./BottomSheet.js";
+export * from "./Button.js";
+export * from "./Card.js";
+export * from "./Checkbox.js";
+export * from "./Collapsible.js";
+export * from "./Dialog.js";
+export * from "./DismissKeyboard.js";
+export * from "./Drawer.js";
+export * from "./DropdownMenu.js";
+export * from "./EmptyState.js";
+export * from "./ErrorBoundary.js";
+export * from "./Icon.js";
+export * from "./InputOTP.js";
+export * from "./Label.js";
+export * from "./MaxWidthContainer.js";
+export * from "./Notification.js";
+export * from "./Popover.js";
+export * from "./Progress.js";
+export * from "./RadioGroup.js";
+export * from "./Select.js";
+export * from "./Separator.js";
+export * from "./Skeleton.js";
+export * from "./Slider.js";
+export * from "./StatusBar.js";
+export * from "./StyledText.js";
+export * from "./Switch.js";
+export * from "./Tabs.js";
+export * from "./TextInput.js";
+export * from "./Toggle.js";
+export * from "./ToggleGroup.js";
+export * from "./Tooltip.js";

package/dist/constants/colors.js

@@ -1,4 +1,4 @@
-import { navigationFonts } from "./fonts";
+import { navigationFonts } from "./fonts.js";
 /**
  * Raw color palette - use semantic colors in components instead
  *
@@ -52,8 +52,8 @@ const lightTheme = {
         textDim: palette.gray500,
         primary: palette.gray900,
         primaryForeground: palette.gray50,
-        secondary: palette.teal500,
-        secondaryForeground: palette.white,
+        secondary: palette.gray100,
+        secondaryForeground: palette.gray900,
         muted: palette.gray100,
         mutedForeground: palette.gray500,
         accent: palette.teal500,
@@ -86,8 +86,8 @@ const darkTheme = {
         textDim: palette.dark400,
         primary: palette.gray50,
         primaryForeground: palette.gray900,
-        secondary: palette.teal400,
-        secondaryForeground: palette.black,
+        secondary: palette.gray800,
+        secondaryForeground: palette.gray50,
         muted: palette.dark700,
         mutedForeground: palette.dark400,
         accent: palette.teal400,

package/dist/constants/fonts.js

@@ -1,26 +1,27 @@
-import { Platform } from "react-native";
 // Web font stack fallback
 const WEB_FONT_STACK = "system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"";
-export const fontFamilies = {
-    serif: Platform.select({
-        ios: { regular: "Georgia", bold: "Georgia" },
-        web: { regular: "Georgia, 'Times New Roman', serif", bold: "Georgia, 'Times New Roman', serif" },
-        default: { regular: "serif", bold: "serif" },
-    }),
-    sansSerif: Platform.select({
-        web: {
-            regular: `"Lato", ${WEB_FONT_STACK}`,
-            bold: `"Lato", ${WEB_FONT_STACK}`,
-        },
-        ios: {
+const isReactNativeRuntime = typeof navigator !== "undefined" && navigator.product === "ReactNative";
+const isWebRuntime = typeof document !== "undefined" && !isReactNativeRuntime;
+const serifFamilies = isWebRuntime
+    ? { regular: "Georgia, 'Times New Roman', serif", bold: "Georgia, 'Times New Roman', serif" }
+    : { regular: "Georgia", bold: "Georgia" };
+const sansSerifFamilies = isWebRuntime
+    ? {
+        regular: `"Lato", ${WEB_FONT_STACK}`,
+        bold: `"Lato", ${WEB_FONT_STACK}`,
+    }
+    : isReactNativeRuntime
+        ? {
             regular: "System",
             bold: "System",
-        },
-        default: {
+        }
+        : {
             regular: "sans-serif",
             bold: "sans-serif",
-        },
-    }),
+        };
+export const fontFamilies = {
+    serif: serifFamilies,
+    sansSerif: sansSerifFamilies,
 };
 export const typography = {
     xs: { fontSize: 12, lineHeight: 16 },
@@ -32,60 +33,63 @@ export const typography = {
     "3xl": { fontSize: 30, lineHeight: 36 },
     "4xl": { fontSize: 36, lineHeight: 40 },
 };
-// Navigation theme fonts configuration
-export const navigationFonts = Platform.select({
-    web: {
-        regular: {
-            fontFamily: fontFamilies.sansSerif.regular || WEB_FONT_STACK,
-            fontWeight: "400",
-        },
-        medium: {
-            fontFamily: fontFamilies.sansSerif.regular || WEB_FONT_STACK,
-            fontWeight: "500",
-        },
-        bold: {
-            fontFamily: fontFamilies.sansSerif.bold || WEB_FONT_STACK,
-            fontWeight: "600",
-        },
-        heavy: {
-            fontFamily: fontFamilies.sansSerif.bold || WEB_FONT_STACK,
-            fontWeight: "700",
-        },
+const webNavigationFonts = {
+    regular: {
+        fontFamily: fontFamilies.sansSerif.regular || WEB_FONT_STACK,
+        fontWeight: "400",
+    },
+    medium: {
+        fontFamily: fontFamilies.sansSerif.regular || WEB_FONT_STACK,
+        fontWeight: "500",
+    },
+    bold: {
+        fontFamily: fontFamilies.sansSerif.bold || WEB_FONT_STACK,
+        fontWeight: "600",
+    },
+    heavy: {
+        fontFamily: fontFamilies.sansSerif.bold || WEB_FONT_STACK,
+        fontWeight: "700",
+    },
+};
+const nativeNavigationFonts = {
+    regular: {
+        fontFamily: fontFamilies.sansSerif.regular || "System",
+        fontWeight: "400",
     },
-    ios: {
-        regular: {
-            fontFamily: fontFamilies.sansSerif.regular || "System",
-            fontWeight: "400",
-        },
-        medium: {
-            fontFamily: fontFamilies.sansSerif.regular || "System",
-            fontWeight: "500",
-        },
-        bold: {
-            fontFamily: fontFamilies.sansSerif.bold || "System",
-            fontWeight: "600",
-        },
-        heavy: {
-            fontFamily: fontFamilies.sansSerif.bold || "System",
-            fontWeight: "700",
-        },
+    medium: {
+        fontFamily: fontFamilies.sansSerif.regular || "System",
+        fontWeight: "500",
     },
-    default: {
-        regular: {
-            fontFamily: fontFamilies.sansSerif.regular || "sans-serif",
-            fontWeight: "normal",
-        },
-        medium: {
-            fontFamily: fontFamilies.sansSerif.regular || "sans-serif-medium",
-            fontWeight: "normal",
-        },
-        bold: {
-            fontFamily: fontFamilies.sansSerif.bold || "sans-serif",
-            fontWeight: "600",
-        },
-        heavy: {
-            fontFamily: fontFamilies.sansSerif.bold || "sans-serif",
-            fontWeight: "700",
-        },
+    bold: {
+        fontFamily: fontFamilies.sansSerif.bold || "System",
+        fontWeight: "600",
     },
-});
+    heavy: {
+        fontFamily: fontFamilies.sansSerif.bold || "System",
+        fontWeight: "700",
+    },
+};
+const defaultNavigationFonts = {
+    regular: {
+        fontFamily: fontFamilies.sansSerif.regular || "sans-serif",
+        fontWeight: "normal",
+    },
+    medium: {
+        fontFamily: fontFamilies.sansSerif.regular || "sans-serif-medium",
+        fontWeight: "normal",
+    },
+    bold: {
+        fontFamily: fontFamilies.sansSerif.bold || "sans-serif",
+        fontWeight: "600",
+    },
+    heavy: {
+        fontFamily: fontFamilies.sansSerif.bold || "sans-serif",
+        fontWeight: "700",
+    },
+};
+// Navigation theme fonts configuration
+export const navigationFonts = isWebRuntime
+    ? webNavigationFonts
+    : isReactNativeRuntime
+        ? nativeNavigationFonts
+        : defaultNavigationFonts;

package/dist/constants/index.js

@@ -1,3 +1,3 @@
-export * from "./colors";
-export * from "./fonts";
-export * from "./spacing";
+export * from "./colors.js";
+export * from "./fonts.js";
+export * from "./spacing.js";

package/dist/hooks/index.js

@@ -1,6 +1,6 @@
-export * from "./useDimensions";
-export * from "./useReduceMotion";
-export * from "./useResources";
-export * from "./useScalePress";
-export * from "./useStaggeredEntrance";
-export * from "./useTheme";
+export * from "./useDimensions.js";
+export * from "./useReduceMotion.js";
+export * from "./useResources.js";
+export * from "./useScalePress.js";
+export * from "./useStaggeredEntrance.js";
+export * from "./useTheme.js";

package/dist/hooks/useScalePress.js

@@ -1,6 +1,6 @@
 import { useCallback } from "react";
 import { useSharedValue, useAnimatedStyle, withSpring, withTiming, useReducedMotion, } from "react-native-reanimated";
-import { hapticLight } from "../lib/haptics";
+import { hapticLight } from "../lib/haptics.js";
 /**
  * Hook for press-feedback scale animation using Reanimated.
  *

package/dist/hooks/useTheme.js

@@ -1,8 +1,8 @@
 import { useEffect } from "react";
-import { colors } from "../constants/colors";
+import { colors } from "../constants/colors.js";
 import { useColorScheme as useColorSchemeDefault, Platform, StyleSheet } from "react-native";
-import { useThemeStore } from "../state/themeStore";
-import { spacing as spacingConstants } from "../constants/spacing";
+import { useThemeStore } from "../state/themeStore.js";
+import { spacing as spacingConstants } from "../constants/spacing.js";
 // Module-level cache for contrast calculations to avoid memory leak
 // and share across components
 const contrastCache = new Map();

package/dist/index.js

@@ -1,5 +1,5 @@
-export * from "./components";
-export * from "./constants";
-export * from "./hooks";
-export * from "./state";
-export * from "./lib";
+export * from "./components/index.js";
+export * from "./constants/index.js";
+export * from "./hooks/index.js";
+export * from "./state/index.js";
+export * from "./lib/index.js";

package/dist/lib/index.d.ts

@@ -1,3 +1,2 @@
 export * from "./animations";
 export * from "./haptics";
-export * from "./sentry";