Packages

The Milda ecosystem is a monorepo of focused packages. The IR and generators are the backbone; the rest are the editor, utilities, and supporting surfaces.

#Core

• @milda/core — the framework-agnostic IR: component structure, facet/layout vocabulary, foundation token scales, behavior primitives, the token resolver, and the document model. Both the editor and the generators consume it. No React, no codegen, no UI.
• milda — the shared prelude of types and enums for the language: foundations, archetypes, behaviors, tokens, context groups. The common vocabulary every package speaks.

#Generation & release

• @milda/generate — the back-end layer. Defines the target contract and the React generator (emits component source + theme). Figma token export lives here too; more targets slot in alongside.
• @milda/release — artifact assembly: turns the IR into a release plan and per-package manifests. Isomorphic and side-effect-free; the build/publish service consumes its output.
• @milda/example — the canonical example design system (~45 components) built by seeding each archetype's anatomy and enriching it with a public contract, state/variant matrix, accessibility, motion, instances, slots and media. New projects begin here, and it is the source the release pipeline publishes as @example/ds.

#Editor

• @milda/editor — the portable Studio editor UI and local-first runtime, extracted so the same components run in the hosted Studio (database-backed) and here in the docs (in-memory). Exports the sync runtime (provider, hooks, mutations, document model) and the Foundations value editors. This is what powers the live examples on this site.
• @milda/color-picker — a self-contained color picker used by the token editors; no coupling to Milda-specific state.

#Supporting

• @milda/landing — marketing landing components.
• @milda/emails — transactional email templates.