TTyko

Пакети / Інтерфейс

@tykonpm/ui

v0.2.1

Спільні UI-примітиви й профілі сервісів на Radix.

$ npm i @tykonpm/ui
npm Код
ОглядДля AI-платформ

← Усі пакети Tyko

Shared Tyko UI kit.

Two layers:

  • **Profile-driven factories** — createButton, createDialog, createAlertDialog, createSheet, createPopover, createTooltip, createFields, createBadge, createSurfaces, createTabs. Each site passes its own visual profile (mainButtonProfile, serviceFieldProfile, …) so dimensions and behavior stay site-specific while the implementation is shared.
  • **Service component set** (service/*) — the 29 components shared verbatim by TykoLive and MultiLangual: accordion, alert, avatar, badge, breadcrumb, card, chart, checkbox, collapsible, context-menu, dropdown-menu, hover-card, input, input-otp, label, menubar, navigation-menu, progress, radio-group, resizable, select, skeleton, slider, sonner, switch, table, tabs, textarea, toggle.

Also exports cn (clsx + tailwind-merge).

Usage

tsx
import { createButton, mainButtonProfile } from "@tykonpm/ui";

export const { Button, buttonVariants } = createButton(mainButtonProfile);

Components are unstyled beyond the class strings carried by the profiles; the consuming app provides the Tailwind theme tokens (--background, --primary, …).