Orazaka UI

@krizaka/orazaka-design-system 2.5.0 is Orazaka's design system: the Krizaka platform worn by Orazaka. It overrides the values of the --kz-* roles — never the components — and adds the few components that carry the product's vocabulary, each built on a @krizaka/ui primitive.

How it extends Krizaka UI

1. @krizaka/tokens/tokens.cssThe platform: every role — surfaces, text, accent, status — with its Krizaka value, in both modes.
2. @krizaka/tokens/brands/orazaka.cssThe product's brand: the accent family and the section gradient of its mark.
3. @krizaka/orazaka-design-system/theme.cssThe kit's theme: the values the product changes on top, and its own tokens.

Components on top: a product component composes @krizaka/ui primitives (a token, then a variant, then a composite) — it never copies one.

The palette, the contrasts and the product rules

Install

npm install @krizaka/orazaka-design-system && npm install -D tailwindcss

@import "tailwindcss";
@import "@krizaka/orazaka-design-system/theme.css";

The package ships its TypeScript sources: add it to transpilePackages (with @krizaka/orazaka-shared and @krizaka/ui).

What the kit adds

Each component says why Krizaka UI alone was not enough, and which primitive it is built on.

• ButtonThe @krizaka/ui button with the Orazaka 1.x default kept: without a variant, it is the primary (orange) button.Built on button
• Command paletteThe Orazaka ⌘K palette: jump to a studio, a chat, a setting — sections, registry icons and a footer of hints, on the platform's command dialog.Built on command · kbd · dialog
• SkeletonThe @krizaka/ui skeleton (default shape rect) with the 1.x shorthands, and SkeletonGroup — a paragraph of text lines.Built on skeleton
• BadgeThe @krizaka/ui badge with the 1.x variant kept as a deprecated alias of tone.Built on badge
• Chat showcaseA self-playing sovereign AI chat: a question, the answer typed out, the interceptor pipeline it went through, and the promise that nothing left the premises.
• IconThe Orazaka icon registry: one Icon component and a typed name for every product concept — studios, models, the pipeline, RAG, MCP.
• Sentinel miniThe Sentinel, Orazaka's guardian, at 24 px: a core, a ring and an orbit in the accent — for a sidebar, a header, a loading corner.

Deprecated

Kept for the apps that still use them, each with its replacement.

• Dialog (1.x)The 1.x modal (open, onClose, title, description), drawn by the @krizaka/ui dialog.Built on dialogUse instead: Krizaka UI — dialog
• Toast container (1.x)The 1.x controlled list of toasts (toasts, onDismiss), drawn by the @krizaka/ui Toaster.Built on toastUse instead: Krizaka UI — toast
• Card (1.x)The 1.x card parts — Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter — drawn by the @krizaka/ui card.Built on cardUse instead: Krizaka UI — card

Re-exported from Krizaka UI

Imported from the kit by older code; new code imports them from @krizaka/ui.

• buttonVariants@krizaka/ui/button
• cn@krizaka/ui/cn
• Field@krizaka/ui/field
• IconButton@krizaka/ui/button
• Input@krizaka/ui/field
• Select@krizaka/ui/field
• Textarea@krizaka/ui/field

Generated from the code of @krizaka/orazaka-design-system 2.5.0: its meta.ts, its examples and its types.