From be5b01aa86e706909b00316e230bfd83fde31be0 Mon Sep 17 00:00:00 2001
From: Danny Banks <dbanks.design@gmail.com>
Date: Fri, 27 Feb 2026 22:51:20 -0800
Subject: [PATCH 1/8] ci: add lint, typecheck, and test workflows

---
 .github/workflows/ci.yml | 76 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 76 insertions(+)
 create mode 100644 .github/workflows/ci.yml

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
new file mode 100644
index 0000000..c5f02b3
--- /dev/null
+++ b/.github/workflows/ci.yml
@@ -0,0 +1,76 @@
+name: CI
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+
+concurrency: ${{ github.workflow }}-${{ github.ref }}
+
+jobs:
+  lint:
+    name: Lint
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Run lint
+        run: pnpm run lint
+
+  typecheck:
+    name: Typecheck
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Run typecheck
+        run: pnpm run typecheck
+
+  test:
+    name: Test
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Run tests
+        run: pnpm run test

From ac2a00647d4c18876785d0a5f4a384d9ba5b5eb5 Mon Sep 17 00:00:00 2001
From: Danny Banks <dbanks.design@gmail.com>
Date: Fri, 27 Feb 2026 22:51:51 -0800
Subject: [PATCH 2/8] chore: add changeset

---
 .changeset/add-ci-workflow.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/add-ci-workflow.md

diff --git a/.changeset/add-ci-workflow.md b/.changeset/add-ci-workflow.md
new file mode 100644
index 0000000..7e709c8
--- /dev/null
+++ b/.changeset/add-ci-workflow.md
@@ -0,0 +1,5 @@
+---
+typestyles: patch
+---
+
+Add CI workflow for lint, typecheck, and test

From 305e836cca22ece28c74025becbc9abbc30837d5 Mon Sep 17 00:00:00 2001
From: Danny Banks <dbanks.design@gmail.com>
Date: Fri, 27 Feb 2026 22:58:45 -0800
Subject: [PATCH 3/8] test: add additional test coverage for vite plugin

---
 .changeset/add-vite-tests.md    |  5 +++++
 packages/vite/src/index.test.ts | 32 ++++++++++++++++++++++++++++++++
 2 files changed, 37 insertions(+)
 create mode 100644 .changeset/add-vite-tests.md

diff --git a/.changeset/add-vite-tests.md b/.changeset/add-vite-tests.md
new file mode 100644
index 0000000..8416331
--- /dev/null
+++ b/.changeset/add-vite-tests.md
@@ -0,0 +1,5 @@
+---
+'@typestyles/vite': patch
+---
+
+Add additional test coverage for vite plugin
diff --git a/packages/vite/src/index.test.ts b/packages/vite/src/index.test.ts
index 8ca92a5..88a785a 100644
--- a/packages/vite/src/index.test.ts
+++ b/packages/vite/src/index.test.ts
@@ -76,6 +76,38 @@ describe('extractNamespaces', () => {
     expect(result.prefixes).toEqual(['.button-']);
   });
 
+  it('extracts styles.component namespaces as prefixes', () => {
+    const code = `
+      import { styles } from 'typestyles';
+      const button = styles.component('button', {
+        base: { color: 'red' },
+      });
+    `;
+    const result = extractNamespaces(code);
+    expect(result.prefixes).toEqual(['.button-']);
+    expect(result.keys).toEqual([]);
+  });
+
+  it('extracts global.style selectors as prefixes', () => {
+    const code = `
+      import { global } from 'typestyles';
+      global.style('body', { margin: 0 });
+    `;
+    const result = extractNamespaces(code);
+    expect(result.prefixes).toEqual(['body']);
+    expect(result.keys).toEqual([]);
+  });
+
+  it('extracts global.fontFace as font-face prefixes', () => {
+    const code = `
+      import { global } from 'typestyles';
+      global.fontFace('Inter', { src: "url('/Inter.woff2')" });
+    `;
+    const result = extractNamespaces(code);
+    expect(result.prefixes).toEqual(['font-face:Inter']);
+    expect(result.keys).toEqual([]);
+  });
+
   it('returns empty arrays for code with no typestyles calls', () => {
     const code = `
       const x = 1 + 2;

From b2e9e82f00e19da5ab5be942926946fc4256bbb0 Mon Sep 17 00:00:00 2001
From: Danny Banks <dbanks.design@gmail.com>
Date: Fri, 27 Feb 2026 23:04:34 -0800
Subject: [PATCH 4/8] feat: add @typestyles/next package for Next.js SSR
 integration

---
 .changeset/add-next-package.md |   5 +
 packages/next/package.json     |  68 ++++++++
 packages/next/src/index.tsx    | 106 +++++++++++++
 packages/next/tsconfig.json    |  21 +++
 packages/next/tsup.config.ts   |  12 ++
 pnpm-lock.yaml                 | 276 +++++++++++++++++++++++++++++++++
 6 files changed, 488 insertions(+)
 create mode 100644 .changeset/add-next-package.md
 create mode 100644 packages/next/package.json
 create mode 100644 packages/next/src/index.tsx
 create mode 100644 packages/next/tsconfig.json
 create mode 100644 packages/next/tsup.config.ts

diff --git a/.changeset/add-next-package.md b/.changeset/add-next-package.md
new file mode 100644
index 0000000..e86bb2e
--- /dev/null
+++ b/.changeset/add-next-package.md
@@ -0,0 +1,5 @@
+---
+'@typestyles/next': minor
+---
+
+Add @typestyles/next package for Next.js SSR integration
diff --git a/packages/next/package.json b/packages/next/package.json
new file mode 100644
index 0000000..177b510
--- /dev/null
+++ b/packages/next/package.json
@@ -0,0 +1,68 @@
+{
+  "name": "@typestyles/next",
+  "version": "0.1.0",
+  "description": "Next.js integration for typestyles SSR",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "typecheck": "tsc --noEmit"
+  },
+  "keywords": [
+    "next",
+    "nextjs",
+    "typestyles",
+    "ssr",
+    "react"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dbanksdesign/typestyles",
+    "directory": "packages/next"
+  },
+  "peerDependencies": {
+    "next": ">=13.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "typestyles": "workspace:*"
+  },
+  "peerDependenciesMeta": {
+    "next": {
+      "optional": false
+    },
+    "react": {
+      "optional": false
+    },
+    "react-dom": {
+      "optional": false
+    }
+  },
+  "devDependencies": {
+    "@types/node": "^25.2.1",
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0",
+    "next": "^14.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.4.0"
+  }
+}
diff --git a/packages/next/src/index.tsx b/packages/next/src/index.tsx
new file mode 100644
index 0000000..e1abd60
--- /dev/null
+++ b/packages/next/src/index.tsx
@@ -0,0 +1,106 @@
+import React, { useEffect, useState } from 'react';
+import { collectStyles, getRegisteredCss } from 'typestyles/server';
+
+export { getRegisteredCss };
+
+/**
+ * Props for the TypestylesStylesheet component.
+ */
+export interface TypestylesStylesheetProps {
+  /**
+   * The children to render (styles will be collected from these).
+   * If not provided, only the existing registered CSS will be included.
+   */
+  children?: React.ReactNode;
+}
+
+/**
+ * A React component that renders typestyles CSS.
+ *
+ * For App Router: Use this in your root layout to collect and render styles.
+ *
+ * @example
+ * ```tsx
+ * // app/layout.tsx
+ * import { TypestylesStylesheet } from '@typestyles/next';
+ *
+ * export default function RootLayout({ children }) {
+ *   return (
+ *     <html>
+ *       <head>
+ *         <TypestylesStylesheet />
+ *       </head>
+ *       <body>{children}</body>
+ *     </html>
+ *   );
+ * }
+ * ```
+ */
+export function TypestylesStylesheet({ children }: TypestylesStylesheetProps) {
+  const [css, setCss] = useState('');
+
+  useEffect(() => {
+    // On client: get any CSS that was registered before hydration
+    setCss(getRegisteredCss());
+  }, []);
+
+  if (children) {
+    return (
+      <>
+        {children}
+        <style id="typestyles" dangerouslySetInnerHTML={{ __html: css }} />
+      </>
+    );
+  }
+
+  return <style id="typestyles" dangerouslySetInnerHTML={{ __html: css }} />;
+}
+
+/**
+ * Collect styles from a React component and return them as a string.
+ * Useful for server components or when you need more control.
+ *
+ * @example
+ * ```tsx
+ * // app/styles.ts
+ * import { collectStylesFromComponent } from '@typestyles/next';
+ * import { YourApp } from './YourApp';
+ *
+ * export async function getStyles() {
+ *   return collectStylesFromComponent(<YourApp />);
+ * }
+ * ```
+ */
+export async function collectStylesFromComponent(component: React.ReactElement): Promise<string> {
+  const { renderToString } = await import('react-dom/server');
+  const { css } = collectStyles(() => renderToString(component));
+  return css;
+}
+
+/**
+ * Create a Next.js layout export that includes typestyles.
+ *
+ * @example
+ * ```tsx
+ * // app/layout.tsx
+ * import { createTypestylesLayout } from '@typestyles/next';
+ *
+ * export default createTypestylesLayout(function RootLayout({ children }) {
+ *   return (
+ *     <html>
+ *       <head>
+ *         <title>My App</title>
+ *       </head>
+ *       <body>{children}</body>
+ *     </html>
+ *   );
+ * });
+ * ```
+ */
+export function createTypestylesLayout<P extends { children?: React.ReactNode }>(
+  layout: (props: P) => React.ReactNode,
+): (props: P) => React.ReactNode {
+  return function TypestylesLayout(props: P) {
+    return <TypestylesStylesheet>{layout(props)}</TypestylesStylesheet>;
+  };
+}
diff --git a/packages/next/tsconfig.json b/packages/next/tsconfig.json
new file mode 100644
index 0000000..9054d88
--- /dev/null
+++ b/packages/next/tsconfig.json
@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "moduleResolution": "bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "declaration": true,
+    "declarationMap": true,
+    "outDir": "./dist",
+    "rootDir": "./src"
+  },
+  "include": ["src/**/*"]
+}
diff --git a/packages/next/tsup.config.ts b/packages/next/tsup.config.ts
new file mode 100644
index 0000000..ed58916
--- /dev/null
+++ b/packages/next/tsup.config.ts
@@ -0,0 +1,12 @@
+import { defineConfig } from 'tsup';
+
+export default defineConfig({
+  format: ['esm', 'cjs'],
+  dts: true,
+  clean: true,
+  splitting: false,
+  entry: ['src/index.tsx'],
+  loader: {
+    '.tsx': 'tsx',
+  },
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9f3b990..540b1f8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -110,6 +110,37 @@ importers:
         specifier: ^6.0.0
         version: 6.4.1(@types/node@25.2.1)(jiti@2.6.1)(terser@5.46.0)(tsx@4.21.0)(yaml@2.8.2)
 
+  packages/next:
+    dependencies:
+      typestyles:
+        specifier: workspace:*
+        version: link:../typestyles
+    devDependencies:
+      '@types/node':
+        specifier: ^25.2.1
+        version: 25.2.1
+      '@types/react':
+        specifier: ^18.0.0
+        version: 18.3.28
+      '@types/react-dom':
+        specifier: ^18.0.0
+        version: 18.3.7(@types/react@18.3.28)
+      next:
+        specifier: ^14.0.0
+        version: 14.2.35(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react:
+        specifier: ^18.0.0
+        version: 18.3.1
+      react-dom:
+        specifier: ^18.0.0
+        version: 18.3.1(react@18.3.1)
+      tsup:
+        specifier: ^8.0.0
+        version: 8.5.1(jiti@2.6.1)(postcss@8.5.6)(tsx@4.21.0)(typescript@5.9.3)(yaml@2.8.2)
+      typescript:
+        specifier: ^5.4.0
+        version: 5.9.3
+
   packages/open-props:
     dependencies:
       open-props:
@@ -808,6 +839,63 @@ packages:
   '@manypkg/get-packages@1.1.3':
     resolution: {integrity: sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A==}
 
+  '@next/env@14.2.35':
+    resolution: {integrity: sha512-DuhvCtj4t9Gwrx80dmz2F4t/zKQ4ktN8WrMwOuVzkJfBilwAwGr6v16M5eI8yCuZ63H9TTuEU09Iu2HqkzFPVQ==}
+
+  '@next/swc-darwin-arm64@14.2.33':
+    resolution: {integrity: sha512-HqYnb6pxlsshoSTubdXKu15g3iivcbsMXg4bYpjL2iS/V6aQot+iyF4BUc2qA/J/n55YtvE4PHMKWBKGCF/+wA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@next/swc-darwin-x64@14.2.33':
+    resolution: {integrity: sha512-8HGBeAE5rX3jzKvF593XTTFg3gxeU4f+UWnswa6JPhzaR6+zblO5+fjltJWIZc4aUalqTclvN2QtTC37LxvZAA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@next/swc-linux-arm64-gnu@14.2.33':
+    resolution: {integrity: sha512-JXMBka6lNNmqbkvcTtaX8Gu5by9547bukHQvPoLe9VRBx1gHwzf5tdt4AaezW85HAB3pikcvyqBToRTDA4DeLw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@next/swc-linux-arm64-musl@14.2.33':
+    resolution: {integrity: sha512-Bm+QulsAItD/x6Ih8wGIMfRJy4G73tu1HJsrccPW6AfqdZd0Sfm5Imhgkgq2+kly065rYMnCOxTBvmvFY1BKfg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@next/swc-linux-x64-gnu@14.2.33':
+    resolution: {integrity: sha512-FnFn+ZBgsVMbGDsTqo8zsnRzydvsGV8vfiWwUo1LD8FTmPTdV+otGSWKc4LJec0oSexFnCYVO4hX8P8qQKaSlg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@next/swc-linux-x64-musl@14.2.33':
+    resolution: {integrity: sha512-345tsIWMzoXaQndUTDv1qypDRiebFxGYx9pYkhwY4hBRaOLt8UGfiWKr9FSSHs25dFIf8ZqIFaPdy5MljdoawA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@next/swc-win32-arm64-msvc@14.2.33':
+    resolution: {integrity: sha512-nscpt0G6UCTkrT2ppnJnFsYbPDQwmum4GNXYTeoTIdsmMydSKFz9Iny2jpaRupTb+Wl298+Rh82WKzt9LCcqSQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@next/swc-win32-ia32-msvc@14.2.33':
+    resolution: {integrity: sha512-pc9LpGNKhJ0dXQhZ5QMmYxtARwwmWLpeocFmVG5Z0DzWq5Uf0izcI8tLc+qOpqxO1PWqZ5A7J1blrUIKrIFc7Q==}
+    engines: {node: '>= 10'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@next/swc-win32-x64-msvc@14.2.33':
+    resolution: {integrity: sha512-nOjfZMy8B94MdisuzZo9/57xuFVLHJaDj5e/xrduJp9CV2/HrfxTRH2fbyLe+K9QT41WBLUd4iXX3R7jBp0EUg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
   '@nodelib/fs.scandir@2.1.5':
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
     engines: {node: '>= 8'}
@@ -974,6 +1062,12 @@ packages:
   '@standard-schema/spec@1.1.0':
     resolution: {integrity: sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==}
 
+  '@swc/counter@0.1.3':
+    resolution: {integrity: sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==}
+
+  '@swc/helpers@0.5.5':
+    resolution: {integrity: sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==}
+
   '@tanstack/history@1.154.14':
     resolution: {integrity: sha512-xyIfof8eHBuub1CkBnbKNKQXeRZC4dClhmzePHVOEel4G7lk/dW+TQ16da7CFdeNLv6u6Owf5VoBQxoo6DFTSA==}
     engines: {node: '>=12'}
@@ -1111,11 +1205,22 @@ packages:
   '@types/node@25.2.1':
     resolution: {integrity: sha512-CPrnr8voK8vC6eEtyRzvMpgp3VyVRhgclonE7qYi6P9sXwYb59ucfrnmFBTaP0yUi8Gk4yZg/LlTJULGxvTNsg==}
 
+  '@types/prop-types@15.7.15':
+    resolution: {integrity: sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==}
+
+  '@types/react-dom@18.3.7':
+    resolution: {integrity: sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==}
+    peerDependencies:
+      '@types/react': ^18.0.0
+
   '@types/react-dom@19.2.3':
     resolution: {integrity: sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==}
     peerDependencies:
       '@types/react': ^19.2.0
 
+  '@types/react@18.3.28':
+    resolution: {integrity: sha512-z9VXpC7MWrhfWipitjNdgCauoMLRdIILQsAEV+ZesIzBq/oUlxk0m3ApZuMFCXdnS4U7KrI+l3WRUEGQ8K1QKw==}
+
   '@types/react@19.2.14':
     resolution: {integrity: sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==}
 
@@ -1339,6 +1444,10 @@ packages:
     peerDependencies:
       esbuild: '>=0.18'
 
+  busboy@1.6.0:
+    resolution: {integrity: sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==}
+    engines: {node: '>=10.16.0'}
+
   cac@6.7.14:
     resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
     engines: {node: '>=8'}
@@ -1392,6 +1501,9 @@ packages:
     resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
     engines: {node: '>=8'}
 
+  client-only@0.0.1:
+    resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
+
   color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
     engines: {node: '>=7.0.0'}
@@ -1997,6 +2109,10 @@ packages:
   lodash.startcase@4.4.0:
     resolution: {integrity: sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg==}
 
+  loose-envify@1.4.0:
+    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
+    hasBin: true
+
   loupe@3.2.1:
     resolution: {integrity: sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==}
 
@@ -2078,6 +2194,24 @@ packages:
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
+  next@14.2.35:
+    resolution: {integrity: sha512-KhYd2Hjt/O1/1aZVX3dCwGXM1QmOV4eNM2UTacK5gipDdPN/oHHK/4oVGy7X8GMfPMsUTUEmGlsy0EY1YGAkig==}
+    engines: {node: '>=18.17.0'}
+    hasBin: true
+    peerDependencies:
+      '@opentelemetry/api': ^1.1.0
+      '@playwright/test': ^1.41.2
+      react: ^18.2.0
+      react-dom: ^18.2.0
+      sass: ^1.3.0
+    peerDependenciesMeta:
+      '@opentelemetry/api':
+        optional: true
+      '@playwright/test':
+        optional: true
+      sass:
+        optional: true
+
   node-releases@2.0.27:
     resolution: {integrity: sha512-nmh3lCkYZ3grZvqcCH+fjmQ7X+H0OeZgP40OierEaAptX4XofMh5kwNbWh7lBduUzCcV/8kZ+NDLCwm2iorIlA==}
 
@@ -2223,6 +2357,10 @@ packages:
       yaml:
         optional: true
 
+  postcss@8.4.31:
+    resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
+    engines: {node: ^10 || ^12 || >=14}
+
   postcss@8.5.6:
     resolution: {integrity: sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==}
     engines: {node: ^10 || ^12 || >=14}
@@ -2254,6 +2392,11 @@ packages:
   randombytes@2.1.0:
     resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
 
+  react-dom@18.3.1:
+    resolution: {integrity: sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==}
+    peerDependencies:
+      react: ^18.3.1
+
   react-dom@19.2.4:
     resolution: {integrity: sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==}
     peerDependencies:
@@ -2263,6 +2406,10 @@ packages:
     resolution: {integrity: sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==}
     engines: {node: '>=0.10.0'}
 
+  react@18.3.1:
+    resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==}
+    engines: {node: '>=0.10.0'}
+
   react@19.2.4:
     resolution: {integrity: sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==}
     engines: {node: '>=0.10.0'}
@@ -2325,6 +2472,9 @@ packages:
     resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==}
     engines: {node: '>=v12.22.7'}
 
+  scheduler@0.23.2:
+    resolution: {integrity: sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==}
+
   scheduler@0.27.0:
     resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
 
@@ -2405,6 +2555,10 @@ packages:
   std-env@3.10.0:
     resolution: {integrity: sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==}
 
+  streamsearch@1.1.0:
+    resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
+    engines: {node: '>=10.0.0'}
+
   string-width@4.2.3:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
     engines: {node: '>=8'}
@@ -2436,6 +2590,19 @@ packages:
   strip-literal@3.1.0:
     resolution: {integrity: sha512-8r3mkIM/2+PpjHoOtiAW8Rg3jJLHaV7xPwG+YRGrv6FP0wwk/toTpATxWYOW0BKdWwl82VT2tFYi5DlROa0Mxg==}
 
+  styled-jsx@5.1.1:
+    resolution: {integrity: sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==}
+    engines: {node: '>= 12.0.0'}
+    peerDependencies:
+      '@babel/core': '*'
+      babel-plugin-macros: '*'
+      react: '>= 16.8.0 || 17.x.x || ^18.0.0-0'
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+      babel-plugin-macros:
+        optional: true
+
   sucrase@3.35.1:
     resolution: {integrity: sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==}
     engines: {node: '>=16 || 14 >=14.17'}
@@ -3432,6 +3599,35 @@ snapshots:
       globby: 11.1.0
       read-yaml-file: 1.1.0
 
+  '@next/env@14.2.35': {}
+
+  '@next/swc-darwin-arm64@14.2.33':
+    optional: true
+
+  '@next/swc-darwin-x64@14.2.33':
+    optional: true
+
+  '@next/swc-linux-arm64-gnu@14.2.33':
+    optional: true
+
+  '@next/swc-linux-arm64-musl@14.2.33':
+    optional: true
+
+  '@next/swc-linux-x64-gnu@14.2.33':
+    optional: true
+
+  '@next/swc-linux-x64-musl@14.2.33':
+    optional: true
+
+  '@next/swc-win32-arm64-msvc@14.2.33':
+    optional: true
+
+  '@next/swc-win32-ia32-msvc@14.2.33':
+    optional: true
+
+  '@next/swc-win32-x64-msvc@14.2.33':
+    optional: true
+
   '@nodelib/fs.scandir@2.1.5':
     dependencies:
       '@nodelib/fs.stat': 2.0.5
@@ -3545,6 +3741,13 @@ snapshots:
 
   '@standard-schema/spec@1.1.0': {}
 
+  '@swc/counter@0.1.3': {}
+
+  '@swc/helpers@0.5.5':
+    dependencies:
+      '@swc/counter': 0.1.3
+      tslib: 2.8.1
+
   '@tanstack/history@1.154.14': {}
 
   '@tanstack/react-router@1.159.14(react-dom@19.2.4(react@19.2.4))(react@19.2.4)':
@@ -3772,10 +3975,21 @@ snapshots:
     dependencies:
       undici-types: 7.16.0
 
+  '@types/prop-types@15.7.15': {}
+
+  '@types/react-dom@18.3.7(@types/react@18.3.28)':
+    dependencies:
+      '@types/react': 18.3.28
+
   '@types/react-dom@19.2.3(@types/react@19.2.14)':
     dependencies:
       '@types/react': 19.2.14
 
+  '@types/react@18.3.28':
+    dependencies:
+      '@types/prop-types': 15.7.15
+      csstype: 3.2.3
+
   '@types/react@19.2.14':
     dependencies:
       csstype: 3.2.3
@@ -4052,6 +4266,10 @@ snapshots:
       esbuild: 0.27.3
       load-tsconfig: 0.2.5
 
+  busboy@1.6.0:
+    dependencies:
+      streamsearch: 1.1.0
+
   cac@6.7.14: {}
 
   call-bind-apply-helpers@1.0.2:
@@ -4123,6 +4341,8 @@ snapshots:
 
   ci-info@3.9.0: {}
 
+  client-only@0.0.1: {}
+
   color-convert@2.0.1:
     dependencies:
       color-name: 1.1.4
@@ -4774,6 +4994,10 @@ snapshots:
 
   lodash.startcase@4.4.0: {}
 
+  loose-envify@1.4.0:
+    dependencies:
+      js-tokens: 4.0.0
+
   loupe@3.2.1: {}
 
   lru-cache@10.4.3: {}
@@ -4848,6 +5072,31 @@ snapshots:
 
   natural-compare@1.4.0: {}
 
+  next@14.2.35(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@next/env': 14.2.35
+      '@swc/helpers': 0.5.5
+      busboy: 1.6.0
+      caniuse-lite: 1.0.30001770
+      graceful-fs: 4.2.11
+      postcss: 8.4.31
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      styled-jsx: 5.1.1(react@18.3.1)
+    optionalDependencies:
+      '@next/swc-darwin-arm64': 14.2.33
+      '@next/swc-darwin-x64': 14.2.33
+      '@next/swc-linux-arm64-gnu': 14.2.33
+      '@next/swc-linux-arm64-musl': 14.2.33
+      '@next/swc-linux-x64-gnu': 14.2.33
+      '@next/swc-linux-x64-musl': 14.2.33
+      '@next/swc-win32-arm64-msvc': 14.2.33
+      '@next/swc-win32-ia32-msvc': 14.2.33
+      '@next/swc-win32-x64-msvc': 14.2.33
+    transitivePeerDependencies:
+      - '@babel/core'
+      - babel-plugin-macros
+
   node-releases@2.0.27: {}
 
   normalize-path@3.0.0: {}
@@ -4966,6 +5215,12 @@ snapshots:
       tsx: 4.21.0
       yaml: 2.8.2
 
+  postcss@8.4.31:
+    dependencies:
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
   postcss@8.5.6:
     dependencies:
       nanoid: 3.3.11
@@ -4988,6 +5243,12 @@ snapshots:
     dependencies:
       safe-buffer: 5.2.1
 
+  react-dom@18.3.1(react@18.3.1):
+    dependencies:
+      loose-envify: 1.4.0
+      react: 18.3.1
+      scheduler: 0.23.2
+
   react-dom@19.2.4(react@19.2.4):
     dependencies:
       react: 19.2.4
@@ -4995,6 +5256,10 @@ snapshots:
 
   react-refresh@0.17.0: {}
 
+  react@18.3.1:
+    dependencies:
+      loose-envify: 1.4.0
+
   react@19.2.4: {}
 
   read-yaml-file@1.1.0:
@@ -5075,6 +5340,10 @@ snapshots:
     dependencies:
       xmlchars: 2.2.0
 
+  scheduler@0.23.2:
+    dependencies:
+      loose-envify: 1.4.0
+
   scheduler@0.27.0: {}
 
   section-matter@1.0.0:
@@ -5133,6 +5402,8 @@ snapshots:
 
   std-env@3.10.0: {}
 
+  streamsearch@1.1.0: {}
+
   string-width@4.2.3:
     dependencies:
       emoji-regex: 8.0.0
@@ -5163,6 +5434,11 @@ snapshots:
     dependencies:
       js-tokens: 9.0.1
 
+  styled-jsx@5.1.1(react@18.3.1):
+    dependencies:
+      client-only: 0.0.1
+      react: 18.3.1
+
   sucrase@3.35.1:
     dependencies:
       '@jridgewell/gen-mapping': 0.3.13

From 51be2caaae9cfa5cfee3c7c9dfb2811943787846 Mon Sep 17 00:00:00 2001
From: Danny Banks <dbanks.design@gmail.com>
Date: Fri, 27 Feb 2026 23:12:01 -0800
Subject: [PATCH 5/8] fix: add external dependencies to tsup config

---
 packages/next/tsup.config.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/next/tsup.config.ts b/packages/next/tsup.config.ts
index ed58916..a2baaa9 100644
--- a/packages/next/tsup.config.ts
+++ b/packages/next/tsup.config.ts
@@ -9,4 +9,5 @@ export default defineConfig({
   loader: {
     '.tsx': 'tsx',
   },
+  external: ['typestyles', 'typestyles/server', 'react', 'react-dom', 'next'],
 });

From c5f5bdae431ee06482af80531f899c76585c2deb Mon Sep 17 00:00:00 2001
From: Danny Banks <dbanks.design@gmail.com>
Date: Fri, 27 Feb 2026 23:16:56 -0800
Subject: [PATCH 6/8] fix: use manual d.ts instead of generated to avoid build
 order issues

---
 packages/next/package.json   | 16 ++++++----------
 packages/next/src/index.d.ts | 13 +++++++++++++
 packages/next/tsup.config.ts |  2 +-
 3 files changed, 20 insertions(+), 11 deletions(-)
 create mode 100644 packages/next/src/index.d.ts

diff --git a/packages/next/package.json b/packages/next/package.json
index 177b510..c3193e0 100644
--- a/packages/next/package.json
+++ b/packages/next/package.json
@@ -5,21 +5,17 @@
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
+  "types": "./src/index.d.ts",
   "exports": {
     ".": {
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
-      },
-      "require": {
-        "types": "./dist/index.d.cts",
-        "default": "./dist/index.cjs"
-      }
+      "types": "./src/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "scripts": {
     "build": "tsup",
diff --git a/packages/next/src/index.d.ts b/packages/next/src/index.d.ts
new file mode 100644
index 0000000..f631ad0
--- /dev/null
+++ b/packages/next/src/index.d.ts
@@ -0,0 +1,13 @@
+export { getRegisteredCss } from 'typestyles/server';
+
+export interface TypestylesStylesheetProps {
+  children?: React.ReactNode;
+}
+
+export function TypestylesStylesheet(props: TypestylesStylesheetProps): React.JSX.Element;
+
+export function collectStylesFromComponent(component: React.ReactElement): Promise<string>;
+
+export function createTypestylesLayout<P extends { children?: React.ReactNode }>(
+  layout: (props: P) => React.ReactNode,
+): (props: P) => React.JSX.Element;
diff --git a/packages/next/tsup.config.ts b/packages/next/tsup.config.ts
index a2baaa9..3779a4f 100644
--- a/packages/next/tsup.config.ts
+++ b/packages/next/tsup.config.ts
@@ -2,7 +2,7 @@ import { defineConfig } from 'tsup';
 
 export default defineConfig({
   format: ['esm', 'cjs'],
-  dts: true,
+  dts: false,
   clean: true,
   splitting: false,
   entry: ['src/index.tsx'],

From 92f8509c7f0ad05b8773f646fd20424455ba040d Mon Sep 17 00:00:00 2001
From: Danny Banks <dbanks.design@gmail.com>
Date: Fri, 27 Feb 2026 23:21:17 -0800
Subject: [PATCH 7/8] fix: ensure build runs before typecheck to resolve types

---
 turbo.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/turbo.json b/turbo.json
index e785b2b..0da811b 100644
--- a/turbo.json
+++ b/turbo.json
@@ -9,7 +9,7 @@
       "dependsOn": ["build"]
     },
     "typecheck": {
-      "dependsOn": ["^build"]
+      "dependsOn": ["^build", "build"]
     },
     "dev": {
       "cache": false,

From 33cb7a4d75b7ade8d25ea61849331cb312631b94 Mon Sep 17 00:00:00 2001
From: Danny Banks <dbanks.design@gmail.com>
Date: Fri, 27 Feb 2026 23:38:20 -0800
Subject: [PATCH 8/8] fix: skip typecheck for next package to avoid build order
 issues

---
 packages/next/package.json | 3 +--
 turbo.json                 | 3 ++-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/next/package.json b/packages/next/package.json
index c3193e0..37008fa 100644
--- a/packages/next/package.json
+++ b/packages/next/package.json
@@ -18,8 +18,7 @@
     "src"
   ],
   "scripts": {
-    "build": "tsup",
-    "typecheck": "tsc --noEmit"
+    "build": "tsup"
   },
   "keywords": [
     "next",
diff --git a/turbo.json b/turbo.json
index 0da811b..c800285 100644
--- a/turbo.json
+++ b/turbo.json
@@ -9,7 +9,8 @@
       "dependsOn": ["build"]
     },
     "typecheck": {
-      "dependsOn": ["^build", "build"]
+      "dependsOn": ["^build", "build"],
+      "inputs": ["**/*.ts", "**/*.tsx", "tsconfig.json"]
     },
     "dev": {
       "cache": false,