Lux UI

~/work/lux/ui/
  package.json          # Root workspace (@luxfi/ui v0.1.0)
  pnpm-workspace.yaml   # app, apps/*, packages/*, pkg/*
  brand.config.ts       # Theme: pure black/white monochrome
  components.json       # shadcn/ui component registry config
  playwright.config.ts  # E2E test configuration

  app/                  # Main docs/registry app (@luxfi/ui-web)
    components/         # 60+ component implementations
    registry/           # Component registry system
    hooks/              # 13 React hooks
    lib/                # Utilities
    scripts/            # Build scripts
    __registry__/       # Auto-generated registry data
    __tests__/          # Test suites

  apps/
    v4/                 # v4 preview app (port 4000, Turbopack)
    www/                # Marketing site

  packages/
    shadcn/             # shadcn CLI fork (v3.8.4) -- component installer
    og/                 # Open Graph image generation
    tests/              # Shared test utilities

  pkg/                  # Domain-specific packages
    ui/                 # Core component library (@luxfi/ui v5.3.37)
    brand/              # Brand assets and tokens
    commerce/           # E-commerce components
    checkout/           # Checkout flow components
    shop/               # Shop/storefront components
    web3/               # Web3/wallet components
    react/              # React-specific utilities
    data/               # Data display components
    agent-ui/           # AI agent interface components
    menu-icons/         # Menu icon set
    ui-templates/       # Page templates

{
  name: "Lux UI",
  siteUrl: "https://ui.lux.network",
  company: "Lux Partners Limited",
  github: { org: "luxfi", repo: "ui" },
  theme: {
    primary: "#1a1a1a",        // Near black
    darkBackground: "#000000", // Pure black
    darkForeground: "#fafafa"  // Near white
  }
}

cd ~/work/lux/ui

# Install dependencies
pnpm install

# Start all apps in parallel
pnpm dev

# Start specific apps
pnpm v4:dev          # v4 preview (port 4000)
pnpm www:dev         # Marketing site
pnpm hanzo-ui:dev    # Hanzo UI variant

# Build
pnpm build           # Build all
pnpm v4:build        # Build v4 app
pnpm cli:build       # Build CLI

# Testing
pnpm test            # Unit tests (Vitest)
pnpm test:e2e        # E2E tests (Playwright)
pnpm test:visual     # Visual regression tests
pnpm health-check    # Component health validation

# Registry
pnpm build:registry  # Build component registry
pnpm registry:build  # Alternative registry build
pnpm registry:capture # Capture component screenshots

# Code quality
pnpm lint            # ESLint
pnpm lint:fix        # Auto-fix lint issues
pnpm format:write    # Prettier formatting
pnpm typecheck       # TypeScript type checking
pnpm check           # lint + typecheck + format:check

# Publishing
pnpm pub:beta        # Publish beta to npm
pnpm pub:release     # Publish release to npm
pnpm release         # Changeset version bump