@tykonpm/ui

Shared UI kit for the Tyko ecosystem (TykoDevStudio, TykoLive, MultiLangual, and later MyRotary UA Hub / Petrov).

Rules

• Never hardcode colors: components reference Tailwind theme tokens (bg-background, text-foreground, border-input, …) provided by the consuming app.
• Site-specific dimensions live in profiles (profiles.ts, form-profiles.ts), not in component code. Add a new site by adding a new profile, never by branching a component.
• The service/* set is the verbatim shared source for TykoLive and MultiLangual; both apps re-export from here. Visual changes must keep both sites pixel-identical unless a profile change is intentional.
• chart.tsx depends on recharts; sonner.tsx on sonner; input-otp.tsx on input-otp; resizable.tsx on react-resizable-panels. Keep them as regular dependencies.

Build & publish

Same flow as the image packages: bun run build (tsup), versioned with changesets, published to npm as @tykonpm/ui with public access.