@strands.gg/accui 1.0.2 → 1.1.1

package/README.md

@@ -1,673 +1,206 @@
 # @strands.gg/accui
 
-Modern authentication UI components for Vue 3 with magic link support and OAuth integration.
+⚠️ **INTERNAL SYSTEM - NOT FOR PUBLIC USE** ⚠️
 
-## 🚀 Features
+This is a proprietary authentication UI library specifically designed for the Strands Services ecosystem. It is tightly integrated with our internal authentication API and **will not easily function outside of our infrastructure**.
 
-- **Magic Link Authentication** - Passwordless signup flow
-- **OAuth Providers** - Dynamic OAuth provider discovery from API
-- **Vue 3 Composition API** - Built with modern Vue patterns
-- **TypeScript Support** - Full type safety
-- **Nuxt Module** - First-class Nuxt 3 & 4 support with auto-imports
-- **Customizable UI** - Consistent design system with Tailwind CSS
-- **Responsive Design** - Mobile-first approach
-- **Route Protection** - Built-in middleware for authentication
+## 🔒 System Requirements
 
-## 🆕 What's New in v0.0.8
+This library requires:
+- **Strands Accounts API** backend (proprietary)
+- **Registered application** in our database
+- **Valid domain** registered with Strands Services
+- **Internal infrastructure** access
 
-- ✅ **Fixed Nuxt Module Import** - Resolved "Cannot find module" error when importing '@strands.gg/accui/nuxt'
-- ✅ **Proper Module Build** - Nuxt module now builds to both ES and CJS formats with runtime files
-- ✅ **Auto-Import Styles** - Styles automatically imported with components (no manual CSS import needed)
-- ✅ **Custom Styling Control** - `autoImportStyles: false` option for developers who want full styling control
-- ✅ **Enhanced Nuxt Integration** - CSS automatically included in Nuxt builds
-- ✅ **Simplified Setup** - Just install and use, styles are handled automatically
+**This package is published for internal convenience only and cannot easily be used by external applications.**
 
-## 📦 Installation
+## 🚀 Features (Internal Use Only)
 
-```bash
-npm install @strands.gg/accui
-```
-
-### Styles Auto-Import
-
-**Styles are automatically imported!** No manual CSS import needed.
-
-- **Vue 3**: Styles load automatically when you import any component
-- **Nuxt 3**: Styles are automatically included when you add the module
-
-<details>
-<summary>Manual CSS Import (if needed)</summary>
-
-If you need to manually import styles for any reason:
-
-```javascript
-// Import the CSS in your main.js or app.vue
-import '@strands.gg/accui/style.css'
-```
-
-</details>
-
-## 🎯 Quick Start
-
-### Basic Vue 3 Usage
-
-```vue
-<template>
-  <div>
-    <!-- Combined Auth Component with tabs -->
-    <StrandsAuth 
-      @success="handleSuccess" 
-      @error="handleError"
-      redirect-url="/dashboard"
-    />
-    
-    <!-- Or use individual components -->
-    <StrandsSignIn @success="handleSignInSuccess" />
-    <StrandsSignUp @success="handleSignUpSuccess" />
-  </div>
-</template>
-
-<script setup lang="ts">
-import { 
-  StrandsAuth, 
-  StrandsSignIn, 
-  StrandsSignUp,
-  useStrandsAuth 
-} from "@strands.gg/accui"
-// Styles are automatically imported! ✨
-
-// Access auth state globally
-const { user, isAuthenticated, signOut } = useStrandsAuth()
-
-const handleSuccess = (userData: any) => {
-  console.log("Authentication successful:", userData)
-}
-
-const handleError = (error: string) => {
-  console.error("Authentication error:", error)
-}
-
-const handleSignUpSuccess = (data: { email: string }) => {
-  console.log("Magic link sent to:", data.email)
-}
-</script>
-```
-
-### Nuxt 3 Module
-
-Add the module to your `nuxt.config.ts`:
-
-```typescript
-export default defineNuxtConfig({
-  modules: ['@strands.gg/accui/nuxt'], // Styles auto-imported! ✨
-  
-  // Public runtime configuration
-  runtimeConfig: {
-    public: {
-      strandsAuth: {
-        apiBaseUrl: 'https://accounts.mydomain.com',
-        clientId: 'your-client-id',
-        onSignInUrl: '/dashboard',
-        onSignOutUrl: '/',
-        accentColor: '#EA00A8'
-      }
-    }
-  }
-})
-```
-
-**Available Configuration Options:**
-
-```typescript
-interface StrandsAuthConfig {
-  // Required
-  apiBaseUrl?: string       // Default: 'https://your-api.example.com'
-  clientId?: string         // Required for production
-  
-  // Navigation
-  onSignInUrl?: string      // Default: '/dashboard'
-  onSignOutUrl?: string     // Default: '/'
-  redirectUrl?: string      // OAuth callback URL
-  
-  // Styling
-  accentColor?: string      // Default: '#EA00A8'
-  autoImportStyles?: boolean // Default: true (disable for custom styling)
-  
-  // Security & Performance
-  autoRefresh?: boolean     // Default: true
-  refreshInterval?: number  // Default: 4 (minutes)
-  
-  // Route Protection
-  protectedRoutes?: string[]     // Routes requiring authentication
-  guestOnlyRoutes?: string[]     // Default: ['/auth', '/login', '/register']
-  
-  // Development
-  devMode?: boolean         // Default: false
-}
-```
+- **Magic Link Authentication** - Passwordless signup flow via Strands email service
+- **OAuth Providers** - Dynamic provider discovery from our API
+- **Multi-Factor Authentication** - TOTP, email, and hardware key support
+- **Dynamic CORS** - Automatic origin validation based on registered applications
+- **Vue 3 & Nuxt Support** - Full framework integration
+- **TypeScript** - Complete type safety
+- **Session Management** - JWT token rotation with 5-minute expiry
 
-**Complete Configuration Example:**
+## 🆕 Recent Updates
 
-```typescript
-export default defineNuxtConfig({
-  modules: ['@strands.gg/accui/nuxt'],
-  
-  runtimeConfig: {
-    public: {
-      strandsAuth: {
-        // API Configuration
-        apiBaseUrl: 'https://accounts.mydomain.com',
-        clientId: 'your-production-client-id',
-        
-        // Navigation URLs
-        onSignInUrl: '/dashboard',
-        onSignOutUrl: '/welcome',
-        redirectUrl: '/auth/callback',
-        
-        // Styling
-        accentColor: '#8b5cf6',
-        autoImportStyles: true, // Set to false for custom styling
-        
-        // Route Protection
-        protectedRoutes: [
-          '/dashboard/*',
-          '/profile',
-          '/settings/*',
-          '/admin/*'
-        ],
-        guestOnlyRoutes: [
-          '/auth',
-          '/login',
-          '/register',
-          '/welcome'
-        ],
-        
-        // Token Management
-        autoRefresh: true,
-        refreshInterval: 4, // minutes
-        
-        // Development
-        devMode: process.env.NODE_ENV === 'development'
-      }
-    }
-  }
-})
-```
+### v0.2.8+ (2025)
+- ✅ **Dynamic Origin Support** - Removed hardcoded localhost references
+- ✅ **OAuth2 Redirect URL** - Configurable OAuth callback URLs
+- ✅ **Support Email Config** - Optional support contact display
+- ✅ **CORS Improvements** - Fully dynamic based on registered applications
+- ✅ **Neon Database Support** - Optimized connection pooling for serverless
+- ✅ **Docker Optimizations** - Static binary builds with Alpine Linux
 
-**Auto-imported Components & Composables:**
-
-```vue
-<template>
-  <!-- Authentication Components (auto-imported) -->
-  <StrandsAuth @success="handleAuth" />
-  <StrandsSignIn @success="handleSignIn" />
-  <StrandsSignUp @success="handleSignUp" />
-  <StrandsPasswordReset @success="handleReset" />
-  <StrandsUserProfile />
-  <StrandsMFASetup />
-  
-  <!-- Utility Components (auto-imported) -->
-  <SignedIn>
-    <p>Welcome back, {{ user?.firstName }}!</p>
-    <StrandsUiButton @click="signOut">Sign Out</StrandsUiButton>
-  </SignedIn>
-  
-  <SignedOut>
-    <p>Please sign in to continue</p>
-    <StrandsAuth />
-  </SignedOut>
-  
-  <!-- Configuration & Branding -->
-  <StrandsConfigProvider :config="customConfig">
-    <!-- Scoped configuration -->
-  </StrandsConfigProvider>
-  
-  <StrandsSecuredFooter />
-</template>
-
-<script setup lang="ts">
-// Composables are auto-imported in Nuxt
-const { user, isAuthenticated, signOut, signIn } = useStrandsAuth()
-const authUser = useAuthUser() // Reactive user object
-const { isAuthenticated: authState, isLoading } = useAuthState()
-
-// Event handlers
-const handleAuth = (userData: any) => {
-  console.log('Authentication successful:', userData)
-  // User is automatically redirected based on onSignInUrl
-}
-
-const handleSignUp = (data: { email: string }) => {
-  console.log('Magic link sent to:', data.email)
-  // Show success message to user
-}
-</script>
-```
-
-**Route Protection with Middleware:**
-
-```vue
-<!-- pages/dashboard/index.vue -->
-<script setup lang="ts">
-// Protect this route - redirects to auth if not signed in
-definePageMeta({
-  middleware: 'auth'
-})
-</script>
-
-<template>
-  <div>
-    <h1>Dashboard</h1>
-    <p>Protected content here</p>
-  </div>
-</template>
-```
+### Previous Updates
+- ✅ **MFA Support** - TOTP, email codes, hardware keys (WebAuthn)
+- ✅ **Improved Error Handling** - Better user feedback
+- ✅ **Auto-Import Styles** - Zero-config styling
+- ✅ **Nuxt 4 Support** - Dedicated module for Nuxt v4
 
-```vue
-<!-- pages/auth.vue -->
-<script setup lang="ts">
-// Guest-only route - redirects away if already signed in
-definePageMeta({
-  middleware: 'guest'
-})
-</script>
+## 📦 Installation (Internal Projects Only)
 
-<template>
-  <div>
-    <StrandsAuth />
-  </div>
-</template>
+```bash
+npm install @strands.gg/accui
 ```
 
-### Nuxt 4 Module
+## 🎯 Configuration
 
-For **Nuxt 4** projects, use the dedicated v4 module:
+### Nuxt 3/4 Configuration
 
 ```typescript
 export default defineNuxtConfig({
-  modules: ['@strands.gg/accui/nuxt-v4'], // ⬅️ Note the '/nuxt-v4' import
+  modules: [
+    '@strands.gg/accui/nuxt',     // Nuxt 3
+    // OR
+    '@strands.gg/accui/nuxt-v4'   // Nuxt 4
+  ],
   
-  // Configuration is identical to Nuxt 3
-  runtimeConfig: {
-    public: {
-      strandsAuth: {
-        apiBaseUrl: 'https://accounts.mydomain.com',
-        clientId: 'your-client-id',
-        onSignInUrl: '/dashboard',
-        onSignOutUrl: '/',
-        accentColor: '#EA00A8'
-      }
-    }
+  strandsAuth: {
+    // API endpoint (required)
+    baseUrl: process.env.NODE_ENV === 'development' 
+      ? 'http://localhost:8000' 
+      : 'https://your-api.example.com',
+    
+    // Navigation
+    onSignInUrl: '/dashboard',
+    onSignOutUrl: '/',
+    
+    // OAuth2 configuration
+    oauth2RedirectUrl: 'https://your-app.example.com/oauth2/callback', // Optional
+    
+    // Support
+    supportEmail: 'support@your-app.example.com', // Optional
+    
+    // Development
+    devMode: process.env.NODE_ENV === 'development',
+    
+    // Styling
+    accentColor: '#EA00A8',
+    styles: true, // Auto-import CSS
+    
+    // Security
+    autoRefresh: true,
+    refreshInterval: 4, // minutes
+    
+    // Route protection
+    protectedRoutes: ['/dashboard/*', '/admin/*'],
+    guestOnlyRoutes: ['/auth', '/login', '/register']
   }
 })
-```
-
-**Key Differences for Nuxt v4:**
-
-- **Module Import**: Use `@strands.gg/accui/nuxt-v4` instead of `@strands.gg/accui/nuxt`
-- **Compatibility**: Built specifically for Nuxt 4.0+ with updated APIs
-- **Same API**: All configuration options and components remain identical
-- **Future-Ready**: Optimized for Nuxt 4's performance improvements
-
-**Migration from Nuxt 3 to Nuxt 4:**
-
-```diff
-export default defineNuxtConfig({
--  modules: ['@strands.gg/accui/nuxt'],
-+  modules: ['@strands.gg/accui/nuxt-v4'],
-  
-  // Rest of config stays the same!
-  runtimeConfig: { /* ... */ }
-})
-```
 
 ## 🧩 Components
 
 ### Authentication Components
 
-| Component | Description | Use Case |
-|-----------|-------------|----------|
-| `StrandsAuth` | Combined auth with tabs | All-in-one solution |
-| `StrandsSignIn` | Email + password sign in | Traditional login |
-| `StrandsSignUp` | Magic link signup | Passwordless registration |
-| `StrandsCompleteSignUp` | Complete registration flow | Magic link completion |
-| `StrandsPasswordReset` | Password reset form | Recovery flow |
-| `StrandsUserProfile` | Profile management | User settings |
-| `StrandsMFASetup` | Multi-factor auth setup | Security enhancement |
-
-### Utility Components
-
-| Component | Description |
-|-----------|-------------|
-| `SignedIn` | Conditional rendering for authenticated users |
-| `SignedOut` | Conditional rendering for unauthenticated users |
-| `StrandsConfigProvider` | Scoped configuration provider |
-| `StrandsLogo` | Strands branding logo |
-| `StrandsSecuredFooter` | "Secured by Strands" footer |
-
-### UI Components
-
-| Component | Description | Props |
-|-----------|-------------|-------|
-| `UiButton` | Styled button | `variant`, `size`, `loading`, `disabled` |
-| `UiInput` | Form input field | `type`, `label`, `error`, `placeholder` |
-| `UiCard` | Container card | `variant`, `shadow`, `padding` |
-| `UiTabs` | Tab navigation | `tabs`, `modelValue` |
-| `UiAlert` | Status messages | `variant`, `message` |
-| `UiLink` | Styled link | `variant`, `size` |
-
-## � Nuxt Module Features
-
-The Nuxt module provides a complete authentication solution with:
-
-### ✨ **Auto-Registration**
-- **Components**: All authentication and UI components are automatically imported
-- **Composables**: Authentication state management available globally
-- **Middleware**: Route protection built-in (`auth`, `guest`, global middleware)
-- **Types**: Full TypeScript support with auto-completion
-- **Styles**: CSS automatically included in your Nuxt build
-
-### 🎨 **Auto-Import Styles**
-The Nuxt module automatically includes all necessary CSS:
-```typescript
-// Automatically added to your project:
-// - Main component styles (@strands.gg/accui/style.css)
-// - Custom accent color variables
-// - Responsive design classes
-// - Dark/light mode support
-```
+| Component | Description | Requirements |
+|-----------|-------------|--------------|
+| `StrandsAuth` | Combined auth with tabs | Valid application domain |
+| `StrandsSignIn` | Email + password/MFA | Registered user account |
+| `StrandsSignUp` | Magic link signup | SMTP configuration |
+| `StrandsUserProfile` | Profile management | Active session |
+| `StrandsMFASetup` | MFA configuration | User with verified email |
 
-**Custom Styling (Disable Auto-Import):**
-```typescript
-export default defineNuxtConfig({
-  modules: ['@strands.gg/accui/nuxt'],
-  runtimeConfig: {
-    public: {
-      strandsAuth: {
-        apiBaseUrl: 'https://accounts.mydomain.com',
-        clientId: 'your-client-id',
-        autoImportStyles: false, // Disable auto-import
-        // ... other options
-      }
-    }
-  },
-  // Manually control CSS imports
-  css: [
-    // Import only base styles
-    '@strands.gg/accui/style.css',
-    // Or use your own custom styles
-    '~/assets/css/custom-auth.css'
-  ]
-})
-```
+### Composables
 
-### 🔒 **Route Protection**
 ```typescript
-// Automatic protection based on configuration
-protectedRoutes: ['/dashboard/*', '/profile', '/settings/*']
-guestOnlyRoutes: ['/auth', '/login', '/register']
-```
-
-### 🎨 **Styling Integration**
-- Custom CSS variables for theming
-- Configurable accent colors
-- TailwindCSS compatibility
-- Dark/light mode support
-
-### ⚡ **Performance Optimized**
-- Client-side hydration with SSR support
-- Automatic token refresh
-- Minimal bundle size impact
-- Tree-shaking optimized
-
-### 🛠️ **Developer Experience**
-- Hot reload support
-- Development mode with debug logging
-- TypeScript definitions included
-- Comprehensive error handling
-
-## �🔧 Composables
-
-### `useStrandsAuth()`
-
-Global authentication state management with clean integration points:
-
-```typescript
-const {
-  user,           // Current user object
-  isAuthenticated, // Boolean auth status
-  isLoading,      // Loading state
-  signOut,        // Sign out function
-  refreshUser     // Refresh user data
+// Auto-imported in Nuxt
+const { 
+  user,              // Current user from JWT
+  isAuthenticated,   // Session validity
+  signOut,          // Clear session
+  refreshToken      // Rotate JWT token
 } = useStrandsAuth()
 
-// Integration note: All auth methods are ready for SDK integration
-// Replace placeholder implementations with actual auth service calls
-```
-
-### `useStrandsConfig()`
-
-Configuration management:
-
-```typescript
+// OAuth providers from API
 const { 
-  config,    // Current configuration
-  getUrl     // Helper to build API URLs
-} = useStrandsConfig()
-```
-
-### `useOAuthProviders()`
-
-OAuth provider management:
-
-```typescript
-const {
-  enabledProviders,    // Available OAuth providers
-  loading,            // Loading state
-  error,              // Error state
-  fetchProviders,     // Fetch providers from API
-  redirectToProvider  // Initiate OAuth flow
+  providers,         // Available OAuth providers
+  fetchProviders,   // Load from API
+  redirectToProvider // Initiate OAuth flow
 } = useOAuthProviders()
 ```
 
-## 🎨 Magic Link Flow
-
-The signup component uses a modern magic link approach:
-
-```vue
-<template>
-  <!-- User enters email only -->
-  <StrandsSignUp @success="handleMagicLinkSent" />
-</template>
-
-<script setup lang="ts">
-// User receives magic link via email
-// Clicking link completes registration
-const handleMagicLinkSent = (data: { email: string }) => {
-  // Show success message
-  console.log(`Magic link sent to ${data.email}`)
-}
-</script>
-```
-
-## 🔐 Configuration
-
-### Global Configuration
-
-```typescript
-import { setStrandsConfig } from '@strands.gg/accui'
-
-setStrandsConfig({
-  apiBaseUrl: 'https://your-api.com',
-  clientId: 'your-client-id',
-  // Additional options
-})
-```
-
-### Scoped Configuration
-
-```vue
-<template>
-  <StrandsConfigProvider :config="scopedConfig">
-    <StrandsAuth />
-  </StrandsConfigProvider>
-</template>
-
-<script setup lang="ts">
-const scopedConfig = {
-  apiBaseUrl: 'https://different-api.com'
-}
-</script>
-```
-
-## 🎯 OAuth Integration
-
-OAuth providers are dynamically loaded from your API endpoint:
-
-```javascript
-// GET /api/v1/oauth/providers
-{
-  "providers": [
-    {
-      "id": "google",
-      "name": "Google",
-      "displayName": "Google",
-      "iconUrl": "https://example.com/google-icon.svg",
-      "enabled": true
-    }
-  ]
-}
-```
-
-## 📱 Responsive Design
+## 🔐 Authentication Flow
 
-All components are mobile-first and responsive:
+1. **Sign Up**: Email → Magic Link → Complete Registration
+2. **Sign In**: Email + Password → Optional MFA → JWT Token
+3. **Token Rotation**: 5-minute access tokens, 30-day refresh tokens
+4. **OAuth**: Dynamic provider discovery → Authorization → Callback
 
-- **Mobile**: Optimized touch targets and layouts
-- **Tablet**: Adaptive spacing and sizing
-- **Desktop**: Full-featured experience
+## 🎨 Styling
 
-## 🔧 Troubleshooting
+Components use Tailwind CSS with custom properties:
 
-### Nuxt Module Issues
-
-**Module not found:**
-```bash
-npm install @strands.gg/accui
-# Ensure module is in nuxt.config.ts modules array
-# Ensure you're using version 0.0.8+ which includes the fixed module build
-```
-
-**"Cannot find module './nuxt/module'" error:**
-```bash
-# This was fixed in v0.0.8 - update to the latest version:
-npm update @strands.gg/accui
-```
-
-**TypeScript errors:**
-```typescript
-// Add type declaration in nuxt.config.ts
-declare module '@nuxt/schema' {
-  interface RuntimeConfig {
-    public: {
-      strandsAuth: StrandsAuthConfig
-    }
-  }
+```css
+:root {
+  --strands-primary: #EA00A8;  /* Strands brand color */
+  --strands-secondary: #B8006F;
+  /* Set via accentColor config */
 }
 ```
 
-**Components not auto-importing:**
-```typescript
-// Verify module configuration
-modules: ['@strands.gg/accui/nuxt']
-```
-
-**Styles not loading:**
+To use custom styles:
 ```typescript
-// Check if auto-import is enabled (default: true)
-runtimeConfig: {
-  public: {
-    strandsAuth: {
-      autoImportStyles: true // Enable auto-import
-    }
-  }
-}
-
-// Or manually import styles:
-export default defineNuxtConfig({
-  css: ['@strands.gg/accui/style.css'] // Manual import
-})
-
-// For completely custom styling:
-runtimeConfig: {
-  public: {
-    strandsAuth: {
-      autoImportStyles: false // Disable auto-import
-    }
-  }
+strandsAuth: {
+  styles: false, // Disable auto-import
+  // ... other config
 }
 ```
 
-**Middleware not working:**
-```vue
-<!-- Ensure pages are in pages/ directory -->
-<script setup lang="ts">
-definePageMeta({
-  middleware: 'auth' // or 'guest'
-})
-</script>
-```
+## 🚨 Common Issues
 
-### Common Issues
+### "Cannot connect to API"
+- Verify your domain is registered with us
+- Check CORS is enabled for your origin
+- Ensure API is running (development: port 8000)
 
-**Build errors:**
-- Ensure Node.js 16+ is installed
-- Clear `.nuxt` and `node_modules`, reinstall dependencies
-- Check for conflicting CSS frameworks
+### "Invalid client configuration"
+- Application domain must match request origin
+- Cannot use from localhost without registration
 
-**Runtime errors:**
-- Verify `apiBaseUrl` and `clientId` configuration
-- Check browser console for detailed error messages
-- Enable `devMode: true` for debugging
+### "MFA verification failed"
+- TOTP codes expire after 30 seconds
+- Email codes expire after 10 minutes
+- Hardware keys require HTTPS origin
 
-## 🎨 Theming
+## 🔧 Development Setup
 
-Components use CSS custom properties for theming:
+For local development of Strands applications, configure your Nuxt app to use the development API endpoint:
 
-```css
-:root {
-  --strands-primary: #your-brand-color;
-  --strands-secondary: #your-secondary-color;
-  /* Additional theme variables */
+```typescript
+strandsAuth: {
+  baseUrl: process.env.NODE_ENV === 'development' 
+    ? 'http://localhost:8000' 
+    : 'https://your-api.example.com',
+  devMode: true
 }
 ```
 
-## 📋 TypeScript Support
+Contact the platform team to register your local development domain.
 
-Full TypeScript definitions included:
+## 📋 TypeScript Types
 
 ```typescript
-import type { 
-  StrandsUser, 
-  StrandsSession, 
-  StrandsAuthConfig,
-  ButtonVariant,
-  InputType 
+import type {
+  User,              // User model from API
+  Session,           // JWT session data
+  StrandsAuthConfig, // Module configuration
+  MfaDevice,        // MFA device types
+  AuthResponse      // API responses
 } from '@strands.gg/accui'
 ```
 
-## 🔧 Requirements
+## 🏗️ Requirements
 
-- **Vue**: 3.5+ 
-- **Node**: 16+
-- **TypeScript**: 5+ (optional but recommended)
-- **Nuxt**: 3.0+ (for `/nuxt` module) or 4.0+ (for `/nuxt-v4` module)
+- **Domain Registration**: Your application domain must be registered with Strands Services
+- **HTTPS**: Required for production OAuth and hardware key authentication
 
 ## 📄 License
 
-MIT © Strands Services Limited
-
----
+**PROPRIETARY - Strands Services Limited**
 
-**Need help?** Check out our [documentation](https://docs.strands.gg) or open an issue on GitHub.
+This software is the proprietary property of Strands Services Limited and may only be used in accordance with the terms of your agreement with Strands Services.
 
+---

package/dist/accui.css

@@ -796,9 +796,6 @@
   .bg-red-400 {
     background-color: var(--color-red-400);
   }
-  .bg-red-500 {
-    background-color: var(--color-red-500);
-  }
   .bg-strands-50 {
     background-color: var(--color-strands-50);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strands.gg/accui",
-  "version": "1.0.2",
+  "version": "1.1.1",
   "description": "Strands Authentication UI Components",
   "type": "module",
   "main": "./dist/strands-auth-ui.cjs.js",