create-react-native-library-template 0.1.0

package/README.md

@@ -0,0 +1,27 @@
+# create-react-native-library-template
+
+Scaffold a publishable React Native UI library monorepo in one command:
+
+```sh
+bun create react-native-library-template my-library
+# or: npm create react-native-library-template@latest my-library
+```
+
+## What you get
+
+- **Bun workspaces** monorepo: the library (`packages/ui`), a web Storybook (`apps/storybook`), and an Expo app running Storybook on device (`apps/native`).
+- **Storybook 10** on web (react-native-web + Vite) and native, sharing the same CSF3 stories.
+- **Vitest** unit tests (jsdom + react-native-web) and story tests (browser mode, `play` functions).
+- **Biome** linting/formatting, **TypeScript** strict mode.
+- **react-native-builder-bob** library build, **Changesets** versioning/publishing, GitHub Actions CI + release workflows.
+
+After scaffolding:
+
+```sh
+cd my-library
+bun install
+git init && git add -A && git commit -m "Initial commit"
+bun run storybook
+```
+
+See the generated `AGENTS.md` for the full development guide, including the checklist for adding new components. Source: [iv-stpn/react-native-library-template](https://github.com/iv-stpn/react-native-library-template).

package/index.mjs

@@ -0,0 +1,62 @@
+#!/usr/bin/env node
+import { cpSync, existsSync, readdirSync, readFileSync, renameSync, writeFileSync } from 'node:fs';
+import { basename, dirname, join, resolve } from 'node:path';
+import process from 'node:process';
+import { createInterface } from 'node:readline/promises';
+import { fileURLToPath } from 'node:url';
+
+const templateDir = join(dirname(fileURLToPath(import.meta.url)), 'template');
+const defaultName = 'my-react-native-library';
+
+async function resolveTarget() {
+  const argument = process.argv[2];
+  if (argument) return argument;
+  const readline = createInterface({ input: process.stdin, output: process.stdout });
+  const answer = (await readline.question(`Project directory (${defaultName}): `)).trim();
+  readline.close();
+  return answer || defaultName;
+}
+
+function restoreGitignores(directory) {
+  for (const entry of readdirSync(directory, { withFileTypes: true })) {
+    const entryPath = join(directory, entry.name);
+    if (entry.isDirectory()) restoreGitignores(entryPath);
+    else if (entry.name === 'gitignore') renameSync(entryPath, join(directory, '.gitignore'));
+  }
+}
+
+const target = await resolveTarget();
+const targetDir = resolve(process.cwd(), target);
+const projectName =
+  basename(targetDir)
+    .toLowerCase()
+    .replace(/[^a-z0-9-_.~]+/g, '-')
+    .replace(/^[-_.]+|[-_.]+$/g, '') || defaultName;
+
+if (existsSync(targetDir) && readdirSync(targetDir).length > 0) {
+  console.error(`Error: ${targetDir} already exists and is not empty.`);
+  process.exit(1);
+}
+
+cpSync(templateDir, targetDir, { recursive: true });
+restoreGitignores(targetDir);
+
+const packageJsonPath = join(targetDir, 'package.json');
+const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf8'));
+packageJson.name = projectName;
+writeFileSync(packageJsonPath, `${JSON.stringify(packageJson, null, 2)}\n`);
+
+console.log(`
+Scaffolded ${projectName} in ${targetDir}
+
+Next steps:
+  cd ${target}
+  bun install
+  git init && git add -A && git commit -m "Initial commit"
+
+Useful commands:
+  bun run storybook          # web Storybook at http://localhost:6006
+  bun run storybook:native   # Expo dev server for on-device Storybook
+  bun run test               # unit + Storybook tests
+See AGENTS.md for the full guide (rename the @template/* packages to your own scope).
+`);

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "create-react-native-library-template",
+  "version": "0.1.0",
+  "description": "Scaffold a React Native UI library monorepo: Bun workspaces, Expo, Storybook (web + native), Vitest, Biome and Changesets",
+  "license": "MIT",
+  "type": "module",
+  "bin": {
+    "create-react-native-library-template": "index.mjs"
+  },
+  "files": [
+    "index.mjs",
+    "template"
+  ],
+  "scripts": {
+    "prepack": "node scripts/prepare-template.mjs",
+    "postpack": "node -e \"require('node:fs').rmSync('template', { recursive: true, force: true })\""
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/iv-stpn/react-native-library-template.git",
+    "directory": "create"
+  },
+  "homepage": "https://github.com/iv-stpn/react-native-library-template#readme",
+  "keywords": [
+    "react-native",
+    "template",
+    "create",
+    "scaffold",
+    "ui",
+    "component-library",
+    "storybook",
+    "expo",
+    "bun"
+  ],
+  "engines": {
+    "node": ">=18"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/template/.changeset/README.md

@@ -0,0 +1,7 @@
+# Changesets
+
+This folder is managed by [changesets](https://github.com/changesets/changesets).
+
+Run `bun run changeset` after any user-facing change to `@template/ui`, pick a bump
+type (patch/minor/major), and describe the change. The release workflow turns
+accumulated changesets into a "Version Packages" PR; merging that PR publishes to npm.

package/template/.changeset/config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.1.1/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "public",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": ["@template/storybook-web", "@template/example"]
+}

package/template/.github/workflows/ci.yml

@@ -0,0 +1,42 @@
+name: CI
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+
+concurrency:
+  group: ci-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  checks:
+    name: Lint, typecheck, test, build
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: latest
+
+      - name: Install dependencies
+        run: bun install --frozen-lockfile
+
+      - name: Lint (biome)
+        run: bun run lint
+
+      - name: Typecheck
+        run: bun run typecheck
+
+      - name: Unit tests (vitest)
+        run: bun run test:unit
+
+      - name: Build library
+        run: bun run build
+
+      - name: Install Playwright browsers
+        run: bunx playwright install --with-deps chromium
+
+      - name: Storybook tests (vitest browser mode)
+        run: bun run test:storybook

package/template/.github/workflows/release.yml

@@ -0,0 +1,46 @@
+name: Release
+
+on:
+  push:
+    branches: [main]
+
+concurrency: release-${{ github.ref }}
+
+permissions:
+  contents: write
+  pull-requests: write
+  id-token: write
+
+jobs:
+  release:
+    name: Version or publish
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - uses: oven-sh/setup-bun@v2
+        with:
+          bun-version: latest
+
+      # `changeset publish` shells out to npm, which needs Node and registry auth.
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          registry-url: https://registry.npmjs.org
+
+      - name: Install dependencies
+        run: bun install --frozen-lockfile
+
+      - name: Create release PR or publish to npm
+        uses: changesets/action@v1
+        with:
+          version: bun run version-packages
+          publish: bun run release
+          commit: 'chore: version packages'
+          title: 'chore: version packages'
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/template/AGENTS.md

@@ -0,0 +1,97 @@
+# Agent guide
+
+Monorepo for a publishable React Native UI library. Bun workspaces:
+
+| Workspace | Package | Purpose |
+| --- | --- | --- |
+| `packages/ui` | `@template/ui` | The library. The only published package. |
+| `apps/storybook` | `@template/storybook-web` | Web Storybook (react-native-web + Vite) and Storybook tests (Vitest browser mode). |
+| `apps/native` | `@template/example` | Expo app running Storybook React Native on device. |
+
+Tooling: **bun** (package manager + script runner), **biome** (lint + format), **TypeScript 6**
+(strict, `verbatimModuleSyntax` — use `import type` for types), **vitest** (unit tests via
+react-native-web in jsdom; story tests via `@storybook/addon-vitest` in Chromium),
+**react-native-builder-bob** (library build), **changesets** (versioning/publishing).
+
+## Commands (run from the repo root)
+
+| Command | What it does |
+| --- | --- |
+| `bun install` | Install all workspaces. |
+| `bun run lint` / `bun run lint:fix` | Biome check / autofix. |
+| `bun run typecheck` | `tsc --noEmit` in every workspace. |
+| `bun run test:unit` | Vitest unit tests in `packages/ui`. |
+| `bun run test:storybook` | Runs every story as a Vitest browser test (needs `bunx playwright install chromium` once). |
+| `bun run test` | Both of the above. |
+| `bun run build` | Builds the library with bob into `packages/ui/lib`. |
+| `bun run storybook` | Web Storybook at http://localhost:6006. |
+| `bun run storybook:native` | Expo dev server for the on-device Storybook. |
+| `bun run changeset` | Record a changeset for release notes/versioning. |
+
+## Creating a new component
+
+Follow the `Button` component (`packages/ui/src/components/Button/`) as the reference
+implementation. For a component named `Foo`:
+
+1. **Create the folder** `packages/ui/src/components/Foo/` containing exactly:
+   - `Foo.tsx` — the component.
+   - `Foo.test.tsx` — vitest unit tests.
+   - `Foo.stories.tsx` — Storybook stories (CSF3), including at least one `play` function.
+   - `index.ts` — re-exports: `export { Foo, type FooProps } from './Foo';`
+2. **Write the component** (`Foo.tsx`):
+   - Named function export (`export function Foo(...)`), never a default export.
+   - Export a `FooProps` interface with a JSDoc comment per prop; document defaults with `@default`.
+   - Only import from `react`, `react-native`, and internal modules. New runtime dependencies
+     need explicit approval — they become dependencies for every consumer of the library.
+   - Use only RN APIs that exist on react-native-web (`View`, `Text`, `Pressable`,
+     `StyleSheet`, ...), otherwise unit tests and the web Storybook will break.
+   - Style with `StyleSheet.create` and the design tokens from `src/theme` (`colors`,
+     `spacing`, `radii`, `fontSizes`) — no hard-coded colors or magic numbers. Add new tokens
+     to `src/theme/tokens.ts` if needed.
+   - Accessibility is required: set `accessibilityRole`, `accessibilityState`, and accept an
+     `accessibilityLabel` prop. Also accept `style` (as `StyleProp<...>`) and `testID`.
+3. **Export it from the library**: add `export * from './components/Foo';` to
+   `packages/ui/src/index.ts`.
+4. **Write stories** (`Foo.stories.tsx`):
+   - CSF3 with `satisfies Meta<typeof Foo>` and `StoryObj<typeof meta>`; title `Components/Foo`.
+   - Set default `args` for every prop; use `fn()` from `storybook/test` for callbacks.
+   - One story per visual variant/state, plus interaction stories with `play` functions
+     asserting behavior (`within`, `userEvent`, `expect` from `storybook/test`).
+   - Stories are shared by the web and native Storybooks — keep them platform-neutral and
+     import types only from `@storybook/react` (type-only imports are erased at runtime).
+5. **Write unit tests** (`Foo.test.tsx`) with `@testing-library/react`. They run in jsdom with
+   `react-native` aliased to `react-native-web`. Query by accessible role/name
+   (`screen.getByRole('button', { name: ... })`), and cover: rendering, interaction callbacks,
+   and disabled/edge states.
+6. **Verify** from the repo root — all must pass:
+   ```sh
+   bun run lint && bun run typecheck && bun run test:unit && bun run build && bun run test:storybook
+   ```
+7. **Add a changeset**: `bun run changeset` → select `@template/ui`, pick `minor` for a new
+   component (`patch` for fixes, `major` for breaking changes), write a one-line summary.
+   Commit the generated `.changeset/*.md` file with your change.
+
+## Releasing
+
+CI (`.github/workflows/ci.yml`) runs lint, typecheck, tests, build, and Storybook tests on
+every PR. On pushes to `main`, `.github/workflows/release.yml` uses changesets to open/update
+a "Version Packages" PR; merging it publishes `@template/ui` to npm (requires the `NPM_TOKEN`
+repository secret). Never edit versions in `package.json` or `CHANGELOG.md` by hand.
+
+## Gotchas
+
+- `apps/native/.rnstorybook/storybook.requires.ts` is generated (by Metro or
+  `bun run --cwd apps/native storybook-generate`) and gitignored — never edit it.
+- Test/story files are excluded from the published package and from the bob build; keep
+  runtime code out of them.
+- The example app must stay on Expo SDK-pinned dependency versions (`bunx expo install ...`
+  from `apps/native` when adding native modules).
+
+## Scaffolder (`create/`)
+
+`create/` holds `create-react-native-library-template`, the npm package behind
+`bun create react-native-library-template`. It is **not** a workspace and is not managed by
+changesets: it has zero dependencies and is published manually. Its `prepack` script snapshots
+every tracked file of this repo (except `create/` itself) into `create/template/` (renaming
+`.gitignore` → `gitignore`, which the CLI reverses on scaffold); `postpack` deletes the
+snapshot. To release it: bump `create/package.json` version, then `cd create && npm publish`.

package/template/CLAUDE.md

@@ -0,0 +1,5 @@
+# CLAUDE.md
+
+All repository guidance lives in [AGENTS.md](./AGENTS.md). Read and follow it — in particular
+the "Creating a new component" checklist and the requirement to add a changeset with every
+user-facing change.

package/template/README.md

@@ -0,0 +1,67 @@
+# react-native-library-template
+
+Template for building and publishing a React Native UI component library.
+
+- **[Bun](https://bun.sh)** — package manager, script runner, workspaces
+- **[TypeScript 6](https://www.typescriptlang.org)** — strict mode everywhere
+- **[Biome](https://biomejs.dev)** — linting + formatting
+- **[Vitest](https://vitest.dev)** — unit tests (react-native-web in jsdom)
+- **[Storybook 10](https://storybook.js.org)** — web (react-native-web + Vite) **and** on-device (Expo) demos from the same stories
+- **Storybook tests** — every story runs as a Vitest browser-mode test; `play` functions assert interactions
+- **[Changesets](https://github.com/changesets/changesets)** — versioning, changelogs, npm publishing via GitHub Actions
+- **[react-native-builder-bob](https://github.com/callstack/react-native-builder-bob)** — ESM + type declarations build
+
+## Layout
+
+```
+packages/ui/        @template/ui — the library (published)
+apps/storybook/     Web Storybook + Storybook tests
+apps/native/        Expo app running Storybook React Native on device
+```
+
+## Getting started
+
+Scaffold a fresh project from this template:
+
+```sh
+bun create react-native-library-template my-library
+# or: npm create react-native-library-template@latest my-library
+```
+
+Or work in a clone of this repo directly:
+
+```sh
+bun install
+
+bun run storybook            # web Storybook → http://localhost:6006
+bun run storybook:native     # Expo dev server (press i / a, or scan QR)
+
+bun run lint                 # biome
+bun run typecheck            # tsc in every workspace
+bun run test:unit            # vitest unit tests
+bunx playwright install chromium   # once, for storybook tests
+bun run test:storybook       # every story as a browser test
+bun run build                # library build → packages/ui/lib
+```
+
+## Adding components
+
+See [AGENTS.md](./AGENTS.md) — it documents the full checklist (component, tests, stories,
+exports, changeset). `packages/ui/src/components/Button` is the reference implementation.
+
+## Releasing
+
+1. With every user-facing change, run `bun run changeset` and commit the generated file.
+2. On merge to `main`, the release workflow opens/updates a **Version Packages** PR.
+3. Merge that PR → `@template/ui` is built and published to npm.
+
+Requires an `NPM_TOKEN` repository secret (npm automation token) and workflow permission to
+create pull requests (repo Settings → Actions → General → "Allow GitHub Actions to create and
+approve pull requests").
+
+## Using this template
+
+1. Rename `@template/ui` in `packages/ui/package.json` (plus its uses in the two app
+   `package.json`s, `.changeset/config.json`, root scripts, and AGENTS.md) to your package name.
+2. Update `repository`, `license`, and `description` in `packages/ui/package.json`.
+3. Push to GitHub, add the `NPM_TOKEN` secret, and start building components.

package/template/apps/native/.rnstorybook/index.tsx

@@ -0,0 +1,11 @@
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import { view } from './storybook.requires';
+
+const StorybookUIRoot = view.getStorybookUI({
+  storage: {
+    getItem: AsyncStorage.getItem,
+    setItem: AsyncStorage.setItem,
+  },
+});
+
+export default StorybookUIRoot;

package/template/apps/native/.rnstorybook/main.ts

@@ -0,0 +1,12 @@
+import type { StorybookConfig } from '@storybook/react-native';
+
+const main: StorybookConfig = {
+  stories: ['../../../packages/ui/src/**/*.stories.@(ts|tsx)'],
+  deviceAddons: [
+    '@storybook/addon-ondevice-controls',
+    '@storybook/addon-ondevice-actions',
+    '@storybook/addon-ondevice-backgrounds',
+  ],
+};
+
+export default main;

package/template/apps/native/.rnstorybook/preview.tsx

@@ -0,0 +1,24 @@
+import type { Preview } from '@storybook/react';
+import { View } from 'react-native';
+
+const preview: Preview = {
+  decorators: [
+    (Story) => (
+      // biome-ignore lint/plugin: exception for storybook preview
+      <View style={{ flex: 1, alignItems: 'flex-start', padding: 16 }}>
+        <Story />
+      </View>
+    ),
+  ],
+  parameters: {
+    backgrounds: {
+      default: 'plain',
+      values: [
+        { name: 'plain', value: '#ffffff' },
+        { name: 'dark', value: '#18181b' },
+      ],
+    },
+  },
+};
+
+export default preview;

package/template/apps/native/app.json

@@ -0,0 +1,17 @@
+{
+  "expo": {
+    "name": "UI Library Example",
+    "slug": "ui-library-example",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "userInterfaceStyle": "automatic",
+    "newArchEnabled": true,
+    "ios": {
+      "supportsTablet": true
+    },
+    "android": {
+      "edgeToEdgeEnabled": true
+    },
+    "plugins": ["@react-native-community/datetimepicker"]
+  }
+}

package/template/apps/native/babel.config.js

@@ -0,0 +1,8 @@
+/** biome-ignore-all lint/style/noCommonJs: exception for babel config */
+module.exports = (api) => {
+  api.cache(true);
+  return {
+    presets: ['babel-preset-expo'],
+    plugins: ['react-native-worklets/plugin'],
+  };
+};

package/template/apps/native/index.ts

@@ -0,0 +1,5 @@
+import 'react-native-gesture-handler';
+import { registerRootComponent } from 'expo';
+import StorybookUIRoot from './.rnstorybook';
+
+registerRootComponent(StorybookUIRoot);

package/template/apps/native/metro.config.js

@@ -0,0 +1,18 @@
+/** biome-ignore-all lint/style/noCommonJs: exception for metro config */
+const path = require('node:path');
+const { withStorybook } = require('@storybook/react-native/metro/withStorybook');
+const { getDefaultConfig } = require('expo/metro-config');
+
+const projectRoot = import.meta.dirname;
+const workspaceRoot = path.resolve(projectRoot, '../..');
+
+const config = getDefaultConfig(projectRoot);
+
+// Monorepo: watch the whole workspace and resolve hoisted dependencies.
+config.watchFolders = [workspaceRoot];
+config.resolver.nodeModulesPaths = [path.resolve(projectRoot, 'node_modules'), path.resolve(workspaceRoot, 'node_modules')];
+
+module.exports = withStorybook(config, {
+  enabled: true,
+  configPath: path.resolve(projectRoot, '.rnstorybook'),
+});

package/template/apps/native/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@template/example",
+  "version": "0.0.0",
+  "private": true,
+  "main": "index.ts",
+  "scripts": {
+    "start": "expo start --tunnel",
+    "android": "expo start --android",
+    "ios": "expo start --ios",
+    "storybook-generate": "sb-rn-get-stories",
+    "typecheck": "bun run storybook-generate && tsc --noEmit"
+  },
+  "dependencies": {
+    "@gorhom/bottom-sheet": "^5.2.14",
+    "@react-native-async-storage/async-storage": "2.2.0",
+    "@react-native-community/datetimepicker": "8.4.4",
+    "@react-native-community/slider": "5.0.1",
+    "@storybook/addon-ondevice-actions": "^10.4.6",
+    "@storybook/addon-ondevice-backgrounds": "^10.4.6",
+    "@storybook/addon-ondevice-controls": "^10.4.6",
+    "@storybook/react": "^10.4.6",
+    "@storybook/react-native": "^10.4.6",
+    "@template/ui": "workspace:*",
+    "expo": "^54",
+    "expo-status-bar": "3.0.9",
+    "react": "19.1.0",
+    "react-native": "0.81.5",
+    "react-native-gesture-handler": "2.28.0",
+    "react-native-reanimated": "4.1.1",
+    "react-native-safe-area-context": "5.6.0",
+    "react-native-svg": "15.12.1",
+    "react-native-worklets": "0.5.1",
+    "storybook": "^10.4.6"
+  },
+  "devDependencies": {
+    "@types/react": "~19.1.10",
+    "babel-preset-expo": "~54.0.10",
+    "typescript": "^6"
+  }
+}

package/template/apps/native/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "lib": ["ES2023"]
+  },
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
+}

package/template/apps/storybook/.storybook/main.ts

@@ -0,0 +1,12 @@
+import type { StorybookConfig } from '@storybook/react-native-web-vite';
+
+const config: StorybookConfig = {
+  stories: ['../../../packages/ui/src/**/*.stories.@(ts|tsx)'],
+  addons: ['@storybook/addon-docs', '@storybook/addon-vitest'],
+  framework: {
+    name: '@storybook/react-native-web-vite',
+    options: {},
+  },
+};
+
+export default config;

package/template/apps/storybook/.storybook/preview.tsx

@@ -0,0 +1,14 @@
+import type { Preview } from '@storybook/react';
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;

package/template/apps/storybook/.storybook/vitest.setup.ts

@@ -0,0 +1,7 @@
+import { setProjectAnnotations } from '@storybook/react-native-web-vite';
+import { beforeAll } from 'vitest';
+import preview from './preview';
+
+const annotations = setProjectAnnotations([preview]);
+
+beforeAll(annotations.beforeAll);

package/template/apps/storybook/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@template/storybook-web",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "dependencies": {
+    "@template/ui": "workspace:*",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "react-native": "0.81.5",
+    "react-native-web": "0.21.2"
+  },
+  "devDependencies": {
+    "@storybook/addon-docs": "^10.4.6",
+    "@storybook/addon-vitest": "^10.4.6",
+    "@storybook/react": "^10.4.6",
+    "@storybook/react-native-web-vite": "^10.4.6",
+    "@types/node": "^26",
+    "@types/react": "~19.1.10",
+    "@vitest/browser-playwright": "^4.1.10",
+    "playwright": "^1.61.1",
+    "storybook": "^10.4.6",
+    "typescript": "^6",
+    "vite": "^8.1.3",
+    "vitest": "^4.1.10"
+  }
+}

package/template/apps/storybook/tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "lib": ["ES2023", "DOM", "DOM.Iterable"]
+  },
+  "include": [".storybook", "vitest.config.ts"]
+}