admin
0 Followers · 0 Following
  • Joined on 2026-02-18
Repositories Projects Packages Public Activity Starred Repositories

@assemblcorp/theme-editor (1.0.6)

Published 2026-04-01 19:11:24 +00:00 by admin

Installation

@assemblcorp:registry=
npm install @assemblcorp/theme-editor@1.0.6
"@assemblcorp/theme-editor": "1.0.6"

About this package

@assemblcorp/theme-editor

Interactive theme-editor package for visual theme creation and preview flows.

Exports

Components & Providers:

import {
  ThemeGeneratorWizard,           // Main 5-step form
  ThemeGeneratorWizardProvider,   // State + preview management
} from '@assemblcorp/theme-editor'

import { useThemePreviewSync } from '@assemblcorp/theme-editor'

Types & Constants:

import type { ThemeWizardFormData } from '@assemblcorp/theme-editor'
import { DEFAULT_THEME_FORM_DATA, PERSONALITY_TRAITS, FONT_PAIRINGS } from '@assemblcorp/theme-editor'

Dependencies

{
  "@assemblcorp/ui": "workspace:*",
  "@assemblcorp/kernel": "workspace:*",
  "react": "^18.0+ || ^19.0+",
  "zod": "^4.2+"
}

Quick Start

import { ThemeGeneratorWizardProvider, ThemeGeneratorWizard } from '@assemblcorp/theme-editor'

export function ThemeCreationPage() {
  return (
    <ThemeGeneratorWizardProvider onThemeCreated={handleThemeCreated}>
      <ThemeGeneratorWizard />
    </ThemeGeneratorWizardProvider>
  )
}

Build & Test

pnpm -C packages/theme-editor build
pnpm -C packages/theme-editor typecheck

Testing

The package has colocated Vitest coverage for the provider, hooks, form utilities, and generator logic. Run the workspace test runner from the repo root:

pnpm test -- --run packages/theme-editor/src

Architecture

5-Step Wizard Flow:

  1. Color selection (primary + accents)
  2. Personality & archetype detection
  3. Typography configuration
  4. Density, radius, font-size modes
  5. Preview & export

Data Flow: User input → Form state → Preview sync → Theme injection

Separation of Concerns: remains an optional higher-level package layered on top of the shared UI and kernel surfaces.

License

MIT

Dependencies

Dependencies

ID Version
@assemblcorp/kernel 1.0.12
@texel/color ^1.1.11
apca-w3 ^0.1.9
neverthrow ^8.2.0
tailwind-merge ^3.5.0

Development Dependencies

ID Version
@rolldown/plugin-babel ^0.2.2
@types/react ^19.2.14
@typescript/native-preview 7.0.0-dev.20260327.2
@vitejs/plugin-react ^6.0.1
typescript npm:@typescript/native-preview@7.0.0-dev.20260327.2
vite npm:@voidzero-dev/vite-plus-core@latest
vite-plus latest

Peer Dependencies

ID Version
@assemblcorp/ui 1.1.4
lucide-react >=0.400.0
react ^18.0.0 || ^19.0.0
react-dom ^18.0.0 || ^19.0.0
zod ^4.0.0

Keywords

theme wizard theme-generator interactive react jax-ui design-system
Details
npm
2026-04-01 19:11:24 +00:00
565
Project Site
MIT
latest
157 KiB
Assets (1)
theme-editor-1.0.6.tgz 157 KiB
Versions (2) View all
1.0.6 2026-04-01
1.0.5 2026-02-28