DesignX

Core

26

@paxeer/core

shadcn-adapted MD3 primitives: button, dialog, badge, input, table, tabs, command, and DesignX wrappers.

MD3 tokens

Core

Material Design 3 color, shape, and state tokens seeded from Paxeer blue #2841B8. Dark is default.

md3-tokensLive

LTWave typography

Core

LTWave and LTWaveMono typeface hooks. Font files are optional; CSS variables are required.

typographyLive

Utils

Core

className merge helper and dense MD3 focus-ring class.

utilsLive

Button

Core

shadcn Button restyled to MD3. Aliases: filled=default, error=destructive, tonal=secondary.

buttonLive

Virtual list

Core

Windowed list for dense IDE, tape, and roster rows.

virtual-listLive

Numeric stepper

Core

Increment/decrement field composed from Button + Input.

numeric-stepperLive

Status chip

Core

Badge wrapper. Tones map only to MD3 roles.

status-chipLive

Scroll region

Core

Named ScrollArea wrapper with a dense focus ring.

scroll-regionLive

Split handle

Core

Resizable start/end panes built on shadcn Resizable.

split-handleLive

Dialog

Core

Modal dialog primitive. Registry id is dialog — never modal or sheet.

dialogLive

Surface

Core

MD3 surface container. Registry id is surface — never modal or sheet.

surfaceLive

Badge

Core

shadcn Badge restyled to MD3 roles.

badgeLive

Input

Core

shadcn Input restyled to MD3.

inputLive

Textarea

Core

shadcn Textarea restyled to MD3.

textareaLive

Separator

Core

shadcn Separator restyled to MD3 outline-variant.

separatorLive

Skeleton

Core

shadcn Skeleton on surface-variant.

skeletonLive

Alert

Core

shadcn Alert. Destructive maps to error-container.

alertLive

Empty

Core

shadcn Empty state.

emptyLive

Scroll area

Core

shadcn ScrollArea. scroll-region wraps this.

scroll-areaLive

Table

Core

shadcn Table restyled to MD3.

tableLive

Tabs

Core

shadcn Tabs restyled to MD3.

tabsLive

Card

Core

shadcn Card on surface-container.

cardLive

Command

Core

shadcn Command (cmdk) composed with dialog.

commandLive

Resizable

Core

shadcn Resizable. split-handle wraps this.

resizableLive

Progress

Core

shadcn Progress on primary.

progressLive

Toggle group

Core

shadcn ToggleGroup restyled to MD3.

toggle-groupLive