@campxdev/react-native-blueprint 0.1.8 → 0.1.9

package/README.md

@@ -127,16 +127,19 @@ The example app in this repository uses [Re.Pack 5](https://re-pack.dev) with Rs
 If you want to use Re.Pack in your project:
 
 1. Install Re.Pack:
+
    ```sh
    npx @callstack/repack-init
    ```
 
 2. Install NativeWind plugin:
+
    ```sh
    npm install @callstack/repack-plugin-nativewind
    ```
 
 3. Update `rspack.config.js`:
+
    ```js
    import { NativeWindPlugin } from '@callstack/repack-plugin-nativewind';
 
@@ -158,7 +161,13 @@ If you want to use Re.Pack in your project:
 // Import CSS at the top of your app entry point (do this ONCE)
 import '@campxdev/react-native-blueprint/global.css';
 
-import { Button, Card, Text, Input, Alert } from '@campxdev/react-native-blueprint';
+import {
+  Button,
+  Card,
+  Text,
+  Input,
+  Alert,
+} from '@campxdev/react-native-blueprint';
 import { View } from 'react-native';
 
 function App() {
@@ -167,7 +176,9 @@ function App() {
       <Card>
         <Card.Header>
           <Card.Title>Welcome</Card.Title>
-          <Card.Description>Get started with react-native-blueprint</Card.Description>
+          <Card.Description>
+            Get started with react-native-blueprint
+          </Card.Description>
         </Card.Header>
         <Card.Content>
           <Input placeholder="Enter your name" />
@@ -181,9 +192,7 @@ function App() {
 
       <Alert>
         <Alert.Title>Info</Alert.Title>
-        <Alert.Description>
-          This is a sample alert component.
-        </Alert.Description>
+        <Alert.Description>This is a sample alert component.</Alert.Description>
       </Alert>
     </View>
   );
@@ -193,12 +202,14 @@ function App() {
 ## Available Components
 
 ### Layout & Structure
+
 - **Button** - Customizable button with variants (default, destructive, outline, ghost, link)
 - **Card** - Container with header, content, and footer sections
 - **Separator** - Horizontal or vertical divider
 - **Skeleton** - Loading placeholder with shimmer effect
 
 ### Form Components
+
 - **Input** - Text input field
 - **Textarea** - Multi-line text input
 - **Checkbox** - Checkbox with label support
@@ -209,12 +220,14 @@ function App() {
 - **Slider** - Range slider input
 
 ### Navigation
+
 - **Tabs** - Tab navigation component
 - **Accordion** - Collapsible content sections
 - **Collapsible** - Expandable/collapsible content
 - **Menubar** - Menu bar with nested items
 
 ### Overlays & Dialogs
+
 - **Dialog** - Modal dialog
 - **Alert Dialog** - Alert/confirmation dialog
 - **Popover** - Floating popover
@@ -224,18 +237,21 @@ function App() {
 - **Hover Card** - Card that appears on hover
 
 ### Feedback & Status
+
 - **Alert** - Informational alert box
 - **Toast** - Toast notification
 - **Progress** - Progress bar
 - **Badge** - Status badge
 
 ### Data Display
+
 - **Table** - Data table with sorting
 - **Avatar** - User avatar with fallback
 - **Text** - Typography component with variants
 - **Icon** - Icon component (powered by lucide-react-native)
 
 ### Utilities
+
 - **Aspect Ratio** - Container with fixed aspect ratio
 - **Toggle** - Toggle button
 - **Toggle Group** - Group of toggle buttons
@@ -246,10 +262,10 @@ Components use CSS variables for theming. Customize your app's appearance by mod
 
 ```css
 :root {
-  --primary: 220 90% 56%;        /* Blue */
-  --secondary: 280 70% 60%;      /* Purple */
-  --destructive: 0 84% 60%;      /* Red */
-  --radius: 0.75rem;             /* Border radius */
+  --primary: 220 90% 56%; /* Blue */
+  --secondary: 280 70% 60%; /* Purple */
+  --destructive: 0 84% 60%; /* Red */
+  --radius: 0.75rem; /* Border radius */
 }
 ```
 
@@ -300,6 +316,7 @@ yarn storybook:android  # Run Storybook on Android
 ### Build Performance
 
 The example app uses **Re.Pack 5 + Rspack** instead of Metro for:
+
 - ⚡ **5x faster cold builds**
 - ⚡ **5x faster hot module reload (HMR)**
 - 📦 **Zero package duplications**
@@ -320,6 +337,7 @@ import type { ButtonProps, CardProps } from '@campxdev/react-native-blueprint';
 ### "Cannot find module '@campxdev/react-native-blueprint/global.css'"
 
 Make sure you've:
+
 1. Installed NativeWind: `npm install nativewind tailwindcss`
 2. Configured Metro with NativeWind plugin (see Installation Step 5)
 3. Imported the CSS in your app entry point
@@ -397,6 +415,7 @@ Contributions are welcome! Please follow these steps:
 ### Development Workflow
 
 1. Clone the repo and install dependencies:
+
    ```sh
    git clone https://github.com/campx-org/react-native-blueprint.git
    cd react-native-blueprint
@@ -406,6 +425,7 @@ Contributions are welcome! Please follow these steps:
 2. Run the example app:
 
    **Normal App Mode:**
+
    ```sh
    yarn example:app          # Start dev server
    cd example && yarn app:ios     # Or run on iOS
@@ -413,6 +433,7 @@ Contributions are welcome! Please follow these steps:
    ```
 
    **Storybook Mode (Component Library):**
+
    ```sh
    yarn example:storybook         # Start Storybook
    cd example && yarn storybook:ios      # Or run on iOS
@@ -422,6 +443,7 @@ Contributions are welcome! Please follow these steps:
 3. Make your changes in `/src`
 
 4. Run type checking and linting:
+
    ```sh
    yarn typecheck
    yarn lint
@@ -435,66 +457,12 @@ Contributions are welcome! Please follow these steps:
 ### Example App Tech Stack
 
 The example app showcases modern React Native development with:
+
 - **Re.Pack 5 + Rspack** - 5x faster than Metro bundler
 - **Storybook React Native** - Interactive component development
 - **NativeWind v4** - Tailwind CSS for React Native
 - **Command-based mode switching** - Easy switching between app and Storybook modes
 
-## Publishing
-
-For maintainers who need to publish new versions of the package, we provide a comprehensive automated script.
-
-### Publishing Script
-
-The [publish.sh](scripts/publish.sh) script handles the entire publishing workflow with comprehensive error handling.
-
-#### What it does:
-
-1. **Cleans cache** - Removes `node_modules`, `lib`, and clears yarn cache
-2. **Installs dependencies** - Runs `yarn install` to ensure everything is up to date
-3. **Checks CLI tools** - Verifies React Native CLI and Reusables CLI availability
-4. **Builds the library** - Runs `yarn prepare` (bob build) - *Note: TypeScript typecheck is skipped due to className issues*
-5. **Verifies build outputs** - Ensures type declarations, source files, and module outputs are correctly generated
-6. **Increments version** - Interactive prompts for patch/minor/major/custom version increments
-7. **Git operations** - Commits changes with proper message and pushes to remote
-8. **Publishes to npm** - Publishes the package with confirmation prompt
-
-#### Usage:
-
-```sh
-# Run directly
-./scripts/publish.sh
-
-# Or via yarn
-yarn publish-package
-```
-
-#### Prerequisites:
-
-- Node.js and yarn installed
-- Git configured with credentials
-- Logged in to npm (`npm login`)
-- Publish permissions for the `@campxdev` scope
-
-#### Error Handling:
-
-The script provides detailed error messages and resolution steps for common failures:
-
-- **Cache/Install Issues** - Guides on cleaning and reinstalling dependencies
-- **CLI Missing** - Instructions to install required CLI tools
-- **Build Failures** - Steps to debug bob build issues
-- **Git Issues** - Help with credentials, permissions, and branch management
-- **NPM Issues** - Authentication and publish permission troubleshooting
-
-#### Important Notes:
-
-- TypeScript typecheck is intentionally skipped due to known className issues
-- Manual confirmation is required before publishing to prevent accidents
-- Commits are made with the configured git user (should be satya@campx.in)
-- The script pushes to your current branch - ensure you're on the correct branch
-
-For detailed troubleshooting, run the script and follow the error resolution steps provided.
-
 ## License
 
 MIT © [CAMPX](https://github.com/campx-org)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campxdev/react-native-blueprint",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "This is a react-native package for mobile apps",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",