@nerds-with-charisma/revit-ui 0.3.0 → 0.4.0

package/CHANGELOG.md

@@ -0,0 +1,21 @@
+# Changelog
+
+## 0.4.0
+
+### Added
+
+- **React Native entry** (`@nerds-with-charisma/revit-ui/native`) — Phase 1 components for Expo / React Native apps.
+- **Native theme helpers** (`@nerds-with-charisma/revit-ui/native/theme`) — `RevitThemeProvider`, `useRevitTheme()`, `tokensToStyleSheet()`.
+- Phase 1 native components: `Button`, `Input`, `Label`, `Heading`, `Text`, `Card` (+ header/title/description/content), `Alert` (+ title/description), `Tabs` (+ list/trigger).
+- Storybook **Native** section — previews native components via `react-native-web` (`pnpm dev` → sidebar **Native**).
+- `react-native` optional peer dependency; `react-dom` marked optional for native-only consumers.
+
+### Notes
+
+- Web entry (`@nerds-with-charisma/revit-ui`) is unchanged.
+- Native components use `revitTokens` via `StyleSheet` — no Radix, Tailwind, or CSS.
+- **EMESH Epic 8.6**: after bumping to `^0.4.0`, swap native login primitives for `@nerds-with-charisma/revit-ui/native`.
+
+## 0.3.0
+
+Initial published release — web design system with Revit tokens, shadcn/Radix components, and Tailwind v4 styling.

package/README.md

@@ -127,6 +127,84 @@ const myTokens: RevitThemeTokens = {
 
 Tokens only: `import { revitTokens } from '@nerds-with-charisma/revit-ui/theme/revit'`
 
+## React Native
+
+Expo / React Native apps import from a separate entry — web bundles stay unchanged.
+
+```tsx
+import {
+  Button,
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle,
+  Input,
+  Label,
+  RevitThemeProvider,
+} from '@nerds-with-charisma/revit-ui/native'
+
+export const SignInScreen = () => (
+  <RevitThemeProvider>
+    <Card variant="elevated">
+      <CardHeader>
+        <CardTitle>Sign in</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <Label>Email</Label>
+        <Input placeholder="you@example.com" autoCapitalize="none" />
+        <Button onPress={() => {}}>Continue</Button>
+      </CardContent>
+    </Card>
+  </RevitThemeProvider>
+)
+```
+
+Theme helpers only:
+
+```tsx
+import { tokensToStyleSheet, useRevitTheme } from '@nerds-with-charisma/revit-ui/native/theme'
+import { revitTokens } from '@nerds-with-charisma/revit-ui/theme/revit'
+```
+
+### Metro (Expo)
+
+Enable package exports and the `react-native` condition so `./native` and `./theme/revit` resolve:
+
+```js
+// metro.config.js
+const { getDefaultConfig } = require('expo/metro-config')
+
+const config = getDefaultConfig(__dirname)
+
+config.resolver.unstable_enablePackageExports = true
+config.resolver.unstable_conditionNames = ['react-native', 'require', 'import']
+
+module.exports = config
+```
+
+### Import paths
+
+| Path | Use |
+|------|-----|
+| `@nerds-with-charisma/revit-ui` | Web — Radix + Tailwind components + `styles.css` |
+| `@nerds-with-charisma/revit-ui/theme/revit` | Shared tokens (web + native) |
+| `@nerds-with-charisma/revit-ui/native` | React Native components (Phase 1) |
+| `@nerds-with-charisma/revit-ui/native/theme` | `RevitThemeProvider`, `useRevitTheme`, `tokensToStyleSheet` |
+
+Peers: `react` + `react-native` (no `react-dom` required for native).
+
+### Phase 1 native components
+
+`Button`, `Input`, `Label`, `Heading`, `Text`, `Card` (+ `CardHeader`, `CardTitle`, `CardDescription`, `CardContent`), `Alert` (+ `AlertTitle`, `AlertDescription`), `Tabs` (+ `TabsList`, `TabsTrigger`).
+
+Browse them in Storybook under **Native** (rendered via `react-native-web` in the browser).
+
+Variant names match web CVA (`variant="outline"`, `variant="elevated"`, etc.). Use RN idioms: `onPress`, `style`, optional `testID` (like web `data-id`).
+
+### Web-only (not in native yet)
+
+`RevitForm`, `Select`, `Dialog`, charts, `Sonner`, and the full Radix primitive set remain web-only. Phase 2 will add native form helpers and `Select`.
+
 ## Components
 
 | Category | Components |