@castui/cast-ui 0.2.0 → 0.4.0

package/README.md

@@ -1,6 +1,8 @@
 # Cast UI
 
-A cross-platform design system for React Native (iOS, Android, Web) with multi-theme support. Components are built with vanilla React Native primitives and themed via design tokens exported from Figma.
+A cross-platform design system for React Native (iOS, Android, Web) with custom theme support via `createTheme()`. Components are built with vanilla React Native primitives and themed via design tokens exported from Figma.
+
+Ships a **Default base theme** that uses system fonts and neutral styling — ready for you to customise with your brand.
 
 ## Architecture
 
@@ -33,6 +35,12 @@ Example:
 
 See [`design-tokens/DESIGN-TOKENS-SUMMARY.md`](design-tokens/DESIGN-TOKENS-SUMMARY.md) for the full token reference.
 
+## Examples
+
+For live examples showing Cast UI components with custom themes (Consumer, Corporate, Luxury), see the companion repo:
+
+**[Connagh/cast-ui-examples](https://github.com/Connagh/cast-ui-examples)** — includes a multi-theme website, Expo Snack, and an example Storybook demonstrating how to set up `createTheme()` with your own brand.
+
 ## Project Structure
 
 ```
@@ -42,35 +50,35 @@ cast-ui/
       Button/
         Button.tsx              RN Pressable + Text, theme-aware
         Button.stories.tsx      Storybook stories
+      Card/
+        Card.tsx                RN View + Text, theme-aware
+        Card.stories.tsx        Storybook stories
     theme/
       types.ts                  CastTheme TypeScript interface
+      createTheme.ts            Deep-merge utility for custom themes
       ThemeProvider.tsx          React Context provider + useTheme hook
-      fonts.ts                  Per-theme font family helpers
+      fonts.ts                  Dynamic font family helpers
       index.ts                  Barrel export
     tokens/
       build.ts                  Reads Figma JSON, generates TS theme objects
       generated/                Auto-generated (gitignored)
-        white-label.ts
-        consumer.ts
-        corporate.ts
-        luxury.ts
+        default.ts
+        default.reference.json  Copy-paste starting point for custom themes
         index.ts
     index.ts                    Public API
   design-tokens/                Source of truth (Figma export)
-    White label.tokens.json     Default theme (system-ui, slate neutrals)
-    Consumer.tokens.json        Vibrant violet, Poppins
-    Corporate.tokens.json       Professional blue, Merriweather + Inter
-    Luxury.tokens.json          Dark gold, Playfair Display + Cormorant Garamond
+    Default.tokens.json         Default theme (system-ui, slate neutrals)
     DESIGN-TOKENS-SUMMARY.md    Complete token reference
   .storybook/
     main.ts                     Webpack config with react-native-web alias
-    preview.ts                  Theme switcher toolbar + decorator
-    preview-head.html           Google Fonts <link> tags
+    preview.ts                  Decorator wrapping stories in default theme
+    preview-head.html           (empty — default theme uses system fonts)
   .github/workflows/
     chromatic.yml               Visual regression testing on push
     adoption.yml                Zeroheight adoption tracking on push to main
     publish.yml                 Publish to npm on push to main
   dist/                         Build output (gitignored)
+    default.reference.json      Shipped in package for consumers
   tsconfig.json                 Development TypeScript config
   tsconfig.build.json           Library build config (excludes stories)
 ```
@@ -90,7 +98,7 @@ npm install
 
 ### Build Tokens
 
-Generates TypeScript theme objects from the Figma JSON files in `design-tokens/`:
+Generates the TypeScript theme object and reference JSON from the Figma token file in `design-tokens/`:
 
 ```bash
 npm run build:tokens
@@ -104,7 +112,7 @@ This writes to `src/tokens/generated/` (gitignored). Runs automatically before S
 npm run storybook
 ```
 
-Opens at `http://localhost:6006`. Use the paintbrush icon in the toolbar to switch between all four themes.
+Opens at `http://localhost:6006` showing components in the Default theme. For a multi-theme Storybook with custom themes, see the [example Storybook](https://github.com/Connagh/cast-ui-examples/tree/main/storybook-example) in the examples repo.
 
 ## Scripts
 
@@ -113,41 +121,98 @@ Opens at `http://localhost:6006`. Use the paintbrush icon in the toolbar to swit
 | `npm run build:tokens` | Generate TypeScript theme files from Figma token JSON |
 | `npm run storybook` | Start Storybook dev server (auto-runs `build:tokens`) |
 | `npm run build-storybook` | Build static Storybook (auto-runs `build:tokens`) |
-| `npm run build` | Full library build: tokens + TypeScript compilation to `dist/` |
+| `npm run build` | Full library build: tokens + TypeScript compilation + reference JSON to `dist/` |
 | `npm publish` | Publish to npm (auto-runs `build` via `prepublishOnly`) |
 | `npm run zh:track-package` | Register/update package info with Zeroheight (runs automatically via CI) |
 
-## Themes
+## Creating a Custom Theme
 
-Four themes share the same component API but produce completely different visual identities:
+Cast UI ships a **Default base theme** that uses system fonts, slate neutrals, and moderate border radii. Create your own branded theme in three steps:
 
-| Theme | Primary Colour | Typography | Border Radius | Character |
-|-------|---------------|------------|---------------|-----------|
-| **White Label** (default) | Slate-900 | system-ui | Moderate (8px buttons) | Neutral, adaptable |
-| **Consumer** | Violet-600 | Poppins | Rounded (24px pill buttons) | Vibrant, friendly |
-| **Corporate** | Blue-600 | Merriweather + Inter | Crisp (4px buttons) | Professional, structured |
-| **Luxury** | Gold-400 on Black | Playfair Display + Cormorant Garamond | Zero (sharp edges) | Premium, elegant |
+### 1. Copy the reference JSON
 
-When themes switch, **all of the following change simultaneously**: colour palette, font families, border radius, spacing rhythm, elevation, font weight, paragraph spacing, and paragraph indent.
+The package includes `default.reference.json` — a complete snapshot of all theme values. Copy it into your project as a starting point:
 
-## Theme System
+```bash
+cp node_modules/@castui/cast-ui/dist/default.reference.json ./my-brand-theme.json
+```
 
-### ThemeProvider
+### 2. Modify desired values
+
+Edit `my-brand-theme.json` to change only the values you want. You only need to include the properties you're overriding — everything else inherits from the Default theme:
+
+```json
+{
+  "name": "my-brand",
+  "semantic": {
+    "color": {
+      "primary": "#553C9A",
+      "onPrimary": "#FFFFFF",
+      "primaryHover": "#6B46C1",
+      "primaryPressed": "#44337A"
+    },
+    "fontFamily": {
+      "brand": "Poppins",
+      "interface": "Poppins"
+    },
+    "borderRadius": {
+      "small": 12,
+      "medium": 16,
+      "large": 24
+    }
+  }
+}
+```
 
-Wrap your app in `CastThemeProvider`. Defaults to White Label:
+### 3. Create the theme and provide it
 
 ```tsx
-import { CastThemeProvider, consumer } from '@castui/cast-ui';
+import { CastThemeProvider, createTheme, googleFontsUrl } from '@castui/cast-ui';
+import overrides from './my-brand-theme.json';
+
+const myTheme = createTheme(overrides);
+
+// Load any custom fonts (web)
+const fontUrl = googleFontsUrl(myTheme);
+if (fontUrl) {
+  const link = document.createElement('link');
+  link.href = fontUrl;
+  link.rel = 'stylesheet';
+  document.head.appendChild(link);
+}
 
 export default function App() {
   return (
-    <CastThemeProvider theme={consumer}>
-      {/* components here */}
+    <CastThemeProvider theme={myTheme}>
+      {/* your app */}
     </CastThemeProvider>
   );
 }
 ```
 
+`createTheme()` deep-merges your partial overrides with the Default theme, producing a complete `CastTheme` object. You can also pass a second argument to merge against a different base: `createTheme(overrides, otherBaseTheme)`.
+
+## Theme System
+
+### ThemeProvider
+
+Wrap your app in `CastThemeProvider`. Defaults to the Default base theme:
+
+```tsx
+import { CastThemeProvider, defaultTheme, createTheme } from '@castui/cast-ui';
+
+// Use the default theme as-is...
+<CastThemeProvider theme={defaultTheme}>
+  <App />
+</CastThemeProvider>
+
+// ...or create a custom theme
+const myTheme = createTheme({ name: 'my-brand', semantic: { color: { primary: '#FF0000' } } });
+<CastThemeProvider theme={myTheme}>
+  <App />
+</CastThemeProvider>
+```
+
 ### useTheme
 
 Access the current theme inside any component:
@@ -176,7 +241,7 @@ function MyComponent() {
 Every theme conforms to the `CastTheme` interface (see `src/theme/types.ts`):
 
 ```
-theme.name                          'white-label' | 'consumer' | 'corporate' | 'luxury'
+theme.name                          string (e.g. 'default', 'my-brand')
 theme.semantic.color.*              30 semantic colours (surface, primary, error, etc.)
 theme.semantic.fontFamily.*         brand, interface, data
 theme.semantic.fontSize.*           display, h1, h2, h3, body, small, button
@@ -187,6 +252,7 @@ theme.semantic.paragraphSpacing.*   body, editorial
 theme.semantic.paragraphIndent.*    editorial
 theme.semantic.borderRadius.*       small, medium, large
 theme.component.button.*            All button tokens (padding, colours, variants, states)
+theme.component.card.*              All card tokens (padding, colours, typography, elevation)
 ```
 
 ## Components
@@ -210,39 +276,103 @@ import { Button } from '@castui/cast-ui';
 | `disabled` | `boolean` | `false` | Disabled state |
 | `backgroundColor` | `string` | - | Override background colour |
 
+### Card
+
+React Native `View` + `Text`. Consumes tokens from `theme.component.card` and `theme.semantic`.
+
+```tsx
+import { Card, Button } from '@castui/cast-ui';
+
+<Card
+  title="Title"
+  subtitle="Subtitle"
+  body="Body"
+  actions={
+    <>
+      <Button label="Action 1" variant="filled" />
+      <Button label="Action 2" variant="outline" />
+    </>
+  }
+/>
+```
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `title` | `string` | required | Card heading text |
+| `subtitle` | `string` | - | Optional subtitle below the title |
+| `body` | `string` | - | Optional body text |
+| `actions` | `React.ReactNode` | - | Optional actions row (e.g. Button components) |
+
 ## Font Handling
 
 Components reference font families from the theme tokens. Font **loading** is the consumer's responsibility.
 
 ### Web
 
-Load fonts via a `<link>` tag or use the helper:
+Use `googleFontsUrl()` to generate a Google Fonts `<link>` href for any theme:
 
 ```ts
 import { googleFontsUrl } from '@castui/cast-ui';
 
-const url = googleFontsUrl('luxury');
-// "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700&family=Cormorant+Garamond:wght@400;500;700&display=swap"
+const url = googleFontsUrl(myTheme);
+// Returns null for themes using only system-ui, or a Google Fonts URL for custom fonts
+```
+
+### Discovering theme fonts
+
+Use `getThemeFontFamilies()` to dynamically extract all custom font families from any theme:
+
+```ts
+import { getThemeFontFamilies } from '@castui/cast-ui';
+
+const families = getThemeFontFamilies(myTheme);
+// → ['Poppins'] or ['Inter', 'Merriweather'] etc.
+// → [] for the Default theme (system-ui only)
 ```
 
 ### React Native / Expo
 
-Load fonts with `expo-font` before rendering:
+Load fonts with `expo-font` before rendering. On **Android**, each weight must
+be registered under a distinct name (the Expo Google Fonts convention) because
+Android cannot combine a generic `fontFamily` with a numeric `fontWeight` for
+custom fonts.
 
 ```ts
 import { useFonts } from 'expo-font';
-import { THEME_FONT_FAMILIES } from '@castui/cast-ui';
-// THEME_FONT_FAMILIES.luxury = ['Playfair Display', 'Cormorant Garamond']
+import {
+  Poppins_400Regular,
+  Poppins_500Medium,
+  Poppins_700Bold,
+} from '@expo-google-fonts/poppins';
+
+const [loaded] = useFonts({
+  Poppins: Poppins_400Regular,           // weight 400 → bare name
+  Poppins_500Medium: Poppins_500Medium,  // weight 500
+  Poppins_700Bold: Poppins_700Bold,      // weight 700
+});
 ```
 
-The **White Label** theme uses `system-ui` (platform default) and requires no font loading.
+The naming convention is:
+
+| Weight | Registration Key |
+|--------|-----------------|
+| 400 | `"FontName"` |
+| 500 | `"FontName_500Medium"` |
+| 700 | `"FontName_700Bold"` |
 
-| Theme | Fonts to Load |
-|-------|---------------|
-| White Label | None (system default) |
-| Consumer | Poppins |
-| Corporate | Inter, Merriweather |
-| Luxury | Playfair Display, Cormorant Garamond |
+Components use `resolveFont()` internally so the correct font name is selected
+automatically on each platform:
+
+- **iOS / Web** — `{ fontFamily, fontWeight }` passed through unchanged.
+- **Android** — maps to the weight-specific registered name (e.g. `"Poppins_700Bold"`) and sets `fontWeight: 'normal'`.
+- **system-ui** — omits `fontFamily` (platform default) on all platforms.
+
+The **Default** theme uses `system-ui` (platform default) and requires no font loading.
+
+> **Custom Themes:** The convention works for any font — register each weight
+> under `FontName`, `FontName_500Medium`, and `FontName_700Bold` and
+> `resolveFont()` will handle the rest. The `ANDROID_WEIGHT_SUFFIX` map is
+> exported if you need to build registration keys programmatically.
 
 ## Consumer Installation
 
@@ -257,20 +387,23 @@ import {
   CastThemeProvider,
   useTheme,
   Button,
-  whiteLabel,
-  consumer,
-  corporate,
-  luxury,
+  Card,
+  defaultTheme,
+  createTheme,
+  googleFontsUrl,
+  getThemeFontFamilies,
+  resolveFont,
+  ANDROID_WEIGHT_SUFFIX,
 } from '@castui/cast-ui';
+
+import type { CastTheme, DeepPartial } from '@castui/cast-ui';
 ```
 
 ## Storybook
 
 Storybook runs React Native components in the browser via React Native Web. The webpack config in `.storybook/main.ts` aliases `react-native` to `react-native-web`.
 
-### Theme Switcher
-
-The toolbar provides a paintbrush dropdown to switch between all four themes live. This is configured via `globalTypes` and a decorator in `.storybook/preview.ts` that wraps every story in `CastThemeProvider`.
+The built-in Storybook shows components in the **Default theme** only. For a multi-theme Storybook demonstrating custom themes via `createTheme()`, see the [example Storybook](https://github.com/Connagh/cast-ui-examples/tree/main/storybook-example) in the examples repo.
 
 ### Chromatic
 
@@ -278,18 +411,18 @@ Visual regression testing runs on every push via the GitHub Actions workflow at
 
 ## Token Build Pipeline
 
-The build script (`src/tokens/build.ts`) reads Figma-exported JSON from `design-tokens/` and generates fully-resolved TypeScript theme objects.
+The build script (`src/tokens/build.ts`) reads the Figma-exported JSON from `design-tokens/` and generates a fully-resolved TypeScript theme object plus a reference JSON.
 
 **What it does:**
 
-1. Reads each `*.tokens.json` file
+1. Reads `Default.tokens.json`
 2. Recursively resolves all `{Primitive.Colour.Slate-900}` style alias references through the three-tier chain
 3. Extracts hex values from Figma's colour object format (`{ colorSpace, components, hex }`)
-4. Outputs typed TypeScript files to `src/tokens/generated/`
+4. Outputs `default.ts` (typed theme object) and `default.reference.json` (copy-paste starting point) to `src/tokens/generated/`
 
-**When to re-run:** After updating any `design-tokens/*.tokens.json` file. The script runs automatically before Storybook and library builds.
+**When to re-run:** After updating `design-tokens/Default.tokens.json`. The script runs automatically before Storybook and library builds.
 
-**Adding a new theme:** Add a new `.tokens.json` file to `design-tokens/`, add an entry to the `THEMES` array in `src/tokens/build.ts`, add the theme name to the `ThemeName` union in `src/theme/types.ts`, and update the toolbar items in `.storybook/preview.ts`.
+**Creating a custom theme:** Copy `default.reference.json` from the published package, modify the values you want, and pass the overrides to `createTheme()`. See [Creating a Custom Theme](#creating-a-custom-theme) above.
 
 ## Adding a New Component
 
@@ -298,7 +431,7 @@ The build script (`src/tokens/build.ts`) reads Figma-exported JSON from `design-
 3. Use only React Native primitives (`View`, `Text`, `Pressable`, `ScrollView`, etc.)
 4. Create `ComponentName.stories.tsx` alongside the component
 5. Export the component and its types from `src/index.ts`
-6. If the component needs new design tokens, add them to all four `*.tokens.json` files and update `src/theme/types.ts`
+6. If the component needs new design tokens, add them to `Default.tokens.json` and update `src/theme/types.ts`
 
 ## Adoption Tracking
 
@@ -377,7 +510,7 @@ This means merging a PR to `main` does **not** automatically publish to npm. Onl
 **To publish a new version:**
 
 1. Create a feature branch and make your changes
-2. Update the `version` field in `package.json` (e.g. `0.1.0` → `0.1.1`)
+2. Update the `version` field in `package.json` (e.g. `0.3.0` → `0.4.0`)
 3. Push the branch and open a PR to `main`
 4. Chromatic runs and creates status checks on the PR
 5. Review and accept any visual changes in the Chromatic UI
@@ -392,9 +525,9 @@ This means merging a PR to `main` does **not** automatically publish to npm. Onl
 
 | Change type | Bump | Example |
 |-------------|------|---------|
-| Bug fix or minor tweak | Patch | `0.1.0` → `0.1.1` |
-| New component or feature | Minor | `0.1.0` → `0.2.0` |
-| Breaking API change | Major | `0.1.0` → `1.0.0` |
+| Bug fix or minor tweak | Patch | `0.3.0` → `0.3.1` |
+| New component or feature | Minor | `0.3.0` → `0.4.0` |
+| Breaking API change | Major | `0.9.0` → `1.0.0` |
 
 **Package details:**
 

package/dist/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AAOtB,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAE1D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IAChE,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,iCAAiC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAMD;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAkB,EAClB,eAAe,EACf,QAAgB,EAChB,GAAG,cAAc,EAClB,EAAE,WAAW,2CA0Eb"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,cAAc,EACpB,MAAM,cAAc,CAAC;AAOtB,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAE1D,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IAChE,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,iCAAiC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAMD;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,OAAkB,EAClB,eAAe,EACf,QAAgB,EAChB,GAAG,cAAc,EAClB,EAAE,WAAW,2CAuEb"}

package/dist/components/Button/Button.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Pressable, Text, } from 'react-native';
-import { useTheme } from '../../theme';
+import { useTheme, resolveFont } from '../../theme';
 // ---------------------------------------------------------------------------
 // Component
 // ---------------------------------------------------------------------------
@@ -58,13 +58,11 @@ export function Button({ label, variant = 'filled', backgroundColor, disabled =
         }),
         opacity: disabled ? 0.6 : 1,
     };
-    const fontFamily = bt.fontFamily === 'system-ui' ? undefined : bt.fontFamily;
     const textStyle = {
         color: resolveContent(),
         fontSize: bt.textSize,
-        fontWeight: String(bt.fontWeight),
         lineHeight: bt.textSize * bt.lineHeight,
-        ...(fontFamily ? { fontFamily } : {}),
+        ...resolveFont(bt.fontFamily, bt.fontWeight),
     };
     return (_jsx(Pressable, { ...pressableProps, disabled: disabled, style: containerStyle, ...{
             onHoverIn: () => setHovered(true),

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}

package/dist/components/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAOtB,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACzD,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAMD;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,GAAG,SAAS,EACb,EAAE,SAAS,2CAsEX"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAOtB,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC;IACzD,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAMD;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,GAAG,SAAS,EACb,EAAE,SAAS,2CA0DX"}

package/dist/components/Card/Card.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { View, Text, } from 'react-native';
-import { useTheme } from '../../theme';
+import { useTheme, resolveFont } from '../../theme';
 // ---------------------------------------------------------------------------
 // Component
 // ---------------------------------------------------------------------------
@@ -28,32 +28,26 @@ export function Card({ title, subtitle, body, actions, ...viewProps }) {
             ? { boxShadow: '0 1px 3px rgba(0,0,0,0.12)' }
             : {}),
     };
-    const headingFontFamily = ct.headingFontFamily === 'system-ui' ? undefined : ct.headingFontFamily;
     const titleStyle = {
         fontSize: ct.headingSize,
-        fontWeight: String(ct.headingWeight),
         lineHeight: ct.headingSize * sem.lineHeight.body,
         letterSpacing: sem.letterSpacing.heading,
         color: sem.color.onSurface,
-        ...(headingFontFamily ? { fontFamily: headingFontFamily } : {}),
+        ...resolveFont(ct.headingFontFamily, ct.headingWeight),
     };
-    const subtitleFontFamily = sem.fontFamily.interface === 'system-ui' ? undefined : sem.fontFamily.interface;
     const subtitleStyle = {
         fontSize: sem.fontSize.small,
-        fontWeight: String(sem.fontWeight.body),
         lineHeight: sem.fontSize.small * sem.lineHeight.body,
         letterSpacing: sem.letterSpacing.body,
         color: sem.color.onSurfaceMuted,
-        ...(subtitleFontFamily ? { fontFamily: subtitleFontFamily } : {}),
+        ...resolveFont(sem.fontFamily.interface, sem.fontWeight.body),
     };
-    const bodyFontFamily = ct.bodyFontFamily === 'system-ui' ? undefined : ct.bodyFontFamily;
     const bodyStyle = {
         fontSize: ct.bodySize,
-        fontWeight: String(ct.bodyWeight),
         lineHeight: ct.bodySize * sem.lineHeight.body,
         letterSpacing: sem.letterSpacing.body,
         color: sem.color.onSurfaceMuted,
-        ...(bodyFontFamily ? { fontFamily: bodyFontFamily } : {}),
+        ...resolveFont(ct.bodyFontFamily, ct.bodyWeight),
     };
     const actionsStyle = {
         flexDirection: 'row',

package/dist/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}

package/dist/default.reference.json

@@ -0,0 +1,125 @@
+{
+  "name": "default",
+  "semantic": {
+    "color": {
+      "surface": "#FFFFFF",
+      "onSurface": "#0F172A",
+      "onSurfaceMuted": "#475569",
+      "surfaceContainer": "#F8FAFC",
+      "primary": "#0F172A",
+      "onPrimary": "#FFFFFF",
+      "primaryHover": "#1E293B",
+      "primaryPressed": "#475569",
+      "secondary": "#E2E8F0",
+      "onSecondary": "#0F172A",
+      "success": "#0C6F1E",
+      "onSuccess": "#FFFFFF",
+      "error": "#6F0C0C",
+      "onError": "#FFFFFF",
+      "warning": "#947C3E",
+      "onWarning": "#FFFFFF",
+      "border": "#E2E8F0",
+      "borderSubtle": "#F8FAFC",
+      "disabledContainer": "#E2E8F0",
+      "onDisabled": "#94A3B8",
+      "primaryContainer": "#E2E8F0",
+      "onPrimaryContainer": "#0F172A",
+      "secondaryContainer": "#F8FAFC",
+      "onSecondaryContainer": "#1E293B",
+      "errorContainer": "#FDF2F2",
+      "onErrorContainer": "#4A0808",
+      "successContainer": "#F0FDF1",
+      "onSuccessContainer": "#084A14",
+      "warningContainer": "#FDF8EB",
+      "onWarningContainer": "#6B592D"
+    },
+    "fontFamily": {
+      "brand": "system-ui",
+      "interface": "system-ui",
+      "data": "JetBrains Mono"
+    },
+    "fontSize": {
+      "display": 39,
+      "h1": 31,
+      "h2": 25,
+      "h3": 20,
+      "body": 16,
+      "small": 12.800000190734863,
+      "button": 16
+    },
+    "fontWeight": {
+      "heading": 700,
+      "body": 400,
+      "button": 500
+    },
+    "lineHeight": {
+      "heading": 1.2000000476837158,
+      "body": 1.5,
+      "uiLabel": 1
+    },
+    "letterSpacing": {
+      "heading": -0.019999999552965164,
+      "body": 0,
+      "label": 0.019999999552965164
+    },
+    "paragraphSpacing": {
+      "body": 16,
+      "editorial": 24
+    },
+    "paragraphIndent": {
+      "editorial": 0
+    },
+    "borderRadius": {
+      "small": 4,
+      "medium": 8,
+      "large": 12
+    }
+  },
+  "component": {
+    "button": {
+      "paddingHorizontal": 16,
+      "paddingVertical": 8,
+      "gap": 8,
+      "cornerRadius": 8,
+      "borderWidth": 2,
+      "textSize": 16,
+      "fontWeight": 500,
+      "lineHeight": 1,
+      "fontFamily": "system-ui",
+      "filled": {
+        "background": "#0F172A",
+        "content": "#FFFFFF"
+      },
+      "outline": {
+        "background": "#FFFFFF",
+        "border": "#0F172A",
+        "content": "#0F172A"
+      },
+      "text": {
+        "background": "#FFFFFF",
+        "content": "#0F172A"
+      },
+      "state": {
+        "hoverBackground": "#1E293B",
+        "pressedBackground": "#475569",
+        "disabledBackground": "#E2E8F0",
+        "disabledContent": "#94A3B8"
+      }
+    },
+    "card": {
+      "padding": 16,
+      "gap": 12,
+      "background": "#F8FAFC",
+      "stroke": "#E2E8F0",
+      "strokeWidth": 2,
+      "cornerRadius": 12,
+      "elevation": 1,
+      "headingSize": 20,
+      "headingWeight": 700,
+      "headingFontFamily": "system-ui",
+      "bodySize": 16,
+      "bodyWeight": 400,
+      "bodyFontFamily": "system-ui"
+    }
+  }
+}