@campxdev/react-native-blueprint 0.1.9 → 0.1.11

package/README.md

@@ -21,7 +21,13 @@ This library requires **NativeWind v4+** to be configured in your React Native p
 
 ## Installation
 
-### 1. Install the package
+This library works with **both Expo and Bare React Native CLI** projects. Choose the installation method for your project type.
+
+### For Bare React Native CLI Projects (Recommended)
+
+Perfect for apps like **CampxMobileApp** using React Native CLI without Expo.
+
+#### 1. Install the package
 
 ```sh
 npm install @campxdev/react-native-blueprint
@@ -29,15 +35,80 @@ npm install @campxdev/react-native-blueprint
 yarn add @campxdev/react-native-blueprint
 ```
 
-### 2. Install required peer dependencies
+#### 2. Install required peer dependencies
 
 ```sh
-npm install nativewind tailwindcss tailwindcss-animate react-native-reanimated react-native-gesture-handler react-native-svg react-native-safe-area-context
+npm install nativewind tailwindcss tailwindcss-animate react-native-reanimated react-native-gesture-handler react-native-svg react-native-safe-area-context react-native-screens
 # or
-yarn add nativewind tailwindcss tailwindcss-animate react-native-reanimated react-native-gesture-handler react-native-svg react-native-safe-area-context
+yarn add nativewind tailwindcss tailwindcss-animate react-native-reanimated react-native-gesture-handler react-native-svg react-native-safe-area-context react-native-screens
+```
+
+#### 3. Install optional peer dependencies (as needed)
+
+```sh
+# For bottom sheet components (optional)
+npm install @gorhom/bottom-sheet
+
+# For advanced animations (optional)
+npm install react-native-worklets
+
+# For specific UI primitives (install only what you need)
+npm install @rn-primitives/accordion @rn-primitives/dialog @rn-primitives/avatar
+# ... add other @rn-primitives packages as needed
+```
+
+#### 4. For iOS, install CocoaPods
+
+```sh
+cd ios && pod install && cd ..
+```
+
+#### 5. Add Reanimated Babel plugin
+
+Update your `babel.config.js`:
+
+```js
+module.exports = {
+  presets: ['module:@react-native/babel-preset'],
+  plugins: [
+    'react-native-reanimated/plugin', // Must be listed last!
+  ],
+};
+```
+
+### For Expo Projects
+
+If you're using Expo, the installation is simpler:
+
+#### 1. Install the package and peer dependencies
+
+```sh
+npx expo install @campxdev/react-native-blueprint nativewind tailwindcss tailwindcss-animate react-native-reanimated react-native-gesture-handler react-native-svg
+# Expo will automatically install compatible versions
 ```
 
-### 3. Import the global styles
+#### 2. Install optional fonts (for custom fonts)
+
+```sh
+npx expo install expo-font @expo-google-fonts/poppins @expo-google-fonts/heebo
+```
+
+Then load fonts in your app:
+
+```tsx
+import { useFonts } from 'expo-font';
+import { Poppins_400Regular, Poppins_600SemiBold } from '@expo-google-fonts/poppins';
+
+function App() {
+  const [fontsLoaded] = useFonts({ Poppins_400Regular, Poppins_600SemiBold });
+  if (!fontsLoaded) return null;
+  // Your app
+}
+```
+
+### Common Setup (Required for Both)
+
+#### Import the global styles
 
 In your app entry point (e.g., `App.tsx` or `_layout.tsx`):
 
@@ -45,7 +116,7 @@ In your app entry point (e.g., `App.tsx` or `_layout.tsx`):
 import '@campxdev/react-native-blueprint/global.css';
 ```
 
-### 4. Configure NativeWind
+#### Configure NativeWind
 
 Create or update `tailwind.config.js`:
 
@@ -105,9 +176,9 @@ module.exports = {
 };
 ```
 
-### 5. Configure Bundler (Metro or Re.Pack)
+#### Configure Bundler (Metro or Re.Pack)
 
-**Option A: Metro (Standard)**
+**For Expo Projects:**
 
 Update `metro.config.js`:
 
@@ -120,7 +191,22 @@ const config = getDefaultConfig(__dirname);
 module.exports = withNativeWind(config, { input: './global.css' });
 ```
 
-**Option B: Re.Pack + Rspack (5x Faster - Used in Example App)**
+**For Bare React Native CLI Projects:**
+
+Update `metro.config.js`:
+
+```js
+const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
+const { withNativeWind } = require('nativewind/metro');
+
+const config = mergeConfig(getDefaultConfig(__dirname), {
+  // Your custom Metro config
+});
+
+module.exports = withNativeWind(config, { input: './global.css' });
+```
+
+**Alternative: Re.Pack + Rspack (5x Faster - Used in Example App)**
 
 The example app in this repository uses [Re.Pack 5](https://re-pack.dev) with Rspack for **5x faster builds**. See [MIGRATION_REPACK.md](MIGRATION_REPACK.md) for details.
 
@@ -366,15 +452,31 @@ content: [
 ],
 ```
 
-## Migration from v0.1.x to v0.2.x
+## Migration Guides
+
+### Migration from v0.1.x to v0.2.x
 
-**Breaking Change**: CSS must now be manually imported.
+**Breaking Changes**:
+1. CSS must now be manually imported
+2. Expo is no longer a direct dependency (but still supported!)
+3. Many dependencies moved to peer dependencies
 
-### What changed?
+#### What changed?
 
-In v0.1.x, the CSS was automatically imported when you used `RootLayout`. In v0.2.x, you need to explicitly import the CSS file.
+**v0.1.x**:
+- Included Expo as direct dependency
+- CSS auto-imported via `RootLayout`
+- All packages bundled as direct dependencies
 
-### Migration steps
+**v0.2.x**:
+- ✅ Works with both Expo and bare React Native CLI
+- ✅ CSS must be explicitly imported (better tree-shaking)
+- ✅ Most packages are now peer dependencies (smaller bundle, less conflicts)
+- ✅ CommonJS and ESM support (fixes module warnings)
+
+#### Migration Steps
+
+##### For ALL Projects (Expo & Bare RN CLI)
 
 1. **Add CSS import** to your app entry point (e.g., `App.tsx` or `_layout.tsx`):
 
@@ -382,25 +484,54 @@ In v0.1.x, the CSS was automatically imported when you used `RootLayout`. In v0.
 import '@campxdev/react-native-blueprint/global.css';
 ```
 
-2. **Install peer dependencies** (if not already installed):
+2. **Install peer dependencies**:
 
 ```sh
-npm install nativewind tailwindcss tailwindcss-animate
-# or
-yarn add nativewind tailwindcss tailwindcss-animate
+# Required peer dependencies
+npm install nativewind tailwindcss tailwindcss-animate react-native-reanimated react-native-gesture-handler react-native-svg react-native-safe-area-context react-native-screens
+
+# Optional (install as needed)
+npm install @gorhom/bottom-sheet react-native-worklets
+npm install @rn-primitives/accordion @rn-primitives/dialog # ... etc
 ```
 
-3. **Update imports** (if using the old package name):
+##### For Expo Projects ONLY
 
-```tsx
-// Old
-import { Button } from 'react-native-blueprint';
+3. **Install Expo-specific packages** (if you want custom fonts):
 
-// New
-import { Button } from '@campxdev/react-native-blueprint';
+```sh
+npx expo install expo-font @expo-google-fonts/poppins @expo-google-fonts/heebo
 ```
 
-That's it! Your app should work as before.
+##### For Bare React Native CLI ONLY
+
+3. **Add Reanimated plugin** to `babel.config.js`:
+
+```js
+module.exports = {
+  presets: ['module:@react-native/babel-preset'],
+  plugins: [
+    'react-native-reanimated/plugin', // Must be last!
+  ],
+};
+```
+
+4. **For iOS, run pod install**:
+
+```sh
+cd ios && pod install && cd ..
+```
+
+#### Font Handling Changes
+
+**v0.1.x**: Fonts were loaded via Expo automatically
+
+**v0.2.x**:
+- Uses system fonts by default (works everywhere!)
+- Expo users can still use `expo-font` (see installation guide)
+- Bare RN CLI users can add custom fonts manually (see fonts.ts documentation)
+
+That's it! Your app should work as before with better compatibility.
 
 ## Contributing
 

package/lib/commonjs/app/_layout.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = RootLayout;
+var _portal = require("@rn-primitives/portal");
+var _reactNative = require("react-native");
+var _theme = require("../lib/theme");
+var _native = require("@react-navigation/native");
+var _nativewind = require("nativewind");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * RootLayout component - provides theme and navigation setup
+ *
+ * NOTE: CSS import intentionally removed for library export.
+ * Consumers must import '@campxdev/react-native-blueprint/global.css'
+ * in their app entry point.
+ */
+
+function RootLayout({
+  children
+}) {
+  const {
+    colorScheme
+  } = (0, _nativewind.useColorScheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_native.ThemeProvider, {
+    value: _theme.NAV_THEME[colorScheme ?? 'light'],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.StatusBar, {
+      barStyle: colorScheme === 'dark' ? 'light-content' : 'dark-content'
+    }), children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_portal.PortalHost, {})]
+  });
+}
+//# sourceMappingURL=_layout.js.map

package/lib/commonjs/app/_layout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_portal","require","_reactNative","_theme","_native","_nativewind","_jsxRuntime","RootLayout","children","colorScheme","useColorScheme","jsxs","ThemeProvider","value","NAV_THEME","jsx","StatusBar","barStyle","PortalHost"],"sourceRoot":"../../../src","sources":["app/_layout.tsx"],"mappings":";;;;;;AAOA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAA4C,IAAAK,WAAA,GAAAL,OAAA;AAX5C;AACA;AACA;AACA;AACA;AACA;AACA;;AAYe,SAASM,UAAUA,CAAC;EAAEC;AAA0B,CAAC,EAAE;EAChE,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,0BAAc,EAAC,CAAC;EAExC,oBACE,IAAAJ,WAAA,CAAAK,IAAA,EAACP,OAAA,CAAAQ,aAAa;IAACC,KAAK,EAAEC,gBAAS,CAACL,WAAW,IAAI,OAAO,CAAE;IAAAD,QAAA,gBACtD,IAAAF,WAAA,CAAAS,GAAA,EAACb,YAAA,CAAAc,SAAS;MACRC,QAAQ,EAAER,WAAW,KAAK,MAAM,GAAG,eAAe,GAAG;IAAe,CACrE,CAAC,EACDD,QAAQ,eACT,IAAAF,WAAA,CAAAS,GAAA,EAACf,OAAA,CAAAkB,UAAU,IAAE,CAAC;EAAA,CACD,CAAC;AAEpB","ignoreList":[]}

package/lib/commonjs/components/theme-config.js

@@ -0,0 +1,274 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.THEME_PRESETS = exports.THEME_COLORS = exports.DARK_MODE_CLASSES = void 0;
+exports.getNativeThemeColors = getNativeThemeColors;
+exports.getThemeColorValue = getThemeColorValue;
+exports.hslToRgb = hslToRgb;
+exports.isValidThemeColor = isValidThemeColor;
+exports.withDarkMode = withDarkMode;
+/**
+ * Comprehensive Dark Theme Configuration
+ *
+ * This file provides complete theme tokens and utilities for consistent
+ * dark mode support across all components in the Blueprint library.
+ *
+ * Best Practices:
+ * - Uses HSL color format for better color manipulation
+ * - Provides semantic color tokens (not raw colors)
+ * - Maintains proper contrast ratios for accessibility (WCAG AA/AAA)
+ * - Consistent with Tailwind CSS conventions
+ */
+
+/**
+ * Color tokens for light and dark themes
+ * Each token follows the pattern: purpose-variant
+ */
+const THEME_COLORS = exports.THEME_COLORS = {
+  light: {
+    // Base colors
+    background: 'hsl(0, 0%, 100%)',
+    // Pure white
+    foreground: 'hsl(0, 0%, 3.9%)',
+    // Near black
+
+    // Card colors
+    card: 'hsl(0, 0%, 100%)',
+    cardForeground: 'hsl(0, 0%, 3.9%)',
+    // Popover colors
+    popover: 'hsl(0, 0%, 100%)',
+    popoverForeground: 'hsl(0, 0%, 3.9%)',
+    // Primary action colors
+    primary: 'hsl(0, 0%, 9%)',
+    primaryForeground: 'hsl(0, 0%, 98%)',
+    // Secondary action colors
+    secondary: 'hsl(0, 0%, 96.1%)',
+    secondaryForeground: 'hsl(0, 0%, 9%)',
+    // Muted/subtle colors
+    muted: 'hsl(0, 0%, 96.1%)',
+    mutedForeground: 'hsl(0, 0%, 45.1%)',
+    // Accent colors
+    accent: 'hsl(0, 0%, 96.1%)',
+    accentForeground: 'hsl(0, 0%, 9%)',
+    // Destructive/error colors
+    destructive: 'hsl(0, 84.2%, 60.2%)',
+    destructiveForeground: 'hsl(0, 0%, 98%)',
+    // Border and input colors
+    border: 'hsl(0, 0%, 89.8%)',
+    input: 'hsl(0, 0%, 89.8%)',
+    ring: 'hsl(0, 0%, 63%)',
+    // Success colors
+    success: 'hsl(142, 76%, 36%)',
+    successForeground: 'hsl(0, 0%, 98%)',
+    // Warning colors
+    warning: 'hsl(38, 92%, 50%)',
+    warningForeground: 'hsl(0, 0%, 9%)',
+    // Info colors
+    info: 'hsl(199, 89%, 48%)',
+    infoForeground: 'hsl(0, 0%, 98%)'
+  },
+  dark: {
+    // Base colors
+    background: 'hsl(0, 0%, 3.9%)',
+    // Near black
+    foreground: 'hsl(0, 0%, 98%)',
+    // Near white
+
+    // Card colors
+    card: 'hsl(0, 0%, 3.9%)',
+    cardForeground: 'hsl(0, 0%, 98%)',
+    // Popover colors
+    popover: 'hsl(0, 0%, 3.9%)',
+    popoverForeground: 'hsl(0, 0%, 98%)',
+    // Primary action colors (inverted from light)
+    primary: 'hsl(0, 0%, 98%)',
+    primaryForeground: 'hsl(0, 0%, 9%)',
+    // Secondary action colors
+    secondary: 'hsl(0, 0%, 14.9%)',
+    secondaryForeground: 'hsl(0, 0%, 98%)',
+    // Muted/subtle colors
+    muted: 'hsl(0, 0%, 14.9%)',
+    mutedForeground: 'hsl(0, 0%, 63.9%)',
+    // Accent colors
+    accent: 'hsl(0, 0%, 14.9%)',
+    accentForeground: 'hsl(0, 0%, 98%)',
+    // Destructive/error colors
+    destructive: 'hsl(0, 62.8%, 30.6%)',
+    destructiveForeground: 'hsl(0, 0%, 98%)',
+    // Border and input colors
+    border: 'hsl(0, 0%, 14.9%)',
+    input: 'hsl(0, 0%, 14.9%)',
+    ring: 'hsl(0, 0%, 45%)',
+    // Success colors
+    success: 'hsl(142, 76%, 36%)',
+    successForeground: 'hsl(0, 0%, 98%)',
+    // Warning colors
+    warning: 'hsl(38, 92%, 50%)',
+    warningForeground: 'hsl(0, 0%, 9%)',
+    // Info colors
+    info: 'hsl(199, 89%, 48%)',
+    infoForeground: 'hsl(0, 0%, 98%)'
+  }
+};
+
+/**
+ * Convert HSL string to React Native ColorValue
+ * Useful for native platform styling where HSL needs to be converted
+ */
+function hslToRgb(hsl) {
+  // Extract h, s, l from "hsl(h, s%, l%)" format
+  const match = hsl.match(/hsl\((\d+),\s*(\d+(?:\.\d+)?)%,\s*(\d+(?:\.\d+)?)%\)/);
+  if (!match || !match[1] || !match[2] || !match[3]) return hsl;
+  const h = parseInt(match[1], 10) / 360;
+  const s = parseFloat(match[2]) / 100;
+  const l = parseFloat(match[3]) / 100;
+  let r, g, b;
+  if (s === 0) {
+    r = g = b = l;
+  } else {
+    const hue2rgb = (p, q, t) => {
+      if (t < 0) t += 1;
+      if (t > 1) t -= 1;
+      if (t < 1 / 6) return p + (q - p) * 6 * t;
+      if (t < 1 / 2) return q;
+      if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
+      return p;
+    };
+    const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+    const p = 2 * l - q;
+    r = hue2rgb(p, q, h + 1 / 3);
+    g = hue2rgb(p, q, h);
+    b = hue2rgb(p, q, h - 1 / 3);
+  }
+  const toHex = x => {
+    const hex = Math.round(x * 255).toString(16);
+    return hex.length === 1 ? '0' + hex : hex;
+  };
+  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
+}
+
+/**
+ * Get theme color value based on current theme mode
+ * Automatically selects the appropriate color from light/dark theme
+ */
+function getThemeColorValue(colorKey, isDark, asRgb = false) {
+  const color = isDark ? THEME_COLORS.dark[colorKey] : THEME_COLORS.light[colorKey];
+  return asRgb ? hslToRgb(color) : color;
+}
+
+/**
+ * Component-specific dark mode class mappings
+ * Use these to ensure consistent styling across all components
+ */
+const DARK_MODE_CLASSES = exports.DARK_MODE_CLASSES = {
+  // Text variants
+  text: {
+    default: 'dark:text-foreground',
+    muted: 'dark:text-muted-foreground',
+    primary: 'dark:text-primary-foreground',
+    secondary: 'dark:text-secondary-foreground',
+    accent: 'dark:text-accent-foreground',
+    destructive: 'dark:text-destructive-foreground',
+    card: 'dark:text-card-foreground'
+  },
+  // Background variants
+  background: {
+    default: 'dark:bg-background',
+    card: 'dark:bg-card',
+    primary: 'dark:bg-primary',
+    secondary: 'dark:bg-secondary',
+    muted: 'dark:bg-muted',
+    accent: 'dark:bg-accent',
+    destructive: 'dark:bg-destructive',
+    popover: 'dark:bg-popover'
+  },
+  // Border variants
+  border: {
+    default: 'dark:border-border',
+    input: 'dark:border-input',
+    primary: 'dark:border-primary',
+    muted: 'dark:border-muted',
+    accent: 'dark:border-accent',
+    destructive: 'dark:border-destructive'
+  },
+  // Interactive states
+  state: {
+    hover: 'dark:hover:bg-accent',
+    active: 'dark:active:bg-accent',
+    focus: 'dark:focus:ring-ring',
+    disabled: 'dark:disabled:opacity-50'
+  }
+};
+
+/**
+ * Helper to combine base classes with dark mode classes
+ * Ensures consistent application of dark mode styles
+ */
+function withDarkMode(baseClass, darkClass, additionalClasses) {
+  return [baseClass, darkClass, additionalClasses].filter(Boolean).join(' ');
+}
+
+/**
+ * Pre-configured class strings for common component patterns
+ * Use these for consistent styling across the library
+ */
+const THEME_PRESETS = exports.THEME_PRESETS = {
+  // Card-like containers
+  card: 'bg-card text-card-foreground dark:bg-card dark:text-card-foreground border border-border dark:border-border',
+  // Input fields
+  input: 'bg-background text-foreground dark:bg-background dark:text-foreground border border-input dark:border-input',
+  // Buttons - primary
+  buttonPrimary: 'bg-primary text-primary-foreground dark:bg-primary dark:text-primary-foreground',
+  // Buttons - secondary
+  buttonSecondary: 'bg-secondary text-secondary-foreground dark:bg-secondary dark:text-secondary-foreground',
+  // Buttons - outline
+  buttonOutline: 'bg-background text-foreground dark:bg-background dark:text-foreground border border-input dark:border-input',
+  // Buttons - ghost
+  buttonGhost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent dark:hover:text-accent-foreground',
+  // Destructive elements
+  destructive: 'bg-destructive text-destructive-foreground dark:bg-destructive dark:text-destructive-foreground',
+  // Muted/subtle elements
+  muted: 'bg-muted text-muted-foreground dark:bg-muted dark:text-muted-foreground',
+  // Popover/dropdown
+  popover: 'bg-popover text-popover-foreground dark:bg-popover dark:text-popover-foreground border border-border dark:border-border'
+};
+
+/**
+ * Semantic color map for native components
+ * Use these for StyleSheet-based styling
+ */
+function getNativeThemeColors(isDark) {
+  return {
+    background: hslToRgb(getThemeColorValue('background', isDark)),
+    foreground: hslToRgb(getThemeColorValue('foreground', isDark)),
+    card: hslToRgb(getThemeColorValue('card', isDark)),
+    cardForeground: hslToRgb(getThemeColorValue('cardForeground', isDark)),
+    primary: hslToRgb(getThemeColorValue('primary', isDark)),
+    primaryForeground: hslToRgb(getThemeColorValue('primaryForeground', isDark)),
+    secondary: hslToRgb(getThemeColorValue('secondary', isDark)),
+    secondaryForeground: hslToRgb(getThemeColorValue('secondaryForeground', isDark)),
+    muted: hslToRgb(getThemeColorValue('muted', isDark)),
+    mutedForeground: hslToRgb(getThemeColorValue('mutedForeground', isDark)),
+    accent: hslToRgb(getThemeColorValue('accent', isDark)),
+    accentForeground: hslToRgb(getThemeColorValue('accentForeground', isDark)),
+    destructive: hslToRgb(getThemeColorValue('destructive', isDark)),
+    destructiveForeground: hslToRgb(getThemeColorValue('destructiveForeground', isDark)),
+    border: hslToRgb(getThemeColorValue('border', isDark)),
+    input: hslToRgb(getThemeColorValue('input', isDark)),
+    ring: hslToRgb(getThemeColorValue('ring', isDark))
+  };
+}
+
+/**
+ * Type-safe theme color keys
+ */
+
+/**
+ * Check if a color key exists in the theme
+ */
+function isValidThemeColor(key) {
+  return key in THEME_COLORS.light;
+}
+//# sourceMappingURL=theme-config.js.map

package/lib/commonjs/components/theme-config.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["THEME_COLORS","exports","light","background","foreground","card","cardForeground","popover","popoverForeground","primary","primaryForeground","secondary","secondaryForeground","muted","mutedForeground","accent","accentForeground","destructive","destructiveForeground","border","input","ring","success","successForeground","warning","warningForeground","info","infoForeground","dark","hslToRgb","hsl","match","h","parseInt","s","parseFloat","l","r","g","b","hue2rgb","p","q","t","toHex","x","hex","Math","round","toString","length","getThemeColorValue","colorKey","isDark","asRgb","color","DARK_MODE_CLASSES","text","default","state","hover","active","focus","disabled","withDarkMode","baseClass","darkClass","additionalClasses","filter","Boolean","join","THEME_PRESETS","buttonPrimary","buttonSecondary","buttonOutline","buttonGhost","getNativeThemeColors","isValidThemeColor","key"],"sourceRoot":"../../../src","sources":["components/theme-config.ts"],"mappings":"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","ignoreList":[]}