Domain blocks

<KanbanColumn variant="pill" tinted title="In progress" color="info" count={2}
  hoverActions={<IconButton aria-label="Add task" variant="ghost" size="xs"><Plus /></IconButton>}
  onToggleCollapse={() => toggle()}>
  <KanbanCard
    title="Design onboarding"
    priority="high"
    maxVisibleLabels={2}
    quickActions={<IconButton aria-label="More" variant="ghost" size="xs"><MoreHoriz /></IconButton>}
  />
</KanbanColumn>

<TaskCard title="Design new homepage" status="in_progress" priority="high" assignee={{ name: "Novi Yantika" }} />

<IssueItem number={142} title="Dashboard is slow on mobile" state="open" author={{ name: "Ahmad" }} />

<TicketRow id="TKT-2451" subject="Unable to log in" status="open" priority="urgent" sla={{ status: "breached" }} channel="email" />

<InvoiceRow invoiceNumber="INV-1042" customer={{ name: "Zoya Qiara" }} amount={{ value: 1499, currency: "USD" }} status="paid" />

<ProductCard title="Weekly Journal" price={{ amount: 29 }} rating={{ value: 4.5, count: 128 }} onAddToCart={() => {}} />

<CartItem title="Weekly Journal" price={{ amount: 29 }} quantity={2} onQuantityChange={() => {}} onRemove={() => {}} />

<PriceTag amount={29} currency="USD" originalAmount={39} />

<UserBadge user={{ name: "Ahmad Muhyidin", role: "Manajer Produk", initials: "AM" }} />

<RatingStars value={4.5} precision={0.5} readOnly showValue reviewCount={128} />

<LogLine level="error" timestamp={new Date()} message="Type error in button.tsx:42" />

<ThreadMessage author={{ name: "Ahmad Muhyidin", initials: "AM" }} direction="incoming" body="Pushed the RC." />

<ChatInput placeholder="Reply…" suggestions={["Thanks!", "On it"]} onSubmit={() => {}} />

<CommentItem author={{ name: "Novi Yantika", role: "Perancang UI" }} body={<p>Looks clean.</p>} />

<FileRow name="2026-q2-brief.pdf" size={2411724} uploadedAt={new Date()} href="#" />