@servicetitan/carto-rn-kit

Carto's React Native component kit — the native counterpart to @servicetitan/carto-react-kit. Same component APIs where they make sense on native; React Native primitives (Pressable, View, Text) and native accessibility in place of the web kit's DOM + React Aria + CSS.

Status: Phase 0 walking skeleton. Only Button is implemented, and it carries plain style values (not yet wired to @servicetitan/carto-tokens). The package exists to prove the end-to-end pipeline — build, test, and stories on both web and device — before the full component surface is ported.

Install

pnpm add @servicetitan/carto-rn-kit react-native react-native-svg

react and react-native are peer dependencies.

Usage

import { Button } from "@servicetitan/carto-rn-kit";

<Button label="Save" variant="primary" onPress={save} />;

Development

• pnpm build — react-native-builder-bob emits CommonJS, ESM, and type declarations to dist/. Metro consumers resolve raw TypeScript source via the source / react-native package fields.
• pnpm test — unit tests run through react-native-web under Vitest.
• pnpm typecheck / pnpm lint — tsc and Biome.
• pnpm storybook — the web (react-native-web + Vite) Storybook on port 6008.
• On-device Storybook lives in apps/carto-rn-device-storybook and consumes the same stories.