SDK v2 Phase 4 (2/4): @colineapp/ui — the tier-2 component library

Radin committed …

⧉a04e15a16ef4

Author

Radin · radin@coline.appAug 10, 2026 at 18:58

Committer

Radin · radin@coline.appAug 10, 2026 at 18:58

Parents

ba3ca2aa1673

SDK v2 Phase 4 (2/4): @colineapp/ui — the tier-2 component library

The Coline design system as a real package (plan §7.2.4), vendored from
the platform's shadcn set per the design-consistency mandate: Button,
Card, Input, Textarea, Label, Badge, Separator, Skeleton, Switch,
Checkbox, Select, Tabs, Dialog, DropdownMenu, Tooltip, Popover, Table,
Progress, Slider, Toggle, Field (+ the menu-highlight/liquid-surface
internals they depend on). Host-app couplings stripped (the Meridian
overlay veil does not apply inside a sandbox frame).

Runtime layer:
- ColineAppProvider connects the guest bridge, applies host theme tokens
  to the frame root (dark mode flips live), and reports content height
  via ResizeObserver.
- useColine / useColineContext / useColorScheme / useColineQuery — the
  app-side hooks over the capability bridge (plan §7.2.6).
- Tailwind v4 base stylesheet whose token defaults mirror the platform's
  shadcn variables — the bridge overwrites them at runtime, so
  components consume tokens only and the host owns appearance.
  build:css compiles dist/styles.css for the sandbox shell.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>