The Coline design system: accessible React components for Coline Apps, themed live by the host workspace, and for Coline Sites in light and dark. Tailwind v4 stylesheet included. MIT.
| 1 | // @colineapp/ui — the tier-2 React component library for Coline Apps |
| 2 | // (plan §7.2.4). The components are the Coline design system, vendored |
| 3 | // from the platform's shadcn set; they consume theme tokens injected by |
| 4 | // the sandbox bridge, so dark mode and brand changes stay host-controlled. |
| 5 | |
| 6 | export { cn } from |
| 7 | export { |
| 8 | ColineAppProvider, |
| 9 | useColine, |
| 10 | useColineContext, |
| 11 | useColineQuery, |
| 12 | useColorScheme, |
| 13 | } from "./provider"; |
| 14 | export type { ColineQueryState } from "./provider"; |
| 15 |
| 16 | export * from "./components/badge"; |
| 17 | export * from "./components/button"; |
| 18 | export * from "./components/card"; |
| 19 | export * from "./components/checkbox"; |
| 20 | export * from "./components/dialog"; |
| 21 | export * from "./components/dropdown-menu"; |
| 22 | export * from "./components/field"; |
| 23 | export * from "./components/input"; |
| 24 | export * from "./components/label"; |
| 25 | export * from "./components/popover"; |
| 26 | export * from "./components/progress"; |
| 27 | export * from "./components/select"; |
| 28 | export * from "./components/separator"; |
| 29 | export * from "./components/skeleton"; |
| 30 | export * from "./components/slider"; |
| 31 | export * from "./components/switch"; |
| 32 | export * from "./components/table"; |
| 33 | export * from "./components/tabs"; |
| 34 | export * from "./components/textarea"; |
| 35 | export * from "./components/toggle"; |
| 36 | export * from "./components/tooltip"; |
| 37 |
| 38 | export { useLiveCollection } from "./live-collection"; |
| 39 |
| 40 | export * from "./patterns/workspace"; |
| 41 |