create-bluecopa-react-app 1.0.3 → 1.0.5

package/README.md

@@ -1,6 +1,48 @@
-# Create BlueCopa React App
+# create-bluecopa-react-app [![npm version](https://img.shields.io/npm/v/create-bluecopa-react-app)](https://www.npmjs.com/package/create-bluecopa-react-app) [![License](https://img.shields.io/npm/l/create-bluecopa-react-app)](LICENSE)
 
-A CLI tool to bootstrap modern React applications for BlueCopa with built-in UI components, data visualization capabilities, and development best practices.
+## A CLI Tool for BlueCopa React Applications
+
+A command-line interface for bootstrapping modern React applications with BlueCopa integration, featuring opinionated best practices and pre-configured tooling.
+
+## Table of Contents
+
+- [Version](#version)
+- [Installation](#installation)
+- [Requirements](#requirements)
+- [Configuration](#configuration)
+- [Features](#features)
+- [Usage](#usage)
+- [API Documentation](#api-documentation)
+- [Examples](#examples)
+- [Development](#development)
+- [Contributing](#contributing)
+- [License](#license)
+
+## Version
+
+Current version: 0.1.0
+
+## Installation
+
+```bash
+npm install -g create-bluecopa-react-app
+# or
+pnpm add -g create-bluecopa-react-app
+```
+
+## Requirements
+
+- Node.js >= 18.0.0
+- npm >= 9.0.0 or pnpm >= 8.0.0
+
+## Configuration
+
+The CLI uses environment variables for configuration:
+
+```bash
+# Optional configuration
+export BLUECOPA_BOILERPLATE_REGISTRY=https://registry.npmjs.org
+```
 
 ## Features
 
@@ -8,235 +50,65 @@ A CLI tool to bootstrap modern React applications for BlueCopa with built-in UI
 - 🌐 **Microfrontend Support**: Single-spa compatible with module federation
 - 📊 **Data Visualization**: Recharts integration for charts and analytics
 - 🎨 **UI Components**: Radix UI primitives with custom styling
-- 📡 **BlueCopa React Components**: Pre-configured @bluecopa/react package with hooks (includes TanStack Query integration)
+- 📡 **BlueCopa React Components**: Pre-configured [`@bluecopa/react`](packages/react:1) package with hooks (includes TanStack Query integration)
 - 🎯 **Type Safety**: Full TypeScript support
 - 📱 **Responsive Design**: Tailwind CSS with mobile-first approach and BlueCopa design system
 - 🛠️ **Development Tools**: ESLint, TypeScript checking, and Vite fast build system
 - ⚡ **Fast Development**: Hot module replacement with Vite
 - 🔄 **Client-side Routing**: React Router v6 for SPA navigation
 
-## Quick Start
+## Usage
 
-```bash
-# Install the CLI tool globally
-npm install -g create-bluecopa-react-app
+### Creating a New Application
 
-# Create a new BlueCopa React app
+```bash
+# Create new app
 create-bluecopa-react-app my-dashboard
 
-# Or use npx (no global installation needed)
+# Or use npx
 npx create-bluecopa-react-app my-dashboard
-
-# Navigate to the project
-cd my-dashboard
-
-# Install dependencies (if not auto-installed)
-npm install
-
-# Start development server
-npm run dev
 ```
 
-## Template Included
-
-### BlueCopa React Router Template
-
-A foundational template that provides:
-
-- **Modern React Setup**: React 18 with TypeScript, React Router v6, and Vite
-- **BlueCopa Components**: Pre-configured @bluecopa/react component library with hooks
-- **UI Foundation**: Radix UI primitives with custom styling system
-- **Data Visualization**: Recharts for charts and analytics
-- **Styling System**: Tailwind CSS with BlueCopa design tokens and navy theme
-- **Development Setup**: ESLint, TypeScript configuration, and Vite optimization
-- **Environment Configuration**: Ready-to-use environment variable setup
-- **Client-side Routing**: React Router v6 for smooth SPA navigation
-
-#### Key Dependencies Included
-
-```typescript
-// Core BlueCopa and React ecosystem
-"@bluecopa/react": "^0.1.3"
-"react": "^18.3.0"
-"react-dom": "^18.3.0"
-"react-router-dom": "^6.26.0"
-"typescript": "^5.6.0"
-
-// UI and Styling
-"@radix-ui/react-avatar": "^1.1.0"
-"@radix-ui/react-dropdown-menu": "^2.1.0"
-"@radix-ui/react-select": "^2.1.0"
-"@radix-ui/react-separator": "^1.1.0"
-"@radix-ui/react-slot": "^1.1.0"
-"@radix-ui/react-tabs": "^1.1.0"
-"tailwindcss": "^3.4.17"
-"lucide-react": "^0.445.0"
-"class-variance-authority": "^0.7.0"
-"clsx": "^2.1.0"
-"tailwind-merge": "^2.5.0"
-"tailwindcss-animate": "^1.0.7"
-
-// Data Visualization
-"recharts": "^2.12.0"
-
-// Microfrontend
-"single-spa": "^6.0.3"
-"single-spa-react": "^6.0.2"
-
-// Development and Build
-"vite": "^7.1.5"
-"eslint": "^8.57.0"
-"@vitejs/plugin-react-swc": "^4.0.1"
-"@originjs/vite-plugin-federation": "^1.4.1"
-```
+### CLI Options
 
-## Project Structure
-
-The generated project follows a clean, scalable structure:
-
-```text
-my-bluecopa-app/
-├── src/
-│   ├── components/          # Reusable UI components
-│   │   ├── ui/             # Base UI components (buttons, cards, etc.)
-│   │   └── navbar.tsx      # Navigation component
-│   ├── hooks/              # Custom React hooks
-│   │   └── use-api.ts      # Bluecopa API hooks
-│   ├── lib/                # Utilities and helpers
-│   │   └── utils.ts        # Helper functions and utilities
-│   ├── pages/              # Route components
-│   │   ├── Home.tsx        # Home page component
-│   │   └── Dashboard.tsx   # Dashboard page component
-│   ├── providers/          # React context providers
-│   │   └── query-provider.tsx  # TanStack Query provider via @bluecopa/react
-│   ├── types/              # TypeScript type definitions
-│   ├── App.tsx             # Main app component with routing
-│   ├── main.tsx            # Application entry point
-│   ├── single-spa.tsx      # Single-spa root component
-│   └── index.css           # Global styles and Tailwind imports
-├── public/                 # Static assets
-├── .env.example            # Environment variables template
-├── package.json            # Dependencies and scripts
-├── vite.config.ts          # Vite configuration with module federation
-├── tailwind.config.js      # Tailwind CSS configuration
-├── tsconfig.json           # TypeScript configuration
-├── postcss.config.js       # PostCSS configuration
-└── README.md               # Project documentation
-```
+| Option | Description |
+|--------|-------------|
+| `--skip-install` | Skip dependency installation |
+| `--template` | Specify template version (default: latest) |
+| `--help` | Show help information |
 
-## Getting Started with Development
+## API Documentation
 
-### Adding BlueCopa Components and Hooks
+### `create-bluecopa-react-app [project-name] [options]`
 
-The template includes @bluecopa/react components and hooks. Start building by importing and using them:
+Creates a new BlueCopa React application.
 
-```typescript
-import { useUserData, useMetricDataDemo, useDatasetDataDemo } from '@/hooks/use-api';
+**Parameters:**
+- `project-name`: Name of the new project directory
+- `options`: CLI options (see above)
 
-function MyComponent() {
-  const { data: userData, isLoading, error } = useUserData();
-  const { data: metrics } = useMetricDataDemo();
-  
-  if (isLoading) return <div>Loading...</div>;
-  if (error) return <div>Error: {error.message}</div>;
-  
-  return (
-    <div>
-      <h1>Welcome, {userData?.user?.firstName}!</h1>
-    </div>
-  );
-}
-```
+**Returns:**
+- Creates project structure
+- Installs dependencies
+- Configures environment
 
-### Adding Routes
-
-Add new routes in `src/App.tsx`:
-
-```typescript
-import { Routes, Route } from 'react-router-dom';
-import NewPage from '@/pages/NewPage';
-
-export default function App() {
-  return (
-    <QueryProvider>
-      <Routes>
-        <Route path="/" element={<Home />} />
-        <Route path="/dashboard" element={<Dashboard />} />
-        <Route path="/new-page" element={<NewPage />} />
-      </Routes>
-    </QueryProvider>
-  );
-}
-```
+## Examples
 
-### Adding UI Components
-
-Use the included Radix UI components with Tailwind styling:
-
-```typescript
-import { Button } from '@/components/ui/button';
-import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-
-function Dashboard() {
-  return (
-    <Card>
-      <CardHeader>
-        <CardTitle>My Dashboard</CardTitle>
-      </CardHeader>
-      <CardContent>
-        <Button>Click me</Button>
-      </CardContent>
-    </Card>
-  );
-}
-```
+### Basic Usage
 
-### Adding Charts and Data Visualization
-
-Use Recharts for data visualization:
-
-```typescript
-import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from 'recharts';
-
-const data = [
-  { name: 'Jan', value: 400 },
-  { name: 'Feb', value: 300 },
-  { name: 'Mar', value: 600 },
-];
-
-function ChartComponent() {
-  return (
-    <ResponsiveContainer width="100%" height={300}>
-      <LineChart data={data}>
-        <CartesianGrid strokeDasharray="3 3" />
-        <XAxis dataKey="name" />
-        <YAxis />
-        <Tooltip />
-        <Line type="monotone" dataKey="value" stroke="#8884d8" />
-      </LineChart>
-    </ResponsiveContainer>
-  );
-}
+```bash
+create-bluecopa-react-app my-dashboard
 ```
 
-### Environment Configuration
-
-Create a `.env.local` file from the example:
+### Skipping Dependency Installation
 
 ```bash
-cp .env.example .env.local
-# Edit .env.local with your Bluecopa credentials from dashboard → Settings → API Tokens
+create-bluecopa-react-app my-dashboard --skip-install
 ```
 
-Required environment variables:
-```bash
-VITE_BLUECOPA_API_TOKEN=your-bluecopa-api-token
-VITE_BLUECOPA_API_URL=https://develop.bluecopa.com/api/v1
-VITE_BLUECOPA_WORKSPACE_ID=your-workspace-id
-- **Vite Module Federation** - For microfrontend integration
-```
+## Development
 
-## Available Scripts
+### Available Scripts
 
 - `npm run dev` - Start Vite development server with hot reload
 - `npm run build` - Build for production (TypeScript + Vite optimization)
@@ -247,48 +119,14 @@ VITE_BLUECOPA_WORKSPACE_ID=your-workspace-id
 - `npm run type-check` - Run TypeScript type checking without emitting files
 - `npm run clean` - Clean build artifacts and dependencies
 
-## Technologies Used
+### Technologies Used
 
 - **React 18** - Modern React with concurrent features
 - **React Router v6** - Declarative routing for React SPAs
 - **Vite** - Fast build tool and development server
 - **TypeScript** - Full type safety and developer experience
-- **@bluecopa/react** - BlueCopa-specific React components and hooks (includes TanStack Query)
+- **[`@bluecopa/react`](packages/react:1)** - BlueCopa-specific React components and hooks
 - **Radix UI** - Unstyled, accessible UI primitives
-- **Single-spa** - Microfrontend framework support
 - **Recharts** - Composable charting library for React
 - **Tailwind CSS** - Utility-first CSS framework with BlueCopa design system
 - **Lucide React** - Beautiful, customizable icons
-
-## CLI Usage
-
-The CLI will prompt you for project details and automatically:
-
-- Create the project structure
-- Copy template files
-- Update package.json with your project name
-- Install dependencies (unless `--skip-install` is used)
-- Provide next steps for development
-
-Example output:
-
-```bash
-✔ Creating project structure...
-✔ Dependencies installed
-✔ Success! Created my-dashboard at /path/to/my-dashboard
-
-Inside that directory, you can run several commands:
-
-  npm run dev
-    Starts the development server.
-
-  npm run build
-    Bundles the app into static files for production.
-
-We suggest that you begin by typing:
-
-  cd my-dashboard
-  npm run dev
-
-Happy coding with Bluecopa! 🚀
-```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-bluecopa-react-app",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "CLI tool to create bluecopa React applications",
   "main": "./bin/create-bluecopa-react-app.js",
   "bin": {

package/templates/latest/{Agent.md → AGENT.md}

@@ -22,11 +22,9 @@ This template is designed to work seamlessly with AI coding assistants for rapid
 src/
 ├── components/ui/       # Reusable UI components (e.g., Button, Card via shadcn-ui; bluecopa-logo)
 ├── components/         # Business logic components (Navbar, DashboardLayout, etc.)
-├── hooks/             # Custom React hooks (if needed; primarily use @bluecopa/react)
-├── pages/             # Route components (Home, Dashboard)
-├── providers/         # React context providers (e.g., QueryProvider)
-├── lib/               # Utility functions and helpers (e.g., utils.ts with cn)
-└── types/             # TypeScript type definitions (e.g., api.ts)
+├── hooks/              # Custom React hooks (if needed; primarily use @bluecopa/react)
+├── lib/                # Utility functions and helpers (e.g., utils.ts with cn)
+└── types/              # TypeScript type definitions (e.g., for API responses)
 ```
 
 ## 🔧 Development Patterns
@@ -38,10 +36,10 @@ When asked to create a new page:
 1. **Create the page component** in `src/pages/NewPage.tsx`:
 ```tsx
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
-import { useUser } from '@bluecopa/react';
+import { useGetWorkflowInstanceStatusById } from '@bluecopa/react';
 
 export default function NewPage() {
-  const { data: userData, isLoading } = useUser();
+  const { data: workflowStatus, isLoading } = useGetWorkflowInstanceStatusById('workflowId');
 
   if (isLoading) return <div>Loading...</div>;
 
@@ -53,8 +51,8 @@ export default function NewPage() {
         </CardHeader>
         <CardContent>
           {/* Page content */}
-          <p>Welcome, {userData?.name}!</p>
-        </CardContent>
+          <p>Workflow status: {workflowStatus?.status}</p>
+       CardContent>
       </Card>
     </div>
   );
@@ -69,7 +67,7 @@ import NewPage from '@/pages/NewPage';
 <Route path="/new-page" element={<NewPage />} />
 ```
 
-3. **Update navigation** in `src/components/page/navbar.tsx` (import icon from lucide-react):
+3. **Update navigation** in `src/components/layout/navbar.tsx` (import icon from lucide-react):
 ```tsx
 import { Settings } from 'lucide-react';
 
@@ -84,19 +82,18 @@ const navigation = [
 Install @bluecopa/react if not present: `npm install @bluecopa/react`
 
 Use the pre-configured hooks from `@bluecopa/react`:
-
 ```tsx
-import { useUser, useMetric, useDataset } from '@bluecopa/react';
+import { useGetFileUrlByFileId, useGetTableById, useGetWorkflowInstanceStatusById } from '@bluecopa/core';
 
 function DataComponent() {
-  const { data: userData, isLoading: userLoading, error: userError } = useUser();
-  const { data: metrics } = useMetric({ metricId: 'example' });
-  const { data: datasets } = useDataset({ datasetId: 'example' });
+  const { data: fileUrlData, isLoading: fileUrlLoading } = useGetFileUrlByFileId('key', 'type', 'GET');
+  const { data: tableData } = useGetTableById('tableId');
+  const { data: workflowStatus } = useGetWorkflowInstanceStatusById('workflowId');
   
-  if (userLoading) return <div>Loading...</div>;
-  if (userError) return <div>Error: {userError.message}</div>;
+  if (fileUrlLoading) return <div>Loading...</div>;
+  if (!fileUrlData) return <div>No data available</div>;
   
-  return <div>Data: {JSON.stringify(userData)}</div>;
+  return <div>Data: {JSON.stringify(fileUrlData)}</div>;
 }
 ```
 
@@ -107,7 +104,6 @@ For custom hooks, create in `src/hooks/` and wrap TanStack Query.
 Add shadcn-ui components if needed: `npx shadcn-ui@latest add card button tabs`
 
 Use the existing UI components from `src/components/ui/`:
-
 ```tsx
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
@@ -138,7 +134,6 @@ import { cn } from '@/lib/utils';
 Install Recharts if not present: `npm install recharts`
 
 Use Recharts for data visualization:
-
 ```tsx
 import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from 'recharts';
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
@@ -204,7 +199,7 @@ function ChartComponent({ data }: { data: ChartData[] }) {
 1. Create component in `src/components/` (e.g., NewCard.tsx)
 2. Use Card component wrapper from ui/
 3. Include loading and error states with TanStack Query
-4. Use @bluecopa/react hooks for data (e.g., useMetric)
+4. Use @bluecopa/react hooks for data (e.g., useGetTableById)
 
 ### Creating Forms
 1. Use Radix UI form components (add via shadcn-ui: `npx shadcn-ui@latest add form`)
@@ -220,7 +215,7 @@ function ChartComponent({ data }: { data: ChartData[] }) {
 
 ### Implementing Search
 1. Add search state management with React state or form libraries
-2. Use debounced input for API calls (e.g., via useMetric with query params)
+2. Use debounced input for API calls (e.g., via useGetTableById with query params)
 3. Show loading states during search
 4. Handle empty states gracefully with conditional rendering
 
@@ -237,17 +232,17 @@ const apiUrl = import.meta.env.VITE_BLUECOPA_API_URL;
 Use path aliases consistently (configured in tsconfig.json):
 ```tsx
 import { Button } from '@/components/ui/button';
-import { useUser } from '@bluecopa/react';
+import { useGetTableById } from '@bluecopa/core';
 import { cn } from '@/lib/utils';
 ```
 
 ### TypeScript
 Always include proper TypeScript types:
 ```tsx
-import { User } from '@/types/api';
+import { FileUrlResponse, TableData, WorkflowStatus } from '@bluecopa/core/types';
 
 interface ComponentProps {
-  data: User[];
+  data: TableData[];
   onSelect: (id: string) => void;
 }
 
@@ -259,13 +254,12 @@ function Component({ data, onSelect }: ComponentProps) {
 ### Error Handling
 Include proper error boundaries and loading states:
 ```tsx
-if (isLoading) return <div className="p-4">Loading...</div>;
+if (fileUrlLoading) return <div className="p-4">Loading...</div>;
 if (error) return <div className="p-4 text-red-600">Error: {error.message}</div>;
 if (!data) return <div className="p-4 text-gray-500">No data available</div>;
 ```
 
 ## 📚 Reference Links
-
 - [React Router Documentation](https://reactrouter.com)
 - [TailwindCSS Documentation](https://tailwindcss.com)
 - [Radix UI Documentation](https://www.radix-ui.com)

package/templates/latest/README.md

@@ -6,11 +6,11 @@ A production-ready React template with React Router for building modern BlueCopa
 
 This template now uses the latest Bluecopa design system with:
 - **Navy Blue Header**: Uses the official Bluecopa navy color (`#041e42`) for headers and navigation
-- **Modern Card Layout**: Clean, borderless cards with subtle shadows
-- **Consistent Spacing**: Improved spacing and layout following the latest app design
-- **User Profile Integration**: Modern user dropdown with avatar and profile information
-- **Search & Notifications**: Built-in search bar and notification system
-- **Responsive Design**: Mobile-first approach with proper responsive breakpoints
+- **Modern Card Layout**: Clean, borderless cards with subtle shadows and consistent padding
+- **Consistent Spacing**: Improved spacing and layout following the latest app design system
+- **User Profile Integration**: Modern user dropdown with avatar, profile information, and logout
+- **Search & Notifications**: Built-in search bar and notification system with Radix UI
+- **Responsive Design**: Mobile-first approach with proper responsive breakpoints and device testing
 
 ## 🚀 Quick Start
 
@@ -36,17 +36,6 @@ npx create-bluecopa-react-app my-dashboard
 - npm or pnpm
 - Access to Bluecopa workspace
 
-### Installation
-
-1. **Clone or copy the template**:
-   ```bash
-   # If using as part of the blui monorepo
-   cd packages/boilerplate/react/templates/latest
-   
-   # Or copy the template to your project location
-   cp -r packages/boilerplate/react/templates/latest my-bluecopa-app
-   cd my-bluecopa-app
-   ```
 
 2. **Install dependencies**:
    ```bash
@@ -114,7 +103,7 @@ npx create-bluecopa-react-app my-dashboard
 src/
 ├── components/          # Reusable components
 │   ├── layout/         # Layout components (dashboard-header.tsx, dashboard-layout.tsx, sidebar.tsx)
-│   ├── page/           # Page-specific components (dashboard.tsx, navbar.tsx)
+│   ├── page/           # Page-specific components (dashboard.tsx)
 │   ├── tables/         # Table components (data-grid.tsx)
 │   └── ui/             # Base UI components (alert.tsx, avatar.tsx, badge.tsx, bluecopa-logo.tsx, button.tsx, card.tsx, dropdown-menu.tsx, input.tsx, label.tsx, select.tsx)
 ├── hooks/              # Custom React hooks
@@ -183,7 +172,7 @@ export default function App() {
 ```
 
 ### Adding Navigation Links
-Update the navigation in `src/components/page/navbar.tsx`:
+Update the navigation in `src/components/layout/navbar.tsx`:
 
 ```tsx
 const navigation = [
@@ -240,14 +229,20 @@ module.exports = {
 }
 ```
 
-## 🚀 Deployment
+## 🚀 Deployment & Production
 
 ### Build for Production
 ```bash
 npm run build
 ```
 
-The built files will be in the `dist/` directory.
+The production-ready files will be output to the `dist/` directory with optimized bundling and minification.
+
+### Production Best Practices
+- Validate environment variables before building
+- Test workflow triggers in staging environment
+- Monitor bundle size with `npm run build --report`
+- Use version control for deployment artifacts
 
 ### Deploy to Vercel
 1. Push your code to GitHub
@@ -266,21 +261,3 @@ The built files will be in the `dist/` directory.
 - Use environment variables for all sensitive data
 - Rotate API tokens regularly
 - Use different tokens for development and production
-
-## 🤝 Contributing
-
-1. Fork the repository
-2. Create a feature branch
-3. Make your changes
-4. Add tests if applicable
-5. Submit a pull request
-
-## 📄 License
-
-This template is part of the Bluecopa ecosystem and follows the project's licensing terms.
-
-## 🆘 Support
-
-- Check the [Bluecopa documentation](https://docs.bluecopa.com)
-- Review the [React Router documentation](https://reactrouter.com)
-- Open issues in the project repository

package/templates/latest/clean.sh

@@ -12,6 +12,7 @@ echo "✅ Removed dist directory"
 rm -rf node_modules/
 rm -f package-lock.json
 rm -f yarn.lock
+rm -f pnpm-lock.yaml
 echo "✅ Removed node_modules and lock files"
 
 # Remove environment files (keeping example)

package/templates/latest/package-lock.json

@@ -8,7 +8,7 @@
       "name": "@bluecopa/react-router-template",
       "version": "1.0.0",
       "dependencies": {
-        "@bluecopa/react": "^0.1.3",
+        "@bluecopa/react": "^0.1.4",
         "@radix-ui/react-avatar": "^1.1.0",
         "@radix-ui/react-dropdown-menu": "^2.1.0",
         "@radix-ui/react-select": "^2.1.0",
@@ -371,9 +371,9 @@
       }
     },
     "node_modules/@bluecopa/core": {
-      "version": "0.1.4",
-      "resolved": "https://registry.npmjs.org/@bluecopa/core/-/core-0.1.4.tgz",
-      "integrity": "sha512-reMCJyhpsoZI9x8S1NMOg5R45M20MINMXfcpBG9+M6aTtT1n9jDHFdlvTSHls+MsMRx7df+0/rvhA8irsK62+g==",
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/@bluecopa/core/-/core-0.1.5.tgz",
+      "integrity": "sha512-oUvyRE0g2roYv+iOHCJlZ0glVtmXQJ0XU+8dsqzNCPkJfCi36Gm98T0zfWfPa6TKMjvA+23TBul2EdUQawBF+g==",
       "license": "MIT",
       "dependencies": {
         "axios": "1.11.0",
@@ -384,12 +384,12 @@
       }
     },
     "node_modules/@bluecopa/react": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/@bluecopa/react/-/react-0.1.3.tgz",
-      "integrity": "sha512-XB66Ctazz45fq6wT1bdBI+R4xTj8VretNhyOHtrNmCBiBXKR04nKKFdBTZP9ZdZfmaGDDIWtwj0WEIsShQKvEQ==",
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/@bluecopa/react/-/react-0.1.4.tgz",
+      "integrity": "sha512-FUI03xk6ZgrFL6annUA+VhIULwa5d8K/Ig/V3szhvBJnzrJUVeIKfwJR/uNabGzWI8YfGg1jl2AJ7pchvTQdZw==",
       "license": "MIT",
       "dependencies": {
-        "@bluecopa/core": "0.1.4",
+        "@bluecopa/core": "0.1.5",
         "@tanstack/react-query": "5.59.0",
         "@tanstack/react-query-devtools": "5.59.0"
       },

package/templates/latest/package.json

@@ -16,7 +16,7 @@
     "start:railway": "ls -la && echo \"BUILD_TYPE: $BUILD_TYPE\" && echo \"Serving: dist${BUILD_TYPE:+-$BUILD_TYPE}\" && npx serve -s dist${BUILD_TYPE:+-$BUILD_TYPE} -l $PORT --cors"
   },
   "dependencies": {
-    "@bluecopa/react": "^0.1.3",
+    "@bluecopa/react": "^0.1.4",
     "@radix-ui/react-avatar": "^1.1.0",
     "@radix-ui/react-dropdown-menu": "^2.1.0",
     "@radix-ui/react-select": "^2.1.0",