;
+// returns { foo: string; bar?: number | undefined }
+```
+
+This more declarative API makes schema definitions vastly more concise.
+
+`io-ts` also requires the use of gcanti's functional programming library `fp-ts` to parse results and handle errors. This is another fantastic resource for developers looking to keep their codebase strictly functional. But depending on `fp-ts` necessarily comes with a lot of intellectual overhead; a developer has to be familiar with functional programming concepts and the `fp-ts` nomenclature to use the library.
+
+- Supports codecs with serialization & deserialization transforms
+- Supports branded types
+- Supports advanced functional programming, higher-kinded types, `fp-ts` compatibility
+- Missing object methods: (pick, omit, partial, deepPartial, merge, extend)
+- Missing nonempty arrays with proper typing (`[T, ...T[]]`)
+- Missing promise schemas
+- Missing function schemas
+
+### Runtypes
+
+[https://github.com/pelotom/runtypes](https://github.com/pelotom/runtypes)
+
+Good type inference support.
+
+- Supports "pattern matching": computed properties that distribute over unions
+- Missing object methods: (deepPartial, merge)
+- Missing nonempty arrays with proper typing (`[T, ...T[]]`)
+- Missing promise schemas
+- Missing error customization
+
+### Ow
+
+[https://github.com/sindresorhus/ow](https://github.com/sindresorhus/ow)
+
+Ow is focused on function input validation. It's a library that makes it easy to express complicated assert statements, but it doesn't let you parse untyped data. They support a much wider variety of types; Zod has a nearly one-to-one mapping with TypeScript's type system, whereas ow lets you validate several highly-specific types out of the box (e.g. `int32Array` , see full list in their README).
+
+If you want to validate function inputs, use function schemas in Zod! It's a much simpler approach that lets you reuse a function type declaration without repeating yourself (namely, copy-pasting a bunch of ow assertions at the beginning of every function). Also Zod lets you validate your return types as well, so you can be sure there won't be any unexpected data passed downstream.
+
+## Changelog
+
+View the changelog at [CHANGELOG.md](CHANGELOG.md)
diff --git a/docs/markdoc/attachments/logo.svg b/docs/markdoc/attachments/logo.svg
new file mode 100644
index 000000000..0595f511b
--- /dev/null
+++ b/docs/markdoc/attachments/logo.svg
@@ -0,0 +1,46 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/markdoc/biome.json b/docs/markdoc/biome.json
new file mode 100644
index 000000000..fe74d1a53
--- /dev/null
+++ b/docs/markdoc/biome.json
@@ -0,0 +1,16 @@
+{
+ "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+ "organizeImports": {
+ "enabled": true
+ },
+ "linter": {
+ "enabled": true,
+ "rules": {
+ "recommended": true
+ }
+ },
+ "formatter": {
+ "enabled": true,
+ "indentStyle": "space"
+ }
+}
diff --git a/docs/markdoc/build.ts b/docs/markdoc/build.ts
new file mode 100644
index 000000000..d1f4e0af6
--- /dev/null
+++ b/docs/markdoc/build.ts
@@ -0,0 +1,236 @@
+import fs from 'fs/promises';
+import path from 'path';
+import Markdoc from '@markdoc/markdoc';
+import { execSync } from 'child_process';
+import { title, description } from './constants.js';
+import { decode } from 'html-entities';
+
+function getNodeText(node: any): string {
+ if (typeof node === 'string') return decode(node);
+ if (Array.isArray(node)) return node.map(getNodeText).join('');
+ if (typeof node === 'object' && node.children) return getNodeText(node.children);
+ return '';
+}
+
+function sanitizeId(text: string): string {
+ return text.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/(^-|-$)/g, '');
+}
+
+async function main() {
+ try {
+ // Read README.md and create out directory
+ let source = await fs.readFile(path.join(process.cwd(), '..', 'attachments', 'README.md'), 'utf-8');
+ const outDir = path.join(process.cwd(), 'out');
+ await fs.mkdir(outDir, { recursive: true });
+
+ // Parse markdown
+ const ast = Markdoc.parse(source);
+
+ const headings: Array<{ id: string; text: string; level: number }> = [];
+ let tabGroupCounter = 0;
+
+ // Custom config for transforming nodes
+ const config = {
+ nodes: {
+ document: {
+ transform(node: any, config: any) {
+ const children = node.transformChildren(config);
+ return children;
+ }
+ },
+ heading: {
+ transform(node: any, config: any) {
+ const attributes = node.transformAttributes(config);
+ const children = node.transformChildren(config);
+ const text = getNodeText(children);
+ const id = text ? sanitizeId(text) : '';
+ const level = attributes.level || 1;
+
+ if (level === 2 || level === 3) {
+ headings.push({ id, text: decode(text), level });
+ }
+
+ return new Markdoc.Tag(
+ `h${level}`,
+ {
+ id,
+ class: `heading-${level}`,
+ 'data-heading': 'true'
+ },
+ children.map((child: any) => typeof child === 'string' ? decode(child) : child)
+ );
+ }
+ },
+ paragraph: {
+ transform(node: any, config: any) {
+ const children = node.transformChildren(config);
+ const text = getNodeText(node);
+
+ // If the content is HTML, parse it carefully
+ if (text.includes('<') && text.includes('>')) {
+ // Clean up the HTML content
+ return text
+ .replace(/"/g, '"')
+ .replace(/</g, '<')
+ .replace(/>/g, '>')
+ .replace(/&/g, '&')
+ .replace(/<\/?p>/g, '') // Remove any p tags in the HTML content
+ .trim();
+ }
+
+ // Regular paragraph content
+ return new Markdoc.Tag('p', { class: 'mb-4' }, children);
+ }
+ },
+ image: {
+ transform(node: any, config: any) {
+ const attributes = node.transformAttributes(config);
+ const src = attributes.src || '';
+ const alt = attributes.alt || '';
+ const title = attributes.title;
+
+ return new Markdoc.Tag('img', {
+ src: src.startsWith('http') ? src : path.basename(src),
+ alt: decode(alt),
+ title: title ? decode(title) : undefined,
+ class: 'inline-block'
+ });
+ }
+ },
+ link: {
+ transform(node: any, config: any) {
+ const attributes = node.transformAttributes(config);
+ const children = node.transformChildren(config);
+ const href = attributes.href || '';
+ const title = attributes.title;
+
+ // Handle different types of links
+ let processedHref = '';
+ if (href.startsWith('#')) {
+ // Internal anchor links - keep as is
+ processedHref = href;
+ } else if (href.startsWith('http')) {
+ // External links - keep as is
+ processedHref = href;
+ } else {
+ // Convert relative links to anchors based on text content
+ const text = getNodeText(children);
+ processedHref = '#' + sanitizeId(text);
+ }
+
+ return new Markdoc.Tag('a', {
+ href: processedHref,
+ title: title ? decode(title) : undefined,
+ class: 'text-blue-400 hover:text-blue-300 transition-colors duration-200'
+ }, children.map((child: any) => typeof child === 'string' ? decode(child) : child));
+ }
+ },
+ fence: {
+ transform(node: any, config: any) {
+ const { language } = node.attributes;
+ const content = node.attributes.content;
+
+ // Handle tab groups
+ if (content.includes('===')) {
+ tabGroupCounter++;
+ const tabs: string[] = content.split('===').map((tab: string) => tab.trim());
+ const tabTitles: string[] = tabs.map((tab: string) => tab.split('\n')[0]);
+ const tabContents: string[] = tabs.map((tab: string) =>
+ tab.split('\n')
+ .slice(1)
+ .join('\n')
+ .trim()
+ );
+
+ const tabsHtml = tabTitles.map((title: string, i: number) =>
+ new Markdoc.Tag('button', {
+ class: `tab${i === 0 ? ' active' : ''}`,
+ 'data-tab': i.toString(),
+ 'data-group': tabGroupCounter.toString()
+ }, [title])
+ );
+
+ const contentHtml = tabContents.map((content: string, i: number) =>
+ new Markdoc.Tag('div', {
+ class: `tab-content${i === 0 ? ' active' : ''}`,
+ 'data-tab': i.toString(),
+ 'data-group': tabGroupCounter.toString()
+ }, [
+ new Markdoc.Tag('pre', { tabindex: '0' }, [
+ new Markdoc.Tag('code', {
+ class: `language-${language || 'text'}`,
+ 'data-prism': 'true'
+ }, [content])
+ ])
+ ])
+ );
+
+ return new Markdoc.Tag('div', { class: 'tab-group' }, [
+ new Markdoc.Tag('div', { class: 'tab-list' }, tabsHtml),
+ new Markdoc.Tag('div', { class: 'tab-contents' }, contentHtml)
+ ]);
+ }
+
+ // Regular code blocks
+ return new Markdoc.Tag('pre', { tabindex: '0' }, [
+ new Markdoc.Tag('code', {
+ class: `language-${language || 'text'}`,
+ 'data-prism': 'true'
+ }, [content])
+ ]);
+ }
+ }
+ }
+ };
+
+ // Transform content
+ const content = Markdoc.transform(ast, config);
+ let contentHtml = Markdoc.renderers.html(content);
+
+ // Clean up HTML structure
+ contentHtml = contentHtml
+ // Handle HTML entities in non-code content
+ .replace(/"(?![^<]*<\/code>)/g, '"')
+ .replace(/<(?![^<]*<\/code>)/g, '<')
+ .replace(/>(?![^<]*<\/code>)/g, '>')
+ .replace(/&(?![^<]*<\/code>)/g, '&')
+ // Clean up structure
+ .replace(/(]*>)\s*(
]*>)/g, '$1')
+ .replace(/(<\/p>)\s*(<\/p>)/g, '$2')
+ .replace(/]*>\s*<\/h\1>/g, '')
+ .replace(/>\s+<')
+ .replace(/\s+/g, ' ');
+
+ // Generate sidebar HTML
+ const sidebarHtml = headings
+ .map(({ id, text, level }) => `
+
+ `)
+ .join('');
+
+ // Read template and replace content
+ const template = await fs.readFile(
+ path.join(process.cwd(), 'template.html'),
+ 'utf-8'
+ );
+
+ const finalHtml = template
+ .replace(/\{\{\s*title\s*\}\}/g, title)
+ .replace(/\{\{\s*description\s*\}\}/g, description)
+ .replace(/\{\{\s*content\s*\}\}/g, contentHtml)
+ .replace(/\{\{\s*sidebar\s*\}\}/g, sidebarHtml);
+
+ await fs.writeFile(path.join(outDir, 'index.html'), finalHtml);
+ console.log('Build completed successfully');
+
+ } catch (error) {
+ console.error('Build failed:', error);
+ process.exit(1);
+ }
+}
+
+main();
diff --git a/docs/markdoc/constants.ts b/docs/markdoc/constants.ts
new file mode 100644
index 000000000..8775f570f
--- /dev/null
+++ b/docs/markdoc/constants.ts
@@ -0,0 +1,7 @@
+import { join } from 'path';
+import os from 'os';
+
+export const HOME_DIR = os.homedir();
+export const OUT_DIR = join(process.cwd(), 'out');
+export const title = 'Zod Documentation';
+export const description = 'TypeScript-first schema validation with static type inference';
diff --git a/docs/markdoc/dist/build.js b/docs/markdoc/dist/build.js
new file mode 100644
index 000000000..e1b2d7b92
--- /dev/null
+++ b/docs/markdoc/dist/build.js
@@ -0,0 +1,202 @@
+import fs from 'fs/promises';
+import path from 'path';
+import Markdoc from '@markdoc/markdoc';
+import { title, description } from './constants.js';
+import { decode } from 'html-entities';
+function getNodeText(node) {
+ if (typeof node === 'string')
+ return decode(node);
+ if (Array.isArray(node))
+ return node.map(getNodeText).join('');
+ if (typeof node === 'object' && node.children)
+ return getNodeText(node.children);
+ return '';
+}
+function sanitizeId(text) {
+ return text.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/(^-|-$)/g, '');
+}
+async function main() {
+ try {
+ // Read README.md and create out directory
+ let source = await fs.readFile(path.join(process.cwd(), '..', 'attachments', 'README.md'), 'utf-8');
+ const outDir = path.join(process.cwd(), 'out');
+ await fs.mkdir(outDir, { recursive: true });
+ // Parse markdown
+ const ast = Markdoc.parse(source);
+ const headings = [];
+ let tabGroupCounter = 0;
+ // Custom config for transforming nodes
+ const config = {
+ nodes: {
+ document: {
+ transform(node, config) {
+ const children = node.transformChildren(config);
+ return children;
+ }
+ },
+ heading: {
+ transform(node, config) {
+ const attributes = node.transformAttributes(config);
+ const children = node.transformChildren(config);
+ const text = getNodeText(children);
+ const id = text ? sanitizeId(text) : '';
+ const level = attributes.level || 1;
+ if (level === 2 || level === 3) {
+ headings.push({ id, text: decode(text), level });
+ }
+ return new Markdoc.Tag(`h${level}`, {
+ id,
+ class: `heading-${level}`,
+ 'data-heading': 'true'
+ }, children.map((child) => typeof child === 'string' ? decode(child) : child));
+ }
+ },
+ paragraph: {
+ transform(node, config) {
+ const children = node.transformChildren(config);
+ const text = getNodeText(node);
+ // If the content is HTML, parse it carefully
+ if (text.includes('<') && text.includes('>')) {
+ // Clean up the HTML content
+ return text
+ .replace(/"/g, '"')
+ .replace(/</g, '<')
+ .replace(/>/g, '>')
+ .replace(/&/g, '&')
+ .replace(/<\/?p>/g, '') // Remove any p tags in the HTML content
+ .trim();
+ }
+ // Regular paragraph content
+ return new Markdoc.Tag('p', { class: 'mb-4' }, children);
+ }
+ },
+ image: {
+ transform(node, config) {
+ const attributes = node.transformAttributes(config);
+ const src = attributes.src || '';
+ const alt = attributes.alt || '';
+ const title = attributes.title;
+ return new Markdoc.Tag('img', {
+ src: src.startsWith('http') ? src : path.basename(src),
+ alt: decode(alt),
+ title: title ? decode(title) : undefined,
+ class: 'inline-block'
+ });
+ }
+ },
+ link: {
+ transform(node, config) {
+ const attributes = node.transformAttributes(config);
+ const children = node.transformChildren(config);
+ const href = attributes.href || '';
+ const title = attributes.title;
+ // Handle different types of links
+ let processedHref = '';
+ if (href.startsWith('#')) {
+ // Internal anchor links - keep as is
+ processedHref = href;
+ }
+ else if (href.startsWith('http')) {
+ // External links - keep as is
+ processedHref = href;
+ }
+ else {
+ // Convert relative links to anchors based on text content
+ const text = getNodeText(children);
+ processedHref = '#' + sanitizeId(text);
+ }
+ return new Markdoc.Tag('a', {
+ href: processedHref,
+ title: title ? decode(title) : undefined,
+ class: 'text-blue-400 hover:text-blue-300 transition-colors duration-200'
+ }, children.map((child) => typeof child === 'string' ? decode(child) : child));
+ }
+ },
+ fence: {
+ transform(node, config) {
+ const { language } = node.attributes;
+ const content = node.attributes.content;
+ // Handle tab groups
+ if (content.includes('===')) {
+ tabGroupCounter++;
+ const tabs = content.split('===').map((tab) => tab.trim());
+ const tabTitles = tabs.map((tab) => tab.split('\n')[0]);
+ const tabContents = tabs.map((tab) => tab.split('\n')
+ .slice(1)
+ .join('\n')
+ .trim());
+ const tabsHtml = tabTitles.map((title, i) => new Markdoc.Tag('button', {
+ class: `tab${i === 0 ? ' active' : ''}`,
+ 'data-tab': i.toString(),
+ 'data-group': tabGroupCounter.toString()
+ }, [title]));
+ const contentHtml = tabContents.map((content, i) => new Markdoc.Tag('div', {
+ class: `tab-content${i === 0 ? ' active' : ''}`,
+ 'data-tab': i.toString(),
+ 'data-group': tabGroupCounter.toString()
+ }, [
+ new Markdoc.Tag('pre', { tabindex: '0' }, [
+ new Markdoc.Tag('code', {
+ class: `language-${language || 'text'}`,
+ 'data-prism': 'true'
+ }, [content])
+ ])
+ ]));
+ return new Markdoc.Tag('div', { class: 'tab-group' }, [
+ new Markdoc.Tag('div', { class: 'tab-list' }, tabsHtml),
+ new Markdoc.Tag('div', { class: 'tab-contents' }, contentHtml)
+ ]);
+ }
+ // Regular code blocks
+ return new Markdoc.Tag('pre', { tabindex: '0' }, [
+ new Markdoc.Tag('code', {
+ class: `language-${language || 'text'}`,
+ 'data-prism': 'true'
+ }, [content])
+ ]);
+ }
+ }
+ }
+ };
+ // Transform content
+ const content = Markdoc.transform(ast, config);
+ let contentHtml = Markdoc.renderers.html(content);
+ // Clean up HTML structure
+ contentHtml = contentHtml
+ // Handle HTML entities in non-code content
+ .replace(/"(?![^<]*<\/code>)/g, '"')
+ .replace(/<(?![^<]*<\/code>)/g, '<')
+ .replace(/>(?![^<]*<\/code>)/g, '>')
+ .replace(/&(?![^<]*<\/code>)/g, '&')
+ // Clean up structure
+ .replace(/(]*>)\s*(
]*>)/g, '$1')
+ .replace(/(<\/p>)\s*(<\/p>)/g, '$2')
+ .replace(/]*>\s*<\/h\1>/g, '')
+ .replace(/>\s+<')
+ .replace(/\s+/g, ' ');
+ // Generate sidebar HTML
+ const sidebarHtml = headings
+ .map(({ id, text, level }) => `
+
+ `)
+ .join('');
+ // Read template and replace content
+ const template = await fs.readFile(path.join(process.cwd(), 'template.html'), 'utf-8');
+ const finalHtml = template
+ .replace(/\{\{\s*title\s*\}\}/g, title)
+ .replace(/\{\{\s*description\s*\}\}/g, description)
+ .replace(/\{\{\s*content\s*\}\}/g, contentHtml)
+ .replace(/\{\{\s*sidebar\s*\}\}/g, sidebarHtml);
+ await fs.writeFile(path.join(outDir, 'index.html'), finalHtml);
+ console.log('Build completed successfully');
+ }
+ catch (error) {
+ console.error('Build failed:', error);
+ process.exit(1);
+ }
+}
+main();
diff --git a/docs/markdoc/dist/constants.js b/docs/markdoc/dist/constants.js
new file mode 100644
index 000000000..7dcd325d4
--- /dev/null
+++ b/docs/markdoc/dist/constants.js
@@ -0,0 +1,6 @@
+import { join } from 'path';
+import os from 'os';
+export const HOME_DIR = os.homedir();
+export const OUT_DIR = join(process.cwd(), 'out');
+export const title = 'Zod Documentation';
+export const description = 'TypeScript-first schema validation with static type inference';
diff --git a/docs/markdoc/dist/generate-og.js b/docs/markdoc/dist/generate-og.js
new file mode 100644
index 000000000..27e4a7b30
--- /dev/null
+++ b/docs/markdoc/dist/generate-og.js
@@ -0,0 +1,97 @@
+import satori from 'satori';
+import sharp from 'sharp';
+import { readFileSync, writeFileSync } from 'fs';
+import { join, dirname } from 'path';
+import { fileURLToPath } from 'url';
+import fetch from 'node-fetch';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const OUT_DIR = join(__dirname, '..', 'out');
+async function downloadFont() {
+ const response = await fetch('https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap');
+ const css = await response.text();
+ const fontUrl = css.match(/src: url\((.+?)\)/)?.[1];
+ if (!fontUrl) {
+ throw new Error('Could not find font URL');
+ }
+ const fontResponse = await fetch(fontUrl);
+ const fontBuffer = await fontResponse.arrayBuffer();
+ return Buffer.from(fontBuffer);
+}
+async function generateOgImage() {
+ try {
+ const fontData = await downloadFont();
+ const logoSvg = readFileSync(join(OUT_DIR, 'logo.svg'), 'utf-8');
+ const logoData = Buffer.from(logoSvg).toString('base64');
+ const svg = await satori({
+ type: 'div',
+ props: {
+ style: {
+ display: 'flex',
+ height: '100%',
+ width: '100%',
+ alignItems: 'center',
+ justifyContent: 'center',
+ backgroundColor: '#fff',
+ padding: '40px',
+ },
+ children: [
+ {
+ type: 'div',
+ props: {
+ style: {
+ display: 'flex',
+ flexDirection: 'column',
+ alignItems: 'center',
+ },
+ children: [
+ {
+ type: 'img',
+ props: {
+ src: `data:image/svg+xml;base64,${logoData}`,
+ width: 200,
+ height: 200,
+ },
+ },
+ {
+ type: 'div',
+ props: {
+ style: {
+ fontSize: 60,
+ fontWeight: 700,
+ color: '#000',
+ marginTop: 20,
+ },
+ children: 'Zod Documentation',
+ },
+ },
+ ],
+ },
+ },
+ ],
+ },
+ }, {
+ width: 1200,
+ height: 630,
+ fonts: [
+ {
+ name: 'Inter',
+ data: fontData,
+ weight: 700,
+ style: 'normal',
+ },
+ ],
+ });
+ writeFileSync(join(OUT_DIR, 'og-image.svg'), svg);
+ // Convert to PNG using Sharp
+ await sharp(Buffer.from(svg))
+ .resize(1200, 630)
+ .png()
+ .toFile(join(OUT_DIR, 'og-image.png'));
+ console.log('Generated og:image successfully (SVG and PNG)');
+ }
+ catch (error) {
+ console.error('Failed to generate og:image:', error);
+ }
+}
+generateOgImage().catch(console.error);
diff --git a/docs/markdoc/dist/index.html b/docs/markdoc/dist/index.html
new file mode 100644
index 000000000..6a0982cb1
--- /dev/null
+++ b/docs/markdoc/dist/index.html
@@ -0,0 +1,38 @@
+
+
+
+
+
+ Zod Documentation
+
+
+
+
+
+
+
+
+
+
Zod ✨ https://zod.dev ✨ TypeScript-first schema validation with static type inference
Zod 3.23 is out! View the release notes .
These docs have been translated into Chinese .
Table of contents
Introduction Zod is a TypeScript-first schema declaration and validation library. I'm using the term "schema" to broadly refer to any data type, from a simple string
to a complex nested object.
Zod is designed to be as developer-friendly as possible. The goal is to eliminate duplicative type declarations. With Zod, you declare a validator once and Zod will automatically infer the static TypeScript type. It's easy to compose simpler types into complex data structures.
Some other great aspects:
Zero dependencies Works in Node.js and all modern browsers Tiny: 8kb minified + zipped Immutable: methods (e.g. .optional()
) return a new instance Concise, chainable interface Functional approach: parse, don't validate Works with plain JavaScript too! You don't need to use TypeScript. Sponsorship at any level is appreciated and encouraged. For individual developers, consider the Cup of Coffee tier . If you built a paid product using Zod, consider one of the podium tiers .
Gold This tier was just added. Be the first Gold Sponsor!
Silver
Bronze
Copper
Brandon Bayer Jiří Brabec Alex Johansson Fungible Systems Adaptable Avana Wallet Jason Lengstorf Global Illumination, Inc. MasterBorn Ryan Palmer Michael Sweeney Nextbase Remotion Connor Sinnott Mohammad-Ali A'râbi Supatool
Ecosystem There are a growing number of tools that are built atop or support Zod natively! If you've built a tool or library on top of Zod, tell me about it on Twitter or start a Discussion . I'll add it below and tweet it out.
Resources API libraries tRPC
: Build end-to-end typesafe APIs without GraphQL.@anatine/zod-nestjs
: Helper methods for using Zod in a NestJS project.zod-endpoints
: Contract-first strictly typed endpoints with Zod. OpenAPI compatible.zhttp
: An OpenAPI compatible, strictly typed http library with Zod input and response validation.domain-functions
: Decouple your business logic from your framework using composable functions. With first-class type inference from end to end powered by Zod schemas.@zodios/core
: A typescript API client with runtime and compile time validation backed by axios and zod.express-zod-api
: Build Express-based APIs with I/O schema validation and custom middlewares.tapiduck
: End-to-end typesafe JSON APIs with Zod and Express; a bit like tRPC, but simpler.koa-zod-router
: Create typesafe routes in Koa with I/O validation using Zod.react-hook-form
: A first-party Zod resolver for React Hook Form.zod-validation-error
: Generate user-friendly error messages from ZodError
s.zod-formik-adapter
: A community-maintained Formik adapter for Zod.react-zorm
: Standalone <form>
generation and validation for React using Zod.zodix
: Zod utilities for FormData and URLSearchParams in Remix loaders and actions.conform
: A typesafe form validation library for progressive enhancement of HTML forms. Works with Remix and Next.js.remix-params-helper
: Simplify integration of Zod with standard URLSearchParams and FormData for Remix apps.formik-validator-zod
: Formik-compliant validator library that simplifies using Zod with Formik.zod-i18n-map
: Useful for translating Zod error messages.@modular-forms/solid
: Modular form library for SolidJS that supports Zod for validation.houseform
: A React form library that uses Zod for validation.sveltekit-superforms
: Supercharged form library for SvelteKit with Zod validation.mobx-zod-form
: Data-first form builder based on MobX & Zod.@vee-validate/zod
: Form library for Vue.js with Zod schema validation.Zod to X X to Zod Mocking @anatine/zod-mock
: Generate mock data from a Zod schema. Powered by faker.js .zod-mocking
: Generate mock data from your Zod schemas.zod-fixture
: Use your zod schemas to automate the generation of non-relevant test fixtures in a deterministic way.zocker
: Generate plausible mock-data from your schemas.zodock
Generate mock data based on Zod schemas.Powered by Zod freerstore
: Firestore cost optimizer.slonik
: Node.js Postgres client with strong Zod integration.soly
: Create CLI applications with zod.pastel
: Create CLI applications with react, zod, and ink.zod-xlsx
: A xlsx based resource validator using Zod schemas.znv
: Type-safe environment parsing and validation for Node.js with Zod schemas.zod-config
: Load configurations across multiple sources with flexible adapters, ensuring type safety with Zod.Utilities for Zod Installation Requirements From npm
(Node/Bun) npm install zod # npm yarn add zod # yarn bun add zod # bun pnpm add zod # pnpm
Zod also publishes a canary version on every commit. To install the canary:
npm install zod@canary # npm yarn add zod@canary # yarn bun add zod@canary # bun pnpm add zod@canary # pnpm
From deno.land/x
(Deno) Unlike Node, Deno relies on direct URL imports instead of a package manager like NPM. Zod is available on deno.land/x . The latest version can be imported like so:
import { z } from "https://deno.land/x/zod/mod.ts";
You can also specify a particular version:
import { z } from "https://deno.land/x/zod@v3.16.1/mod.ts";
The rest of this README assumes you are using npm and importing directly from the "zod"
package.
Basic usage Creating a simple string schema
import { z } from "zod"; // creating a schema for strings const mySchema = z.string(); // parsing mySchema.parse("tuna"); // => "tuna" mySchema.parse(12); // => throws ZodError // "safe" parsing (doesn't throw error if validation fails) mySchema.safeParse("tuna"); // => { success: true; data: "tuna" } mySchema.safeParse(12); // => { success: false; error: ZodError }
Creating an object schema
import { z } from "zod"; const User = z.object({ username: z.string(), }); User.parse({ username: "Ludwig" }); // extract the inferred type type User = z.infer<typeof User>; // { username: string }
Primitives import { z } from "zod"; // primitive values z.string(); z.number(); z.bigint(); z.boolean(); z.date(); z.symbol(); // empty types z.undefined(); z.null(); z.void(); // accepts undefined // catch-all types // allows any value z.any(); z.unknown(); // never type // allows no values z.never();
Coercion for primitives Zod now provides a more convenient way to coerce primitive values.
const schema = z.coerce.string(); schema.parse("tuna"); // => "tuna" schema.parse(12); // => "12"
During the parsing step, the input is passed through the String()
function, which is a JavaScript built-in for coercing data into strings.
schema.parse(12); // => "12" schema.parse(true); // => "true" schema.parse(undefined); // => "undefined" schema.parse(null); // => "null"
The returned schema is a normal ZodString
instance so you can use all string methods.
z.coerce.string().email().min(5);
How coercion works
All primitive types support coercion. Zod coerces all inputs using the built-in constructors: String(input)
, Number(input)
, new Date(input)
, etc.
z.coerce.string(); // String(input) z.coerce.number(); // Number(input) z.coerce.boolean(); // Boolean(input) z.coerce.bigint(); // BigInt(input) z.coerce.date(); // new Date(input)
Note — Boolean coercion with z.coerce.boolean()
may not work how you expect. Any truthy value is coerced to true
, and any falsy value is coerced to false
.
const schema = z.coerce.boolean(); // Boolean(input) schema.parse("tuna"); // => true schema.parse("true"); // => true schema.parse("false"); // => true schema.parse(1); // => true schema.parse([]); // => true schema.parse(0); // => false schema.parse(""); // => false schema.parse(undefined); // => false schema.parse(null); // => false
For more control over coercion logic, consider using z.preprocess
or z.pipe()
.
Literals Literal schemas represent a literal type , like "hello world"
or 5
.
const tuna = z.literal("tuna"); const twelve = z.literal(12); const twobig = z.literal(2n); // bigint literal const tru = z.literal(true); const terrificSymbol = Symbol("terrific"); const terrific = z.literal(terrificSymbol); // retrieve literal value tuna.value; // "tuna"
Currently there is no support for Date literals in Zod. If you have a use case for this feature, please file an issue.
Strings Zod includes a handful of string-specific validations.
// validations z.string().max(5); z.string().min(5); z.string().length(5); z.string().email(); z.string().url(); z.string().emoji(); z.string().jwt(); // validates format, NOT signature z.string().jwt({ alg: "HS256" }); // specify algorithm z.string().uuid(); z.string().nanoid(); z.string().cuid(); z.string().cuid2(); z.string().ulid(); z.string().xid(); z.string().ksuid(); z.string().regex(regex); z.string().includes(string); z.string().startsWith(string); z.string().endsWith(string); z.string().datetime(); // ISO 8601; by default only `Z` timezone allowed z.string().ip(); // defaults to allow both IPv4 and IPv6 // transforms z.string().trim(); // trim whitespace z.string().toLowerCase(); // toLowerCase z.string().toUpperCase(); // toUpperCase // added in Zod 3.23 z.string().date(); // ISO date format (YYYY-MM-DD) z.string().time(); // ISO time format (HH:mm:ss[.SSSSSS]) z.string().duration(); // ISO 8601 duration z.string().base64(); z.string().e164(); // E.164 number format
Check out validator.js for a bunch of other useful string validation functions that can be used in conjunction with Refinements .
You can customize some common error messages when creating a string schema.
const name = z.string({ required_error: "Name is required", invalid_type_error: "Name must be a string", });
When using validation methods, you can pass in an additional argument to provide a custom error message.
z.string().min(5, { message: "Must be 5 or more characters long" }); z.string().max(5, { message: "Must be 5 or fewer characters long" }); z.string().length(5, { message: "Must be exactly 5 characters long" }); z.string().email({ message: "Invalid email address" }); z.string().url({ message: "Invalid url" }); z.string().emoji({ message: "Contains non-emoji characters" }); z.string().uuid({ message: "Invalid UUID" }); z.string().includes("tuna", { message: "Must include tuna" }); z.string().startsWith("https://", { message: "Must provide secure URL" }); z.string().endsWith(".com", { message: "Only .com domains allowed" }); z.string().datetime({ message: "Invalid datetime string! Must be UTC." }); z.string().date({ message: "Invalid date string!" }); z.string().time({ message: "Invalid time string!" }); z.string().ip({ message: "Invalid IP address" });
Datetimes As you may have noticed, Zod string includes a few date/time related validations. These validations are regular expression based, so they are not as strict as a full date/time library. However, they are very convenient for validating user input.
The z.string().datetime()
method enforces ISO 8601; default is no timezone offsets and arbitrary sub-second decimal precision.
const datetime = z.string().datetime(); datetime.parse("2020-01-01T00:00:00Z"); // pass datetime.parse("2020-01-01T00:00:00.123Z"); // pass datetime.parse("2020-01-01T00:00:00.123456Z"); // pass (arbitrary precision) datetime.parse("2020-01-01T00:00:00+02:00"); // fail (no offsets allowed)
Timezone offsets can be allowed by setting the offset
option to true
.
const datetime = z.string().datetime({ offset: true }); datetime.parse("2020-01-01T00:00:00+02:00"); // pass datetime.parse("2020-01-01T00:00:00.123+02:00"); // pass (millis optional) datetime.parse("2020-01-01T00:00:00.123+0200"); // pass (millis optional) datetime.parse("2020-01-01T00:00:00.123+02"); // pass (only offset hours) datetime.parse("2020-01-01T00:00:00Z"); // pass (Z still supported)
You can additionally constrain the allowable precision
. By default, arbitrary sub-second precision is supported (but optional).
const datetime = z.string().datetime({ precision: 3 }); datetime.parse("2020-01-01T00:00:00.123Z"); // pass datetime.parse("2020-01-01T00:00:00Z"); // fail datetime.parse("2020-01-01T00:00:00.123456Z"); // fail
Dates Added in Zod 3.23
The z.string().date()
method validates strings in the format YYYY-MM-DD
.
const date = z.string().date(); date.parse("2020-01-01"); // pass date.parse("2020-1-1"); // fail date.parse("2020-01-32"); // fail
Times Added in Zod 3.23
The z.string().time()
method validates strings in the format HH:MM:SS[.s+]
. The second can include arbitrary decimal precision. It does not allow timezone offsets of any kind.
const time = z.string().time(); time.parse("00:00:00"); // pass time.parse("09:52:31"); // pass time.parse("23:59:59.9999999"); // pass (arbitrary precision) time.parse("00:00:00.123Z"); // fail (no `Z` allowed) time.parse("00:00:00.123+02:00"); // fail (no offsets allowed)
You can set the precision
option to constrain the allowable decimal precision.
const time = z.string().time({ precision: 3 }); time.parse("00:00:00.123"); // pass time.parse("00:00:00.123456"); // fail time.parse("00:00:00"); // fail
IP addresses The z.string().ip()
method by default validate IPv4 and IPv6.
const ip = z.string().ip(); ip.parse("192.168.1.1"); // pass ip.parse("84d5:51a0:9114:1855:4cfa:f2d7:1f12:7003"); // pass ip.parse("84d5:51a0:9114:1855:4cfa:f2d7:1f12:192.168.1.1"); // pass ip.parse("256.1.1.1"); // fail ip.parse("84d5:51a0:9114:gggg:4cfa:f2d7:1f12:7003"); // fail
You can additionally set the IP version
.
const ipv4 = z.string().ip({ version: "v4" }); ipv4.parse("84d5:51a0:9114:1855:4cfa:f2d7:1f12:7003"); // fail const ipv6 = z.string().ip({ version: "v6" }); ipv6.parse("192.168.1.1"); // fail
JSON The z.string().json(...)
method parses strings as JSON, then pipes the result to another specified schema.
const Env = z.object({ API_CONFIG: z.string().json( z.object({ host: z.string(), port: z.number().min(1000).max(2000), }) ), SOME_OTHER_VALUE: z.string(), }); const env = Env.parse({ API_CONFIG: '{ "host": "example.com", "port": 1234 }', SOME_OTHER_VALUE: "abc123", }); env.API_CONFIG.host; // returns parsed value
If invalid JSON is encountered, the syntax error will be wrapped and put into a parse error:
const env = Env.safeParse({ API_CONFIG: "not valid json!", SOME_OTHER_VALUE: "abc123", }); if (!env.success) { console.log(env.error); // ... Unexpected token n in JSON at position 0 ... }
This is recommended over using z.string().transform(s => JSON.parse(s))
, since that will not catch parse errors, even when using .safeParse
.
E.164 telephone numbers The z.string().e164() method can be used to validate international telephone numbers.
const e164Number = z.string().e164(); e164Number.parse("+1555555"); // pass e164Number.parse("+155555555555555"); // pass e164Number.parse("555555555"); // fail e164Number.parse("+1 1555555"); // fail
Numbers You can customize certain error messages when creating a number schema.
const age = z.number({ required_error: "Age is required", invalid_type_error: "Age must be a number", });
Zod includes a handful of number-specific validations.
z.number().gt(5); z.number().gte(5); // alias .min(5) z.number().lt(5); z.number().lte(5); // alias .max(5) z.number().int(); // value must be an integer z.number().positive(); // > 0 z.number().nonnegative(); // >= 0 z.number().negative(); // < 0 z.number().nonpositive(); // <= 0 z.number().multipleOf(5); // Evenly divisible by 5. Alias .step(5) z.number().finite(); // value must be finite, not Infinity or -Infinity z.number().safe(); // value must be between Number.MIN_SAFE_INTEGER and Number.MAX_SAFE_INTEGER
Optionally, you can pass in a second argument to provide a custom error message.
z.number().lte(5, { message: "this👏is👏too👏big" });
BigInts Zod includes a handful of bigint-specific validations.
z.bigint().gt(5n); z.bigint().gte(5n); // alias `.min(5n)` z.bigint().lt(5n); z.bigint().lte(5n); // alias `.max(5n)` z.bigint().positive(); // > 0n z.bigint().nonnegative(); // >= 0n z.bigint().negative(); // < 0n z.bigint().nonpositive(); // <= 0n z.bigint().multipleOf(5n); // Evenly divisible by 5n.
NaNs You can customize certain error messages when creating a nan schema.
const isNaN = z.nan({ required_error: "isNaN is required", invalid_type_error: "isNaN must be 'not a number'", });
Booleans You can customize certain error messages when creating a boolean schema.
const isActive = z.boolean({ required_error: "isActive is required", invalid_type_error: "isActive must be a boolean", });
Dates Use z.date() to validate Date
instances.
z.date().safeParse(new Date()); // success: true z.date().safeParse("2022-01-12T00:00:00.000Z"); // success: false
You can customize certain error messages when creating a date schema.
const myDateSchema = z.date({ required_error: "Please select a date and time", invalid_type_error: "That's not a date!", });
Zod provides a handful of date-specific validations.
z.date().min(new Date("1900-01-01"), { message: "Too old" }); z.date().max(new Date(), { message: "Too young!" });
Coercion to Date
Since zod 3.20 , use z.coerce.date()
to pass the input through new Date(input)
.
const dateSchema = z.coerce.date(); type DateSchema = z.infer<typeof dateSchema>; // type DateSchema = Date /* valid dates */ console.log(dateSchema.safeParse("2023-01-10T00:00:00.000Z").success); // true console.log(dateSchema.safeParse("2023-01-10").success); // true console.log(dateSchema.safeParse("1/10/23").success); // true console.log(dateSchema.safeParse(new Date("1/10/23")).success); // true /* invalid dates */ console.log(dateSchema.safeParse("2023-13-10").success); // false console.log(dateSchema.safeParse("0000-00-00").success); // false
For older zod versions, use z.preprocess
like described in this thread .
Files (Browser only) Use z.file() to validate File
instances.
z.file().safeParse(new File(["foobar"], "foobar.txt", { type: "text/plain" })); // success: true z.file().safeParse("foobar"); // success: false
You can customize certain error messages when creating a file schema.
const myFileSchema = z.file({ required_error: "Please select a file", invalid_type_error: "That's not a file!", });
Zod provides a handful of file-specific validations.
z.file().min(100, { message: "Too small" }); z.file().max(10_000, { message: "Too large!" }); z.file().accept([".txt", ".csv"], { message: "Accepted file types: .txt, .csv", }); z.file().accept(["text/plain"], { message: "Accepted file type: text/plain", }); z.file().filename(z.string().min(3), { message: "Filename must be at least 3 characters long", });
Zod enums const FishEnum = z.enum(["Salmon", "Tuna", "Trout"]); type FishEnum = z.infer<typeof FishEnum>; // 'Salmon' | 'Tuna' | 'Trout'
z.enum
is a Zod-native way to declare a schema with a fixed set of allowable string values. Pass the array of values directly into z.enum()
. Alternatively, use as const
to define your enum values as a tuple of strings. See the const assertion docs for details.
const VALUES = ["Salmon", "Tuna", "Trout"] as const; const FishEnum = z.enum(VALUES);
This is not allowed, since Zod isn't able to infer the exact values of each element.
const fish = ["Salmon", "Tuna", "Trout"]; const FishEnum = z.enum(fish);
.enum
To get autocompletion with a Zod enum, use the .enum
property of your schema:
FishEnum.enum.Salmon; // => autocompletes FishEnum.enum; /* => { Salmon: "Salmon", Tuna: "Tuna", Trout: "Trout", } */
You can also retrieve the list of options as a tuple with the .options
property:
FishEnum.options; // ["Salmon", "Tuna", "Trout"];
.exclude/.extract()
You can create subsets of a Zod enum with the .exclude
and .extract
methods.
const FishEnum = z.enum(["Salmon", "Tuna", "Trout"]); const SalmonAndTrout = FishEnum.extract(["Salmon", "Trout"]); const TunaOnly = FishEnum.exclude(["Salmon", "Trout"]);
Native enums Zod enums are the recommended approach to defining and validating enums. But if you need to validate against an enum from a third-party library (or you don't want to rewrite your existing enums) you can use z.nativeEnum()
.
Numeric enums
enum Fruits { Apple, Banana, } const FruitEnum = z.nativeEnum(Fruits); type FruitEnum = z.infer<typeof FruitEnum>; // Fruits FruitEnum.parse(Fruits.Apple); // passes FruitEnum.parse(Fruits.Banana); // passes FruitEnum.parse(0); // passes FruitEnum.parse(1); // passes FruitEnum.parse(3); // fails
String enums
enum Fruits { Apple = "apple", Banana = "banana", Cantaloupe, // you can mix numerical and string enums } const FruitEnum = z.nativeEnum(Fruits); type FruitEnum = z.infer<typeof FruitEnum>; // Fruits FruitEnum.parse(Fruits.Apple); // passes FruitEnum.parse(Fruits.Cantaloupe); // passes FruitEnum.parse("apple"); // passes FruitEnum.parse("banana"); // passes FruitEnum.parse(0); // passes FruitEnum.parse("Cantaloupe"); // fails
Const enums
The .nativeEnum()
function works for as const
objects as well. ⚠️ as const
requires TypeScript 3.4+!
const Fruits = { Apple: "apple", Banana: "banana", Cantaloupe: 3, } as const; const FruitEnum = z.nativeEnum(Fruits); type FruitEnum = z.infer<typeof FruitEnum>; // "apple" | "banana" | 3 FruitEnum.parse("apple"); // passes FruitEnum.parse("banana"); // passes FruitEnum.parse(3); // passes FruitEnum.parse("Cantaloupe"); // fails
You can access the underlying object with the .enum
property:
FruitEnum.enum.Apple; // "apple"
Optionals You can make any schema optional with z.optional()
. This wraps the schema in a ZodOptional
instance and returns the result.
const schema = z.optional(z.string()); schema.parse(undefined); // => returns undefined type A = z.infer<typeof schema>; // string | undefined
For convenience, you can also call the .optional()
method on an existing schema.
const user = z.object({ username: z.string().optional(), }); type C = z.infer<typeof user>; // { username?: string | undefined };
You can extract the wrapped schema from a ZodOptional
instance with .unwrap()
.
const stringSchema = z.string(); stringSchema; // true
const optionalString = stringSchema.optional(); optionalString.unwrap()
Nullables Similarly, you can create nullable types with z.nullable()
.
const nullableString = z.nullable(z.string()); nullableString.parse("asdf"); // => "asdf" nullableString.parse(null); // => null
Or use the .nullable()
method.
const E = z.string().nullable(); // equivalent to nullableString type E = z.infer<typeof E>; // string | null
Extract the inner schema with .unwrap()
.
const stringSchema = z.string(); stringSchema; // true
const nullableString = stringSchema.nullable(); nullableString.unwrap()
Objects // all properties are required by default const Dog = z.object({ name: z.string(), age: z.number(), }); // extract the inferred type like this type Dog = z.infer<typeof Dog>; // equivalent to: type Dog = { name: string; age: number; };
.shape
Use .shape
to access the schemas for a particular key.
Dog.shape.name; // => string schema Dog.shape.age; // => number schema
.keyof
Use .keyof
to create a ZodEnum
schema from the keys of an object schema.
const keySchema = Dog.keyof(); keySchema; // ZodEnum<["name", "age"]>
.extend
You can add additional fields to an object schema with the .extend
method.
const DogWithBreed = Dog.extend({ breed: z.string(), });
You can use .extend
to overwrite fields! Be careful with this power!
.merge
Equivalent to A.extend(B.shape)
.
const BaseTeacher = z.object({ students: z.array(z.string()) }); const HasID = z.object({ id: z.string() }); const Teacher = BaseTeacher.merge(HasID); type Teacher = z.infer<typeof Teacher>; // => { students: string[], id: string }
If the two schemas share keys, the properties of B overrides the property of A. The returned schema also inherits the "unknownKeys" policy (strip/strict/passthrough) and the catchall schema of B.
.pick/.omit
Inspired by TypeScript's built-in Pick
and Omit
utility types, all Zod object schemas have .pick
and .omit
methods that return a modified version. Consider this Recipe schema:
const Recipe = z.object({ id: z.string(), name: z.string(), ingredients: z.array(z.string()), });
To only keep certain keys, use .pick
.
const JustTheName = Recipe.pick({ name: true }); type JustTheName = z.infer<typeof JustTheName>; // => { name: string }
To remove certain keys, use .omit
.
const NoIDRecipe = Recipe.omit({ id: true }); type NoIDRecipe = z.infer<typeof NoIDRecipe>; // => { name: string, ingredients: string[] }
.partial
Inspired by the built-in TypeScript utility type Partial , the .partial
method makes all properties optional.
Starting from this object:
const user = z.object({ email: z.string(), username: z.string(), }); // { email: string; username: string }
We can create a partial version:
const partialUser = user.partial(); // { email?: string | undefined; username?: string | undefined }
You can also specify which properties to make optional:
const optionalEmail = user.partial({ email: true, }); /* { email?: string | undefined; username: string } */
.deepPartial
The .partial
method is shallow — it only applies one level deep. There is also a "deep" version:
const user = z.object({ username: z.string(), location: z.object({ latitude: z.number(), longitude: z.number(), }), strings: z.array(z.object({ value: z.string() })), }); const deepPartialUser = user.deepPartial(); /* { username?: string | undefined, location?: { latitude?: number | undefined; longitude?: number | undefined; } | undefined, strings?: { value?: string}[] } */
Important limitation: deep partials only work as expected in hierarchies of objects, arrays, and tuples.
.required
Contrary to the .partial
method, the .required
method makes all properties required.
Starting from this object:
const user = z .object({ email: z.string(), username: z.string(), }) .partial(); // { email?: string | undefined; username?: string | undefined }
We can create a required version:
const requiredUser = user.required(); // { email: string; username: string }
You can also specify which properties to make required:
const requiredEmail = user.required({ email: true, }); /* { email: string; username?: string | undefined; } */
.passthrough
By default Zod object schemas strip out unrecognized keys during parsing.
const person = z.object({ name: z.string(), }); person.parse({ name: "bob dylan", extraKey: 61, }); // => { name: "bob dylan" } // extraKey has been stripped
Instead, if you want to pass through unknown keys, use .passthrough()
.
person.passthrough().parse({ name: "bob dylan", extraKey: 61, }); // => { name: "bob dylan", extraKey: 61 }
.strict
By default Zod object schemas strip out unrecognized keys during parsing. You can disallow unknown keys with .strict()
. If there are any unknown keys in the input, Zod will throw an error.
const person = z .object({ name: z.string(), }) .strict(); person.parse({ name: "bob dylan", extraKey: 61, }); // => throws ZodError
.strip
You can use the .strip
method to reset an object schema to the default behavior (stripping unrecognized keys).
.catchall
You can pass a "catchall" schema into an object schema. All unknown keys will be validated against it.
const person = z .object({ name: z.string(), }) .catchall(z.number()); person.parse({ name: "bob dylan", validExtraKey: 61, // works fine }); person.parse({ name: "bob dylan", validExtraKey: false, // fails }); // => throws ZodError
Using .catchall()
obviates .passthrough()
, .strip()
, or .strict()
. All keys are now considered "known".
Arrays const stringArray = z.array(z.string()); // equivalent const stringArray = z.string().array();
Be careful with the .array()
method. It returns a new ZodArray
instance. This means the order in which you call methods matters. For instance:
z.string().optional().array(); // (string | undefined)[] z.string().array().optional(); // string[] | undefined
.element
Use .element
to access the schema for an element of the array.
stringArray.element; // => string schema
.nonempty
If you want to ensure that an array contains at least one element, use .nonempty()
.
const nonEmptyStrings = z.string().array().nonempty(); // the inferred type is now // [string, ...string[]] nonEmptyStrings.parse([]); // throws: "Array cannot be empty" nonEmptyStrings.parse(["Ariana Grande"]); // passes
You can optionally specify a custom error message:
// optional custom error message const nonEmptyStrings = z.string().array().nonempty({ message: "Can't be empty!", });
.min/.max/.length
z.string().array().min(5); // must contain 5 or more items z.string().array().max(5); // must contain 5 or fewer items z.string().array().length(5); // must contain 5 items exactly
Unlike .nonempty()
these methods do not change the inferred type.
.unique
// All elements must be unique z.object({ id: z.string() }).array().unique(); // All elements must be unique based on the id property z.object({ id: z.string(), name: z.string() }) .array() .unique({ identifier: (elt) => elt.id });
Tuples Unlike arrays, tuples have a fixed number of elements and each element can have a different type.
const athleteSchema = z.tuple([ z.string(), // name z.number(), // jersey number z.object({ pointsScored: z.number(), }), // statistics ]); type Athlete = z.infer<typeof athleteSchema>; // type Athlete = [string, number, { pointsScored: number }]
A variadic ("rest") argument can be added with the .rest
method.
const variadicTuple = z.tuple([z.string()]).rest(z.number()); const result = variadicTuple.parse(["hello", 1, 2, 3]); // => [string, ...number[]];
Unions Zod includes a built-in z.union
method for composing "OR" types.
const stringOrNumber = z.union([z.string(), z.number()]); stringOrNumber.parse("foo"); // passes stringOrNumber.parse(14); // passes
Zod will test the input against each of the "options" in order and return the first value that validates successfully.
For convenience, you can also use the .or
method :
const stringOrNumber = z.string().or(z.number());
Optional string validation:
To validate an optional form input, you can union the desired string validation with an empty string literal .
This example validates an input that is optional but needs to contain a valid URL :
const optionalUrl = z.union([z.string().url().nullish(), z.literal("")]); console.log(optionalUrl.safeParse(undefined).success); // true console.log(optionalUrl.safeParse(null).success); // true console.log(optionalUrl.safeParse("").success); // true console.log(optionalUrl.safeParse("https://zod.dev").success); // true console.log(optionalUrl.safeParse("not a valid url").success); // false
Discriminated unions A discriminated union is a union of object schemas that all share a particular key.
type MyUnion = | { status: "success"; data: string } | { status: "failed"; error: Error };
Such unions can be represented with the z.discriminatedUnion
method. This enables faster evaluation, because Zod can check the discriminator key (status
in the example above) to determine which schema should be used to parse the input. This makes parsing more efficient and lets Zod report friendlier errors.
With the basic union method, the input is tested against each of the provided "options", and in the case of invalidity, issues for all the "options" are shown in the zod error. On the other hand, the discriminated union allows for selecting just one of the "options", testing against it, and showing only the issues related to this "option".
const myUnion = z.discriminatedUnion("status", [ z.object({ status: z.literal("success"), data: z.string() }), z.object({ status: z.literal("failed"), error: z.instanceof(Error) }), ]); myUnion.parse({ status: "success", data: "yippie ki yay" });
You can extract a reference to the array of schemas with the .options
property.
myUnion.options; // [ZodObject<...>, ZodObject<...>]
To merge two or more discriminated unions, use .options
with destructuring.
const A = z.discriminatedUnion("status", [ /* options */ ]); const B = z.discriminatedUnion("status", [ /* options */ ]); const AB = z.discriminatedUnion("status", [...A.options, ...B.options]);
Records Record schemas are used to validate types such as Record<string, number>
. This is particularly useful for storing or caching items by ID.
Instanceof You can use z.instanceof
to check that the input is an instance of a class. This is useful to validate inputs against classes that are exported from third-party libraries.
class Test { name: string; } const TestSchema = z.instanceof(Test); const blob: any = "whatever"; TestSchema.parse(new Test()); // passes TestSchema.parse(blob); // throws
Functions Zod also lets you define "function schemas". This makes it easy to validate the inputs and outputs of a function without intermixing your validation code and "business logic".
You can create a function schema with z.function(args, returnType)
.
const myFunction = z.function(); type myFunction = z.infer<typeof myFunction>; // => ()=>unknown
Define inputs and outputs.
const myFunction = z .function() .args(z.string(), z.number()) // accepts an arbitrary number of arguments .returns(z.boolean()); type myFunction = z.infer<typeof myFunction>; // => (arg0: string, arg1: number)=>boolean
Template literals TypeScript supports template literal types , which are strings that conform to a statically known structure.
type simpleTemplate = `Hello, ${string}!`; type urlTemplate = `${"http" | "https"}://${string}.${`com` | `net`}`; type pxTemplate = `${number}px`;
These types can be represented in Zod with z.literal.template()
. Template literals consist of interleaved literals and schemas .
z.literal.template(["Hello, ", z.string()]); // infers to `Hello ${string}`
The literal components can be any string, number, boolean, null, or undefined.
z.literal.template(["Hello", 3.14, true, null, undefined]); // infers to `Hello3.14truenullundefined`
The schema components can be any literal, primitive, or enum schema.
Note — Refinements, transforms, and pipelines are not supported.
z.template.literal([ z.string(), z.number(), z.boolean(), z.bigint(), z.any(), z.literal("foo"), z.null(), z.undefined(), z.enum(["bar"]), ]);
For "union" types like z.boolean()
or z.enum()
, the inferred static type will be a union of the possible values.
z.literal.template([z.boolean(), z.number()]); // `true${number}` | `false${number}` z.literal.template(["is_", z.enum(["red", "green", "blue"])]); // `is_red` | `is_green` | `is_blue`
Examples URL:
const url = z.literal.template([ "https://", z.string(), ".", z.enum(["com", "net"]), ]); // infers to `https://${string}.com` | `https://${string}.net`. url.parse("https://google.com"); // passes url.parse("https://google.net"); // passes url.parse("http://google.com"); // throws url.parse("https://.com"); // throws url.parse("https://google"); // throws url.parse("https://google."); // throws url.parse("https://google.gov"); // throws
CSS Measurement:
const measurement = z.literal.template([ z.number().finite(), z.enum(["px", "em", "rem", "vh", "vw", "vmin", "vmax"]), ]); // infers to `${number}` | `${number}px` | `${number}em` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax
MongoDB connection string:
const connectionString = z.literal.template([ "mongodb://", z.literal .template([ z.string().regex(/\w+/).describe("username"), ":", z.string().regex(/\w+/).describe("password"), "@", ]) .optional(), z.string().regex(/\w+/).describe("host"), ":", z.number().finite().int().positive().describe("port"), z.literal .template([ "/", z.string().regex(/\w+/).optional().describe("defaultauthdb"), z.literal .template(["?", z.string().regex(/^\w+=\w+(&\w+=\w+)*$/)]) .optional() .describe("options"), ]) .optional(), ]); // inferred type: // | `mongodb://${string}:${number}` // | `mongodb://${string}:${string}@${string}:${number}` // | `mongodb://${string}:${number}/${string}` // | `mongodb://${string}:${string}@${string}:${number}/${string}` // | `mongodb://${string}:${number}/${string}?${string}` // | `mongodb://${string}:${string}@${string}:${number}/${string}?${string}`;
Preprocess Zod now supports primitive coercion without the need for .preprocess()
. See the coercion docs for more information.
Typically Zod operates under a "parse then transform" paradigm. Zod validates the input first, then passes it through a chain of transformation functions. (For more information about transforms, read the .transform docs .)
But sometimes you want to apply some transform to the input before parsing happens. A common use case: type coercion. Zod enables this with the z.preprocess()
.
const castToString = z.preprocess((val) => String(val), z.string());
This returns a ZodEffects
instance. ZodEffects
is a wrapper class that contains all logic pertaining to preprocessing, refinements, and transforms.
Custom schemas You can create a Zod schema for any TypeScript type by using z.custom()
. This is useful for creating schemas for types that are not supported by Zod out of the box, such as template string literals.
const px = z.custom<`${number}px`>((val) => { "string" ? /^\d+px$/.test(val) : false;
}); type px = z.infer<typeof px>; // `${number}px` px.parse("42px"); // "42px" px.parse("42vw"); // throws;
If you don't provide a validation function, Zod will allow any value. This can be dangerous!
z.custom<{ arg: string }>(); // performs no validation
You can customize the error message and other options by passing a second argument. This parameter works the same way as the params parameter of .refine
.
z.custom<...>((val) => ..., "custom error message");
Schema methods All Zod schemas contain certain methods.
.parse
.parse(data: unknown): T
Given any Zod schema, you can call its .parse
method to check data
is valid. If it is, a value is returned with full type information! Otherwise, an error is thrown.
IMPORTANT: The value returned by .parse
is a deep clone of the variable you passed in.
const stringSchema = z.string(); stringSchema.parse("fish"); // => returns "fish" stringSchema.parse(12); // throws error
.parseAsync
.parseAsync(data:unknown): Promise<T>
If you use asynchronous refinements or transforms (more on those later), you'll need to use .parseAsync
.
const stringSchema = z.string().refine(async (val) => val.length <= 8); await stringSchema.parseAsync("hello"); // => returns "hello" await stringSchema.parseAsync("hello world"); // => throws error
.safeParse
.safeParse(data:unknown): { success: true; data: T; } | { success: false; error: ZodError; }
If you don't want Zod to throw errors when validation fails, use .safeParse
. This method returns an object containing either the successfully parsed data or a ZodError instance containing detailed information about the validation problems.
stringSchema.safeParse(12); // => { success: false; error: ZodError } stringSchema.safeParse("billie"); // => { success: true; data: 'billie' }
The result is a discriminated union , so you can handle errors very conveniently:
const result = stringSchema.safeParse("billie"); if (!result.success) { // handle error then return result.error; } else { // do something result.data; }
.safeParseAsync
Alias: .spa
An asynchronous version of safeParse
.
await stringSchema.safeParseAsync("billie");
For convenience, this has been aliased to .spa
:
await stringSchema.spa("billie");
.refine
.refine(validator: (data:T)=>any, params?: RefineParams)
Zod lets you provide custom validation logic via refinements . (For advanced features like creating multiple issues and customizing error codes, see .superRefine
.)
Zod was designed to mirror TypeScript as closely as possible. But there are many so-called "refinement types" you may wish to check for that can't be represented in TypeScript's type system. For instance: checking that a number is an integer or that a string is a valid email address.
For example, you can define a custom validation check on any Zod schema with .refine
:
const myString = z.string().refine((val) => val.length <= 255, { message: "String can't be more than 255 characters", });
⚠️ Refinement functions should not throw. Instead they should return a falsy value to signal failure.
Arguments As you can see, .refine
takes two arguments.
The first is the validation function. This function takes one input (of type T
— the inferred type of the schema) and returns any
. Any truthy value will pass validation. (Prior to zod@1.6.2 the validation function had to return a boolean.) The second argument accepts some options. You can use this to customize certain error-handling behavior: type RefineParams = { // override error message message?: string; // appended to error path path?: (string | number)[]; // params object you can use to customize message // in error map params?: object; };
For advanced cases, the second argument can also be a function that returns RefineParams
.
const longString = z.string().refine( (val) => val.length > 10, (val) => ({ message: `${val} is not more than 10 characters` }) );
Customize error path const passwordForm = z data.confirm, {
.object({ password: z.string(), confirm: z.string(), }) .refine((data) => data.password
message: "Passwords don't match", path: ["confirm"], // path of error }); passwordForm.parse({ password: "asdf", confirm: "qwer" });
Because you provided a path
parameter, the resulting error will be:
ZodError { issues: [{ "code": "custom", "path": [ "confirm" ], "message": "Passwords don't match" }] }
Asynchronous refinements Refinements can also be async:
const userId = z.string().refine(async (id) => { // verify that ID exists in database return true; });
⚠️ If you use async refinements, you must use the .parseAsync
method to parse data! Otherwise Zod will throw an error.
Transforms and refinements can be interleaved:
z.string() .transform((val) => val.length) .refine((val) => val > 25);
Joi https://github.com/hapijs/joi
Doesn't support static type inference 😕
Yup https://github.com/jquense/yup
Yup is a full-featured library that was implemented first in vanilla JS, and later rewritten in TypeScript.
Supports casting and transforms All object fields are optional by default Missing promise schemas Missing function schemas Missing union & intersection schemas
io-ts https://github.com/gcanti/io-ts
io-ts is an excellent library by gcanti. The API of io-ts heavily inspired the design of Zod.
In our experience, io-ts prioritizes functional programming purity over developer experience in many cases. This is a valid and admirable design goal, but it makes io-ts particularly hard to integrate into an existing codebase with a more procedural or object-oriented bias. For instance, consider how to define an object with optional properties in io-ts:
import * as t from "io-ts"; const A = t.type({ foo: t.string, }); const B = t.partial({ bar: t.number, }); const C = t.intersection([A, B]); type C = t.TypeOf<typeof C>; // returns { foo: string; bar?: number | undefined }
You must define the required and optional props in separate object validators, pass the optionals through t.partial
(which marks all properties as optional), then combine them with t.intersection
.
Consider the equivalent in Zod:
const C = z.object({ foo: z.string(), bar: z.number().optional(), }); type C = z.infer<typeof C>; // returns { foo: string; bar?: number | undefined }
This more declarative API makes schema definitions vastly more concise.
io-ts
also requires the use of gcanti's functional programming library fp-ts
to parse results and handle errors. This is another fantastic resource for developers looking to keep their codebase strictly functional. But depending on fp-ts
necessarily comes with a lot of intellectual overhead; a developer has to be familiar with functional programming concepts and the fp-ts
nomenclature to use the library.
Supports codecs with serialization & deserialization transforms Supports branded types Supports advanced functional programming, higher-kinded types, fp-ts
compatibility Missing object methods: (pick, omit, partial, deepPartial, merge, extend) Missing nonempty arrays with proper typing ([T, ...T[]]
) Missing promise schemas Missing function schemas Runtypes https://github.com/pelotom/runtypes
Good type inference support.
Supports "pattern matching": computed properties that distribute over unions Missing object methods: (deepPartial, merge) Missing nonempty arrays with proper typing ([T, ...T[]]
) Missing promise schemas Missing error customization Ow https://github.com/sindresorhus/ow
Ow is focused on function input validation. It's a library that makes it easy to express complicated assert statements, but it doesn't let you parse untyped data. They support a much wider variety of types; Zod has a nearly one-to-one mapping with TypeScript's type system, whereas ow lets you validate several highly-specific types out of the box (e.g. int32Array
, see full list in their README).
If you want to validate function inputs, use function schemas in Zod! It's a much simpler approach that lets you reuse a function type declaration without repeating yourself (namely, copy-pasting a bunch of ow assertions at the beginning of every function). Also Zod lets you validate your return types as well, so you can be sure there won't be any unexpected data passed downstream.
Changelog View the changelog at CHANGELOG.md
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/markdoc/dist/logo.svg b/docs/markdoc/dist/logo.svg
new file mode 100644
index 000000000..0595f511b
--- /dev/null
+++ b/docs/markdoc/dist/logo.svg
@@ -0,0 +1,46 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/markdoc/dist/og-image.png b/docs/markdoc/dist/og-image.png
new file mode 100644
index 000000000..2e27ba338
Binary files /dev/null and b/docs/markdoc/dist/og-image.png differ
diff --git a/docs/markdoc/dist/og-image.svg b/docs/markdoc/dist/og-image.svg
new file mode 100644
index 000000000..b47bd1606
--- /dev/null
+++ b/docs/markdoc/dist/og-image.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/docs/markdoc/dist/scroll.js b/docs/markdoc/dist/scroll.js
new file mode 100644
index 000000000..d1b8eb757
--- /dev/null
+++ b/docs/markdoc/dist/scroll.js
@@ -0,0 +1,64 @@
+document.addEventListener('DOMContentLoaded', () => {
+ // Wait a bit to ensure all content is loaded and rendered
+ setTimeout(() => {
+ const headings = document.querySelectorAll('[data-heading="true"]');
+ const sidebarLinks = document.querySelectorAll('[data-heading-link]');
+ const sidebar = document.querySelector('.sidebar');
+
+ const observer = new IntersectionObserver(
+ (entries) => {
+ entries.forEach((entry) => {
+ const id = entry.target.id;
+ const link = document.querySelector(`[data-heading-link="${id}"]`);
+
+ if (link) {
+ if (entry.isIntersecting) {
+ // Remove active classes from all links
+ sidebarLinks.forEach(l => {
+ l.classList.remove('active');
+ l.classList.remove('text-blue-400');
+ l.classList.remove('bg-slate-800');
+ l.classList.remove('font-medium');
+ });
+
+ // Add active classes to current link
+ link.classList.add('active');
+ link.classList.add('text-blue-400');
+ link.classList.add('bg-slate-800');
+ link.classList.add('font-medium');
+
+ // Ensure the active link is visible in the sidebar
+ const linkRect = link.getBoundingClientRect();
+ const sidebarRect = sidebar.getBoundingClientRect();
+
+ if (linkRect.top < sidebarRect.top || linkRect.bottom > sidebarRect.bottom) {
+ link.scrollIntoView({ behavior: 'smooth', block: 'center' });
+ }
+ }
+ }
+ });
+ },
+ {
+ rootMargin: '-20% 0px -60% 0px',
+ threshold: [0, 0.5, 1]
+ }
+ );
+
+ // Observe all headings
+ headings.forEach(heading => {
+ observer.observe(heading);
+ });
+
+ // Handle smooth scrolling for sidebar links
+ sidebarLinks.forEach(link => {
+ link.addEventListener('click', (e) => {
+ e.preventDefault();
+ const id = link.getAttribute('data-heading-link');
+ const element = document.getElementById(id);
+ if (element) {
+ element.scrollIntoView({ behavior: 'smooth' });
+ }
+ });
+ });
+ }, 500);
+});
diff --git a/docs/markdoc/dist/styles.css b/docs/markdoc/dist/styles.css
new file mode 100644
index 000000000..d4aee520a
--- /dev/null
+++ b/docs/markdoc/dist/styles.css
@@ -0,0 +1,2106 @@
+*, ::before, ::after {
+ --tw-border-spacing-x: 0;
+ --tw-border-spacing-y: 0;
+ --tw-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-rotate: 0;
+ --tw-skew-x: 0;
+ --tw-skew-y: 0;
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness: proximity;
+ --tw-gradient-from-position: ;
+ --tw-gradient-via-position: ;
+ --tw-gradient-to-position: ;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia: ;
+ --tw-contain-size: ;
+ --tw-contain-layout: ;
+ --tw-contain-paint: ;
+ --tw-contain-style: ;
+}
+
+::backdrop {
+ --tw-border-spacing-x: 0;
+ --tw-border-spacing-y: 0;
+ --tw-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-rotate: 0;
+ --tw-skew-x: 0;
+ --tw-skew-y: 0;
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness: proximity;
+ --tw-gradient-from-position: ;
+ --tw-gradient-via-position: ;
+ --tw-gradient-to-position: ;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia: ;
+ --tw-contain-size: ;
+ --tw-contain-layout: ;
+ --tw-contain-paint: ;
+ --tw-contain-style: ;
+}
+
+/*
+! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com
+*/
+
+/*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/
+
+*,
+::before,
+::after {
+ box-sizing: border-box;
+ /* 1 */
+ border-width: 0;
+ /* 2 */
+ border-style: solid;
+ /* 2 */
+ border-color: #e5e7eb;
+ /* 2 */
+}
+
+::before,
+::after {
+ --tw-content: '';
+}
+
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
+7. Disable tap highlights on iOS
+*/
+
+html,
+:host {
+ line-height: 1.5;
+ /* 1 */
+ -webkit-text-size-adjust: 100%;
+ /* 2 */
+ -moz-tab-size: 4;
+ /* 3 */
+ -o-tab-size: 4;
+ tab-size: 4;
+ /* 3 */
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ /* 4 */
+ font-feature-settings: normal;
+ /* 5 */
+ font-variation-settings: normal;
+ /* 6 */
+ -webkit-tap-highlight-color: transparent;
+ /* 7 */
+}
+
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/
+
+body {
+ margin: 0;
+ /* 1 */
+ line-height: inherit;
+ /* 2 */
+}
+
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+
+hr {
+ height: 0;
+ /* 1 */
+ color: inherit;
+ /* 2 */
+ border-top-width: 1px;
+ /* 3 */
+}
+
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr:where([title]) {
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+}
+
+/*
+Remove the default font size and weight for headings.
+*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-size: inherit;
+ font-weight: inherit;
+}
+
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+
+a {
+ color: inherit;
+ text-decoration: inherit;
+}
+
+/*
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/*
+1. Use the user's configured `mono` font-family by default.
+2. Use the user's configured `mono` font-feature-settings by default.
+3. Use the user's configured `mono` font-variation-settings by default.
+4. Correct the odd `em` font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ /* 1 */
+ font-feature-settings: normal;
+ /* 2 */
+ font-variation-settings: normal;
+ /* 3 */
+ font-size: 1em;
+ /* 4 */
+}
+
+/*
+Add the correct font size in all browsers.
+*/
+
+small {
+ font-size: 80%;
+}
+
+/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+
+table {
+ text-indent: 0;
+ /* 1 */
+ border-color: inherit;
+ /* 2 */
+ border-collapse: collapse;
+ /* 3 */
+}
+
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: inherit;
+ /* 1 */
+ font-feature-settings: inherit;
+ /* 1 */
+ font-variation-settings: inherit;
+ /* 1 */
+ font-size: 100%;
+ /* 1 */
+ font-weight: inherit;
+ /* 1 */
+ line-height: inherit;
+ /* 1 */
+ letter-spacing: inherit;
+ /* 1 */
+ color: inherit;
+ /* 1 */
+ margin: 0;
+ /* 2 */
+ padding: 0;
+ /* 3 */
+}
+
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+
+button,
+select {
+ text-transform: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+
+button,
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
+ -webkit-appearance: button;
+ /* 1 */
+ background-color: transparent;
+ /* 2 */
+ background-image: none;
+ /* 2 */
+}
+
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+
+:-moz-focusring {
+ outline: auto;
+}
+
+/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+
+:-moz-ui-invalid {
+ box-shadow: none;
+}
+
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+ vertical-align: baseline;
+}
+
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+ -webkit-appearance: textfield;
+ /* 1 */
+ outline-offset: -2px;
+ /* 2 */
+}
+
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ /* 1 */
+ font: inherit;
+ /* 2 */
+}
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+ display: list-item;
+}
+
+/*
+Removes the default spacing and border for appropriate elements.
+*/
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+ margin: 0;
+}
+
+fieldset {
+ margin: 0;
+ padding: 0;
+}
+
+legend {
+ padding: 0;
+}
+
+ol,
+ul,
+menu {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+/*
+Reset default styling for dialogs.
+*/
+
+dialog {
+ padding: 0;
+}
+
+/*
+Prevent resizing textareas horizontally by default.
+*/
+
+textarea {
+ resize: vertical;
+}
+
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+
+input::-moz-placeholder, textarea::-moz-placeholder {
+ opacity: 1;
+ /* 1 */
+ color: #9ca3af;
+ /* 2 */
+}
+
+input::placeholder,
+textarea::placeholder {
+ opacity: 1;
+ /* 1 */
+ color: #9ca3af;
+ /* 2 */
+}
+
+/*
+Set the default cursor for buttons.
+*/
+
+button,
+[role="button"] {
+ cursor: pointer;
+}
+
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+
+:disabled {
+ cursor: default;
+}
+
+/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+ This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+ display: block;
+ /* 1 */
+ vertical-align: middle;
+ /* 2 */
+}
+
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+
+img,
+video {
+ max-width: 100%;
+ height: auto;
+}
+
+/* Make elements with the HTML hidden attribute stay hidden by default */
+
+[hidden]:where(:not([hidden="until-found"])) {
+ display: none;
+}
+
+.prose {
+ color: var(--tw-prose-body);
+ max-width: none;
+}
+
+.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 1.25em;
+ margin-bottom: 1.25em;
+}
+
+.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-lead);
+ font-size: 1.25em;
+ line-height: 1.6;
+ margin-top: 1.2em;
+ margin-bottom: 1.2em;
+}
+
+.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-links);
+ text-decoration: underline;
+ font-weight: 500;
+}
+
+.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-bold);
+ font-weight: 600;
+}
+
+.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+
+.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+
+.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+
+.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: decimal;
+ margin-top: 1.25em;
+ margin-bottom: 1.25em;
+ padding-inline-start: 1.625em;
+}
+
+.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: upper-alpha;
+}
+
+.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: lower-alpha;
+}
+
+.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: upper-alpha;
+}
+
+.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: lower-alpha;
+}
+
+.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: upper-roman;
+}
+
+.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: lower-roman;
+}
+
+.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: upper-roman;
+}
+
+.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: lower-roman;
+}
+
+.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: decimal;
+}
+
+.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: disc;
+ margin-top: 1.25em;
+ margin-bottom: 1.25em;
+ padding-inline-start: 1.625em;
+}
+
+.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
+ font-weight: 400;
+ color: var(--tw-prose-counters);
+}
+
+.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
+ color: var(--tw-prose-bullets);
+}
+
+.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-headings);
+ font-weight: 600;
+ margin-top: 1.25em;
+}
+
+.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-color: var(--tw-prose-hr);
+ border-top-width: 1px;
+ margin-top: 3em;
+ margin-bottom: 3em;
+}
+
+.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight: 500;
+ font-style: italic;
+ color: var(--tw-prose-quotes);
+ border-inline-start-width: 0.25rem;
+ border-inline-start-color: var(--tw-prose-quote-borders);
+ quotes: "\201C""\201D""\2018""\2019";
+ margin-top: 1.6em;
+ margin-bottom: 1.6em;
+ padding-inline-start: 1em;
+}
+
+.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+ content: open-quote;
+}
+
+.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+ content: close-quote;
+}
+
+.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-headings);
+ font-weight: 800;
+ font-size: 2.25em;
+ margin-top: 0;
+ margin-bottom: 0.8888889em;
+ line-height: 1.1111111;
+}
+
+.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight: 900;
+ color: inherit;
+}
+
+.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-headings);
+ font-weight: 700;
+ font-size: 1.5em;
+ margin-top: 2em;
+ margin-bottom: 1em;
+ line-height: 1.3333333;
+}
+
+.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight: 800;
+ color: inherit;
+}
+
+.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-headings);
+ font-weight: 600;
+ font-size: 1.25em;
+ margin-top: 1.6em;
+ margin-bottom: 0.6em;
+ line-height: 1.6;
+}
+
+.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight: 700;
+ color: inherit;
+}
+
+.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-headings);
+ font-weight: 600;
+ margin-top: 1.5em;
+ margin-bottom: 0.5em;
+ line-height: 1.5;
+}
+
+.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight: 700;
+ color: inherit;
+}
+
+.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 2em;
+ margin-bottom: 2em;
+}
+
+.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ display: block;
+ margin-top: 2em;
+ margin-bottom: 2em;
+}
+
+.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 2em;
+ margin-bottom: 2em;
+}
+
+.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight: 500;
+ font-family: inherit;
+ color: var(--tw-prose-kbd);
+ box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
+ font-size: 0.875em;
+ border-radius: 0.3125rem;
+ padding-top: 0.1875em;
+ padding-inline-end: 0.375em;
+ padding-bottom: 0.1875em;
+ padding-inline-start: 0.375em;
+}
+
+.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: #93c5fd;
+ font-weight: 600;
+ font-size: 0.875em;
+}
+
+.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+ content: "";
+}
+
+.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+ content: "";
+}
+
+.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+ content: "`";
+}
+
+.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+ content: "`";
+}
+
+.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+
+.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+
+.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+ font-size: 0.875em;
+}
+
+.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+ font-size: 0.9em;
+}
+
+.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+
+.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+
+.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+
+.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-pre-code);
+ background-color: var(--tw-prose-pre-bg);
+ overflow-x: auto;
+ font-weight: 400;
+ font-size: 0.875em;
+ line-height: 1.7142857;
+ margin-top: 1.7142857em;
+ margin-bottom: 1.7142857em;
+ border-radius: 0.375rem;
+ padding-top: 0.8571429em;
+ padding-inline-end: 1.1428571em;
+ padding-bottom: 0.8571429em;
+ padding-inline-start: 1.1428571em;
+}
+
+.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ background-color: transparent;
+ border-width: 0;
+ border-radius: 0;
+ padding: 0;
+ font-weight: inherit;
+ color: inherit;
+ font-size: inherit;
+ font-family: inherit;
+ line-height: inherit;
+}
+
+.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+ content: none;
+}
+
+.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+ content: none;
+}
+
+.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ width: 100%;
+ table-layout: auto;
+ margin-top: 2em;
+ margin-bottom: 2em;
+ font-size: 0.875em;
+ line-height: 1.7142857;
+}
+
+.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-bottom-width: 1px;
+ border-bottom-color: var(--tw-prose-th-borders);
+}
+
+.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-headings);
+ font-weight: 600;
+ vertical-align: bottom;
+ padding-inline-end: 0.5714286em;
+ padding-bottom: 0.5714286em;
+ padding-inline-start: 0.5714286em;
+}
+
+.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-bottom-width: 1px;
+ border-bottom-color: var(--tw-prose-td-borders);
+}
+
+.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-bottom-width: 0;
+}
+
+.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ vertical-align: baseline;
+}
+
+.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-top-width: 1px;
+ border-top-color: var(--tw-prose-th-borders);
+}
+
+.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ vertical-align: top;
+}
+
+.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-align: start;
+}
+
+.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-captions);
+ font-size: 0.875em;
+ line-height: 1.4285714;
+ margin-top: 0.8571429em;
+}
+
+.prose {
+ --tw-prose-body: #374151;
+ --tw-prose-headings: #111827;
+ --tw-prose-lead: #4b5563;
+ --tw-prose-links: #111827;
+ --tw-prose-bold: #111827;
+ --tw-prose-counters: #6b7280;
+ --tw-prose-bullets: #d1d5db;
+ --tw-prose-hr: #e5e7eb;
+ --tw-prose-quotes: #111827;
+ --tw-prose-quote-borders: #e5e7eb;
+ --tw-prose-captions: #6b7280;
+ --tw-prose-kbd: #111827;
+ --tw-prose-kbd-shadows: 17 24 39;
+ --tw-prose-code: #111827;
+ --tw-prose-pre-code: #e5e7eb;
+ --tw-prose-pre-bg: #1f2937;
+ --tw-prose-th-borders: #d1d5db;
+ --tw-prose-td-borders: #e5e7eb;
+ --tw-prose-invert-body: #d1d5db;
+ --tw-prose-invert-headings: #fff;
+ --tw-prose-invert-lead: #9ca3af;
+ --tw-prose-invert-links: #fff;
+ --tw-prose-invert-bold: #fff;
+ --tw-prose-invert-counters: #9ca3af;
+ --tw-prose-invert-bullets: #4b5563;
+ --tw-prose-invert-hr: #374151;
+ --tw-prose-invert-quotes: #f3f4f6;
+ --tw-prose-invert-quote-borders: #374151;
+ --tw-prose-invert-captions: #9ca3af;
+ --tw-prose-invert-kbd: #fff;
+ --tw-prose-invert-kbd-shadows: 255 255 255;
+ --tw-prose-invert-code: #fff;
+ --tw-prose-invert-pre-code: #d1d5db;
+ --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
+ --tw-prose-invert-th-borders: #4b5563;
+ --tw-prose-invert-td-borders: #374151;
+ font-size: 1rem;
+ line-height: 1.75;
+}
+
+.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
+}
+
+.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-start: 0.375em;
+}
+
+.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-start: 0.375em;
+}
+
+.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0.75em;
+ margin-bottom: 0.75em;
+}
+
+.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 1.25em;
+}
+
+.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-bottom: 1.25em;
+}
+
+.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 1.25em;
+}
+
+.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-bottom: 1.25em;
+}
+
+.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0.75em;
+ margin-bottom: 0.75em;
+}
+
+.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 1.25em;
+ margin-bottom: 1.25em;
+}
+
+.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0.5em;
+ padding-inline-start: 1.625em;
+}
+
+.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+}
+
+.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+}
+
+.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+}
+
+.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+}
+
+.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-start: 0;
+}
+
+.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-end: 0;
+}
+
+.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-top: 0.5714286em;
+ padding-inline-end: 0.5714286em;
+ padding-bottom: 0.5714286em;
+ padding-inline-start: 0.5714286em;
+}
+
+.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-start: 0;
+}
+
+.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-end: 0;
+}
+
+.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 2em;
+ margin-bottom: 2em;
+}
+
+.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+}
+
+.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-bottom: 0;
+}
+
+.prose-slate {
+ --tw-prose-body: #334155;
+ --tw-prose-headings: #0f172a;
+ --tw-prose-lead: #475569;
+ --tw-prose-links: #0f172a;
+ --tw-prose-bold: #0f172a;
+ --tw-prose-counters: #64748b;
+ --tw-prose-bullets: #cbd5e1;
+ --tw-prose-hr: #e2e8f0;
+ --tw-prose-quotes: #0f172a;
+ --tw-prose-quote-borders: #e2e8f0;
+ --tw-prose-captions: #64748b;
+ --tw-prose-kbd: #0f172a;
+ --tw-prose-kbd-shadows: 15 23 42;
+ --tw-prose-code: #0f172a;
+ --tw-prose-pre-code: #e2e8f0;
+ --tw-prose-pre-bg: #1e293b;
+ --tw-prose-th-borders: #cbd5e1;
+ --tw-prose-td-borders: #e2e8f0;
+ --tw-prose-invert-body: #cbd5e1;
+ --tw-prose-invert-headings: #fff;
+ --tw-prose-invert-lead: #94a3b8;
+ --tw-prose-invert-links: #fff;
+ --tw-prose-invert-bold: #fff;
+ --tw-prose-invert-counters: #94a3b8;
+ --tw-prose-invert-bullets: #475569;
+ --tw-prose-invert-hr: #334155;
+ --tw-prose-invert-quotes: #f1f5f9;
+ --tw-prose-invert-quote-borders: #334155;
+ --tw-prose-invert-captions: #94a3b8;
+ --tw-prose-invert-kbd: #fff;
+ --tw-prose-invert-kbd-shadows: 255 255 255;
+ --tw-prose-invert-code: #fff;
+ --tw-prose-invert-pre-code: #cbd5e1;
+ --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
+ --tw-prose-invert-th-borders: #475569;
+ --tw-prose-invert-td-borders: #334155;
+}
+
+.prose-invert {
+ --tw-prose-body: var(--tw-prose-invert-body);
+ --tw-prose-headings: var(--tw-prose-invert-headings);
+ --tw-prose-lead: var(--tw-prose-invert-lead);
+ --tw-prose-links: var(--tw-prose-invert-links);
+ --tw-prose-bold: var(--tw-prose-invert-bold);
+ --tw-prose-counters: var(--tw-prose-invert-counters);
+ --tw-prose-bullets: var(--tw-prose-invert-bullets);
+ --tw-prose-hr: var(--tw-prose-invert-hr);
+ --tw-prose-quotes: var(--tw-prose-invert-quotes);
+ --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
+ --tw-prose-captions: var(--tw-prose-invert-captions);
+ --tw-prose-kbd: var(--tw-prose-invert-kbd);
+ --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
+ --tw-prose-code: var(--tw-prose-invert-code);
+ --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
+ --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
+ --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
+ --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
+}
+
+.static {
+ position: static;
+}
+
+.fixed {
+ position: fixed;
+}
+
+.absolute {
+ position: absolute;
+}
+
+.relative {
+ position: relative;
+}
+
+.left-0 {
+ left: 0px;
+}
+
+.right-0 {
+ right: 0px;
+}
+
+.top-0 {
+ top: 0px;
+}
+
+.mx-auto {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.my-4 {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+}
+
+.my-6 {
+ margin-top: 1.5rem;
+ margin-bottom: 1.5rem;
+}
+
+.mb-4 {
+ margin-bottom: 1rem;
+}
+
+.mb-6 {
+ margin-bottom: 1.5rem;
+}
+
+.mt-4 {
+ margin-top: 1rem;
+}
+
+.mt-6 {
+ margin-top: 1.5rem;
+}
+
+.mt-8 {
+ margin-top: 2rem;
+}
+
+.block {
+ display: block;
+}
+
+.inline-block {
+ display: inline-block;
+}
+
+.flex {
+ display: flex;
+}
+
+.table {
+ display: table;
+}
+
+.hidden {
+ display: none;
+}
+
+.h-full {
+ height: 100%;
+}
+
+.h-screen {
+ height: 100vh;
+}
+
+.min-h-screen {
+ min-height: 100vh;
+}
+
+.w-1\.5 {
+ width: 0.375rem;
+}
+
+.w-72 {
+ width: 18rem;
+}
+
+.w-full {
+ width: 100%;
+}
+
+.max-w-4xl {
+ max-width: 56rem;
+}
+
+.border-collapse {
+ border-collapse: collapse;
+}
+
+.transform {
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.cursor-pointer {
+ cursor: pointer;
+}
+
+.scroll-mt-16 {
+ scroll-margin-top: 4rem;
+}
+
+.gap-1\.5 {
+ gap: 0.375rem;
+}
+
+.space-y-1 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-y-reverse: 0;
+ margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+ margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+}
+
+.overflow-hidden {
+ overflow: hidden;
+}
+
+.overflow-x-auto {
+ overflow-x: auto;
+}
+
+.overflow-y-auto {
+ overflow-y: auto;
+}
+
+.rounded {
+ border-radius: 0.25rem;
+}
+
+.rounded-lg {
+ border-radius: 0.5rem;
+}
+
+.rounded-md {
+ border-radius: 0.375rem;
+}
+
+.border {
+ border-width: 1px;
+}
+
+.border-b {
+ border-bottom-width: 1px;
+}
+
+.border-l {
+ border-left-width: 1px;
+}
+
+.border-slate-700 {
+ --tw-border-opacity: 1;
+ border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
+}
+
+.border-slate-700\/50 {
+ border-color: rgb(51 65 85 / 0.5);
+}
+
+.bg-blue-500\/10 {
+ background-color: rgb(59 130 246 / 0.1);
+}
+
+.bg-slate-800 {
+ --tw-bg-opacity: 1;
+ background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
+}
+
+.bg-slate-900 {
+ --tw-bg-opacity: 1;
+ background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
+}
+
+.bg-slate-900\/80 {
+ background-color: rgb(15 23 42 / 0.8);
+}
+
+.bg-gradient-to-b {
+ background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+}
+
+.bg-gradient-to-br {
+ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+}
+
+.from-blue-400 {
+ --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.from-blue-500\/10 {
+ --tw-gradient-from: rgb(59 130 246 / 0.1) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.from-slate-800\/90 {
+ --tw-gradient-from: rgb(30 41 59 / 0.9) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.from-slate-800\/95 {
+ --tw-gradient-from: rgb(30 41 59 / 0.95) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.from-slate-900 {
+ --tw-gradient-from: #0f172a var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.from-slate-900\/90 {
+ --tw-gradient-from: rgb(15 23 42 / 0.9) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.from-slate-900\/95 {
+ --tw-gradient-from: rgb(15 23 42 / 0.95) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.via-slate-800 {
+ --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.to-blue-400\/5 {
+ --tw-gradient-to: rgb(96 165 250 / 0.05) var(--tw-gradient-to-position);
+}
+
+.to-blue-500 {
+ --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
+}
+
+.to-slate-800\/90 {
+ --tw-gradient-to: rgb(30 41 59 / 0.9) var(--tw-gradient-to-position);
+}
+
+.to-slate-800\/95 {
+ --tw-gradient-to: rgb(30 41 59 / 0.95) var(--tw-gradient-to-position);
+}
+
+.to-slate-900 {
+ --tw-gradient-to: #0f172a var(--tw-gradient-to-position);
+}
+
+.to-slate-900\/90 {
+ --tw-gradient-to: rgb(15 23 42 / 0.9) var(--tw-gradient-to-position);
+}
+
+.to-slate-900\/95 {
+ --tw-gradient-to: rgb(15 23 42 / 0.95) var(--tw-gradient-to-position);
+}
+
+.p-2\.5 {
+ padding: 0.625rem;
+}
+
+.p-3 {
+ padding: 0.75rem;
+}
+
+.p-5 {
+ padding: 1.25rem;
+}
+
+.p-6 {
+ padding: 1.5rem;
+}
+
+.px-4 {
+ padding-left: 1rem;
+ padding-right: 1rem;
+}
+
+.px-6 {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+}
+
+.py-1\.5 {
+ padding-top: 0.375rem;
+ padding-bottom: 0.375rem;
+}
+
+.py-12 {
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+}
+
+.py-2 {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+
+.pb-24 {
+ padding-bottom: 6rem;
+}
+
+.pl-2 {
+ padding-left: 0.5rem;
+}
+
+.pl-4 {
+ padding-left: 1rem;
+}
+
+.text-left {
+ text-align: left;
+}
+
+.font-mono {
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+.text-2xl {
+ font-size: 1.5rem;
+ line-height: 2rem;
+}
+
+.text-3xl {
+ font-size: 1.875rem;
+ line-height: 2.25rem;
+}
+
+.text-sm {
+ font-size: 0.875rem;
+ line-height: 1.25rem;
+}
+
+.text-xl {
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+}
+
+.font-bold {
+ font-weight: 700;
+}
+
+.font-medium {
+ font-weight: 500;
+}
+
+.font-semibold {
+ font-weight: 600;
+}
+
+.text-blue-400 {
+ --tw-text-opacity: 1;
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+}
+
+.text-slate-100 {
+ --tw-text-opacity: 1;
+ color: rgb(241 245 249 / var(--tw-text-opacity, 1));
+}
+
+.text-slate-200 {
+ --tw-text-opacity: 1;
+ color: rgb(226 232 240 / var(--tw-text-opacity, 1));
+}
+
+.text-slate-300 {
+ --tw-text-opacity: 1;
+ color: rgb(203 213 225 / var(--tw-text-opacity, 1));
+}
+
+.text-slate-400 {
+ --tw-text-opacity: 1;
+ color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+}
+
+.antialiased {
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.shadow-lg {
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-sm {
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-xl {
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-blue-500\/10 {
+ --tw-shadow-color: rgb(59 130 246 / 0.1);
+ --tw-shadow: var(--tw-shadow-colored);
+}
+
+.ring-1 {
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.backdrop-blur-sm {
+ --tw-backdrop-blur: blur(4px);
+ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
+.transition-all {
+ transition-property: all;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration: 150ms;
+}
+
+.transition-colors {
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration: 150ms;
+}
+
+.duration-200 {
+ transition-duration: 200ms;
+}
+
+/* Base styles */
+
+body {
+ --tw-bg-opacity: 1;
+ background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
+ --tw-text-opacity: 1;
+ color: rgb(241 245 249 / var(--tw-text-opacity, 1));
+}
+
+/* Main layout */
+
+.content {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 56rem;
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+ padding-bottom: 6rem;
+ padding-top: 2rem;
+ margin-right: 20rem;
+}
+
+/* Sidebar styles */
+
+.sidebar {
+ position: fixed;
+ right: 0px;
+ top: 0px;
+ height: 100vh;
+ width: 18rem;
+ overflow-y: auto;
+ border-left-width: 1px;
+ border-color: rgb(51 65 85 / 0.5);
+ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+ --tw-gradient-from: rgb(15 23 42 / 0.95) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+ --tw-gradient-to: rgb(30 41 59 / 0.95) var(--tw-gradient-to-position);
+ padding: 1.5rem;
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+ --tw-backdrop-blur: blur(4px);
+ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
+.sidebar-link {
+ position: relative;
+ margin-bottom: 0.25rem;
+ display: block;
+ border-radius: 0.375rem;
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ --tw-text-opacity: 1;
+ color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+ transition-property: all;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration: 200ms;
+}
+
+.sidebar-link:hover {
+ background-color: rgb(59 130 246 / 0.05);
+ --tw-text-opacity: 1;
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+}
+
+.sidebar-link.active {
+ background-color: rgb(59 130 246 / 0.1);
+ font-weight: 500;
+ --tw-text-opacity: 1;
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+}
+
+.sidebar-link.active::before {
+ content: '';
+ position: absolute;
+ left: 0px;
+ top: 0px;
+ height: 100%;
+ width: 0.375rem;
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+ --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+ --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
+}
+
+/* Code block styles */
+
+pre {
+ margin-top: 1.5rem;
+ margin-bottom: 1.5rem;
+ overflow-x: auto;
+ border-radius: 0.5rem;
+ border-width: 1px;
+ border-color: rgb(51 65 85 / 0.5);
+ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+ --tw-gradient-from: rgb(15 23 42 / 0.95) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+ --tw-gradient-to: rgb(30 41 59 / 0.95) var(--tw-gradient-to-position);
+ --tw-text-opacity: 1;
+ color: rgb(241 245 249 / var(--tw-text-opacity, 1));
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+ --tw-ring-color: rgb(255 255 255 / 0.1);
+}
+
+code {
+ display: block;
+ padding: 1.25rem;
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ font-size: 0.875rem;
+ line-height: 1.25rem;
+}
+
+/* Tab styles */
+
+.tab-group {
+ margin-bottom: 1.5rem;
+ overflow: hidden;
+ border-radius: 0.5rem;
+ border-width: 1px;
+ border-color: rgb(51 65 85 / 0.5);
+ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+ --tw-gradient-from: rgb(30 41 59 / 0.9) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+ --tw-gradient-to: rgb(15 23 42 / 0.9) var(--tw-gradient-to-position);
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+ --tw-ring-color: rgb(255 255 255 / 0.1);
+ --tw-backdrop-blur: blur(4px);
+ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
+.tab-list {
+ display: flex;
+ gap: 0.375rem;
+ border-bottom-width: 1px;
+ border-color: rgb(51 65 85 / 0.5);
+ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+ --tw-gradient-from: rgb(15 23 42 / 0.9) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+ --tw-gradient-to: rgb(30 41 59 / 0.9) var(--tw-gradient-to-position);
+ padding: 0.625rem;
+}
+
+.tab {
+ cursor: pointer;
+ border-radius: 0.375rem;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ font-size: 0.875rem;
+ line-height: 1.25rem;
+ font-weight: 500;
+ --tw-text-opacity: 1;
+ color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+ transition-property: all;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration: 200ms;
+}
+
+.tab:hover {
+ --tw-scale-x: 1.02;
+ --tw-scale-y: 1.02;
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+ background-color: rgb(59 130 246 / 0.1);
+ --tw-text-opacity: 1;
+ color: rgb(226 232 240 / var(--tw-text-opacity, 1));
+}
+
+.tab:focus {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-width: 2px;
+ --tw-ring-offset-color: #1e293b;
+}
+
+.tab:active {
+ --tw-scale-x: 0.98;
+ --tw-scale-y: 0.98;
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.tab.active {
+ border-width: 1px;
+ border-color: rgb(59 130 246 / 0.2);
+ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+ --tw-gradient-from: rgb(59 130 246 / 0.1) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+ --tw-gradient-to: rgb(96 165 250 / 0.05) var(--tw-gradient-to-position);
+ font-weight: 600;
+ --tw-text-opacity: 1;
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+ --tw-shadow-color: rgb(59 130 246 / 0.1);
+ --tw-shadow: var(--tw-shadow-colored);
+}
+
+.tab-contents {
+ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+ --tw-gradient-from: rgb(30 41 59 / 0.95) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+ --tw-gradient-to: rgb(15 23 42 / 0.95) var(--tw-gradient-to-position);
+ --tw-backdrop-blur: blur(4px);
+ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
+.tab-content {
+ display: none;
+}
+
+.tab-content.active {
+ display: block;
+}
+
+@keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+.tab-content.active {
+ animation: fadeIn 0.2s ease-in-out;
+}
+
+/* Heading styles */
+
+h1, h2, h3 {
+ scroll-margin-top: 4rem;
+ font-weight: 700;
+ --tw-text-opacity: 1;
+ color: rgb(241 245 249 / var(--tw-text-opacity, 1));
+}
+
+h1 {
+ margin-top: 2rem;
+ margin-bottom: 1rem;
+ font-size: 1.875rem;
+ line-height: 2.25rem;
+}
+
+h2 {
+ margin-top: 1.5rem;
+ margin-bottom: 0.75rem;
+ font-size: 1.5rem;
+ line-height: 2rem;
+}
+
+h3 {
+ margin-top: 1rem;
+ margin-bottom: 0.5rem;
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+}
+
+/* Link styles */
+
+a {
+ --tw-text-opacity: 1;
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration: 200ms;
+}
+
+a:hover {
+ --tw-text-opacity: 1;
+ color: rgb(147 197 253 / var(--tw-text-opacity, 1));
+}
+
+/* Table styles */
+
+table {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ width: 100%;
+ border-collapse: collapse;
+ overflow: hidden;
+ border-radius: 0.5rem;
+ border-width: 1px;
+ --tw-border-opacity: 1;
+ border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
+ --tw-bg-opacity: 1;
+ background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
+}
+
+th {
+ border-bottom-width: 1px;
+ --tw-border-opacity: 1;
+ border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
+ --tw-bg-opacity: 1;
+ background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
+ padding: 0.75rem;
+ text-align: left;
+ font-weight: 600;
+ --tw-text-opacity: 1;
+ color: rgb(226 232 240 / var(--tw-text-opacity, 1));
+}
+
+td {
+ border-bottom-width: 1px;
+ --tw-border-opacity: 1;
+ border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
+ padding: 0.75rem;
+ text-align: left;
+ --tw-text-opacity: 1;
+ color: rgb(203 213 225 / var(--tw-text-opacity, 1));
+}
+
+tr:last-child td {
+ border-bottom-width: 0px;
+}
+
+/* Syntax highlighting tokens */
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ --tw-text-opacity: 1;
+ color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+}
+
+.token.punctuation {
+ --tw-text-opacity: 1;
+ color: rgb(203 213 225 / var(--tw-text-opacity, 1));
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol {
+ --tw-text-opacity: 1;
+ color: rgb(103 232 249 / var(--tw-text-opacity, 1));
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin {
+ --tw-text-opacity: 1;
+ color: rgb(110 231 183 / var(--tw-text-opacity, 1));
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+ --tw-text-opacity: 1;
+ color: rgb(252 211 77 / var(--tw-text-opacity, 1));
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+ --tw-text-opacity: 1;
+ color: rgb(196 181 253 / var(--tw-text-opacity, 1));
+}
+
+.token.function,
+.token.class-name {
+ --tw-text-opacity: 1;
+ color: rgb(253 164 175 / var(--tw-text-opacity, 1));
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+ --tw-text-opacity: 1;
+ color: rgb(253 186 116 / var(--tw-text-opacity, 1));
+}
+
+.hover\:scale-\[1\.02\]:hover {
+ --tw-scale-x: 1.02;
+ --tw-scale-y: 1.02;
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.hover\:bg-blue-500\/10:hover {
+ background-color: rgb(59 130 246 / 0.1);
+}
+
+.hover\:bg-blue-500\/5:hover {
+ background-color: rgb(59 130 246 / 0.05);
+}
+
+.hover\:text-blue-300:hover {
+ --tw-text-opacity: 1;
+ color: rgb(147 197 253 / var(--tw-text-opacity, 1));
+}
+
+.hover\:text-blue-400:hover {
+ --tw-text-opacity: 1;
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+}
+
+.hover\:text-slate-200:hover {
+ --tw-text-opacity: 1;
+ color: rgb(226 232 240 / var(--tw-text-opacity, 1));
+}
+
+.focus\:outline-none:focus {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+}
+
+.focus\:ring-2:focus {
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus\:ring-blue-500\/50:focus {
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+}
+
+.focus\:ring-offset-2:focus {
+ --tw-ring-offset-width: 2px;
+}
+
+.focus\:ring-offset-slate-800:focus {
+ --tw-ring-offset-color: #1e293b;
+}
+
+.active\:scale-\[0\.98\]:active {
+ --tw-scale-x: 0.98;
+ --tw-scale-y: 0.98;
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.prose-headings\:scroll-mt-20 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ scroll-margin-top: 5rem;
+}
+
+.prose-h1\:text-3xl :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ font-size: 1.875rem;
+ line-height: 2.25rem;
+}
+
+.prose-h2\:text-2xl :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ font-size: 1.5rem;
+ line-height: 2rem;
+}
+
+.prose-h3\:text-xl :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+}
+
+.prose-a\:text-blue-400 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ --tw-text-opacity: 1;
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+}
+
+.prose-a\:no-underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ text-decoration-line: none;
+}
+
+.hover\:prose-a\:text-blue-300 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover {
+ --tw-text-opacity: 1;
+ color: rgb(147 197 253 / var(--tw-text-opacity, 1));
+}
+
+.prose-pre\:m-0 :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ margin: 0px;
+}
+
+.prose-pre\:bg-transparent :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ background-color: transparent;
+}
+
+.prose-pre\:p-0 :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ padding: 0px;
+}
+
+.prose-img\:rounded-lg :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ border-radius: 0.5rem;
+}
+
+.prose-img\:shadow-lg :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
diff --git a/docs/markdoc/dist/tabs.js b/docs/markdoc/dist/tabs.js
new file mode 100644
index 000000000..e24261fe9
--- /dev/null
+++ b/docs/markdoc/dist/tabs.js
@@ -0,0 +1,60 @@
+document.addEventListener('DOMContentLoaded', () => {
+ // Find all tab groups
+ const tabGroups = document.querySelectorAll('.tab-group');
+ console.log(`Found ${tabGroups.length} tab groups`);
+
+ tabGroups.forEach((group, groupIndex) => {
+ const tabs = group.querySelectorAll('.tab');
+ const tabContents = group.querySelectorAll('.tab-content');
+ console.log(`Group ${groupIndex} has ${tabs.length} tabs and ${tabContents.length} contents`);
+
+ // Add click handlers to tabs
+ tabs.forEach((tab, tabIndex) => {
+ tab.addEventListener('click', () => {
+ const groupId = tab.getAttribute('data-group');
+ const tabId = tab.getAttribute('data-tab');
+ console.log(`Clicked tab ${tabId} in group ${groupId}`);
+
+ // Remove active class from all tabs and contents in this group
+ group.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
+ group.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
+
+ // Add active class to clicked tab and its content
+ tab.classList.add('active');
+ const content = group.querySelector(`.tab-content[data-tab="${tabId}"]`);
+ if (content) {
+ content.classList.add('active');
+
+ // Trigger Prism highlight on the specific code block
+ const codeBlock = content.querySelector('code[data-prism="true"]');
+ if (window.Prism && codeBlock) {
+ window.Prism.highlightElement(codeBlock);
+ }
+ }
+ });
+ });
+
+ // Initialize first tab in each group
+ if (tabs.length > 0) {
+ const firstTab = tabs[0];
+ const firstContent = group.querySelector('.tab-content[data-tab="0"]');
+ if (firstTab && firstContent) {
+ firstTab.classList.add('active');
+ firstContent.classList.add('active');
+
+ // Initialize syntax highlighting for the first tab
+ const codeBlock = firstContent.querySelector('code[data-prism="true"]');
+ if (window.Prism && codeBlock) {
+ window.Prism.highlightElement(codeBlock);
+ }
+ }
+ }
+ });
+
+ // Initialize Prism.js for all visible code blocks
+ if (window.Prism) {
+ document.querySelectorAll('code[data-prism="true"]').forEach(block => {
+ window.Prism.highlightElement(block);
+ });
+ }
+});
diff --git a/docs/markdoc/generate-og.ts b/docs/markdoc/generate-og.ts
new file mode 100644
index 000000000..cca67e378
--- /dev/null
+++ b/docs/markdoc/generate-og.ts
@@ -0,0 +1,111 @@
+import satori from 'satori';
+import sharp from 'sharp';
+import { readFileSync, writeFileSync } from 'fs';
+import { join, dirname } from 'path';
+import { fileURLToPath } from 'url';
+import fetch from 'node-fetch';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const OUT_DIR = join(__dirname, '..', 'out');
+
+async function downloadFont() {
+ const response = await fetch(
+ 'https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap'
+ );
+ const css = await response.text();
+ const fontUrl = css.match(/src: url\((.+?)\)/)?.[1];
+
+ if (!fontUrl) {
+ throw new Error('Could not find font URL');
+ }
+
+ const fontResponse = await fetch(fontUrl);
+ const fontBuffer = await fontResponse.arrayBuffer();
+ return Buffer.from(fontBuffer);
+}
+
+async function generateOgImage() {
+ try {
+ const fontData = await downloadFont();
+ const logoSvg = readFileSync(join(OUT_DIR, 'logo.svg'), 'utf-8');
+ const logoData = Buffer.from(logoSvg).toString('base64');
+
+ const svg = await satori(
+ {
+ type: 'div',
+ props: {
+ style: {
+ display: 'flex',
+ height: '100%',
+ width: '100%',
+ alignItems: 'center',
+ justifyContent: 'center',
+ backgroundColor: '#fff',
+ padding: '40px',
+ },
+ children: [
+ {
+ type: 'div',
+ props: {
+ style: {
+ display: 'flex',
+ flexDirection: 'column',
+ alignItems: 'center',
+ },
+ children: [
+ {
+ type: 'img',
+ props: {
+ src: `data:image/svg+xml;base64,${logoData}`,
+ width: 200,
+ height: 200,
+ },
+ },
+ {
+ type: 'div',
+ props: {
+ style: {
+ fontSize: 60,
+ fontWeight: 700,
+ color: '#000',
+ marginTop: 20,
+ },
+ children: 'Zod Documentation',
+ },
+ },
+ ],
+ },
+ },
+ ],
+ },
+ },
+ {
+ width: 1200,
+ height: 630,
+ fonts: [
+ {
+ name: 'Inter',
+ data: fontData,
+ weight: 700,
+ style: 'normal',
+ },
+ ],
+ }
+ );
+
+ writeFileSync(join(OUT_DIR, 'og-image.svg'), svg);
+
+ // Convert to PNG using Sharp
+ await sharp(Buffer.from(svg))
+ .resize(1200, 630)
+ .png()
+ .toFile(join(OUT_DIR, 'og-image.png'));
+
+ console.log('Generated og:image successfully (SVG and PNG)');
+ } catch (error) {
+ console.error('Failed to generate og:image:', error);
+ }
+}
+
+generateOgImage().catch(console.error);
diff --git a/docs/markdoc/out/build.js b/docs/markdoc/out/build.js
new file mode 100644
index 000000000..e1b2d7b92
--- /dev/null
+++ b/docs/markdoc/out/build.js
@@ -0,0 +1,202 @@
+import fs from 'fs/promises';
+import path from 'path';
+import Markdoc from '@markdoc/markdoc';
+import { title, description } from './constants.js';
+import { decode } from 'html-entities';
+function getNodeText(node) {
+ if (typeof node === 'string')
+ return decode(node);
+ if (Array.isArray(node))
+ return node.map(getNodeText).join('');
+ if (typeof node === 'object' && node.children)
+ return getNodeText(node.children);
+ return '';
+}
+function sanitizeId(text) {
+ return text.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/(^-|-$)/g, '');
+}
+async function main() {
+ try {
+ // Read README.md and create out directory
+ let source = await fs.readFile(path.join(process.cwd(), '..', 'attachments', 'README.md'), 'utf-8');
+ const outDir = path.join(process.cwd(), 'out');
+ await fs.mkdir(outDir, { recursive: true });
+ // Parse markdown
+ const ast = Markdoc.parse(source);
+ const headings = [];
+ let tabGroupCounter = 0;
+ // Custom config for transforming nodes
+ const config = {
+ nodes: {
+ document: {
+ transform(node, config) {
+ const children = node.transformChildren(config);
+ return children;
+ }
+ },
+ heading: {
+ transform(node, config) {
+ const attributes = node.transformAttributes(config);
+ const children = node.transformChildren(config);
+ const text = getNodeText(children);
+ const id = text ? sanitizeId(text) : '';
+ const level = attributes.level || 1;
+ if (level === 2 || level === 3) {
+ headings.push({ id, text: decode(text), level });
+ }
+ return new Markdoc.Tag(`h${level}`, {
+ id,
+ class: `heading-${level}`,
+ 'data-heading': 'true'
+ }, children.map((child) => typeof child === 'string' ? decode(child) : child));
+ }
+ },
+ paragraph: {
+ transform(node, config) {
+ const children = node.transformChildren(config);
+ const text = getNodeText(node);
+ // If the content is HTML, parse it carefully
+ if (text.includes('<') && text.includes('>')) {
+ // Clean up the HTML content
+ return text
+ .replace(/"/g, '"')
+ .replace(/</g, '<')
+ .replace(/>/g, '>')
+ .replace(/&/g, '&')
+ .replace(/<\/?p>/g, '') // Remove any p tags in the HTML content
+ .trim();
+ }
+ // Regular paragraph content
+ return new Markdoc.Tag('p', { class: 'mb-4' }, children);
+ }
+ },
+ image: {
+ transform(node, config) {
+ const attributes = node.transformAttributes(config);
+ const src = attributes.src || '';
+ const alt = attributes.alt || '';
+ const title = attributes.title;
+ return new Markdoc.Tag('img', {
+ src: src.startsWith('http') ? src : path.basename(src),
+ alt: decode(alt),
+ title: title ? decode(title) : undefined,
+ class: 'inline-block'
+ });
+ }
+ },
+ link: {
+ transform(node, config) {
+ const attributes = node.transformAttributes(config);
+ const children = node.transformChildren(config);
+ const href = attributes.href || '';
+ const title = attributes.title;
+ // Handle different types of links
+ let processedHref = '';
+ if (href.startsWith('#')) {
+ // Internal anchor links - keep as is
+ processedHref = href;
+ }
+ else if (href.startsWith('http')) {
+ // External links - keep as is
+ processedHref = href;
+ }
+ else {
+ // Convert relative links to anchors based on text content
+ const text = getNodeText(children);
+ processedHref = '#' + sanitizeId(text);
+ }
+ return new Markdoc.Tag('a', {
+ href: processedHref,
+ title: title ? decode(title) : undefined,
+ class: 'text-blue-400 hover:text-blue-300 transition-colors duration-200'
+ }, children.map((child) => typeof child === 'string' ? decode(child) : child));
+ }
+ },
+ fence: {
+ transform(node, config) {
+ const { language } = node.attributes;
+ const content = node.attributes.content;
+ // Handle tab groups
+ if (content.includes('===')) {
+ tabGroupCounter++;
+ const tabs = content.split('===').map((tab) => tab.trim());
+ const tabTitles = tabs.map((tab) => tab.split('\n')[0]);
+ const tabContents = tabs.map((tab) => tab.split('\n')
+ .slice(1)
+ .join('\n')
+ .trim());
+ const tabsHtml = tabTitles.map((title, i) => new Markdoc.Tag('button', {
+ class: `tab${i === 0 ? ' active' : ''}`,
+ 'data-tab': i.toString(),
+ 'data-group': tabGroupCounter.toString()
+ }, [title]));
+ const contentHtml = tabContents.map((content, i) => new Markdoc.Tag('div', {
+ class: `tab-content${i === 0 ? ' active' : ''}`,
+ 'data-tab': i.toString(),
+ 'data-group': tabGroupCounter.toString()
+ }, [
+ new Markdoc.Tag('pre', { tabindex: '0' }, [
+ new Markdoc.Tag('code', {
+ class: `language-${language || 'text'}`,
+ 'data-prism': 'true'
+ }, [content])
+ ])
+ ]));
+ return new Markdoc.Tag('div', { class: 'tab-group' }, [
+ new Markdoc.Tag('div', { class: 'tab-list' }, tabsHtml),
+ new Markdoc.Tag('div', { class: 'tab-contents' }, contentHtml)
+ ]);
+ }
+ // Regular code blocks
+ return new Markdoc.Tag('pre', { tabindex: '0' }, [
+ new Markdoc.Tag('code', {
+ class: `language-${language || 'text'}`,
+ 'data-prism': 'true'
+ }, [content])
+ ]);
+ }
+ }
+ }
+ };
+ // Transform content
+ const content = Markdoc.transform(ast, config);
+ let contentHtml = Markdoc.renderers.html(content);
+ // Clean up HTML structure
+ contentHtml = contentHtml
+ // Handle HTML entities in non-code content
+ .replace(/"(?![^<]*<\/code>)/g, '"')
+ .replace(/<(?![^<]*<\/code>)/g, '<')
+ .replace(/>(?![^<]*<\/code>)/g, '>')
+ .replace(/&(?![^<]*<\/code>)/g, '&')
+ // Clean up structure
+ .replace(/(]*>)\s*(
]*>)/g, '$1')
+ .replace(/(<\/p>)\s*(<\/p>)/g, '$2')
+ .replace(/]*>\s*<\/h\1>/g, '')
+ .replace(/>\s+<')
+ .replace(/\s+/g, ' ');
+ // Generate sidebar HTML
+ const sidebarHtml = headings
+ .map(({ id, text, level }) => `
+
+ `)
+ .join('');
+ // Read template and replace content
+ const template = await fs.readFile(path.join(process.cwd(), 'template.html'), 'utf-8');
+ const finalHtml = template
+ .replace(/\{\{\s*title\s*\}\}/g, title)
+ .replace(/\{\{\s*description\s*\}\}/g, description)
+ .replace(/\{\{\s*content\s*\}\}/g, contentHtml)
+ .replace(/\{\{\s*sidebar\s*\}\}/g, sidebarHtml);
+ await fs.writeFile(path.join(outDir, 'index.html'), finalHtml);
+ console.log('Build completed successfully');
+ }
+ catch (error) {
+ console.error('Build failed:', error);
+ process.exit(1);
+ }
+}
+main();
diff --git a/docs/markdoc/out/constants.js b/docs/markdoc/out/constants.js
new file mode 100644
index 000000000..7dcd325d4
--- /dev/null
+++ b/docs/markdoc/out/constants.js
@@ -0,0 +1,6 @@
+import { join } from 'path';
+import os from 'os';
+export const HOME_DIR = os.homedir();
+export const OUT_DIR = join(process.cwd(), 'out');
+export const title = 'Zod Documentation';
+export const description = 'TypeScript-first schema validation with static type inference';
diff --git a/docs/markdoc/out/generate-og.js b/docs/markdoc/out/generate-og.js
new file mode 100644
index 000000000..27e4a7b30
--- /dev/null
+++ b/docs/markdoc/out/generate-og.js
@@ -0,0 +1,97 @@
+import satori from 'satori';
+import sharp from 'sharp';
+import { readFileSync, writeFileSync } from 'fs';
+import { join, dirname } from 'path';
+import { fileURLToPath } from 'url';
+import fetch from 'node-fetch';
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+const OUT_DIR = join(__dirname, '..', 'out');
+async function downloadFont() {
+ const response = await fetch('https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap');
+ const css = await response.text();
+ const fontUrl = css.match(/src: url\((.+?)\)/)?.[1];
+ if (!fontUrl) {
+ throw new Error('Could not find font URL');
+ }
+ const fontResponse = await fetch(fontUrl);
+ const fontBuffer = await fontResponse.arrayBuffer();
+ return Buffer.from(fontBuffer);
+}
+async function generateOgImage() {
+ try {
+ const fontData = await downloadFont();
+ const logoSvg = readFileSync(join(OUT_DIR, 'logo.svg'), 'utf-8');
+ const logoData = Buffer.from(logoSvg).toString('base64');
+ const svg = await satori({
+ type: 'div',
+ props: {
+ style: {
+ display: 'flex',
+ height: '100%',
+ width: '100%',
+ alignItems: 'center',
+ justifyContent: 'center',
+ backgroundColor: '#fff',
+ padding: '40px',
+ },
+ children: [
+ {
+ type: 'div',
+ props: {
+ style: {
+ display: 'flex',
+ flexDirection: 'column',
+ alignItems: 'center',
+ },
+ children: [
+ {
+ type: 'img',
+ props: {
+ src: `data:image/svg+xml;base64,${logoData}`,
+ width: 200,
+ height: 200,
+ },
+ },
+ {
+ type: 'div',
+ props: {
+ style: {
+ fontSize: 60,
+ fontWeight: 700,
+ color: '#000',
+ marginTop: 20,
+ },
+ children: 'Zod Documentation',
+ },
+ },
+ ],
+ },
+ },
+ ],
+ },
+ }, {
+ width: 1200,
+ height: 630,
+ fonts: [
+ {
+ name: 'Inter',
+ data: fontData,
+ weight: 700,
+ style: 'normal',
+ },
+ ],
+ });
+ writeFileSync(join(OUT_DIR, 'og-image.svg'), svg);
+ // Convert to PNG using Sharp
+ await sharp(Buffer.from(svg))
+ .resize(1200, 630)
+ .png()
+ .toFile(join(OUT_DIR, 'og-image.png'));
+ console.log('Generated og:image successfully (SVG and PNG)');
+ }
+ catch (error) {
+ console.error('Failed to generate og:image:', error);
+ }
+}
+generateOgImage().catch(console.error);
diff --git a/docs/markdoc/out/index.html b/docs/markdoc/out/index.html
new file mode 100644
index 000000000..6a0982cb1
--- /dev/null
+++ b/docs/markdoc/out/index.html
@@ -0,0 +1,38 @@
+
+
+
+
+
+ Zod Documentation
+
+
+
+
+
+
+
+
+
+
Zod ✨ https://zod.dev ✨ TypeScript-first schema validation with static type inference
Zod 3.23 is out! View the release notes .
These docs have been translated into Chinese .
Table of contents
Introduction Zod is a TypeScript-first schema declaration and validation library. I'm using the term "schema" to broadly refer to any data type, from a simple string
to a complex nested object.
Zod is designed to be as developer-friendly as possible. The goal is to eliminate duplicative type declarations. With Zod, you declare a validator once and Zod will automatically infer the static TypeScript type. It's easy to compose simpler types into complex data structures.
Some other great aspects:
Zero dependencies Works in Node.js and all modern browsers Tiny: 8kb minified + zipped Immutable: methods (e.g. .optional()
) return a new instance Concise, chainable interface Functional approach: parse, don't validate Works with plain JavaScript too! You don't need to use TypeScript. Sponsorship at any level is appreciated and encouraged. For individual developers, consider the Cup of Coffee tier . If you built a paid product using Zod, consider one of the podium tiers .
Gold This tier was just added. Be the first Gold Sponsor!
Silver
Bronze
Copper
Brandon Bayer Jiří Brabec Alex Johansson Fungible Systems Adaptable Avana Wallet Jason Lengstorf Global Illumination, Inc. MasterBorn Ryan Palmer Michael Sweeney Nextbase Remotion Connor Sinnott Mohammad-Ali A'râbi Supatool
Ecosystem There are a growing number of tools that are built atop or support Zod natively! If you've built a tool or library on top of Zod, tell me about it on Twitter or start a Discussion . I'll add it below and tweet it out.
Resources API libraries tRPC
: Build end-to-end typesafe APIs without GraphQL.@anatine/zod-nestjs
: Helper methods for using Zod in a NestJS project.zod-endpoints
: Contract-first strictly typed endpoints with Zod. OpenAPI compatible.zhttp
: An OpenAPI compatible, strictly typed http library with Zod input and response validation.domain-functions
: Decouple your business logic from your framework using composable functions. With first-class type inference from end to end powered by Zod schemas.@zodios/core
: A typescript API client with runtime and compile time validation backed by axios and zod.express-zod-api
: Build Express-based APIs with I/O schema validation and custom middlewares.tapiduck
: End-to-end typesafe JSON APIs with Zod and Express; a bit like tRPC, but simpler.koa-zod-router
: Create typesafe routes in Koa with I/O validation using Zod.react-hook-form
: A first-party Zod resolver for React Hook Form.zod-validation-error
: Generate user-friendly error messages from ZodError
s.zod-formik-adapter
: A community-maintained Formik adapter for Zod.react-zorm
: Standalone <form>
generation and validation for React using Zod.zodix
: Zod utilities for FormData and URLSearchParams in Remix loaders and actions.conform
: A typesafe form validation library for progressive enhancement of HTML forms. Works with Remix and Next.js.remix-params-helper
: Simplify integration of Zod with standard URLSearchParams and FormData for Remix apps.formik-validator-zod
: Formik-compliant validator library that simplifies using Zod with Formik.zod-i18n-map
: Useful for translating Zod error messages.@modular-forms/solid
: Modular form library for SolidJS that supports Zod for validation.houseform
: A React form library that uses Zod for validation.sveltekit-superforms
: Supercharged form library for SvelteKit with Zod validation.mobx-zod-form
: Data-first form builder based on MobX & Zod.@vee-validate/zod
: Form library for Vue.js with Zod schema validation.Zod to X X to Zod Mocking @anatine/zod-mock
: Generate mock data from a Zod schema. Powered by faker.js .zod-mocking
: Generate mock data from your Zod schemas.zod-fixture
: Use your zod schemas to automate the generation of non-relevant test fixtures in a deterministic way.zocker
: Generate plausible mock-data from your schemas.zodock
Generate mock data based on Zod schemas.Powered by Zod freerstore
: Firestore cost optimizer.slonik
: Node.js Postgres client with strong Zod integration.soly
: Create CLI applications with zod.pastel
: Create CLI applications with react, zod, and ink.zod-xlsx
: A xlsx based resource validator using Zod schemas.znv
: Type-safe environment parsing and validation for Node.js with Zod schemas.zod-config
: Load configurations across multiple sources with flexible adapters, ensuring type safety with Zod.Utilities for Zod Installation Requirements From npm
(Node/Bun) npm install zod # npm yarn add zod # yarn bun add zod # bun pnpm add zod # pnpm
Zod also publishes a canary version on every commit. To install the canary:
npm install zod@canary # npm yarn add zod@canary # yarn bun add zod@canary # bun pnpm add zod@canary # pnpm
From deno.land/x
(Deno) Unlike Node, Deno relies on direct URL imports instead of a package manager like NPM. Zod is available on deno.land/x . The latest version can be imported like so:
import { z } from "https://deno.land/x/zod/mod.ts";
You can also specify a particular version:
import { z } from "https://deno.land/x/zod@v3.16.1/mod.ts";
The rest of this README assumes you are using npm and importing directly from the "zod"
package.
Basic usage Creating a simple string schema
import { z } from "zod"; // creating a schema for strings const mySchema = z.string(); // parsing mySchema.parse("tuna"); // => "tuna" mySchema.parse(12); // => throws ZodError // "safe" parsing (doesn't throw error if validation fails) mySchema.safeParse("tuna"); // => { success: true; data: "tuna" } mySchema.safeParse(12); // => { success: false; error: ZodError }
Creating an object schema
import { z } from "zod"; const User = z.object({ username: z.string(), }); User.parse({ username: "Ludwig" }); // extract the inferred type type User = z.infer<typeof User>; // { username: string }
Primitives import { z } from "zod"; // primitive values z.string(); z.number(); z.bigint(); z.boolean(); z.date(); z.symbol(); // empty types z.undefined(); z.null(); z.void(); // accepts undefined // catch-all types // allows any value z.any(); z.unknown(); // never type // allows no values z.never();
Coercion for primitives Zod now provides a more convenient way to coerce primitive values.
const schema = z.coerce.string(); schema.parse("tuna"); // => "tuna" schema.parse(12); // => "12"
During the parsing step, the input is passed through the String()
function, which is a JavaScript built-in for coercing data into strings.
schema.parse(12); // => "12" schema.parse(true); // => "true" schema.parse(undefined); // => "undefined" schema.parse(null); // => "null"
The returned schema is a normal ZodString
instance so you can use all string methods.
z.coerce.string().email().min(5);
How coercion works
All primitive types support coercion. Zod coerces all inputs using the built-in constructors: String(input)
, Number(input)
, new Date(input)
, etc.
z.coerce.string(); // String(input) z.coerce.number(); // Number(input) z.coerce.boolean(); // Boolean(input) z.coerce.bigint(); // BigInt(input) z.coerce.date(); // new Date(input)
Note — Boolean coercion with z.coerce.boolean()
may not work how you expect. Any truthy value is coerced to true
, and any falsy value is coerced to false
.
const schema = z.coerce.boolean(); // Boolean(input) schema.parse("tuna"); // => true schema.parse("true"); // => true schema.parse("false"); // => true schema.parse(1); // => true schema.parse([]); // => true schema.parse(0); // => false schema.parse(""); // => false schema.parse(undefined); // => false schema.parse(null); // => false
For more control over coercion logic, consider using z.preprocess
or z.pipe()
.
Literals Literal schemas represent a literal type , like "hello world"
or 5
.
const tuna = z.literal("tuna"); const twelve = z.literal(12); const twobig = z.literal(2n); // bigint literal const tru = z.literal(true); const terrificSymbol = Symbol("terrific"); const terrific = z.literal(terrificSymbol); // retrieve literal value tuna.value; // "tuna"
Currently there is no support for Date literals in Zod. If you have a use case for this feature, please file an issue.
Strings Zod includes a handful of string-specific validations.
// validations z.string().max(5); z.string().min(5); z.string().length(5); z.string().email(); z.string().url(); z.string().emoji(); z.string().jwt(); // validates format, NOT signature z.string().jwt({ alg: "HS256" }); // specify algorithm z.string().uuid(); z.string().nanoid(); z.string().cuid(); z.string().cuid2(); z.string().ulid(); z.string().xid(); z.string().ksuid(); z.string().regex(regex); z.string().includes(string); z.string().startsWith(string); z.string().endsWith(string); z.string().datetime(); // ISO 8601; by default only `Z` timezone allowed z.string().ip(); // defaults to allow both IPv4 and IPv6 // transforms z.string().trim(); // trim whitespace z.string().toLowerCase(); // toLowerCase z.string().toUpperCase(); // toUpperCase // added in Zod 3.23 z.string().date(); // ISO date format (YYYY-MM-DD) z.string().time(); // ISO time format (HH:mm:ss[.SSSSSS]) z.string().duration(); // ISO 8601 duration z.string().base64(); z.string().e164(); // E.164 number format
Check out validator.js for a bunch of other useful string validation functions that can be used in conjunction with Refinements .
You can customize some common error messages when creating a string schema.
const name = z.string({ required_error: "Name is required", invalid_type_error: "Name must be a string", });
When using validation methods, you can pass in an additional argument to provide a custom error message.
z.string().min(5, { message: "Must be 5 or more characters long" }); z.string().max(5, { message: "Must be 5 or fewer characters long" }); z.string().length(5, { message: "Must be exactly 5 characters long" }); z.string().email({ message: "Invalid email address" }); z.string().url({ message: "Invalid url" }); z.string().emoji({ message: "Contains non-emoji characters" }); z.string().uuid({ message: "Invalid UUID" }); z.string().includes("tuna", { message: "Must include tuna" }); z.string().startsWith("https://", { message: "Must provide secure URL" }); z.string().endsWith(".com", { message: "Only .com domains allowed" }); z.string().datetime({ message: "Invalid datetime string! Must be UTC." }); z.string().date({ message: "Invalid date string!" }); z.string().time({ message: "Invalid time string!" }); z.string().ip({ message: "Invalid IP address" });
Datetimes As you may have noticed, Zod string includes a few date/time related validations. These validations are regular expression based, so they are not as strict as a full date/time library. However, they are very convenient for validating user input.
The z.string().datetime()
method enforces ISO 8601; default is no timezone offsets and arbitrary sub-second decimal precision.
const datetime = z.string().datetime(); datetime.parse("2020-01-01T00:00:00Z"); // pass datetime.parse("2020-01-01T00:00:00.123Z"); // pass datetime.parse("2020-01-01T00:00:00.123456Z"); // pass (arbitrary precision) datetime.parse("2020-01-01T00:00:00+02:00"); // fail (no offsets allowed)
Timezone offsets can be allowed by setting the offset
option to true
.
const datetime = z.string().datetime({ offset: true }); datetime.parse("2020-01-01T00:00:00+02:00"); // pass datetime.parse("2020-01-01T00:00:00.123+02:00"); // pass (millis optional) datetime.parse("2020-01-01T00:00:00.123+0200"); // pass (millis optional) datetime.parse("2020-01-01T00:00:00.123+02"); // pass (only offset hours) datetime.parse("2020-01-01T00:00:00Z"); // pass (Z still supported)
You can additionally constrain the allowable precision
. By default, arbitrary sub-second precision is supported (but optional).
const datetime = z.string().datetime({ precision: 3 }); datetime.parse("2020-01-01T00:00:00.123Z"); // pass datetime.parse("2020-01-01T00:00:00Z"); // fail datetime.parse("2020-01-01T00:00:00.123456Z"); // fail
Dates Added in Zod 3.23
The z.string().date()
method validates strings in the format YYYY-MM-DD
.
const date = z.string().date(); date.parse("2020-01-01"); // pass date.parse("2020-1-1"); // fail date.parse("2020-01-32"); // fail
Times Added in Zod 3.23
The z.string().time()
method validates strings in the format HH:MM:SS[.s+]
. The second can include arbitrary decimal precision. It does not allow timezone offsets of any kind.
const time = z.string().time(); time.parse("00:00:00"); // pass time.parse("09:52:31"); // pass time.parse("23:59:59.9999999"); // pass (arbitrary precision) time.parse("00:00:00.123Z"); // fail (no `Z` allowed) time.parse("00:00:00.123+02:00"); // fail (no offsets allowed)
You can set the precision
option to constrain the allowable decimal precision.
const time = z.string().time({ precision: 3 }); time.parse("00:00:00.123"); // pass time.parse("00:00:00.123456"); // fail time.parse("00:00:00"); // fail
IP addresses The z.string().ip()
method by default validate IPv4 and IPv6.
const ip = z.string().ip(); ip.parse("192.168.1.1"); // pass ip.parse("84d5:51a0:9114:1855:4cfa:f2d7:1f12:7003"); // pass ip.parse("84d5:51a0:9114:1855:4cfa:f2d7:1f12:192.168.1.1"); // pass ip.parse("256.1.1.1"); // fail ip.parse("84d5:51a0:9114:gggg:4cfa:f2d7:1f12:7003"); // fail
You can additionally set the IP version
.
const ipv4 = z.string().ip({ version: "v4" }); ipv4.parse("84d5:51a0:9114:1855:4cfa:f2d7:1f12:7003"); // fail const ipv6 = z.string().ip({ version: "v6" }); ipv6.parse("192.168.1.1"); // fail
JSON The z.string().json(...)
method parses strings as JSON, then pipes the result to another specified schema.
const Env = z.object({ API_CONFIG: z.string().json( z.object({ host: z.string(), port: z.number().min(1000).max(2000), }) ), SOME_OTHER_VALUE: z.string(), }); const env = Env.parse({ API_CONFIG: '{ "host": "example.com", "port": 1234 }', SOME_OTHER_VALUE: "abc123", }); env.API_CONFIG.host; // returns parsed value
If invalid JSON is encountered, the syntax error will be wrapped and put into a parse error:
const env = Env.safeParse({ API_CONFIG: "not valid json!", SOME_OTHER_VALUE: "abc123", }); if (!env.success) { console.log(env.error); // ... Unexpected token n in JSON at position 0 ... }
This is recommended over using z.string().transform(s => JSON.parse(s))
, since that will not catch parse errors, even when using .safeParse
.
E.164 telephone numbers The z.string().e164() method can be used to validate international telephone numbers.
const e164Number = z.string().e164(); e164Number.parse("+1555555"); // pass e164Number.parse("+155555555555555"); // pass e164Number.parse("555555555"); // fail e164Number.parse("+1 1555555"); // fail
Numbers You can customize certain error messages when creating a number schema.
const age = z.number({ required_error: "Age is required", invalid_type_error: "Age must be a number", });
Zod includes a handful of number-specific validations.
z.number().gt(5); z.number().gte(5); // alias .min(5) z.number().lt(5); z.number().lte(5); // alias .max(5) z.number().int(); // value must be an integer z.number().positive(); // > 0 z.number().nonnegative(); // >= 0 z.number().negative(); // < 0 z.number().nonpositive(); // <= 0 z.number().multipleOf(5); // Evenly divisible by 5. Alias .step(5) z.number().finite(); // value must be finite, not Infinity or -Infinity z.number().safe(); // value must be between Number.MIN_SAFE_INTEGER and Number.MAX_SAFE_INTEGER
Optionally, you can pass in a second argument to provide a custom error message.
z.number().lte(5, { message: "this👏is👏too👏big" });
BigInts Zod includes a handful of bigint-specific validations.
z.bigint().gt(5n); z.bigint().gte(5n); // alias `.min(5n)` z.bigint().lt(5n); z.bigint().lte(5n); // alias `.max(5n)` z.bigint().positive(); // > 0n z.bigint().nonnegative(); // >= 0n z.bigint().negative(); // < 0n z.bigint().nonpositive(); // <= 0n z.bigint().multipleOf(5n); // Evenly divisible by 5n.
NaNs You can customize certain error messages when creating a nan schema.
const isNaN = z.nan({ required_error: "isNaN is required", invalid_type_error: "isNaN must be 'not a number'", });
Booleans You can customize certain error messages when creating a boolean schema.
const isActive = z.boolean({ required_error: "isActive is required", invalid_type_error: "isActive must be a boolean", });
Dates Use z.date() to validate Date
instances.
z.date().safeParse(new Date()); // success: true z.date().safeParse("2022-01-12T00:00:00.000Z"); // success: false
You can customize certain error messages when creating a date schema.
const myDateSchema = z.date({ required_error: "Please select a date and time", invalid_type_error: "That's not a date!", });
Zod provides a handful of date-specific validations.
z.date().min(new Date("1900-01-01"), { message: "Too old" }); z.date().max(new Date(), { message: "Too young!" });
Coercion to Date
Since zod 3.20 , use z.coerce.date()
to pass the input through new Date(input)
.
const dateSchema = z.coerce.date(); type DateSchema = z.infer<typeof dateSchema>; // type DateSchema = Date /* valid dates */ console.log(dateSchema.safeParse("2023-01-10T00:00:00.000Z").success); // true console.log(dateSchema.safeParse("2023-01-10").success); // true console.log(dateSchema.safeParse("1/10/23").success); // true console.log(dateSchema.safeParse(new Date("1/10/23")).success); // true /* invalid dates */ console.log(dateSchema.safeParse("2023-13-10").success); // false console.log(dateSchema.safeParse("0000-00-00").success); // false
For older zod versions, use z.preprocess
like described in this thread .
Files (Browser only) Use z.file() to validate File
instances.
z.file().safeParse(new File(["foobar"], "foobar.txt", { type: "text/plain" })); // success: true z.file().safeParse("foobar"); // success: false
You can customize certain error messages when creating a file schema.
const myFileSchema = z.file({ required_error: "Please select a file", invalid_type_error: "That's not a file!", });
Zod provides a handful of file-specific validations.
z.file().min(100, { message: "Too small" }); z.file().max(10_000, { message: "Too large!" }); z.file().accept([".txt", ".csv"], { message: "Accepted file types: .txt, .csv", }); z.file().accept(["text/plain"], { message: "Accepted file type: text/plain", }); z.file().filename(z.string().min(3), { message: "Filename must be at least 3 characters long", });
Zod enums const FishEnum = z.enum(["Salmon", "Tuna", "Trout"]); type FishEnum = z.infer<typeof FishEnum>; // 'Salmon' | 'Tuna' | 'Trout'
z.enum
is a Zod-native way to declare a schema with a fixed set of allowable string values. Pass the array of values directly into z.enum()
. Alternatively, use as const
to define your enum values as a tuple of strings. See the const assertion docs for details.
const VALUES = ["Salmon", "Tuna", "Trout"] as const; const FishEnum = z.enum(VALUES);
This is not allowed, since Zod isn't able to infer the exact values of each element.
const fish = ["Salmon", "Tuna", "Trout"]; const FishEnum = z.enum(fish);
.enum
To get autocompletion with a Zod enum, use the .enum
property of your schema:
FishEnum.enum.Salmon; // => autocompletes FishEnum.enum; /* => { Salmon: "Salmon", Tuna: "Tuna", Trout: "Trout", } */
You can also retrieve the list of options as a tuple with the .options
property:
FishEnum.options; // ["Salmon", "Tuna", "Trout"];
.exclude/.extract()
You can create subsets of a Zod enum with the .exclude
and .extract
methods.
const FishEnum = z.enum(["Salmon", "Tuna", "Trout"]); const SalmonAndTrout = FishEnum.extract(["Salmon", "Trout"]); const TunaOnly = FishEnum.exclude(["Salmon", "Trout"]);
Native enums Zod enums are the recommended approach to defining and validating enums. But if you need to validate against an enum from a third-party library (or you don't want to rewrite your existing enums) you can use z.nativeEnum()
.
Numeric enums
enum Fruits { Apple, Banana, } const FruitEnum = z.nativeEnum(Fruits); type FruitEnum = z.infer<typeof FruitEnum>; // Fruits FruitEnum.parse(Fruits.Apple); // passes FruitEnum.parse(Fruits.Banana); // passes FruitEnum.parse(0); // passes FruitEnum.parse(1); // passes FruitEnum.parse(3); // fails
String enums
enum Fruits { Apple = "apple", Banana = "banana", Cantaloupe, // you can mix numerical and string enums } const FruitEnum = z.nativeEnum(Fruits); type FruitEnum = z.infer<typeof FruitEnum>; // Fruits FruitEnum.parse(Fruits.Apple); // passes FruitEnum.parse(Fruits.Cantaloupe); // passes FruitEnum.parse("apple"); // passes FruitEnum.parse("banana"); // passes FruitEnum.parse(0); // passes FruitEnum.parse("Cantaloupe"); // fails
Const enums
The .nativeEnum()
function works for as const
objects as well. ⚠️ as const
requires TypeScript 3.4+!
const Fruits = { Apple: "apple", Banana: "banana", Cantaloupe: 3, } as const; const FruitEnum = z.nativeEnum(Fruits); type FruitEnum = z.infer<typeof FruitEnum>; // "apple" | "banana" | 3 FruitEnum.parse("apple"); // passes FruitEnum.parse("banana"); // passes FruitEnum.parse(3); // passes FruitEnum.parse("Cantaloupe"); // fails
You can access the underlying object with the .enum
property:
FruitEnum.enum.Apple; // "apple"
Optionals You can make any schema optional with z.optional()
. This wraps the schema in a ZodOptional
instance and returns the result.
const schema = z.optional(z.string()); schema.parse(undefined); // => returns undefined type A = z.infer<typeof schema>; // string | undefined
For convenience, you can also call the .optional()
method on an existing schema.
const user = z.object({ username: z.string().optional(), }); type C = z.infer<typeof user>; // { username?: string | undefined };
You can extract the wrapped schema from a ZodOptional
instance with .unwrap()
.
const stringSchema = z.string(); stringSchema; // true
const optionalString = stringSchema.optional(); optionalString.unwrap()
Nullables Similarly, you can create nullable types with z.nullable()
.
const nullableString = z.nullable(z.string()); nullableString.parse("asdf"); // => "asdf" nullableString.parse(null); // => null
Or use the .nullable()
method.
const E = z.string().nullable(); // equivalent to nullableString type E = z.infer<typeof E>; // string | null
Extract the inner schema with .unwrap()
.
const stringSchema = z.string(); stringSchema; // true
const nullableString = stringSchema.nullable(); nullableString.unwrap()
Objects // all properties are required by default const Dog = z.object({ name: z.string(), age: z.number(), }); // extract the inferred type like this type Dog = z.infer<typeof Dog>; // equivalent to: type Dog = { name: string; age: number; };
.shape
Use .shape
to access the schemas for a particular key.
Dog.shape.name; // => string schema Dog.shape.age; // => number schema
.keyof
Use .keyof
to create a ZodEnum
schema from the keys of an object schema.
const keySchema = Dog.keyof(); keySchema; // ZodEnum<["name", "age"]>
.extend
You can add additional fields to an object schema with the .extend
method.
const DogWithBreed = Dog.extend({ breed: z.string(), });
You can use .extend
to overwrite fields! Be careful with this power!
.merge
Equivalent to A.extend(B.shape)
.
const BaseTeacher = z.object({ students: z.array(z.string()) }); const HasID = z.object({ id: z.string() }); const Teacher = BaseTeacher.merge(HasID); type Teacher = z.infer<typeof Teacher>; // => { students: string[], id: string }
If the two schemas share keys, the properties of B overrides the property of A. The returned schema also inherits the "unknownKeys" policy (strip/strict/passthrough) and the catchall schema of B.
.pick/.omit
Inspired by TypeScript's built-in Pick
and Omit
utility types, all Zod object schemas have .pick
and .omit
methods that return a modified version. Consider this Recipe schema:
const Recipe = z.object({ id: z.string(), name: z.string(), ingredients: z.array(z.string()), });
To only keep certain keys, use .pick
.
const JustTheName = Recipe.pick({ name: true }); type JustTheName = z.infer<typeof JustTheName>; // => { name: string }
To remove certain keys, use .omit
.
const NoIDRecipe = Recipe.omit({ id: true }); type NoIDRecipe = z.infer<typeof NoIDRecipe>; // => { name: string, ingredients: string[] }
.partial
Inspired by the built-in TypeScript utility type Partial , the .partial
method makes all properties optional.
Starting from this object:
const user = z.object({ email: z.string(), username: z.string(), }); // { email: string; username: string }
We can create a partial version:
const partialUser = user.partial(); // { email?: string | undefined; username?: string | undefined }
You can also specify which properties to make optional:
const optionalEmail = user.partial({ email: true, }); /* { email?: string | undefined; username: string } */
.deepPartial
The .partial
method is shallow — it only applies one level deep. There is also a "deep" version:
const user = z.object({ username: z.string(), location: z.object({ latitude: z.number(), longitude: z.number(), }), strings: z.array(z.object({ value: z.string() })), }); const deepPartialUser = user.deepPartial(); /* { username?: string | undefined, location?: { latitude?: number | undefined; longitude?: number | undefined; } | undefined, strings?: { value?: string}[] } */
Important limitation: deep partials only work as expected in hierarchies of objects, arrays, and tuples.
.required
Contrary to the .partial
method, the .required
method makes all properties required.
Starting from this object:
const user = z .object({ email: z.string(), username: z.string(), }) .partial(); // { email?: string | undefined; username?: string | undefined }
We can create a required version:
const requiredUser = user.required(); // { email: string; username: string }
You can also specify which properties to make required:
const requiredEmail = user.required({ email: true, }); /* { email: string; username?: string | undefined; } */
.passthrough
By default Zod object schemas strip out unrecognized keys during parsing.
const person = z.object({ name: z.string(), }); person.parse({ name: "bob dylan", extraKey: 61, }); // => { name: "bob dylan" } // extraKey has been stripped
Instead, if you want to pass through unknown keys, use .passthrough()
.
person.passthrough().parse({ name: "bob dylan", extraKey: 61, }); // => { name: "bob dylan", extraKey: 61 }
.strict
By default Zod object schemas strip out unrecognized keys during parsing. You can disallow unknown keys with .strict()
. If there are any unknown keys in the input, Zod will throw an error.
const person = z .object({ name: z.string(), }) .strict(); person.parse({ name: "bob dylan", extraKey: 61, }); // => throws ZodError
.strip
You can use the .strip
method to reset an object schema to the default behavior (stripping unrecognized keys).
.catchall
You can pass a "catchall" schema into an object schema. All unknown keys will be validated against it.
const person = z .object({ name: z.string(), }) .catchall(z.number()); person.parse({ name: "bob dylan", validExtraKey: 61, // works fine }); person.parse({ name: "bob dylan", validExtraKey: false, // fails }); // => throws ZodError
Using .catchall()
obviates .passthrough()
, .strip()
, or .strict()
. All keys are now considered "known".
Arrays const stringArray = z.array(z.string()); // equivalent const stringArray = z.string().array();
Be careful with the .array()
method. It returns a new ZodArray
instance. This means the order in which you call methods matters. For instance:
z.string().optional().array(); // (string | undefined)[] z.string().array().optional(); // string[] | undefined
.element
Use .element
to access the schema for an element of the array.
stringArray.element; // => string schema
.nonempty
If you want to ensure that an array contains at least one element, use .nonempty()
.
const nonEmptyStrings = z.string().array().nonempty(); // the inferred type is now // [string, ...string[]] nonEmptyStrings.parse([]); // throws: "Array cannot be empty" nonEmptyStrings.parse(["Ariana Grande"]); // passes
You can optionally specify a custom error message:
// optional custom error message const nonEmptyStrings = z.string().array().nonempty({ message: "Can't be empty!", });
.min/.max/.length
z.string().array().min(5); // must contain 5 or more items z.string().array().max(5); // must contain 5 or fewer items z.string().array().length(5); // must contain 5 items exactly
Unlike .nonempty()
these methods do not change the inferred type.
.unique
// All elements must be unique z.object({ id: z.string() }).array().unique(); // All elements must be unique based on the id property z.object({ id: z.string(), name: z.string() }) .array() .unique({ identifier: (elt) => elt.id });
Tuples Unlike arrays, tuples have a fixed number of elements and each element can have a different type.
const athleteSchema = z.tuple([ z.string(), // name z.number(), // jersey number z.object({ pointsScored: z.number(), }), // statistics ]); type Athlete = z.infer<typeof athleteSchema>; // type Athlete = [string, number, { pointsScored: number }]
A variadic ("rest") argument can be added with the .rest
method.
const variadicTuple = z.tuple([z.string()]).rest(z.number()); const result = variadicTuple.parse(["hello", 1, 2, 3]); // => [string, ...number[]];
Unions Zod includes a built-in z.union
method for composing "OR" types.
const stringOrNumber = z.union([z.string(), z.number()]); stringOrNumber.parse("foo"); // passes stringOrNumber.parse(14); // passes
Zod will test the input against each of the "options" in order and return the first value that validates successfully.
For convenience, you can also use the .or
method :
const stringOrNumber = z.string().or(z.number());
Optional string validation:
To validate an optional form input, you can union the desired string validation with an empty string literal .
This example validates an input that is optional but needs to contain a valid URL :
const optionalUrl = z.union([z.string().url().nullish(), z.literal("")]); console.log(optionalUrl.safeParse(undefined).success); // true console.log(optionalUrl.safeParse(null).success); // true console.log(optionalUrl.safeParse("").success); // true console.log(optionalUrl.safeParse("https://zod.dev").success); // true console.log(optionalUrl.safeParse("not a valid url").success); // false
Discriminated unions A discriminated union is a union of object schemas that all share a particular key.
type MyUnion = | { status: "success"; data: string } | { status: "failed"; error: Error };
Such unions can be represented with the z.discriminatedUnion
method. This enables faster evaluation, because Zod can check the discriminator key (status
in the example above) to determine which schema should be used to parse the input. This makes parsing more efficient and lets Zod report friendlier errors.
With the basic union method, the input is tested against each of the provided "options", and in the case of invalidity, issues for all the "options" are shown in the zod error. On the other hand, the discriminated union allows for selecting just one of the "options", testing against it, and showing only the issues related to this "option".
const myUnion = z.discriminatedUnion("status", [ z.object({ status: z.literal("success"), data: z.string() }), z.object({ status: z.literal("failed"), error: z.instanceof(Error) }), ]); myUnion.parse({ status: "success", data: "yippie ki yay" });
You can extract a reference to the array of schemas with the .options
property.
myUnion.options; // [ZodObject<...>, ZodObject<...>]
To merge two or more discriminated unions, use .options
with destructuring.
const A = z.discriminatedUnion("status", [ /* options */ ]); const B = z.discriminatedUnion("status", [ /* options */ ]); const AB = z.discriminatedUnion("status", [...A.options, ...B.options]);
Records Record schemas are used to validate types such as Record<string, number>
. This is particularly useful for storing or caching items by ID.
Instanceof You can use z.instanceof
to check that the input is an instance of a class. This is useful to validate inputs against classes that are exported from third-party libraries.
class Test { name: string; } const TestSchema = z.instanceof(Test); const blob: any = "whatever"; TestSchema.parse(new Test()); // passes TestSchema.parse(blob); // throws
Functions Zod also lets you define "function schemas". This makes it easy to validate the inputs and outputs of a function without intermixing your validation code and "business logic".
You can create a function schema with z.function(args, returnType)
.
const myFunction = z.function(); type myFunction = z.infer<typeof myFunction>; // => ()=>unknown
Define inputs and outputs.
const myFunction = z .function() .args(z.string(), z.number()) // accepts an arbitrary number of arguments .returns(z.boolean()); type myFunction = z.infer<typeof myFunction>; // => (arg0: string, arg1: number)=>boolean
Template literals TypeScript supports template literal types , which are strings that conform to a statically known structure.
type simpleTemplate = `Hello, ${string}!`; type urlTemplate = `${"http" | "https"}://${string}.${`com` | `net`}`; type pxTemplate = `${number}px`;
These types can be represented in Zod with z.literal.template()
. Template literals consist of interleaved literals and schemas .
z.literal.template(["Hello, ", z.string()]); // infers to `Hello ${string}`
The literal components can be any string, number, boolean, null, or undefined.
z.literal.template(["Hello", 3.14, true, null, undefined]); // infers to `Hello3.14truenullundefined`
The schema components can be any literal, primitive, or enum schema.
Note — Refinements, transforms, and pipelines are not supported.
z.template.literal([ z.string(), z.number(), z.boolean(), z.bigint(), z.any(), z.literal("foo"), z.null(), z.undefined(), z.enum(["bar"]), ]);
For "union" types like z.boolean()
or z.enum()
, the inferred static type will be a union of the possible values.
z.literal.template([z.boolean(), z.number()]); // `true${number}` | `false${number}` z.literal.template(["is_", z.enum(["red", "green", "blue"])]); // `is_red` | `is_green` | `is_blue`
Examples URL:
const url = z.literal.template([ "https://", z.string(), ".", z.enum(["com", "net"]), ]); // infers to `https://${string}.com` | `https://${string}.net`. url.parse("https://google.com"); // passes url.parse("https://google.net"); // passes url.parse("http://google.com"); // throws url.parse("https://.com"); // throws url.parse("https://google"); // throws url.parse("https://google."); // throws url.parse("https://google.gov"); // throws
CSS Measurement:
const measurement = z.literal.template([ z.number().finite(), z.enum(["px", "em", "rem", "vh", "vw", "vmin", "vmax"]), ]); // infers to `${number}` | `${number}px` | `${number}em` | `${number}rem` | `${number}vh` | `${number}vw` | `${number}vmin` | `${number}vmax
MongoDB connection string:
const connectionString = z.literal.template([ "mongodb://", z.literal .template([ z.string().regex(/\w+/).describe("username"), ":", z.string().regex(/\w+/).describe("password"), "@", ]) .optional(), z.string().regex(/\w+/).describe("host"), ":", z.number().finite().int().positive().describe("port"), z.literal .template([ "/", z.string().regex(/\w+/).optional().describe("defaultauthdb"), z.literal .template(["?", z.string().regex(/^\w+=\w+(&\w+=\w+)*$/)]) .optional() .describe("options"), ]) .optional(), ]); // inferred type: // | `mongodb://${string}:${number}` // | `mongodb://${string}:${string}@${string}:${number}` // | `mongodb://${string}:${number}/${string}` // | `mongodb://${string}:${string}@${string}:${number}/${string}` // | `mongodb://${string}:${number}/${string}?${string}` // | `mongodb://${string}:${string}@${string}:${number}/${string}?${string}`;
Preprocess Zod now supports primitive coercion without the need for .preprocess()
. See the coercion docs for more information.
Typically Zod operates under a "parse then transform" paradigm. Zod validates the input first, then passes it through a chain of transformation functions. (For more information about transforms, read the .transform docs .)
But sometimes you want to apply some transform to the input before parsing happens. A common use case: type coercion. Zod enables this with the z.preprocess()
.
const castToString = z.preprocess((val) => String(val), z.string());
This returns a ZodEffects
instance. ZodEffects
is a wrapper class that contains all logic pertaining to preprocessing, refinements, and transforms.
Custom schemas You can create a Zod schema for any TypeScript type by using z.custom()
. This is useful for creating schemas for types that are not supported by Zod out of the box, such as template string literals.
const px = z.custom<`${number}px`>((val) => { "string" ? /^\d+px$/.test(val) : false;
}); type px = z.infer<typeof px>; // `${number}px` px.parse("42px"); // "42px" px.parse("42vw"); // throws;
If you don't provide a validation function, Zod will allow any value. This can be dangerous!
z.custom<{ arg: string }>(); // performs no validation
You can customize the error message and other options by passing a second argument. This parameter works the same way as the params parameter of .refine
.
z.custom<...>((val) => ..., "custom error message");
Schema methods All Zod schemas contain certain methods.
.parse
.parse(data: unknown): T
Given any Zod schema, you can call its .parse
method to check data
is valid. If it is, a value is returned with full type information! Otherwise, an error is thrown.
IMPORTANT: The value returned by .parse
is a deep clone of the variable you passed in.
const stringSchema = z.string(); stringSchema.parse("fish"); // => returns "fish" stringSchema.parse(12); // throws error
.parseAsync
.parseAsync(data:unknown): Promise<T>
If you use asynchronous refinements or transforms (more on those later), you'll need to use .parseAsync
.
const stringSchema = z.string().refine(async (val) => val.length <= 8); await stringSchema.parseAsync("hello"); // => returns "hello" await stringSchema.parseAsync("hello world"); // => throws error
.safeParse
.safeParse(data:unknown): { success: true; data: T; } | { success: false; error: ZodError; }
If you don't want Zod to throw errors when validation fails, use .safeParse
. This method returns an object containing either the successfully parsed data or a ZodError instance containing detailed information about the validation problems.
stringSchema.safeParse(12); // => { success: false; error: ZodError } stringSchema.safeParse("billie"); // => { success: true; data: 'billie' }
The result is a discriminated union , so you can handle errors very conveniently:
const result = stringSchema.safeParse("billie"); if (!result.success) { // handle error then return result.error; } else { // do something result.data; }
.safeParseAsync
Alias: .spa
An asynchronous version of safeParse
.
await stringSchema.safeParseAsync("billie");
For convenience, this has been aliased to .spa
:
await stringSchema.spa("billie");
.refine
.refine(validator: (data:T)=>any, params?: RefineParams)
Zod lets you provide custom validation logic via refinements . (For advanced features like creating multiple issues and customizing error codes, see .superRefine
.)
Zod was designed to mirror TypeScript as closely as possible. But there are many so-called "refinement types" you may wish to check for that can't be represented in TypeScript's type system. For instance: checking that a number is an integer or that a string is a valid email address.
For example, you can define a custom validation check on any Zod schema with .refine
:
const myString = z.string().refine((val) => val.length <= 255, { message: "String can't be more than 255 characters", });
⚠️ Refinement functions should not throw. Instead they should return a falsy value to signal failure.
Arguments As you can see, .refine
takes two arguments.
The first is the validation function. This function takes one input (of type T
— the inferred type of the schema) and returns any
. Any truthy value will pass validation. (Prior to zod@1.6.2 the validation function had to return a boolean.) The second argument accepts some options. You can use this to customize certain error-handling behavior: type RefineParams = { // override error message message?: string; // appended to error path path?: (string | number)[]; // params object you can use to customize message // in error map params?: object; };
For advanced cases, the second argument can also be a function that returns RefineParams
.
const longString = z.string().refine( (val) => val.length > 10, (val) => ({ message: `${val} is not more than 10 characters` }) );
Customize error path const passwordForm = z data.confirm, {
.object({ password: z.string(), confirm: z.string(), }) .refine((data) => data.password
message: "Passwords don't match", path: ["confirm"], // path of error }); passwordForm.parse({ password: "asdf", confirm: "qwer" });
Because you provided a path
parameter, the resulting error will be:
ZodError { issues: [{ "code": "custom", "path": [ "confirm" ], "message": "Passwords don't match" }] }
Asynchronous refinements Refinements can also be async:
const userId = z.string().refine(async (id) => { // verify that ID exists in database return true; });
⚠️ If you use async refinements, you must use the .parseAsync
method to parse data! Otherwise Zod will throw an error.
Transforms and refinements can be interleaved:
z.string() .transform((val) => val.length) .refine((val) => val > 25);
Joi https://github.com/hapijs/joi
Doesn't support static type inference 😕
Yup https://github.com/jquense/yup
Yup is a full-featured library that was implemented first in vanilla JS, and later rewritten in TypeScript.
Supports casting and transforms All object fields are optional by default Missing promise schemas Missing function schemas Missing union & intersection schemas
io-ts https://github.com/gcanti/io-ts
io-ts is an excellent library by gcanti. The API of io-ts heavily inspired the design of Zod.
In our experience, io-ts prioritizes functional programming purity over developer experience in many cases. This is a valid and admirable design goal, but it makes io-ts particularly hard to integrate into an existing codebase with a more procedural or object-oriented bias. For instance, consider how to define an object with optional properties in io-ts:
import * as t from "io-ts"; const A = t.type({ foo: t.string, }); const B = t.partial({ bar: t.number, }); const C = t.intersection([A, B]); type C = t.TypeOf<typeof C>; // returns { foo: string; bar?: number | undefined }
You must define the required and optional props in separate object validators, pass the optionals through t.partial
(which marks all properties as optional), then combine them with t.intersection
.
Consider the equivalent in Zod:
const C = z.object({ foo: z.string(), bar: z.number().optional(), }); type C = z.infer<typeof C>; // returns { foo: string; bar?: number | undefined }
This more declarative API makes schema definitions vastly more concise.
io-ts
also requires the use of gcanti's functional programming library fp-ts
to parse results and handle errors. This is another fantastic resource for developers looking to keep their codebase strictly functional. But depending on fp-ts
necessarily comes with a lot of intellectual overhead; a developer has to be familiar with functional programming concepts and the fp-ts
nomenclature to use the library.
Supports codecs with serialization & deserialization transforms Supports branded types Supports advanced functional programming, higher-kinded types, fp-ts
compatibility Missing object methods: (pick, omit, partial, deepPartial, merge, extend) Missing nonempty arrays with proper typing ([T, ...T[]]
) Missing promise schemas Missing function schemas Runtypes https://github.com/pelotom/runtypes
Good type inference support.
Supports "pattern matching": computed properties that distribute over unions Missing object methods: (deepPartial, merge) Missing nonempty arrays with proper typing ([T, ...T[]]
) Missing promise schemas Missing error customization Ow https://github.com/sindresorhus/ow
Ow is focused on function input validation. It's a library that makes it easy to express complicated assert statements, but it doesn't let you parse untyped data. They support a much wider variety of types; Zod has a nearly one-to-one mapping with TypeScript's type system, whereas ow lets you validate several highly-specific types out of the box (e.g. int32Array
, see full list in their README).
If you want to validate function inputs, use function schemas in Zod! It's a much simpler approach that lets you reuse a function type declaration without repeating yourself (namely, copy-pasting a bunch of ow assertions at the beginning of every function). Also Zod lets you validate your return types as well, so you can be sure there won't be any unexpected data passed downstream.
Changelog View the changelog at CHANGELOG.md
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/markdoc/out/logo.svg b/docs/markdoc/out/logo.svg
new file mode 100644
index 000000000..0595f511b
--- /dev/null
+++ b/docs/markdoc/out/logo.svg
@@ -0,0 +1,46 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/markdoc/out/og-image.png b/docs/markdoc/out/og-image.png
new file mode 100644
index 000000000..2e27ba338
Binary files /dev/null and b/docs/markdoc/out/og-image.png differ
diff --git a/docs/markdoc/out/og-image.svg b/docs/markdoc/out/og-image.svg
new file mode 100644
index 000000000..b47bd1606
--- /dev/null
+++ b/docs/markdoc/out/og-image.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/docs/markdoc/out/scroll.js b/docs/markdoc/out/scroll.js
new file mode 100644
index 000000000..d1b8eb757
--- /dev/null
+++ b/docs/markdoc/out/scroll.js
@@ -0,0 +1,64 @@
+document.addEventListener('DOMContentLoaded', () => {
+ // Wait a bit to ensure all content is loaded and rendered
+ setTimeout(() => {
+ const headings = document.querySelectorAll('[data-heading="true"]');
+ const sidebarLinks = document.querySelectorAll('[data-heading-link]');
+ const sidebar = document.querySelector('.sidebar');
+
+ const observer = new IntersectionObserver(
+ (entries) => {
+ entries.forEach((entry) => {
+ const id = entry.target.id;
+ const link = document.querySelector(`[data-heading-link="${id}"]`);
+
+ if (link) {
+ if (entry.isIntersecting) {
+ // Remove active classes from all links
+ sidebarLinks.forEach(l => {
+ l.classList.remove('active');
+ l.classList.remove('text-blue-400');
+ l.classList.remove('bg-slate-800');
+ l.classList.remove('font-medium');
+ });
+
+ // Add active classes to current link
+ link.classList.add('active');
+ link.classList.add('text-blue-400');
+ link.classList.add('bg-slate-800');
+ link.classList.add('font-medium');
+
+ // Ensure the active link is visible in the sidebar
+ const linkRect = link.getBoundingClientRect();
+ const sidebarRect = sidebar.getBoundingClientRect();
+
+ if (linkRect.top < sidebarRect.top || linkRect.bottom > sidebarRect.bottom) {
+ link.scrollIntoView({ behavior: 'smooth', block: 'center' });
+ }
+ }
+ }
+ });
+ },
+ {
+ rootMargin: '-20% 0px -60% 0px',
+ threshold: [0, 0.5, 1]
+ }
+ );
+
+ // Observe all headings
+ headings.forEach(heading => {
+ observer.observe(heading);
+ });
+
+ // Handle smooth scrolling for sidebar links
+ sidebarLinks.forEach(link => {
+ link.addEventListener('click', (e) => {
+ e.preventDefault();
+ const id = link.getAttribute('data-heading-link');
+ const element = document.getElementById(id);
+ if (element) {
+ element.scrollIntoView({ behavior: 'smooth' });
+ }
+ });
+ });
+ }, 500);
+});
diff --git a/docs/markdoc/out/styles.css b/docs/markdoc/out/styles.css
new file mode 100644
index 000000000..d4aee520a
--- /dev/null
+++ b/docs/markdoc/out/styles.css
@@ -0,0 +1,2106 @@
+*, ::before, ::after {
+ --tw-border-spacing-x: 0;
+ --tw-border-spacing-y: 0;
+ --tw-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-rotate: 0;
+ --tw-skew-x: 0;
+ --tw-skew-y: 0;
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness: proximity;
+ --tw-gradient-from-position: ;
+ --tw-gradient-via-position: ;
+ --tw-gradient-to-position: ;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia: ;
+ --tw-contain-size: ;
+ --tw-contain-layout: ;
+ --tw-contain-paint: ;
+ --tw-contain-style: ;
+}
+
+::backdrop {
+ --tw-border-spacing-x: 0;
+ --tw-border-spacing-y: 0;
+ --tw-translate-x: 0;
+ --tw-translate-y: 0;
+ --tw-rotate: 0;
+ --tw-skew-x: 0;
+ --tw-skew-y: 0;
+ --tw-scale-x: 1;
+ --tw-scale-y: 1;
+ --tw-pan-x: ;
+ --tw-pan-y: ;
+ --tw-pinch-zoom: ;
+ --tw-scroll-snap-strictness: proximity;
+ --tw-gradient-from-position: ;
+ --tw-gradient-via-position: ;
+ --tw-gradient-to-position: ;
+ --tw-ordinal: ;
+ --tw-slashed-zero: ;
+ --tw-numeric-figure: ;
+ --tw-numeric-spacing: ;
+ --tw-numeric-fraction: ;
+ --tw-ring-inset: ;
+ --tw-ring-offset-width: 0px;
+ --tw-ring-offset-color: #fff;
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-shadow: 0 0 #0000;
+ --tw-ring-shadow: 0 0 #0000;
+ --tw-shadow: 0 0 #0000;
+ --tw-shadow-colored: 0 0 #0000;
+ --tw-blur: ;
+ --tw-brightness: ;
+ --tw-contrast: ;
+ --tw-grayscale: ;
+ --tw-hue-rotate: ;
+ --tw-invert: ;
+ --tw-saturate: ;
+ --tw-sepia: ;
+ --tw-drop-shadow: ;
+ --tw-backdrop-blur: ;
+ --tw-backdrop-brightness: ;
+ --tw-backdrop-contrast: ;
+ --tw-backdrop-grayscale: ;
+ --tw-backdrop-hue-rotate: ;
+ --tw-backdrop-invert: ;
+ --tw-backdrop-opacity: ;
+ --tw-backdrop-saturate: ;
+ --tw-backdrop-sepia: ;
+ --tw-contain-size: ;
+ --tw-contain-layout: ;
+ --tw-contain-paint: ;
+ --tw-contain-style: ;
+}
+
+/*
+! tailwindcss v3.4.16 | MIT License | https://tailwindcss.com
+*/
+
+/*
+1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
+2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+*/
+
+*,
+::before,
+::after {
+ box-sizing: border-box;
+ /* 1 */
+ border-width: 0;
+ /* 2 */
+ border-style: solid;
+ /* 2 */
+ border-color: #e5e7eb;
+ /* 2 */
+}
+
+::before,
+::after {
+ --tw-content: '';
+}
+
+/*
+1. Use a consistent sensible line-height in all browsers.
+2. Prevent adjustments of font size after orientation changes in iOS.
+3. Use a more readable tab size.
+4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
+6. Use the user's configured `sans` font-variation-settings by default.
+7. Disable tap highlights on iOS
+*/
+
+html,
+:host {
+ line-height: 1.5;
+ /* 1 */
+ -webkit-text-size-adjust: 100%;
+ /* 2 */
+ -moz-tab-size: 4;
+ /* 3 */
+ -o-tab-size: 4;
+ tab-size: 4;
+ /* 3 */
+ font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ /* 4 */
+ font-feature-settings: normal;
+ /* 5 */
+ font-variation-settings: normal;
+ /* 6 */
+ -webkit-tap-highlight-color: transparent;
+ /* 7 */
+}
+
+/*
+1. Remove the margin in all browsers.
+2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+*/
+
+body {
+ margin: 0;
+ /* 1 */
+ line-height: inherit;
+ /* 2 */
+}
+
+/*
+1. Add the correct height in Firefox.
+2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+3. Ensure horizontal rules are visible by default.
+*/
+
+hr {
+ height: 0;
+ /* 1 */
+ color: inherit;
+ /* 2 */
+ border-top-width: 1px;
+ /* 3 */
+}
+
+/*
+Add the correct text decoration in Chrome, Edge, and Safari.
+*/
+
+abbr:where([title]) {
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+}
+
+/*
+Remove the default font size and weight for headings.
+*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-size: inherit;
+ font-weight: inherit;
+}
+
+/*
+Reset links to optimize for opt-in styling instead of opt-out.
+*/
+
+a {
+ color: inherit;
+ text-decoration: inherit;
+}
+
+/*
+Add the correct font weight in Edge and Safari.
+*/
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/*
+1. Use the user's configured `mono` font-family by default.
+2. Use the user's configured `mono` font-feature-settings by default.
+3. Use the user's configured `mono` font-variation-settings by default.
+4. Correct the odd `em` font sizing in all browsers.
+*/
+
+code,
+kbd,
+samp,
+pre {
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ /* 1 */
+ font-feature-settings: normal;
+ /* 2 */
+ font-variation-settings: normal;
+ /* 3 */
+ font-size: 1em;
+ /* 4 */
+}
+
+/*
+Add the correct font size in all browsers.
+*/
+
+small {
+ font-size: 80%;
+}
+
+/*
+Prevent `sub` and `sup` elements from affecting the line height in all browsers.
+*/
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/*
+1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
+2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+3. Remove gaps between table borders by default.
+*/
+
+table {
+ text-indent: 0;
+ /* 1 */
+ border-color: inherit;
+ /* 2 */
+ border-collapse: collapse;
+ /* 3 */
+}
+
+/*
+1. Change the font styles in all browsers.
+2. Remove the margin in Firefox and Safari.
+3. Remove default padding in all browsers.
+*/
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: inherit;
+ /* 1 */
+ font-feature-settings: inherit;
+ /* 1 */
+ font-variation-settings: inherit;
+ /* 1 */
+ font-size: 100%;
+ /* 1 */
+ font-weight: inherit;
+ /* 1 */
+ line-height: inherit;
+ /* 1 */
+ letter-spacing: inherit;
+ /* 1 */
+ color: inherit;
+ /* 1 */
+ margin: 0;
+ /* 2 */
+ padding: 0;
+ /* 3 */
+}
+
+/*
+Remove the inheritance of text transform in Edge and Firefox.
+*/
+
+button,
+select {
+ text-transform: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Remove default button styles.
+*/
+
+button,
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
+ -webkit-appearance: button;
+ /* 1 */
+ background-color: transparent;
+ /* 2 */
+ background-image: none;
+ /* 2 */
+}
+
+/*
+Use the modern Firefox focus style for all focusable elements.
+*/
+
+:-moz-focusring {
+ outline: auto;
+}
+
+/*
+Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
+*/
+
+:-moz-ui-invalid {
+ box-shadow: none;
+}
+
+/*
+Add the correct vertical alignment in Chrome and Firefox.
+*/
+
+progress {
+ vertical-align: baseline;
+}
+
+/*
+Correct the cursor style of increment and decrement buttons in Safari.
+*/
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/*
+1. Correct the odd appearance in Chrome and Safari.
+2. Correct the outline style in Safari.
+*/
+
+[type='search'] {
+ -webkit-appearance: textfield;
+ /* 1 */
+ outline-offset: -2px;
+ /* 2 */
+}
+
+/*
+Remove the inner padding in Chrome and Safari on macOS.
+*/
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/*
+1. Correct the inability to style clickable types in iOS and Safari.
+2. Change font properties to `inherit` in Safari.
+*/
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ /* 1 */
+ font: inherit;
+ /* 2 */
+}
+
+/*
+Add the correct display in Chrome and Safari.
+*/
+
+summary {
+ display: list-item;
+}
+
+/*
+Removes the default spacing and border for appropriate elements.
+*/
+
+blockquote,
+dl,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+hr,
+figure,
+p,
+pre {
+ margin: 0;
+}
+
+fieldset {
+ margin: 0;
+ padding: 0;
+}
+
+legend {
+ padding: 0;
+}
+
+ol,
+ul,
+menu {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+/*
+Reset default styling for dialogs.
+*/
+
+dialog {
+ padding: 0;
+}
+
+/*
+Prevent resizing textareas horizontally by default.
+*/
+
+textarea {
+ resize: vertical;
+}
+
+/*
+1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
+2. Set the default placeholder color to the user's configured gray 400 color.
+*/
+
+input::-moz-placeholder, textarea::-moz-placeholder {
+ opacity: 1;
+ /* 1 */
+ color: #9ca3af;
+ /* 2 */
+}
+
+input::placeholder,
+textarea::placeholder {
+ opacity: 1;
+ /* 1 */
+ color: #9ca3af;
+ /* 2 */
+}
+
+/*
+Set the default cursor for buttons.
+*/
+
+button,
+[role="button"] {
+ cursor: pointer;
+}
+
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+
+:disabled {
+ cursor: default;
+}
+
+/*
+1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
+2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
+ This can trigger a poorly considered lint error in some tools but is included by design.
+*/
+
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+ display: block;
+ /* 1 */
+ vertical-align: middle;
+ /* 2 */
+}
+
+/*
+Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
+*/
+
+img,
+video {
+ max-width: 100%;
+ height: auto;
+}
+
+/* Make elements with the HTML hidden attribute stay hidden by default */
+
+[hidden]:where(:not([hidden="until-found"])) {
+ display: none;
+}
+
+.prose {
+ color: var(--tw-prose-body);
+ max-width: none;
+}
+
+.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 1.25em;
+ margin-bottom: 1.25em;
+}
+
+.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-lead);
+ font-size: 1.25em;
+ line-height: 1.6;
+ margin-top: 1.2em;
+ margin-bottom: 1.2em;
+}
+
+.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-links);
+ text-decoration: underline;
+ font-weight: 500;
+}
+
+.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-bold);
+ font-weight: 600;
+}
+
+.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+
+.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+
+.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+
+.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: decimal;
+ margin-top: 1.25em;
+ margin-bottom: 1.25em;
+ padding-inline-start: 1.625em;
+}
+
+.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: upper-alpha;
+}
+
+.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: lower-alpha;
+}
+
+.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: upper-alpha;
+}
+
+.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: lower-alpha;
+}
+
+.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: upper-roman;
+}
+
+.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: lower-roman;
+}
+
+.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: upper-roman;
+}
+
+.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: lower-roman;
+}
+
+.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: decimal;
+}
+
+.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ list-style-type: disc;
+ margin-top: 1.25em;
+ margin-bottom: 1.25em;
+ padding-inline-start: 1.625em;
+}
+
+.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
+ font-weight: 400;
+ color: var(--tw-prose-counters);
+}
+
+.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
+ color: var(--tw-prose-bullets);
+}
+
+.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-headings);
+ font-weight: 600;
+ margin-top: 1.25em;
+}
+
+.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-color: var(--tw-prose-hr);
+ border-top-width: 1px;
+ margin-top: 3em;
+ margin-bottom: 3em;
+}
+
+.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight: 500;
+ font-style: italic;
+ color: var(--tw-prose-quotes);
+ border-inline-start-width: 0.25rem;
+ border-inline-start-color: var(--tw-prose-quote-borders);
+ quotes: "\201C""\201D""\2018""\2019";
+ margin-top: 1.6em;
+ margin-bottom: 1.6em;
+ padding-inline-start: 1em;
+}
+
+.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+ content: open-quote;
+}
+
+.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+ content: close-quote;
+}
+
+.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-headings);
+ font-weight: 800;
+ font-size: 2.25em;
+ margin-top: 0;
+ margin-bottom: 0.8888889em;
+ line-height: 1.1111111;
+}
+
+.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight: 900;
+ color: inherit;
+}
+
+.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-headings);
+ font-weight: 700;
+ font-size: 1.5em;
+ margin-top: 2em;
+ margin-bottom: 1em;
+ line-height: 1.3333333;
+}
+
+.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight: 800;
+ color: inherit;
+}
+
+.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-headings);
+ font-weight: 600;
+ font-size: 1.25em;
+ margin-top: 1.6em;
+ margin-bottom: 0.6em;
+ line-height: 1.6;
+}
+
+.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight: 700;
+ color: inherit;
+}
+
+.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-headings);
+ font-weight: 600;
+ margin-top: 1.5em;
+ margin-bottom: 0.5em;
+ line-height: 1.5;
+}
+
+.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight: 700;
+ color: inherit;
+}
+
+.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 2em;
+ margin-bottom: 2em;
+}
+
+.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ display: block;
+ margin-top: 2em;
+ margin-bottom: 2em;
+}
+
+.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 2em;
+ margin-bottom: 2em;
+}
+
+.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ font-weight: 500;
+ font-family: inherit;
+ color: var(--tw-prose-kbd);
+ box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
+ font-size: 0.875em;
+ border-radius: 0.3125rem;
+ padding-top: 0.1875em;
+ padding-inline-end: 0.375em;
+ padding-bottom: 0.1875em;
+ padding-inline-start: 0.375em;
+}
+
+.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: #93c5fd;
+ font-weight: 600;
+ font-size: 0.875em;
+}
+
+.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+ content: "";
+}
+
+.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+ content: "";
+}
+
+.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+ content: "`";
+}
+
+.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+ content: "`";
+}
+
+.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+
+.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+
+.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+ font-size: 0.875em;
+}
+
+.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+ font-size: 0.9em;
+}
+
+.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+
+.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+
+.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: inherit;
+}
+
+.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-pre-code);
+ background-color: var(--tw-prose-pre-bg);
+ overflow-x: auto;
+ font-weight: 400;
+ font-size: 0.875em;
+ line-height: 1.7142857;
+ margin-top: 1.7142857em;
+ margin-bottom: 1.7142857em;
+ border-radius: 0.375rem;
+ padding-top: 0.8571429em;
+ padding-inline-end: 1.1428571em;
+ padding-bottom: 0.8571429em;
+ padding-inline-start: 1.1428571em;
+}
+
+.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ background-color: transparent;
+ border-width: 0;
+ border-radius: 0;
+ padding: 0;
+ font-weight: inherit;
+ color: inherit;
+ font-size: inherit;
+ font-family: inherit;
+ line-height: inherit;
+}
+
+.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
+ content: none;
+}
+
+.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
+ content: none;
+}
+
+.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ width: 100%;
+ table-layout: auto;
+ margin-top: 2em;
+ margin-bottom: 2em;
+ font-size: 0.875em;
+ line-height: 1.7142857;
+}
+
+.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-bottom-width: 1px;
+ border-bottom-color: var(--tw-prose-th-borders);
+}
+
+.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-headings);
+ font-weight: 600;
+ vertical-align: bottom;
+ padding-inline-end: 0.5714286em;
+ padding-bottom: 0.5714286em;
+ padding-inline-start: 0.5714286em;
+}
+
+.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-bottom-width: 1px;
+ border-bottom-color: var(--tw-prose-td-borders);
+}
+
+.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-bottom-width: 0;
+}
+
+.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ vertical-align: baseline;
+}
+
+.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ border-top-width: 1px;
+ border-top-color: var(--tw-prose-th-borders);
+}
+
+.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ vertical-align: top;
+}
+
+.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ text-align: start;
+}
+
+.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ color: var(--tw-prose-captions);
+ font-size: 0.875em;
+ line-height: 1.4285714;
+ margin-top: 0.8571429em;
+}
+
+.prose {
+ --tw-prose-body: #374151;
+ --tw-prose-headings: #111827;
+ --tw-prose-lead: #4b5563;
+ --tw-prose-links: #111827;
+ --tw-prose-bold: #111827;
+ --tw-prose-counters: #6b7280;
+ --tw-prose-bullets: #d1d5db;
+ --tw-prose-hr: #e5e7eb;
+ --tw-prose-quotes: #111827;
+ --tw-prose-quote-borders: #e5e7eb;
+ --tw-prose-captions: #6b7280;
+ --tw-prose-kbd: #111827;
+ --tw-prose-kbd-shadows: 17 24 39;
+ --tw-prose-code: #111827;
+ --tw-prose-pre-code: #e5e7eb;
+ --tw-prose-pre-bg: #1f2937;
+ --tw-prose-th-borders: #d1d5db;
+ --tw-prose-td-borders: #e5e7eb;
+ --tw-prose-invert-body: #d1d5db;
+ --tw-prose-invert-headings: #fff;
+ --tw-prose-invert-lead: #9ca3af;
+ --tw-prose-invert-links: #fff;
+ --tw-prose-invert-bold: #fff;
+ --tw-prose-invert-counters: #9ca3af;
+ --tw-prose-invert-bullets: #4b5563;
+ --tw-prose-invert-hr: #374151;
+ --tw-prose-invert-quotes: #f3f4f6;
+ --tw-prose-invert-quote-borders: #374151;
+ --tw-prose-invert-captions: #9ca3af;
+ --tw-prose-invert-kbd: #fff;
+ --tw-prose-invert-kbd-shadows: 255 255 255;
+ --tw-prose-invert-code: #fff;
+ --tw-prose-invert-pre-code: #d1d5db;
+ --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
+ --tw-prose-invert-th-borders: #4b5563;
+ --tw-prose-invert-td-borders: #374151;
+ font-size: 1rem;
+ line-height: 1.75;
+}
+
+.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+
+.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0.5em;
+ margin-bottom: 0.5em;
+}
+
+.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-start: 0.375em;
+}
+
+.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-start: 0.375em;
+}
+
+.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0.75em;
+ margin-bottom: 0.75em;
+}
+
+.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 1.25em;
+}
+
+.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-bottom: 1.25em;
+}
+
+.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 1.25em;
+}
+
+.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-bottom: 1.25em;
+}
+
+.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0.75em;
+ margin-bottom: 0.75em;
+}
+
+.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 1.25em;
+ margin-bottom: 1.25em;
+}
+
+.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0.5em;
+ padding-inline-start: 1.625em;
+}
+
+.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+}
+
+.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+}
+
+.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+}
+
+.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+}
+
+.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-start: 0;
+}
+
+.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-end: 0;
+}
+
+.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-top: 0.5714286em;
+ padding-inline-end: 0.5714286em;
+ padding-bottom: 0.5714286em;
+ padding-inline-start: 0.5714286em;
+}
+
+.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-start: 0;
+}
+
+.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ padding-inline-end: 0;
+}
+
+.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 2em;
+ margin-bottom: 2em;
+}
+
+.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-top: 0;
+}
+
+.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
+ margin-bottom: 0;
+}
+
+.prose-slate {
+ --tw-prose-body: #334155;
+ --tw-prose-headings: #0f172a;
+ --tw-prose-lead: #475569;
+ --tw-prose-links: #0f172a;
+ --tw-prose-bold: #0f172a;
+ --tw-prose-counters: #64748b;
+ --tw-prose-bullets: #cbd5e1;
+ --tw-prose-hr: #e2e8f0;
+ --tw-prose-quotes: #0f172a;
+ --tw-prose-quote-borders: #e2e8f0;
+ --tw-prose-captions: #64748b;
+ --tw-prose-kbd: #0f172a;
+ --tw-prose-kbd-shadows: 15 23 42;
+ --tw-prose-code: #0f172a;
+ --tw-prose-pre-code: #e2e8f0;
+ --tw-prose-pre-bg: #1e293b;
+ --tw-prose-th-borders: #cbd5e1;
+ --tw-prose-td-borders: #e2e8f0;
+ --tw-prose-invert-body: #cbd5e1;
+ --tw-prose-invert-headings: #fff;
+ --tw-prose-invert-lead: #94a3b8;
+ --tw-prose-invert-links: #fff;
+ --tw-prose-invert-bold: #fff;
+ --tw-prose-invert-counters: #94a3b8;
+ --tw-prose-invert-bullets: #475569;
+ --tw-prose-invert-hr: #334155;
+ --tw-prose-invert-quotes: #f1f5f9;
+ --tw-prose-invert-quote-borders: #334155;
+ --tw-prose-invert-captions: #94a3b8;
+ --tw-prose-invert-kbd: #fff;
+ --tw-prose-invert-kbd-shadows: 255 255 255;
+ --tw-prose-invert-code: #fff;
+ --tw-prose-invert-pre-code: #cbd5e1;
+ --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
+ --tw-prose-invert-th-borders: #475569;
+ --tw-prose-invert-td-borders: #334155;
+}
+
+.prose-invert {
+ --tw-prose-body: var(--tw-prose-invert-body);
+ --tw-prose-headings: var(--tw-prose-invert-headings);
+ --tw-prose-lead: var(--tw-prose-invert-lead);
+ --tw-prose-links: var(--tw-prose-invert-links);
+ --tw-prose-bold: var(--tw-prose-invert-bold);
+ --tw-prose-counters: var(--tw-prose-invert-counters);
+ --tw-prose-bullets: var(--tw-prose-invert-bullets);
+ --tw-prose-hr: var(--tw-prose-invert-hr);
+ --tw-prose-quotes: var(--tw-prose-invert-quotes);
+ --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
+ --tw-prose-captions: var(--tw-prose-invert-captions);
+ --tw-prose-kbd: var(--tw-prose-invert-kbd);
+ --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
+ --tw-prose-code: var(--tw-prose-invert-code);
+ --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
+ --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
+ --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
+ --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
+}
+
+.static {
+ position: static;
+}
+
+.fixed {
+ position: fixed;
+}
+
+.absolute {
+ position: absolute;
+}
+
+.relative {
+ position: relative;
+}
+
+.left-0 {
+ left: 0px;
+}
+
+.right-0 {
+ right: 0px;
+}
+
+.top-0 {
+ top: 0px;
+}
+
+.mx-auto {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.my-4 {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+}
+
+.my-6 {
+ margin-top: 1.5rem;
+ margin-bottom: 1.5rem;
+}
+
+.mb-4 {
+ margin-bottom: 1rem;
+}
+
+.mb-6 {
+ margin-bottom: 1.5rem;
+}
+
+.mt-4 {
+ margin-top: 1rem;
+}
+
+.mt-6 {
+ margin-top: 1.5rem;
+}
+
+.mt-8 {
+ margin-top: 2rem;
+}
+
+.block {
+ display: block;
+}
+
+.inline-block {
+ display: inline-block;
+}
+
+.flex {
+ display: flex;
+}
+
+.table {
+ display: table;
+}
+
+.hidden {
+ display: none;
+}
+
+.h-full {
+ height: 100%;
+}
+
+.h-screen {
+ height: 100vh;
+}
+
+.min-h-screen {
+ min-height: 100vh;
+}
+
+.w-1\.5 {
+ width: 0.375rem;
+}
+
+.w-72 {
+ width: 18rem;
+}
+
+.w-full {
+ width: 100%;
+}
+
+.max-w-4xl {
+ max-width: 56rem;
+}
+
+.border-collapse {
+ border-collapse: collapse;
+}
+
+.transform {
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.cursor-pointer {
+ cursor: pointer;
+}
+
+.scroll-mt-16 {
+ scroll-margin-top: 4rem;
+}
+
+.gap-1\.5 {
+ gap: 0.375rem;
+}
+
+.space-y-1 > :not([hidden]) ~ :not([hidden]) {
+ --tw-space-y-reverse: 0;
+ margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
+ margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+}
+
+.overflow-hidden {
+ overflow: hidden;
+}
+
+.overflow-x-auto {
+ overflow-x: auto;
+}
+
+.overflow-y-auto {
+ overflow-y: auto;
+}
+
+.rounded {
+ border-radius: 0.25rem;
+}
+
+.rounded-lg {
+ border-radius: 0.5rem;
+}
+
+.rounded-md {
+ border-radius: 0.375rem;
+}
+
+.border {
+ border-width: 1px;
+}
+
+.border-b {
+ border-bottom-width: 1px;
+}
+
+.border-l {
+ border-left-width: 1px;
+}
+
+.border-slate-700 {
+ --tw-border-opacity: 1;
+ border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
+}
+
+.border-slate-700\/50 {
+ border-color: rgb(51 65 85 / 0.5);
+}
+
+.bg-blue-500\/10 {
+ background-color: rgb(59 130 246 / 0.1);
+}
+
+.bg-slate-800 {
+ --tw-bg-opacity: 1;
+ background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
+}
+
+.bg-slate-900 {
+ --tw-bg-opacity: 1;
+ background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
+}
+
+.bg-slate-900\/80 {
+ background-color: rgb(15 23 42 / 0.8);
+}
+
+.bg-gradient-to-b {
+ background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+}
+
+.bg-gradient-to-br {
+ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+}
+
+.from-blue-400 {
+ --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.from-blue-500\/10 {
+ --tw-gradient-from: rgb(59 130 246 / 0.1) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.from-slate-800\/90 {
+ --tw-gradient-from: rgb(30 41 59 / 0.9) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.from-slate-800\/95 {
+ --tw-gradient-from: rgb(30 41 59 / 0.95) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.from-slate-900 {
+ --tw-gradient-from: #0f172a var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.from-slate-900\/90 {
+ --tw-gradient-from: rgb(15 23 42 / 0.9) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.from-slate-900\/95 {
+ --tw-gradient-from: rgb(15 23 42 / 0.95) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+
+.via-slate-800 {
+ --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+
+.to-blue-400\/5 {
+ --tw-gradient-to: rgb(96 165 250 / 0.05) var(--tw-gradient-to-position);
+}
+
+.to-blue-500 {
+ --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
+}
+
+.to-slate-800\/90 {
+ --tw-gradient-to: rgb(30 41 59 / 0.9) var(--tw-gradient-to-position);
+}
+
+.to-slate-800\/95 {
+ --tw-gradient-to: rgb(30 41 59 / 0.95) var(--tw-gradient-to-position);
+}
+
+.to-slate-900 {
+ --tw-gradient-to: #0f172a var(--tw-gradient-to-position);
+}
+
+.to-slate-900\/90 {
+ --tw-gradient-to: rgb(15 23 42 / 0.9) var(--tw-gradient-to-position);
+}
+
+.to-slate-900\/95 {
+ --tw-gradient-to: rgb(15 23 42 / 0.95) var(--tw-gradient-to-position);
+}
+
+.p-2\.5 {
+ padding: 0.625rem;
+}
+
+.p-3 {
+ padding: 0.75rem;
+}
+
+.p-5 {
+ padding: 1.25rem;
+}
+
+.p-6 {
+ padding: 1.5rem;
+}
+
+.px-4 {
+ padding-left: 1rem;
+ padding-right: 1rem;
+}
+
+.px-6 {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+}
+
+.py-1\.5 {
+ padding-top: 0.375rem;
+ padding-bottom: 0.375rem;
+}
+
+.py-12 {
+ padding-top: 3rem;
+ padding-bottom: 3rem;
+}
+
+.py-2 {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+}
+
+.pb-24 {
+ padding-bottom: 6rem;
+}
+
+.pl-2 {
+ padding-left: 0.5rem;
+}
+
+.pl-4 {
+ padding-left: 1rem;
+}
+
+.text-left {
+ text-align: left;
+}
+
+.font-mono {
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
+.text-2xl {
+ font-size: 1.5rem;
+ line-height: 2rem;
+}
+
+.text-3xl {
+ font-size: 1.875rem;
+ line-height: 2.25rem;
+}
+
+.text-sm {
+ font-size: 0.875rem;
+ line-height: 1.25rem;
+}
+
+.text-xl {
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+}
+
+.font-bold {
+ font-weight: 700;
+}
+
+.font-medium {
+ font-weight: 500;
+}
+
+.font-semibold {
+ font-weight: 600;
+}
+
+.text-blue-400 {
+ --tw-text-opacity: 1;
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+}
+
+.text-slate-100 {
+ --tw-text-opacity: 1;
+ color: rgb(241 245 249 / var(--tw-text-opacity, 1));
+}
+
+.text-slate-200 {
+ --tw-text-opacity: 1;
+ color: rgb(226 232 240 / var(--tw-text-opacity, 1));
+}
+
+.text-slate-300 {
+ --tw-text-opacity: 1;
+ color: rgb(203 213 225 / var(--tw-text-opacity, 1));
+}
+
+.text-slate-400 {
+ --tw-text-opacity: 1;
+ color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+}
+
+.antialiased {
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.shadow-lg {
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-sm {
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-xl {
+ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
+.shadow-blue-500\/10 {
+ --tw-shadow-color: rgb(59 130 246 / 0.1);
+ --tw-shadow: var(--tw-shadow-colored);
+}
+
+.ring-1 {
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.backdrop-blur-sm {
+ --tw-backdrop-blur: blur(4px);
+ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
+.transition-all {
+ transition-property: all;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration: 150ms;
+}
+
+.transition-colors {
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration: 150ms;
+}
+
+.duration-200 {
+ transition-duration: 200ms;
+}
+
+/* Base styles */
+
+body {
+ --tw-bg-opacity: 1;
+ background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
+ --tw-text-opacity: 1;
+ color: rgb(241 245 249 / var(--tw-text-opacity, 1));
+}
+
+/* Main layout */
+
+.content {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 56rem;
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+ padding-bottom: 6rem;
+ padding-top: 2rem;
+ margin-right: 20rem;
+}
+
+/* Sidebar styles */
+
+.sidebar {
+ position: fixed;
+ right: 0px;
+ top: 0px;
+ height: 100vh;
+ width: 18rem;
+ overflow-y: auto;
+ border-left-width: 1px;
+ border-color: rgb(51 65 85 / 0.5);
+ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+ --tw-gradient-from: rgb(15 23 42 / 0.95) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+ --tw-gradient-to: rgb(30 41 59 / 0.95) var(--tw-gradient-to-position);
+ padding: 1.5rem;
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+ --tw-backdrop-blur: blur(4px);
+ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
+.sidebar-link {
+ position: relative;
+ margin-bottom: 0.25rem;
+ display: block;
+ border-radius: 0.375rem;
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ --tw-text-opacity: 1;
+ color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+ transition-property: all;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration: 200ms;
+}
+
+.sidebar-link:hover {
+ background-color: rgb(59 130 246 / 0.05);
+ --tw-text-opacity: 1;
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+}
+
+.sidebar-link.active {
+ background-color: rgb(59 130 246 / 0.1);
+ font-weight: 500;
+ --tw-text-opacity: 1;
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+}
+
+.sidebar-link.active::before {
+ content: '';
+ position: absolute;
+ left: 0px;
+ top: 0px;
+ height: 100%;
+ width: 0.375rem;
+ border-top-right-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+ background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
+ --tw-gradient-from: #60a5fa var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+ --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position);
+}
+
+/* Code block styles */
+
+pre {
+ margin-top: 1.5rem;
+ margin-bottom: 1.5rem;
+ overflow-x: auto;
+ border-radius: 0.5rem;
+ border-width: 1px;
+ border-color: rgb(51 65 85 / 0.5);
+ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+ --tw-gradient-from: rgb(15 23 42 / 0.95) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+ --tw-gradient-to: rgb(30 41 59 / 0.95) var(--tw-gradient-to-position);
+ --tw-text-opacity: 1;
+ color: rgb(241 245 249 / var(--tw-text-opacity, 1));
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+ --tw-ring-color: rgb(255 255 255 / 0.1);
+}
+
+code {
+ display: block;
+ padding: 1.25rem;
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ font-size: 0.875rem;
+ line-height: 1.25rem;
+}
+
+/* Tab styles */
+
+.tab-group {
+ margin-bottom: 1.5rem;
+ overflow: hidden;
+ border-radius: 0.5rem;
+ border-width: 1px;
+ border-color: rgb(51 65 85 / 0.5);
+ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+ --tw-gradient-from: rgb(30 41 59 / 0.9) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+ --tw-gradient-to: rgb(15 23 42 / 0.9) var(--tw-gradient-to-position);
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+ --tw-ring-color: rgb(255 255 255 / 0.1);
+ --tw-backdrop-blur: blur(4px);
+ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
+.tab-list {
+ display: flex;
+ gap: 0.375rem;
+ border-bottom-width: 1px;
+ border-color: rgb(51 65 85 / 0.5);
+ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+ --tw-gradient-from: rgb(15 23 42 / 0.9) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+ --tw-gradient-to: rgb(30 41 59 / 0.9) var(--tw-gradient-to-position);
+ padding: 0.625rem;
+}
+
+.tab {
+ cursor: pointer;
+ border-radius: 0.375rem;
+ padding-left: 1rem;
+ padding-right: 1rem;
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ font-size: 0.875rem;
+ line-height: 1.25rem;
+ font-weight: 500;
+ --tw-text-opacity: 1;
+ color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+ transition-property: all;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration: 200ms;
+}
+
+.tab:hover {
+ --tw-scale-x: 1.02;
+ --tw-scale-y: 1.02;
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+ background-color: rgb(59 130 246 / 0.1);
+ --tw-text-opacity: 1;
+ color: rgb(226 232 240 / var(--tw-text-opacity, 1));
+}
+
+.tab:focus {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+ --tw-ring-offset-width: 2px;
+ --tw-ring-offset-color: #1e293b;
+}
+
+.tab:active {
+ --tw-scale-x: 0.98;
+ --tw-scale-y: 0.98;
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.tab.active {
+ border-width: 1px;
+ border-color: rgb(59 130 246 / 0.2);
+ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+ --tw-gradient-from: rgb(59 130 246 / 0.1) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+ --tw-gradient-to: rgb(96 165 250 / 0.05) var(--tw-gradient-to-position);
+ font-weight: 600;
+ --tw-text-opacity: 1;
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+ --tw-shadow-color: rgb(59 130 246 / 0.1);
+ --tw-shadow: var(--tw-shadow-colored);
+}
+
+.tab-contents {
+ background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
+ --tw-gradient-from: rgb(30 41 59 / 0.95) var(--tw-gradient-from-position);
+ --tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+ --tw-gradient-to: rgb(15 23 42 / 0.95) var(--tw-gradient-to-position);
+ --tw-backdrop-blur: blur(4px);
+ -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+ backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
+
+.tab-content {
+ display: none;
+}
+
+.tab-content.active {
+ display: block;
+}
+
+@keyframes fadeIn {
+ 0% {
+ opacity: 0;
+ }
+
+ 100% {
+ opacity: 1;
+ }
+}
+
+.tab-content.active {
+ animation: fadeIn 0.2s ease-in-out;
+}
+
+/* Heading styles */
+
+h1, h2, h3 {
+ scroll-margin-top: 4rem;
+ font-weight: 700;
+ --tw-text-opacity: 1;
+ color: rgb(241 245 249 / var(--tw-text-opacity, 1));
+}
+
+h1 {
+ margin-top: 2rem;
+ margin-bottom: 1rem;
+ font-size: 1.875rem;
+ line-height: 2.25rem;
+}
+
+h2 {
+ margin-top: 1.5rem;
+ margin-bottom: 0.75rem;
+ font-size: 1.5rem;
+ line-height: 2rem;
+}
+
+h3 {
+ margin-top: 1rem;
+ margin-bottom: 0.5rem;
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+}
+
+/* Link styles */
+
+a {
+ --tw-text-opacity: 1;
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration: 200ms;
+}
+
+a:hover {
+ --tw-text-opacity: 1;
+ color: rgb(147 197 253 / var(--tw-text-opacity, 1));
+}
+
+/* Table styles */
+
+table {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ width: 100%;
+ border-collapse: collapse;
+ overflow: hidden;
+ border-radius: 0.5rem;
+ border-width: 1px;
+ --tw-border-opacity: 1;
+ border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
+ --tw-bg-opacity: 1;
+ background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
+}
+
+th {
+ border-bottom-width: 1px;
+ --tw-border-opacity: 1;
+ border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
+ --tw-bg-opacity: 1;
+ background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
+ padding: 0.75rem;
+ text-align: left;
+ font-weight: 600;
+ --tw-text-opacity: 1;
+ color: rgb(226 232 240 / var(--tw-text-opacity, 1));
+}
+
+td {
+ border-bottom-width: 1px;
+ --tw-border-opacity: 1;
+ border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
+ padding: 0.75rem;
+ text-align: left;
+ --tw-text-opacity: 1;
+ color: rgb(203 213 225 / var(--tw-text-opacity, 1));
+}
+
+tr:last-child td {
+ border-bottom-width: 0px;
+}
+
+/* Syntax highlighting tokens */
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ --tw-text-opacity: 1;
+ color: rgb(148 163 184 / var(--tw-text-opacity, 1));
+}
+
+.token.punctuation {
+ --tw-text-opacity: 1;
+ color: rgb(203 213 225 / var(--tw-text-opacity, 1));
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol {
+ --tw-text-opacity: 1;
+ color: rgb(103 232 249 / var(--tw-text-opacity, 1));
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin {
+ --tw-text-opacity: 1;
+ color: rgb(110 231 183 / var(--tw-text-opacity, 1));
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+ --tw-text-opacity: 1;
+ color: rgb(252 211 77 / var(--tw-text-opacity, 1));
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+ --tw-text-opacity: 1;
+ color: rgb(196 181 253 / var(--tw-text-opacity, 1));
+}
+
+.token.function,
+.token.class-name {
+ --tw-text-opacity: 1;
+ color: rgb(253 164 175 / var(--tw-text-opacity, 1));
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+ --tw-text-opacity: 1;
+ color: rgb(253 186 116 / var(--tw-text-opacity, 1));
+}
+
+.hover\:scale-\[1\.02\]:hover {
+ --tw-scale-x: 1.02;
+ --tw-scale-y: 1.02;
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.hover\:bg-blue-500\/10:hover {
+ background-color: rgb(59 130 246 / 0.1);
+}
+
+.hover\:bg-blue-500\/5:hover {
+ background-color: rgb(59 130 246 / 0.05);
+}
+
+.hover\:text-blue-300:hover {
+ --tw-text-opacity: 1;
+ color: rgb(147 197 253 / var(--tw-text-opacity, 1));
+}
+
+.hover\:text-blue-400:hover {
+ --tw-text-opacity: 1;
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+}
+
+.hover\:text-slate-200:hover {
+ --tw-text-opacity: 1;
+ color: rgb(226 232 240 / var(--tw-text-opacity, 1));
+}
+
+.focus\:outline-none:focus {
+ outline: 2px solid transparent;
+ outline-offset: 2px;
+}
+
+.focus\:ring-2:focus {
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.focus\:ring-blue-500\/50:focus {
+ --tw-ring-color: rgb(59 130 246 / 0.5);
+}
+
+.focus\:ring-offset-2:focus {
+ --tw-ring-offset-width: 2px;
+}
+
+.focus\:ring-offset-slate-800:focus {
+ --tw-ring-offset-color: #1e293b;
+}
+
+.active\:scale-\[0\.98\]:active {
+ --tw-scale-x: 0.98;
+ --tw-scale-y: 0.98;
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
+.prose-headings\:scroll-mt-20 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ scroll-margin-top: 5rem;
+}
+
+.prose-h1\:text-3xl :is(:where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ font-size: 1.875rem;
+ line-height: 2.25rem;
+}
+
+.prose-h2\:text-2xl :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ font-size: 1.5rem;
+ line-height: 2rem;
+}
+
+.prose-h3\:text-xl :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ font-size: 1.25rem;
+ line-height: 1.75rem;
+}
+
+.prose-a\:text-blue-400 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ --tw-text-opacity: 1;
+ color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+}
+
+.prose-a\:no-underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ text-decoration-line: none;
+}
+
+.hover\:prose-a\:text-blue-300 :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover {
+ --tw-text-opacity: 1;
+ color: rgb(147 197 253 / var(--tw-text-opacity, 1));
+}
+
+.prose-pre\:m-0 :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ margin: 0px;
+}
+
+.prose-pre\:bg-transparent :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ background-color: transparent;
+}
+
+.prose-pre\:p-0 :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ padding: 0px;
+}
+
+.prose-img\:rounded-lg :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ border-radius: 0.5rem;
+}
+
+.prose-img\:shadow-lg :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
diff --git a/docs/markdoc/out/tabs.js b/docs/markdoc/out/tabs.js
new file mode 100644
index 000000000..e24261fe9
--- /dev/null
+++ b/docs/markdoc/out/tabs.js
@@ -0,0 +1,60 @@
+document.addEventListener('DOMContentLoaded', () => {
+ // Find all tab groups
+ const tabGroups = document.querySelectorAll('.tab-group');
+ console.log(`Found ${tabGroups.length} tab groups`);
+
+ tabGroups.forEach((group, groupIndex) => {
+ const tabs = group.querySelectorAll('.tab');
+ const tabContents = group.querySelectorAll('.tab-content');
+ console.log(`Group ${groupIndex} has ${tabs.length} tabs and ${tabContents.length} contents`);
+
+ // Add click handlers to tabs
+ tabs.forEach((tab, tabIndex) => {
+ tab.addEventListener('click', () => {
+ const groupId = tab.getAttribute('data-group');
+ const tabId = tab.getAttribute('data-tab');
+ console.log(`Clicked tab ${tabId} in group ${groupId}`);
+
+ // Remove active class from all tabs and contents in this group
+ group.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
+ group.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
+
+ // Add active class to clicked tab and its content
+ tab.classList.add('active');
+ const content = group.querySelector(`.tab-content[data-tab="${tabId}"]`);
+ if (content) {
+ content.classList.add('active');
+
+ // Trigger Prism highlight on the specific code block
+ const codeBlock = content.querySelector('code[data-prism="true"]');
+ if (window.Prism && codeBlock) {
+ window.Prism.highlightElement(codeBlock);
+ }
+ }
+ });
+ });
+
+ // Initialize first tab in each group
+ if (tabs.length > 0) {
+ const firstTab = tabs[0];
+ const firstContent = group.querySelector('.tab-content[data-tab="0"]');
+ if (firstTab && firstContent) {
+ firstTab.classList.add('active');
+ firstContent.classList.add('active');
+
+ // Initialize syntax highlighting for the first tab
+ const codeBlock = firstContent.querySelector('code[data-prism="true"]');
+ if (window.Prism && codeBlock) {
+ window.Prism.highlightElement(codeBlock);
+ }
+ }
+ }
+ });
+
+ // Initialize Prism.js for all visible code blocks
+ if (window.Prism) {
+ document.querySelectorAll('code[data-prism="true"]').forEach(block => {
+ window.Prism.highlightElement(block);
+ });
+ }
+});
diff --git a/docs/markdoc/package.json b/docs/markdoc/package.json
new file mode 100644
index 000000000..814375635
--- /dev/null
+++ b/docs/markdoc/package.json
@@ -0,0 +1,36 @@
+{
+ "name": "markdoc-site",
+ "version": "1.0.0",
+ "description": "Static site generator for Zod documentation",
+ "type": "module",
+ "scripts": {
+ "clean": "rm -rf out/*",
+ "copy-assets": "cp ~/repos/zod/logo.svg out/ && cp tabs.js scroll.js out/",
+ "build:ts": "tsc",
+ "build:css": "tailwindcss -i styles.css -o out/styles.css",
+ "build:og": "node out/generate-og.js",
+ "build": "pnpm clean && pnpm build:css && pnpm build:ts && pnpm copy-assets && node out/build.js && pnpm build:og",
+ "format": "biome format --write .",
+ "lint": "biome lint ."
+ },
+ "keywords": [],
+ "author": "",
+ "license": "ISC",
+ "devDependencies": {
+ "@biomejs/biome": "^1.9.4",
+ "@markdoc/markdoc": "^0.4.0",
+ "@tailwindcss/typography": "^0.5.15",
+ "@types/node": "^22.10.1",
+ "@types/node-fetch": "^2.6.12",
+ "autoprefixer": "^10.4.20",
+ "node-fetch": "^2.7.0",
+ "postcss": "^8.4.49",
+ "satori": "^0.12.0",
+ "sharp": "^0.33.5",
+ "tailwindcss": "^3.4.16",
+ "typescript": "^5.7.2"
+ },
+ "dependencies": {
+ "html-entities": "^2.5.2"
+ }
+}
diff --git a/docs/markdoc/pnpm-lock.yaml b/docs/markdoc/pnpm-lock.yaml
new file mode 100644
index 000000000..bce07fdeb
--- /dev/null
+++ b/docs/markdoc/pnpm-lock.yaml
@@ -0,0 +1,1615 @@
+lockfileVersion: '9.0'
+
+settings:
+ autoInstallPeers: true
+ excludeLinksFromLockfile: false
+
+importers:
+
+ .:
+ dependencies:
+ html-entities:
+ specifier: ^2.5.2
+ version: 2.5.2
+ devDependencies:
+ '@biomejs/biome':
+ specifier: ^1.9.4
+ version: 1.9.4
+ '@markdoc/markdoc':
+ specifier: ^0.4.0
+ version: 0.4.0
+ '@tailwindcss/typography':
+ specifier: ^0.5.15
+ version: 0.5.15(tailwindcss@3.4.16)
+ '@types/node':
+ specifier: ^22.10.1
+ version: 22.10.1
+ '@types/node-fetch':
+ specifier: ^2.6.12
+ version: 2.6.12
+ autoprefixer:
+ specifier: ^10.4.20
+ version: 10.4.20(postcss@8.4.49)
+ node-fetch:
+ specifier: ^2.7.0
+ version: 2.7.0
+ postcss:
+ specifier: ^8.4.49
+ version: 8.4.49
+ satori:
+ specifier: ^0.12.0
+ version: 0.12.0
+ sharp:
+ specifier: ^0.33.5
+ version: 0.33.5
+ tailwindcss:
+ specifier: ^3.4.16
+ version: 3.4.16
+ typescript:
+ specifier: ^5.7.2
+ version: 5.7.2
+
+packages:
+
+ '@alloc/quick-lru@5.2.0':
+ resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
+ engines: {node: '>=10'}
+
+ '@biomejs/biome@1.9.4':
+ resolution: {integrity: sha512-1rkd7G70+o9KkTn5KLmDYXihGoTaIGO9PIIN2ZB7UJxFrWw04CZHPYiMRjYsaDvVV7hP1dYNRLxSANLaBFGpog==}
+ engines: {node: '>=14.21.3'}
+ hasBin: true
+
+ '@biomejs/cli-darwin-arm64@1.9.4':
+ resolution: {integrity: sha512-bFBsPWrNvkdKrNCYeAp+xo2HecOGPAy9WyNyB/jKnnedgzl4W4Hb9ZMzYNbf8dMCGmUdSavlYHiR01QaYR58cw==}
+ engines: {node: '>=14.21.3'}
+ cpu: [arm64]
+ os: [darwin]
+
+ '@biomejs/cli-darwin-x64@1.9.4':
+ resolution: {integrity: sha512-ngYBh/+bEedqkSevPVhLP4QfVPCpb+4BBe2p7Xs32dBgs7rh9nY2AIYUL6BgLw1JVXV8GlpKmb/hNiuIxfPfZg==}
+ engines: {node: '>=14.21.3'}
+ cpu: [x64]
+ os: [darwin]
+
+ '@biomejs/cli-linux-arm64-musl@1.9.4':
+ resolution: {integrity: sha512-v665Ct9WCRjGa8+kTr0CzApU0+XXtRgwmzIf1SeKSGAv+2scAlW6JR5PMFo6FzqqZ64Po79cKODKf3/AAmECqA==}
+ engines: {node: '>=14.21.3'}
+ cpu: [arm64]
+ os: [linux]
+
+ '@biomejs/cli-linux-arm64@1.9.4':
+ resolution: {integrity: sha512-fJIW0+LYujdjUgJJuwesP4EjIBl/N/TcOX3IvIHJQNsAqvV2CHIogsmA94BPG6jZATS4Hi+xv4SkBBQSt1N4/g==}
+ engines: {node: '>=14.21.3'}
+ cpu: [arm64]
+ os: [linux]
+
+ '@biomejs/cli-linux-x64-musl@1.9.4':
+ resolution: {integrity: sha512-gEhi/jSBhZ2m6wjV530Yy8+fNqG8PAinM3oV7CyO+6c3CEh16Eizm21uHVsyVBEB6RIM8JHIl6AGYCv6Q6Q9Tg==}
+ engines: {node: '>=14.21.3'}
+ cpu: [x64]
+ os: [linux]
+
+ '@biomejs/cli-linux-x64@1.9.4':
+ resolution: {integrity: sha512-lRCJv/Vi3Vlwmbd6K+oQ0KhLHMAysN8lXoCI7XeHlxaajk06u7G+UsFSO01NAs5iYuWKmVZjmiOzJ0OJmGsMwg==}
+ engines: {node: '>=14.21.3'}
+ cpu: [x64]
+ os: [linux]
+
+ '@biomejs/cli-win32-arm64@1.9.4':
+ resolution: {integrity: sha512-tlbhLk+WXZmgwoIKwHIHEBZUwxml7bRJgk0X2sPyNR3S93cdRq6XulAZRQJ17FYGGzWne0fgrXBKpl7l4M87Hg==}
+ engines: {node: '>=14.21.3'}
+ cpu: [arm64]
+ os: [win32]
+
+ '@biomejs/cli-win32-x64@1.9.4':
+ resolution: {integrity: sha512-8Y5wMhVIPaWe6jw2H+KlEm4wP/f7EW3810ZLmDlrEEy5KvBsb9ECEfu/kMWD484ijfQ8+nIi0giMgu9g1UAuuA==}
+ engines: {node: '>=14.21.3'}
+ cpu: [x64]
+ os: [win32]
+
+ '@emnapi/runtime@1.3.1':
+ resolution: {integrity: sha512-kEBmG8KyqtxJZv+ygbEim+KCGtIq1fC22Ms3S4ziXmYKm8uyoLX0MHONVKwp+9opg390VaKRNt4a7A9NwmpNhw==}
+
+ '@img/sharp-darwin-arm64@0.33.5':
+ resolution: {integrity: sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==}
+ engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+ cpu: [arm64]
+ os: [darwin]
+
+ '@img/sharp-darwin-x64@0.33.5':
+ resolution: {integrity: sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q==}
+ engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+ cpu: [x64]
+ os: [darwin]
+
+ '@img/sharp-libvips-darwin-arm64@1.0.4':
+ resolution: {integrity: sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg==}
+ cpu: [arm64]
+ os: [darwin]
+
+ '@img/sharp-libvips-darwin-x64@1.0.4':
+ resolution: {integrity: sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ==}
+ cpu: [x64]
+ os: [darwin]
+
+ '@img/sharp-libvips-linux-arm64@1.0.4':
+ resolution: {integrity: sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA==}
+ cpu: [arm64]
+ os: [linux]
+
+ '@img/sharp-libvips-linux-arm@1.0.5':
+ resolution: {integrity: sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g==}
+ cpu: [arm]
+ os: [linux]
+
+ '@img/sharp-libvips-linux-s390x@1.0.4':
+ resolution: {integrity: sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA==}
+ cpu: [s390x]
+ os: [linux]
+
+ '@img/sharp-libvips-linux-x64@1.0.4':
+ resolution: {integrity: sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw==}
+ cpu: [x64]
+ os: [linux]
+
+ '@img/sharp-libvips-linuxmusl-arm64@1.0.4':
+ resolution: {integrity: sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA==}
+ cpu: [arm64]
+ os: [linux]
+
+ '@img/sharp-libvips-linuxmusl-x64@1.0.4':
+ resolution: {integrity: sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==}
+ cpu: [x64]
+ os: [linux]
+
+ '@img/sharp-linux-arm64@0.33.5':
+ resolution: {integrity: sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA==}
+ engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+ cpu: [arm64]
+ os: [linux]
+
+ '@img/sharp-linux-arm@0.33.5':
+ resolution: {integrity: sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ==}
+ engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+ cpu: [arm]
+ os: [linux]
+
+ '@img/sharp-linux-s390x@0.33.5':
+ resolution: {integrity: sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q==}
+ engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+ cpu: [s390x]
+ os: [linux]
+
+ '@img/sharp-linux-x64@0.33.5':
+ resolution: {integrity: sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA==}
+ engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+ cpu: [x64]
+ os: [linux]
+
+ '@img/sharp-linuxmusl-arm64@0.33.5':
+ resolution: {integrity: sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g==}
+ engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+ cpu: [arm64]
+ os: [linux]
+
+ '@img/sharp-linuxmusl-x64@0.33.5':
+ resolution: {integrity: sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==}
+ engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+ cpu: [x64]
+ os: [linux]
+
+ '@img/sharp-wasm32@0.33.5':
+ resolution: {integrity: sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg==}
+ engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+ cpu: [wasm32]
+
+ '@img/sharp-win32-ia32@0.33.5':
+ resolution: {integrity: sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ==}
+ engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+ cpu: [ia32]
+ os: [win32]
+
+ '@img/sharp-win32-x64@0.33.5':
+ resolution: {integrity: sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==}
+ engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+ cpu: [x64]
+ os: [win32]
+
+ '@isaacs/cliui@8.0.2':
+ resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
+ engines: {node: '>=12'}
+
+ '@jridgewell/gen-mapping@0.3.5':
+ resolution: {integrity: sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==}
+ engines: {node: '>=6.0.0'}
+
+ '@jridgewell/resolve-uri@3.1.2':
+ resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+ engines: {node: '>=6.0.0'}
+
+ '@jridgewell/set-array@1.2.1':
+ resolution: {integrity: sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==}
+ engines: {node: '>=6.0.0'}
+
+ '@jridgewell/sourcemap-codec@1.5.0':
+ resolution: {integrity: sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==}
+
+ '@jridgewell/trace-mapping@0.3.25':
+ resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
+
+ '@markdoc/markdoc@0.4.0':
+ resolution: {integrity: sha512-fSh4P3Y4E7oaKYc2oNzSIJVPDto7SMzAuQN1Iyx53UxzleA6QzRdNWRxmiPqtVDaDi5dELd2yICoG91csrGrAw==}
+ engines: {node: '>=14.7.0'}
+ peerDependencies:
+ '@types/react': '*'
+ react: '*'
+ peerDependenciesMeta:
+ '@types/react':
+ optional: true
+ react:
+ optional: true
+
+ '@nodelib/fs.scandir@2.1.5':
+ resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+ engines: {node: '>= 8'}
+
+ '@nodelib/fs.stat@2.0.5':
+ resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+ engines: {node: '>= 8'}
+
+ '@nodelib/fs.walk@1.2.8':
+ resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+ engines: {node: '>= 8'}
+
+ '@pkgjs/parseargs@0.11.0':
+ resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
+ engines: {node: '>=14'}
+
+ '@shuding/opentype.js@1.4.0-beta.0':
+ resolution: {integrity: sha512-3NgmNyH3l/Hv6EvsWJbsvpcpUba6R8IREQ83nH83cyakCw7uM1arZKNfHwv1Wz6jgqrF/j4x5ELvR6PnK9nTcA==}
+ engines: {node: '>= 8.0.0'}
+ hasBin: true
+
+ '@tailwindcss/typography@0.5.15':
+ resolution: {integrity: sha512-AqhlCXl+8grUz8uqExv5OTtgpjuVIwFTSXTrh8y9/pw6q2ek7fJ+Y8ZEVw7EB2DCcuCOtEjf9w3+J3rzts01uA==}
+ peerDependencies:
+ tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20'
+
+ '@types/linkify-it@5.0.0':
+ resolution: {integrity: sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==}
+
+ '@types/markdown-it@12.2.3':
+ resolution: {integrity: sha512-GKMHFfv3458yYy+v/N8gjufHO6MSZKCOXpZc5GXIWWy8uldwfmPn98vp81gZ5f9SVw8YYBctgfJ22a2d7AOMeQ==}
+
+ '@types/mdurl@2.0.0':
+ resolution: {integrity: sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==}
+
+ '@types/node-fetch@2.6.12':
+ resolution: {integrity: sha512-8nneRWKCg3rMtF69nLQJnOYUcbafYeFSjqkw3jCRLsqkWFlHaoQrr5mXmofFGOx3DKn7UfmBMyov8ySvLRVldA==}
+
+ '@types/node@22.10.1':
+ resolution: {integrity: sha512-qKgsUwfHZV2WCWLAnVP1JqnpE6Im6h3Y0+fYgMTasNQ7V++CBX5OT1as0g0f+OyubbFqhf6XVNIsmN4IIhEgGQ==}
+
+ ansi-regex@5.0.1:
+ resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+ engines: {node: '>=8'}
+
+ ansi-regex@6.1.0:
+ resolution: {integrity: sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==}
+ engines: {node: '>=12'}
+
+ ansi-styles@4.3.0:
+ resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+ engines: {node: '>=8'}
+
+ ansi-styles@6.2.1:
+ resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
+ engines: {node: '>=12'}
+
+ any-promise@1.3.0:
+ resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
+
+ anymatch@3.1.3:
+ resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+ engines: {node: '>= 8'}
+
+ arg@5.0.2:
+ resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
+
+ asynckit@0.4.0:
+ resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
+
+ autoprefixer@10.4.20:
+ resolution: {integrity: sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==}
+ engines: {node: ^10 || ^12 || >=14}
+ hasBin: true
+ peerDependencies:
+ postcss: ^8.1.0
+
+ balanced-match@1.0.2:
+ resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
+
+ base64-js@0.0.8:
+ resolution: {integrity: sha512-3XSA2cR/h/73EzlXXdU6YNycmYI7+kicTxks4eJg2g39biHR84slg2+des+p7iHYhbRg/udIS4TD53WabcOUkw==}
+ engines: {node: '>= 0.4'}
+
+ binary-extensions@2.3.0:
+ resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==}
+ engines: {node: '>=8'}
+
+ brace-expansion@2.0.1:
+ resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+
+ braces@3.0.3:
+ resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+ engines: {node: '>=8'}
+
+ browserslist@4.24.2:
+ resolution: {integrity: sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==}
+ engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+ hasBin: true
+
+ camelcase-css@2.0.1:
+ resolution: {integrity: sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==}
+ engines: {node: '>= 6'}
+
+ camelize@1.0.1:
+ resolution: {integrity: sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==}
+
+ caniuse-lite@1.0.30001687:
+ resolution: {integrity: sha512-0S/FDhf4ZiqrTUiQ39dKeUjYRjkv7lOZU1Dgif2rIqrTzX/1wV2hfKu9TOm1IHkdSijfLswxTFzl/cvir+SLSQ==}
+
+ chokidar@3.6.0:
+ resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
+ engines: {node: '>= 8.10.0'}
+
+ color-convert@2.0.1:
+ resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+ engines: {node: '>=7.0.0'}
+
+ color-name@1.1.4:
+ resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+ color-string@1.9.1:
+ resolution: {integrity: sha512-shrVawQFojnZv6xM40anx4CkoDP+fZsw/ZerEMsW/pyzsRbElpsL/DBVW7q3ExxwusdNXI3lXpuhEZkzs8p5Eg==}
+
+ color@4.2.3:
+ resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
+ engines: {node: '>=12.5.0'}
+
+ combined-stream@1.0.8:
+ resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
+ engines: {node: '>= 0.8'}
+
+ commander@4.1.1:
+ resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==}
+ engines: {node: '>= 6'}
+
+ cross-spawn@7.0.6:
+ resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+ engines: {node: '>= 8'}
+
+ css-background-parser@0.1.0:
+ resolution: {integrity: sha512-2EZLisiZQ+7m4wwur/qiYJRniHX4K5Tc9w93MT3AS0WS1u5kaZ4FKXlOTBhOjc+CgEgPiGY+fX1yWD8UwpEqUA==}
+
+ css-box-shadow@1.0.0-3:
+ resolution: {integrity: sha512-9jaqR6e7Ohds+aWwmhe6wILJ99xYQbfmK9QQB9CcMjDbTxPZjwEmUQpU91OG05Xgm8BahT5fW+svbsQGjS/zPg==}
+
+ css-color-keywords@1.0.0:
+ resolution: {integrity: sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==}
+ engines: {node: '>=4'}
+
+ css-gradient-parser@0.0.16:
+ resolution: {integrity: sha512-3O5QdqgFRUbXvK1x5INf1YkBz1UKSWqrd63vWsum8MNHDBYD5urm3QtxZbKU259OrEXNM26lP/MPY3d1IGkBgA==}
+ engines: {node: '>=16'}
+
+ css-to-react-native@3.2.0:
+ resolution: {integrity: sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==}
+
+ cssesc@3.0.0:
+ resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+ engines: {node: '>=4'}
+ hasBin: true
+
+ delayed-stream@1.0.0:
+ resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
+ engines: {node: '>=0.4.0'}
+
+ detect-libc@2.0.3:
+ resolution: {integrity: sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==}
+ engines: {node: '>=8'}
+
+ didyoumean@1.2.2:
+ resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
+
+ dlv@1.1.3:
+ resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
+
+ eastasianwidth@0.2.0:
+ resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
+
+ electron-to-chromium@1.5.72:
+ resolution: {integrity: sha512-ZpSAUOZ2Izby7qnZluSrAlGgGQzucmFbN0n64dYzocYxnxV5ufurpj3VgEe4cUp7ir9LmeLxNYo8bVnlM8bQHw==}
+
+ emoji-regex@10.4.0:
+ resolution: {integrity: sha512-EC+0oUMY1Rqm4O6LLrgjtYDvcVYTy7chDnM4Q7030tP4Kwj3u/pR6gP9ygnp2CJMK5Gq+9Q2oqmrFJAz01DXjw==}
+
+ emoji-regex@8.0.0:
+ resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
+ emoji-regex@9.2.2:
+ resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+
+ escalade@3.2.0:
+ resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
+ engines: {node: '>=6'}
+
+ escape-html@1.0.3:
+ resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==}
+
+ fast-glob@3.3.2:
+ resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
+ engines: {node: '>=8.6.0'}
+
+ fastq@1.17.1:
+ resolution: {integrity: sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==}
+
+ fflate@0.7.4:
+ resolution: {integrity: sha512-5u2V/CDW15QM1XbbgS+0DfPxVB+jUKhWEKuuFuHncbk3tEEqzmoXL+2KyOFuKGqOnmdIy0/davWF1CkuwtibCw==}
+
+ fill-range@7.1.1:
+ resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+ engines: {node: '>=8'}
+
+ foreground-child@3.3.0:
+ resolution: {integrity: sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
+ engines: {node: '>=14'}
+
+ form-data@4.0.1:
+ resolution: {integrity: sha512-tzN8e4TX8+kkxGPK8D5u0FNmjPUjw3lwC9lSLxxoB/+GtsJG91CO8bSWy73APlgAZzZbXEYZJuxjkHH2w+Ezhw==}
+ engines: {node: '>= 6'}
+
+ fraction.js@4.3.7:
+ resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}
+
+ fsevents@2.3.3:
+ resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+ engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+ os: [darwin]
+
+ function-bind@1.1.2:
+ resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
+
+ glob-parent@5.1.2:
+ resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+ engines: {node: '>= 6'}
+
+ glob-parent@6.0.2:
+ resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+ engines: {node: '>=10.13.0'}
+
+ glob@10.4.5:
+ resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
+ hasBin: true
+
+ hasown@2.0.2:
+ resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
+ engines: {node: '>= 0.4'}
+
+ hex-rgb@4.3.0:
+ resolution: {integrity: sha512-Ox1pJVrDCyGHMG9CFg1tmrRUMRPRsAWYc/PinY0XzJU4K7y7vjNoLKIQ7BR5UJMCxNN8EM1MNDmHWA/B3aZUuw==}
+ engines: {node: '>=6'}
+
+ html-entities@2.5.2:
+ resolution: {integrity: sha512-K//PSRMQk4FZ78Kyau+mZurHn3FH0Vwr+H36eE0rPbeYkRRi9YxceYPhuN60UwWorxyKHhqoAJl2OFKa4BVtaA==}
+
+ is-arrayish@0.3.2:
+ resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
+
+ is-binary-path@2.1.0:
+ resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==}
+ engines: {node: '>=8'}
+
+ is-core-module@2.15.1:
+ resolution: {integrity: sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==}
+ engines: {node: '>= 0.4'}
+
+ is-extglob@2.1.1:
+ resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+ engines: {node: '>=0.10.0'}
+
+ is-fullwidth-code-point@3.0.0:
+ resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+ engines: {node: '>=8'}
+
+ is-glob@4.0.3:
+ resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+ engines: {node: '>=0.10.0'}
+
+ is-number@7.0.0:
+ resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+ engines: {node: '>=0.12.0'}
+
+ isexe@2.0.0:
+ resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+ jackspeak@3.4.3:
+ resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
+
+ jiti@1.21.6:
+ resolution: {integrity: sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==}
+ hasBin: true
+
+ lilconfig@3.1.3:
+ resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
+ engines: {node: '>=14'}
+
+ linebreak@1.1.0:
+ resolution: {integrity: sha512-MHp03UImeVhB7XZtjd0E4n6+3xr5Dq/9xI/5FptGk5FrbDR3zagPa2DS6U8ks/3HjbKWG9Q1M2ufOzxV2qLYSQ==}
+
+ lines-and-columns@1.2.4:
+ resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
+
+ lodash.castarray@4.4.0:
+ resolution: {integrity: sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==}
+
+ lodash.isplainobject@4.0.6:
+ resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==}
+
+ lodash.merge@4.6.2:
+ resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+
+ lru-cache@10.4.3:
+ resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
+
+ merge2@1.4.1:
+ resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+ engines: {node: '>= 8'}
+
+ micromatch@4.0.8:
+ resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
+ engines: {node: '>=8.6'}
+
+ mime-db@1.52.0:
+ resolution: {integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==}
+ engines: {node: '>= 0.6'}
+
+ mime-types@2.1.35:
+ resolution: {integrity: sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==}
+ engines: {node: '>= 0.6'}
+
+ minimatch@9.0.5:
+ resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
+ engines: {node: '>=16 || 14 >=14.17'}
+
+ minipass@7.1.2:
+ resolution: {integrity: sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==}
+ engines: {node: '>=16 || 14 >=14.17'}
+
+ mz@2.7.0:
+ resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
+
+ nanoid@3.3.8:
+ resolution: {integrity: sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==}
+ engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+ hasBin: true
+
+ node-fetch@2.7.0:
+ resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
+ engines: {node: 4.x || >=6.0.0}
+ peerDependencies:
+ encoding: ^0.1.0
+ peerDependenciesMeta:
+ encoding:
+ optional: true
+
+ node-releases@2.0.19:
+ resolution: {integrity: sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==}
+
+ normalize-path@3.0.0:
+ resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+ engines: {node: '>=0.10.0'}
+
+ normalize-range@0.1.2:
+ resolution: {integrity: sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==}
+ engines: {node: '>=0.10.0'}
+
+ object-assign@4.1.1:
+ resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
+ engines: {node: '>=0.10.0'}
+
+ object-hash@3.0.0:
+ resolution: {integrity: sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==}
+ engines: {node: '>= 6'}
+
+ package-json-from-dist@1.0.1:
+ resolution: {integrity: sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==}
+
+ pako@0.2.9:
+ resolution: {integrity: sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==}
+
+ parse-css-color@0.2.1:
+ resolution: {integrity: sha512-bwS/GGIFV3b6KS4uwpzCFj4w297Yl3uqnSgIPsoQkx7GMLROXfMnWvxfNkL0oh8HVhZA4hvJoEoEIqonfJ3BWg==}
+
+ path-key@3.1.1:
+ resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+ engines: {node: '>=8'}
+
+ path-parse@1.0.7:
+ resolution: {integrity: sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==}
+
+ path-scurry@1.11.1:
+ resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
+ engines: {node: '>=16 || 14 >=14.18'}
+
+ picocolors@1.1.1:
+ resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+ picomatch@2.3.1:
+ resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
+ engines: {node: '>=8.6'}
+
+ pify@2.3.0:
+ resolution: {integrity: sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==}
+ engines: {node: '>=0.10.0'}
+
+ pirates@4.0.6:
+ resolution: {integrity: sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==}
+ engines: {node: '>= 6'}
+
+ postcss-import@15.1.0:
+ resolution: {integrity: sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==}
+ engines: {node: '>=14.0.0'}
+ peerDependencies:
+ postcss: ^8.0.0
+
+ postcss-js@4.0.1:
+ resolution: {integrity: sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==}
+ engines: {node: ^12 || ^14 || >= 16}
+ peerDependencies:
+ postcss: ^8.4.21
+
+ postcss-load-config@4.0.2:
+ resolution: {integrity: sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==}
+ engines: {node: '>= 14'}
+ peerDependencies:
+ postcss: '>=8.0.9'
+ ts-node: '>=9.0.0'
+ peerDependenciesMeta:
+ postcss:
+ optional: true
+ ts-node:
+ optional: true
+
+ postcss-nested@6.2.0:
+ resolution: {integrity: sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==}
+ engines: {node: '>=12.0'}
+ peerDependencies:
+ postcss: ^8.2.14
+
+ postcss-selector-parser@6.0.10:
+ resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==}
+ engines: {node: '>=4'}
+
+ postcss-selector-parser@6.1.2:
+ resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==}
+ engines: {node: '>=4'}
+
+ postcss-value-parser@4.2.0:
+ resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
+
+ postcss@8.4.49:
+ resolution: {integrity: sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==}
+ engines: {node: ^10 || ^12 || >=14}
+
+ queue-microtask@1.2.3:
+ resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+
+ read-cache@1.0.0:
+ resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
+
+ readdirp@3.6.0:
+ resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
+ engines: {node: '>=8.10.0'}
+
+ resolve@1.22.8:
+ resolution: {integrity: sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==}
+ hasBin: true
+
+ reusify@1.0.4:
+ resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==}
+ engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+
+ run-parallel@1.2.0:
+ resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+
+ satori@0.12.0:
+ resolution: {integrity: sha512-e0e+qQyeFwEszujN7SpWpRtZgww7Nh8lSO3bUn2spHZ5JpqEl3zJ3P14/JlWruxEwdgREs35ZnavrPrWaRVFDg==}
+ engines: {node: '>=16'}
+
+ semver@7.6.3:
+ resolution: {integrity: sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==}
+ engines: {node: '>=10'}
+ hasBin: true
+
+ sharp@0.33.5:
+ resolution: {integrity: sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==}
+ engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+
+ shebang-command@2.0.0:
+ resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+ engines: {node: '>=8'}
+
+ shebang-regex@3.0.0:
+ resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+ engines: {node: '>=8'}
+
+ signal-exit@4.1.0:
+ resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
+ engines: {node: '>=14'}
+
+ simple-swizzle@0.2.2:
+ resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
+
+ source-map-js@1.2.1:
+ resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+ engines: {node: '>=0.10.0'}
+
+ string-width@4.2.3:
+ resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+ engines: {node: '>=8'}
+
+ string-width@5.1.2:
+ resolution: {integrity: sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==}
+ engines: {node: '>=12'}
+
+ string.prototype.codepointat@0.2.1:
+ resolution: {integrity: sha512-2cBVCj6I4IOvEnjgO/hWqXjqBGsY+zwPmHl12Srk9IXSZ56Jwwmy+66XO5Iut/oQVR7t5ihYdLB0GMa4alEUcg==}
+
+ strip-ansi@6.0.1:
+ resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+ engines: {node: '>=8'}
+
+ strip-ansi@7.1.0:
+ resolution: {integrity: sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==}
+ engines: {node: '>=12'}
+
+ sucrase@3.35.0:
+ resolution: {integrity: sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==}
+ engines: {node: '>=16 || 14 >=14.17'}
+ hasBin: true
+
+ supports-preserve-symlinks-flag@1.0.0:
+ resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
+ engines: {node: '>= 0.4'}
+
+ tailwindcss@3.4.16:
+ resolution: {integrity: sha512-TI4Cyx7gDiZ6r44ewaJmt0o6BrMCT5aK5e0rmJ/G9Xq3w7CX/5VXl/zIPEJZFUK5VEqwByyhqNPycPlvcK4ZNw==}
+ engines: {node: '>=14.0.0'}
+ hasBin: true
+
+ thenify-all@1.6.0:
+ resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
+ engines: {node: '>=0.8'}
+
+ thenify@3.3.1:
+ resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
+
+ tiny-inflate@1.0.3:
+ resolution: {integrity: sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw==}
+
+ to-regex-range@5.0.1:
+ resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+ engines: {node: '>=8.0'}
+
+ tr46@0.0.3:
+ resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
+
+ ts-interface-checker@0.1.13:
+ resolution: {integrity: sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==}
+
+ tslib@2.8.1:
+ resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
+ typescript@5.7.2:
+ resolution: {integrity: sha512-i5t66RHxDvVN40HfDd1PsEThGNnlMCMT3jMUuoh9/0TaqWevNontacunWyN02LA9/fIbEWlcHZcgTKb9QoaLfg==}
+ engines: {node: '>=14.17'}
+ hasBin: true
+
+ undici-types@6.20.0:
+ resolution: {integrity: sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==}
+
+ unicode-trie@2.0.0:
+ resolution: {integrity: sha512-x7bc76x0bm4prf1VLg79uhAzKw8DVboClSN5VxJuQ+LKDOVEW9CdH+VY7SP+vX7xCYQqzzgQpFqz15zeLvAtZQ==}
+
+ update-browserslist-db@1.1.1:
+ resolution: {integrity: sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==}
+ hasBin: true
+ peerDependencies:
+ browserslist: '>= 4.21.0'
+
+ util-deprecate@1.0.2:
+ resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+
+ webidl-conversions@3.0.1:
+ resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
+
+ whatwg-url@5.0.0:
+ resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
+
+ which@2.0.2:
+ resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+ engines: {node: '>= 8'}
+ hasBin: true
+
+ wrap-ansi@7.0.0:
+ resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+ engines: {node: '>=10'}
+
+ wrap-ansi@8.1.0:
+ resolution: {integrity: sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==}
+ engines: {node: '>=12'}
+
+ yaml@2.6.1:
+ resolution: {integrity: sha512-7r0XPzioN/Q9kXBro/XPnA6kznR73DHq+GXh5ON7ZozRO6aMjbmiBuKste2wslTFkC5d1dw0GooOCepZXJ2SAg==}
+ engines: {node: '>= 14'}
+ hasBin: true
+
+ yoga-wasm-web@0.3.3:
+ resolution: {integrity: sha512-N+d4UJSJbt/R3wqY7Coqs5pcV0aUj2j9IaQ3rNj9bVCLld8tTGKRa2USARjnvZJWVx1NDmQev8EknoczaOQDOA==}
+
+snapshots:
+
+ '@alloc/quick-lru@5.2.0': {}
+
+ '@biomejs/biome@1.9.4':
+ optionalDependencies:
+ '@biomejs/cli-darwin-arm64': 1.9.4
+ '@biomejs/cli-darwin-x64': 1.9.4
+ '@biomejs/cli-linux-arm64': 1.9.4
+ '@biomejs/cli-linux-arm64-musl': 1.9.4
+ '@biomejs/cli-linux-x64': 1.9.4
+ '@biomejs/cli-linux-x64-musl': 1.9.4
+ '@biomejs/cli-win32-arm64': 1.9.4
+ '@biomejs/cli-win32-x64': 1.9.4
+
+ '@biomejs/cli-darwin-arm64@1.9.4':
+ optional: true
+
+ '@biomejs/cli-darwin-x64@1.9.4':
+ optional: true
+
+ '@biomejs/cli-linux-arm64-musl@1.9.4':
+ optional: true
+
+ '@biomejs/cli-linux-arm64@1.9.4':
+ optional: true
+
+ '@biomejs/cli-linux-x64-musl@1.9.4':
+ optional: true
+
+ '@biomejs/cli-linux-x64@1.9.4':
+ optional: true
+
+ '@biomejs/cli-win32-arm64@1.9.4':
+ optional: true
+
+ '@biomejs/cli-win32-x64@1.9.4':
+ optional: true
+
+ '@emnapi/runtime@1.3.1':
+ dependencies:
+ tslib: 2.8.1
+ optional: true
+
+ '@img/sharp-darwin-arm64@0.33.5':
+ optionalDependencies:
+ '@img/sharp-libvips-darwin-arm64': 1.0.4
+ optional: true
+
+ '@img/sharp-darwin-x64@0.33.5':
+ optionalDependencies:
+ '@img/sharp-libvips-darwin-x64': 1.0.4
+ optional: true
+
+ '@img/sharp-libvips-darwin-arm64@1.0.4':
+ optional: true
+
+ '@img/sharp-libvips-darwin-x64@1.0.4':
+ optional: true
+
+ '@img/sharp-libvips-linux-arm64@1.0.4':
+ optional: true
+
+ '@img/sharp-libvips-linux-arm@1.0.5':
+ optional: true
+
+ '@img/sharp-libvips-linux-s390x@1.0.4':
+ optional: true
+
+ '@img/sharp-libvips-linux-x64@1.0.4':
+ optional: true
+
+ '@img/sharp-libvips-linuxmusl-arm64@1.0.4':
+ optional: true
+
+ '@img/sharp-libvips-linuxmusl-x64@1.0.4':
+ optional: true
+
+ '@img/sharp-linux-arm64@0.33.5':
+ optionalDependencies:
+ '@img/sharp-libvips-linux-arm64': 1.0.4
+ optional: true
+
+ '@img/sharp-linux-arm@0.33.5':
+ optionalDependencies:
+ '@img/sharp-libvips-linux-arm': 1.0.5
+ optional: true
+
+ '@img/sharp-linux-s390x@0.33.5':
+ optionalDependencies:
+ '@img/sharp-libvips-linux-s390x': 1.0.4
+ optional: true
+
+ '@img/sharp-linux-x64@0.33.5':
+ optionalDependencies:
+ '@img/sharp-libvips-linux-x64': 1.0.4
+ optional: true
+
+ '@img/sharp-linuxmusl-arm64@0.33.5':
+ optionalDependencies:
+ '@img/sharp-libvips-linuxmusl-arm64': 1.0.4
+ optional: true
+
+ '@img/sharp-linuxmusl-x64@0.33.5':
+ optionalDependencies:
+ '@img/sharp-libvips-linuxmusl-x64': 1.0.4
+ optional: true
+
+ '@img/sharp-wasm32@0.33.5':
+ dependencies:
+ '@emnapi/runtime': 1.3.1
+ optional: true
+
+ '@img/sharp-win32-ia32@0.33.5':
+ optional: true
+
+ '@img/sharp-win32-x64@0.33.5':
+ optional: true
+
+ '@isaacs/cliui@8.0.2':
+ dependencies:
+ string-width: 5.1.2
+ string-width-cjs: string-width@4.2.3
+ strip-ansi: 7.1.0
+ strip-ansi-cjs: strip-ansi@6.0.1
+ wrap-ansi: 8.1.0
+ wrap-ansi-cjs: wrap-ansi@7.0.0
+
+ '@jridgewell/gen-mapping@0.3.5':
+ dependencies:
+ '@jridgewell/set-array': 1.2.1
+ '@jridgewell/sourcemap-codec': 1.5.0
+ '@jridgewell/trace-mapping': 0.3.25
+
+ '@jridgewell/resolve-uri@3.1.2': {}
+
+ '@jridgewell/set-array@1.2.1': {}
+
+ '@jridgewell/sourcemap-codec@1.5.0': {}
+
+ '@jridgewell/trace-mapping@0.3.25':
+ dependencies:
+ '@jridgewell/resolve-uri': 3.1.2
+ '@jridgewell/sourcemap-codec': 1.5.0
+
+ '@markdoc/markdoc@0.4.0':
+ optionalDependencies:
+ '@types/markdown-it': 12.2.3
+
+ '@nodelib/fs.scandir@2.1.5':
+ dependencies:
+ '@nodelib/fs.stat': 2.0.5
+ run-parallel: 1.2.0
+
+ '@nodelib/fs.stat@2.0.5': {}
+
+ '@nodelib/fs.walk@1.2.8':
+ dependencies:
+ '@nodelib/fs.scandir': 2.1.5
+ fastq: 1.17.1
+
+ '@pkgjs/parseargs@0.11.0':
+ optional: true
+
+ '@shuding/opentype.js@1.4.0-beta.0':
+ dependencies:
+ fflate: 0.7.4
+ string.prototype.codepointat: 0.2.1
+
+ '@tailwindcss/typography@0.5.15(tailwindcss@3.4.16)':
+ dependencies:
+ lodash.castarray: 4.4.0
+ lodash.isplainobject: 4.0.6
+ lodash.merge: 4.6.2
+ postcss-selector-parser: 6.0.10
+ tailwindcss: 3.4.16
+
+ '@types/linkify-it@5.0.0':
+ optional: true
+
+ '@types/markdown-it@12.2.3':
+ dependencies:
+ '@types/linkify-it': 5.0.0
+ '@types/mdurl': 2.0.0
+ optional: true
+
+ '@types/mdurl@2.0.0':
+ optional: true
+
+ '@types/node-fetch@2.6.12':
+ dependencies:
+ '@types/node': 22.10.1
+ form-data: 4.0.1
+
+ '@types/node@22.10.1':
+ dependencies:
+ undici-types: 6.20.0
+
+ ansi-regex@5.0.1: {}
+
+ ansi-regex@6.1.0: {}
+
+ ansi-styles@4.3.0:
+ dependencies:
+ color-convert: 2.0.1
+
+ ansi-styles@6.2.1: {}
+
+ any-promise@1.3.0: {}
+
+ anymatch@3.1.3:
+ dependencies:
+ normalize-path: 3.0.0
+ picomatch: 2.3.1
+
+ arg@5.0.2: {}
+
+ asynckit@0.4.0: {}
+
+ autoprefixer@10.4.20(postcss@8.4.49):
+ dependencies:
+ browserslist: 4.24.2
+ caniuse-lite: 1.0.30001687
+ fraction.js: 4.3.7
+ normalize-range: 0.1.2
+ picocolors: 1.1.1
+ postcss: 8.4.49
+ postcss-value-parser: 4.2.0
+
+ balanced-match@1.0.2: {}
+
+ base64-js@0.0.8: {}
+
+ binary-extensions@2.3.0: {}
+
+ brace-expansion@2.0.1:
+ dependencies:
+ balanced-match: 1.0.2
+
+ braces@3.0.3:
+ dependencies:
+ fill-range: 7.1.1
+
+ browserslist@4.24.2:
+ dependencies:
+ caniuse-lite: 1.0.30001687
+ electron-to-chromium: 1.5.72
+ node-releases: 2.0.19
+ update-browserslist-db: 1.1.1(browserslist@4.24.2)
+
+ camelcase-css@2.0.1: {}
+
+ camelize@1.0.1: {}
+
+ caniuse-lite@1.0.30001687: {}
+
+ chokidar@3.6.0:
+ dependencies:
+ anymatch: 3.1.3
+ braces: 3.0.3
+ glob-parent: 5.1.2
+ is-binary-path: 2.1.0
+ is-glob: 4.0.3
+ normalize-path: 3.0.0
+ readdirp: 3.6.0
+ optionalDependencies:
+ fsevents: 2.3.3
+
+ color-convert@2.0.1:
+ dependencies:
+ color-name: 1.1.4
+
+ color-name@1.1.4: {}
+
+ color-string@1.9.1:
+ dependencies:
+ color-name: 1.1.4
+ simple-swizzle: 0.2.2
+
+ color@4.2.3:
+ dependencies:
+ color-convert: 2.0.1
+ color-string: 1.9.1
+
+ combined-stream@1.0.8:
+ dependencies:
+ delayed-stream: 1.0.0
+
+ commander@4.1.1: {}
+
+ cross-spawn@7.0.6:
+ dependencies:
+ path-key: 3.1.1
+ shebang-command: 2.0.0
+ which: 2.0.2
+
+ css-background-parser@0.1.0: {}
+
+ css-box-shadow@1.0.0-3: {}
+
+ css-color-keywords@1.0.0: {}
+
+ css-gradient-parser@0.0.16: {}
+
+ css-to-react-native@3.2.0:
+ dependencies:
+ camelize: 1.0.1
+ css-color-keywords: 1.0.0
+ postcss-value-parser: 4.2.0
+
+ cssesc@3.0.0: {}
+
+ delayed-stream@1.0.0: {}
+
+ detect-libc@2.0.3: {}
+
+ didyoumean@1.2.2: {}
+
+ dlv@1.1.3: {}
+
+ eastasianwidth@0.2.0: {}
+
+ electron-to-chromium@1.5.72: {}
+
+ emoji-regex@10.4.0: {}
+
+ emoji-regex@8.0.0: {}
+
+ emoji-regex@9.2.2: {}
+
+ escalade@3.2.0: {}
+
+ escape-html@1.0.3: {}
+
+ fast-glob@3.3.2:
+ dependencies:
+ '@nodelib/fs.stat': 2.0.5
+ '@nodelib/fs.walk': 1.2.8
+ glob-parent: 5.1.2
+ merge2: 1.4.1
+ micromatch: 4.0.8
+
+ fastq@1.17.1:
+ dependencies:
+ reusify: 1.0.4
+
+ fflate@0.7.4: {}
+
+ fill-range@7.1.1:
+ dependencies:
+ to-regex-range: 5.0.1
+
+ foreground-child@3.3.0:
+ dependencies:
+ cross-spawn: 7.0.6
+ signal-exit: 4.1.0
+
+ form-data@4.0.1:
+ dependencies:
+ asynckit: 0.4.0
+ combined-stream: 1.0.8
+ mime-types: 2.1.35
+
+ fraction.js@4.3.7: {}
+
+ fsevents@2.3.3:
+ optional: true
+
+ function-bind@1.1.2: {}
+
+ glob-parent@5.1.2:
+ dependencies:
+ is-glob: 4.0.3
+
+ glob-parent@6.0.2:
+ dependencies:
+ is-glob: 4.0.3
+
+ glob@10.4.5:
+ dependencies:
+ foreground-child: 3.3.0
+ jackspeak: 3.4.3
+ minimatch: 9.0.5
+ minipass: 7.1.2
+ package-json-from-dist: 1.0.1
+ path-scurry: 1.11.1
+
+ hasown@2.0.2:
+ dependencies:
+ function-bind: 1.1.2
+
+ hex-rgb@4.3.0: {}
+
+ html-entities@2.5.2: {}
+
+ is-arrayish@0.3.2: {}
+
+ is-binary-path@2.1.0:
+ dependencies:
+ binary-extensions: 2.3.0
+
+ is-core-module@2.15.1:
+ dependencies:
+ hasown: 2.0.2
+
+ is-extglob@2.1.1: {}
+
+ is-fullwidth-code-point@3.0.0: {}
+
+ is-glob@4.0.3:
+ dependencies:
+ is-extglob: 2.1.1
+
+ is-number@7.0.0: {}
+
+ isexe@2.0.0: {}
+
+ jackspeak@3.4.3:
+ dependencies:
+ '@isaacs/cliui': 8.0.2
+ optionalDependencies:
+ '@pkgjs/parseargs': 0.11.0
+
+ jiti@1.21.6: {}
+
+ lilconfig@3.1.3: {}
+
+ linebreak@1.1.0:
+ dependencies:
+ base64-js: 0.0.8
+ unicode-trie: 2.0.0
+
+ lines-and-columns@1.2.4: {}
+
+ lodash.castarray@4.4.0: {}
+
+ lodash.isplainobject@4.0.6: {}
+
+ lodash.merge@4.6.2: {}
+
+ lru-cache@10.4.3: {}
+
+ merge2@1.4.1: {}
+
+ micromatch@4.0.8:
+ dependencies:
+ braces: 3.0.3
+ picomatch: 2.3.1
+
+ mime-db@1.52.0: {}
+
+ mime-types@2.1.35:
+ dependencies:
+ mime-db: 1.52.0
+
+ minimatch@9.0.5:
+ dependencies:
+ brace-expansion: 2.0.1
+
+ minipass@7.1.2: {}
+
+ mz@2.7.0:
+ dependencies:
+ any-promise: 1.3.0
+ object-assign: 4.1.1
+ thenify-all: 1.6.0
+
+ nanoid@3.3.8: {}
+
+ node-fetch@2.7.0:
+ dependencies:
+ whatwg-url: 5.0.0
+
+ node-releases@2.0.19: {}
+
+ normalize-path@3.0.0: {}
+
+ normalize-range@0.1.2: {}
+
+ object-assign@4.1.1: {}
+
+ object-hash@3.0.0: {}
+
+ package-json-from-dist@1.0.1: {}
+
+ pako@0.2.9: {}
+
+ parse-css-color@0.2.1:
+ dependencies:
+ color-name: 1.1.4
+ hex-rgb: 4.3.0
+
+ path-key@3.1.1: {}
+
+ path-parse@1.0.7: {}
+
+ path-scurry@1.11.1:
+ dependencies:
+ lru-cache: 10.4.3
+ minipass: 7.1.2
+
+ picocolors@1.1.1: {}
+
+ picomatch@2.3.1: {}
+
+ pify@2.3.0: {}
+
+ pirates@4.0.6: {}
+
+ postcss-import@15.1.0(postcss@8.4.49):
+ dependencies:
+ postcss: 8.4.49
+ postcss-value-parser: 4.2.0
+ read-cache: 1.0.0
+ resolve: 1.22.8
+
+ postcss-js@4.0.1(postcss@8.4.49):
+ dependencies:
+ camelcase-css: 2.0.1
+ postcss: 8.4.49
+
+ postcss-load-config@4.0.2(postcss@8.4.49):
+ dependencies:
+ lilconfig: 3.1.3
+ yaml: 2.6.1
+ optionalDependencies:
+ postcss: 8.4.49
+
+ postcss-nested@6.2.0(postcss@8.4.49):
+ dependencies:
+ postcss: 8.4.49
+ postcss-selector-parser: 6.1.2
+
+ postcss-selector-parser@6.0.10:
+ dependencies:
+ cssesc: 3.0.0
+ util-deprecate: 1.0.2
+
+ postcss-selector-parser@6.1.2:
+ dependencies:
+ cssesc: 3.0.0
+ util-deprecate: 1.0.2
+
+ postcss-value-parser@4.2.0: {}
+
+ postcss@8.4.49:
+ dependencies:
+ nanoid: 3.3.8
+ picocolors: 1.1.1
+ source-map-js: 1.2.1
+
+ queue-microtask@1.2.3: {}
+
+ read-cache@1.0.0:
+ dependencies:
+ pify: 2.3.0
+
+ readdirp@3.6.0:
+ dependencies:
+ picomatch: 2.3.1
+
+ resolve@1.22.8:
+ dependencies:
+ is-core-module: 2.15.1
+ path-parse: 1.0.7
+ supports-preserve-symlinks-flag: 1.0.0
+
+ reusify@1.0.4: {}
+
+ run-parallel@1.2.0:
+ dependencies:
+ queue-microtask: 1.2.3
+
+ satori@0.12.0:
+ dependencies:
+ '@shuding/opentype.js': 1.4.0-beta.0
+ css-background-parser: 0.1.0
+ css-box-shadow: 1.0.0-3
+ css-gradient-parser: 0.0.16
+ css-to-react-native: 3.2.0
+ emoji-regex: 10.4.0
+ escape-html: 1.0.3
+ linebreak: 1.1.0
+ parse-css-color: 0.2.1
+ postcss-value-parser: 4.2.0
+ yoga-wasm-web: 0.3.3
+
+ semver@7.6.3: {}
+
+ sharp@0.33.5:
+ dependencies:
+ color: 4.2.3
+ detect-libc: 2.0.3
+ semver: 7.6.3
+ optionalDependencies:
+ '@img/sharp-darwin-arm64': 0.33.5
+ '@img/sharp-darwin-x64': 0.33.5
+ '@img/sharp-libvips-darwin-arm64': 1.0.4
+ '@img/sharp-libvips-darwin-x64': 1.0.4
+ '@img/sharp-libvips-linux-arm': 1.0.5
+ '@img/sharp-libvips-linux-arm64': 1.0.4
+ '@img/sharp-libvips-linux-s390x': 1.0.4
+ '@img/sharp-libvips-linux-x64': 1.0.4
+ '@img/sharp-libvips-linuxmusl-arm64': 1.0.4
+ '@img/sharp-libvips-linuxmusl-x64': 1.0.4
+ '@img/sharp-linux-arm': 0.33.5
+ '@img/sharp-linux-arm64': 0.33.5
+ '@img/sharp-linux-s390x': 0.33.5
+ '@img/sharp-linux-x64': 0.33.5
+ '@img/sharp-linuxmusl-arm64': 0.33.5
+ '@img/sharp-linuxmusl-x64': 0.33.5
+ '@img/sharp-wasm32': 0.33.5
+ '@img/sharp-win32-ia32': 0.33.5
+ '@img/sharp-win32-x64': 0.33.5
+
+ shebang-command@2.0.0:
+ dependencies:
+ shebang-regex: 3.0.0
+
+ shebang-regex@3.0.0: {}
+
+ signal-exit@4.1.0: {}
+
+ simple-swizzle@0.2.2:
+ dependencies:
+ is-arrayish: 0.3.2
+
+ source-map-js@1.2.1: {}
+
+ string-width@4.2.3:
+ dependencies:
+ emoji-regex: 8.0.0
+ is-fullwidth-code-point: 3.0.0
+ strip-ansi: 6.0.1
+
+ string-width@5.1.2:
+ dependencies:
+ eastasianwidth: 0.2.0
+ emoji-regex: 9.2.2
+ strip-ansi: 7.1.0
+
+ string.prototype.codepointat@0.2.1: {}
+
+ strip-ansi@6.0.1:
+ dependencies:
+ ansi-regex: 5.0.1
+
+ strip-ansi@7.1.0:
+ dependencies:
+ ansi-regex: 6.1.0
+
+ sucrase@3.35.0:
+ dependencies:
+ '@jridgewell/gen-mapping': 0.3.5
+ commander: 4.1.1
+ glob: 10.4.5
+ lines-and-columns: 1.2.4
+ mz: 2.7.0
+ pirates: 4.0.6
+ ts-interface-checker: 0.1.13
+
+ supports-preserve-symlinks-flag@1.0.0: {}
+
+ tailwindcss@3.4.16:
+ dependencies:
+ '@alloc/quick-lru': 5.2.0
+ arg: 5.0.2
+ chokidar: 3.6.0
+ didyoumean: 1.2.2
+ dlv: 1.1.3
+ fast-glob: 3.3.2
+ glob-parent: 6.0.2
+ is-glob: 4.0.3
+ jiti: 1.21.6
+ lilconfig: 3.1.3
+ micromatch: 4.0.8
+ normalize-path: 3.0.0
+ object-hash: 3.0.0
+ picocolors: 1.1.1
+ postcss: 8.4.49
+ postcss-import: 15.1.0(postcss@8.4.49)
+ postcss-js: 4.0.1(postcss@8.4.49)
+ postcss-load-config: 4.0.2(postcss@8.4.49)
+ postcss-nested: 6.2.0(postcss@8.4.49)
+ postcss-selector-parser: 6.1.2
+ resolve: 1.22.8
+ sucrase: 3.35.0
+ transitivePeerDependencies:
+ - ts-node
+
+ thenify-all@1.6.0:
+ dependencies:
+ thenify: 3.3.1
+
+ thenify@3.3.1:
+ dependencies:
+ any-promise: 1.3.0
+
+ tiny-inflate@1.0.3: {}
+
+ to-regex-range@5.0.1:
+ dependencies:
+ is-number: 7.0.0
+
+ tr46@0.0.3: {}
+
+ ts-interface-checker@0.1.13: {}
+
+ tslib@2.8.1:
+ optional: true
+
+ typescript@5.7.2: {}
+
+ undici-types@6.20.0: {}
+
+ unicode-trie@2.0.0:
+ dependencies:
+ pako: 0.2.9
+ tiny-inflate: 1.0.3
+
+ update-browserslist-db@1.1.1(browserslist@4.24.2):
+ dependencies:
+ browserslist: 4.24.2
+ escalade: 3.2.0
+ picocolors: 1.1.1
+
+ util-deprecate@1.0.2: {}
+
+ webidl-conversions@3.0.1: {}
+
+ whatwg-url@5.0.0:
+ dependencies:
+ tr46: 0.0.3
+ webidl-conversions: 3.0.1
+
+ which@2.0.2:
+ dependencies:
+ isexe: 2.0.0
+
+ wrap-ansi@7.0.0:
+ dependencies:
+ ansi-styles: 4.3.0
+ string-width: 4.2.3
+ strip-ansi: 6.0.1
+
+ wrap-ansi@8.1.0:
+ dependencies:
+ ansi-styles: 6.2.1
+ string-width: 5.1.2
+ strip-ansi: 7.1.0
+
+ yaml@2.6.1: {}
+
+ yoga-wasm-web@0.3.3: {}
diff --git a/docs/markdoc/postcss.config.js b/docs/markdoc/postcss.config.js
new file mode 100644
index 000000000..33ad091d2
--- /dev/null
+++ b/docs/markdoc/postcss.config.js
@@ -0,0 +1,6 @@
+module.exports = {
+ plugins: {
+ tailwindcss: {},
+ autoprefixer: {},
+ },
+}
diff --git a/docs/markdoc/scroll.js b/docs/markdoc/scroll.js
new file mode 100644
index 000000000..d1b8eb757
--- /dev/null
+++ b/docs/markdoc/scroll.js
@@ -0,0 +1,64 @@
+document.addEventListener('DOMContentLoaded', () => {
+ // Wait a bit to ensure all content is loaded and rendered
+ setTimeout(() => {
+ const headings = document.querySelectorAll('[data-heading="true"]');
+ const sidebarLinks = document.querySelectorAll('[data-heading-link]');
+ const sidebar = document.querySelector('.sidebar');
+
+ const observer = new IntersectionObserver(
+ (entries) => {
+ entries.forEach((entry) => {
+ const id = entry.target.id;
+ const link = document.querySelector(`[data-heading-link="${id}"]`);
+
+ if (link) {
+ if (entry.isIntersecting) {
+ // Remove active classes from all links
+ sidebarLinks.forEach(l => {
+ l.classList.remove('active');
+ l.classList.remove('text-blue-400');
+ l.classList.remove('bg-slate-800');
+ l.classList.remove('font-medium');
+ });
+
+ // Add active classes to current link
+ link.classList.add('active');
+ link.classList.add('text-blue-400');
+ link.classList.add('bg-slate-800');
+ link.classList.add('font-medium');
+
+ // Ensure the active link is visible in the sidebar
+ const linkRect = link.getBoundingClientRect();
+ const sidebarRect = sidebar.getBoundingClientRect();
+
+ if (linkRect.top < sidebarRect.top || linkRect.bottom > sidebarRect.bottom) {
+ link.scrollIntoView({ behavior: 'smooth', block: 'center' });
+ }
+ }
+ }
+ });
+ },
+ {
+ rootMargin: '-20% 0px -60% 0px',
+ threshold: [0, 0.5, 1]
+ }
+ );
+
+ // Observe all headings
+ headings.forEach(heading => {
+ observer.observe(heading);
+ });
+
+ // Handle smooth scrolling for sidebar links
+ sidebarLinks.forEach(link => {
+ link.addEventListener('click', (e) => {
+ e.preventDefault();
+ const id = link.getAttribute('data-heading-link');
+ const element = document.getElementById(id);
+ if (element) {
+ element.scrollIntoView({ behavior: 'smooth' });
+ }
+ });
+ });
+ }, 500);
+});
diff --git a/docs/markdoc/styles.css b/docs/markdoc/styles.css
new file mode 100644
index 000000000..7a4b0c42a
--- /dev/null
+++ b/docs/markdoc/styles.css
@@ -0,0 +1,178 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* Base styles */
+body {
+ @apply bg-slate-900 text-slate-100;
+}
+
+/* Main layout */
+.content {
+ @apply max-w-4xl mx-auto px-6 pb-24 pt-8;
+ margin-right: 20rem;
+}
+
+/* Sidebar styles */
+.sidebar {
+ @apply fixed right-0 top-0 h-screen w-72 overflow-y-auto
+ bg-gradient-to-br from-slate-900/95 to-slate-800/95
+ p-6 border-l border-slate-700/50 shadow-lg backdrop-blur-sm;
+}
+
+.sidebar-link {
+ @apply block py-2 text-slate-400 hover:text-blue-400
+ transition-all duration-200 rounded-md relative
+ hover:bg-blue-500/5 px-4 mb-1;
+}
+
+.sidebar-link.active {
+ @apply text-blue-400 bg-blue-500/10 font-medium;
+}
+
+.sidebar-link.active::before {
+ content: '';
+ @apply absolute left-0 top-0 h-full w-1.5 bg-gradient-to-b from-blue-400 to-blue-500 rounded-r;
+}
+
+/* Code block styles */
+pre {
+ @apply my-6 rounded-lg overflow-x-auto
+ bg-gradient-to-br from-slate-900/95 to-slate-800/95
+ text-slate-100 border border-slate-700/50 shadow-lg
+ ring-1 ring-white/10;
+}
+
+code {
+ @apply font-mono text-sm p-5 block;
+}
+
+/* Tab styles */
+.tab-group {
+ @apply border border-slate-700/50 rounded-lg overflow-hidden mb-6
+ bg-gradient-to-br from-slate-800/90 to-slate-900/90
+ shadow-lg backdrop-blur-sm ring-1 ring-white/10;
+}
+
+.tab-list {
+ @apply flex gap-1.5 p-2.5 bg-gradient-to-br from-slate-900/90 to-slate-800/90
+ border-b border-slate-700/50;
+}
+
+.tab {
+ @apply px-4 py-2 text-sm font-medium text-slate-400
+ hover:text-slate-200 cursor-pointer transition-all duration-200
+ rounded-md hover:bg-blue-500/10 focus:outline-none focus:ring-2
+ focus:ring-blue-500/50 focus:ring-offset-2 focus:ring-offset-slate-800
+ hover:scale-[1.02] active:scale-[0.98];
+}
+
+.tab.active {
+ @apply text-blue-400 bg-gradient-to-br from-blue-500/10 to-blue-400/5
+ font-semibold shadow-sm shadow-blue-500/10 border border-blue-500/20;
+}
+
+.tab-contents {
+ @apply bg-gradient-to-br from-slate-800/95 to-slate-900/95 backdrop-blur-sm;
+}
+
+.tab-content {
+ @apply hidden;
+}
+
+.tab-content.active {
+ @apply block animate-fadeIn;
+}
+
+/* Heading styles */
+h1, h2, h3 {
+ @apply font-bold scroll-mt-16 text-slate-100;
+}
+
+h1 {
+ @apply text-3xl mt-8 mb-4;
+}
+
+h2 {
+ @apply text-2xl mt-6 mb-3;
+}
+
+h3 {
+ @apply text-xl mt-4 mb-2;
+}
+
+/* Link styles */
+a {
+ @apply text-blue-400 hover:text-blue-300 transition-colors duration-200;
+}
+
+/* Table styles */
+table {
+ @apply w-full border-collapse my-4 bg-slate-800 rounded-lg overflow-hidden border border-slate-700;
+}
+
+th {
+ @apply border-b border-slate-700 p-3 text-left bg-slate-900 text-slate-200 font-semibold;
+}
+
+td {
+ @apply border-b border-slate-700 p-3 text-left text-slate-300;
+}
+
+tr:last-child td {
+ @apply border-b-0;
+}
+
+/* Syntax highlighting tokens */
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ @apply text-slate-400;
+}
+
+.token.punctuation {
+ @apply text-slate-300;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol {
+ @apply text-cyan-300;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin {
+ @apply text-emerald-300;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+ @apply text-amber-300;
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+ @apply text-violet-300;
+}
+
+.token.function,
+.token.class-name {
+ @apply text-rose-300;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+ @apply text-orange-300;
+}
diff --git a/docs/markdoc/tabs.js b/docs/markdoc/tabs.js
new file mode 100644
index 000000000..e24261fe9
--- /dev/null
+++ b/docs/markdoc/tabs.js
@@ -0,0 +1,60 @@
+document.addEventListener('DOMContentLoaded', () => {
+ // Find all tab groups
+ const tabGroups = document.querySelectorAll('.tab-group');
+ console.log(`Found ${tabGroups.length} tab groups`);
+
+ tabGroups.forEach((group, groupIndex) => {
+ const tabs = group.querySelectorAll('.tab');
+ const tabContents = group.querySelectorAll('.tab-content');
+ console.log(`Group ${groupIndex} has ${tabs.length} tabs and ${tabContents.length} contents`);
+
+ // Add click handlers to tabs
+ tabs.forEach((tab, tabIndex) => {
+ tab.addEventListener('click', () => {
+ const groupId = tab.getAttribute('data-group');
+ const tabId = tab.getAttribute('data-tab');
+ console.log(`Clicked tab ${tabId} in group ${groupId}`);
+
+ // Remove active class from all tabs and contents in this group
+ group.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
+ group.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
+
+ // Add active class to clicked tab and its content
+ tab.classList.add('active');
+ const content = group.querySelector(`.tab-content[data-tab="${tabId}"]`);
+ if (content) {
+ content.classList.add('active');
+
+ // Trigger Prism highlight on the specific code block
+ const codeBlock = content.querySelector('code[data-prism="true"]');
+ if (window.Prism && codeBlock) {
+ window.Prism.highlightElement(codeBlock);
+ }
+ }
+ });
+ });
+
+ // Initialize first tab in each group
+ if (tabs.length > 0) {
+ const firstTab = tabs[0];
+ const firstContent = group.querySelector('.tab-content[data-tab="0"]');
+ if (firstTab && firstContent) {
+ firstTab.classList.add('active');
+ firstContent.classList.add('active');
+
+ // Initialize syntax highlighting for the first tab
+ const codeBlock = firstContent.querySelector('code[data-prism="true"]');
+ if (window.Prism && codeBlock) {
+ window.Prism.highlightElement(codeBlock);
+ }
+ }
+ }
+ });
+
+ // Initialize Prism.js for all visible code blocks
+ if (window.Prism) {
+ document.querySelectorAll('code[data-prism="true"]').forEach(block => {
+ window.Prism.highlightElement(block);
+ });
+ }
+});
diff --git a/docs/markdoc/tailwind.config.js b/docs/markdoc/tailwind.config.js
new file mode 100644
index 000000000..09c5a86ca
--- /dev/null
+++ b/docs/markdoc/tailwind.config.js
@@ -0,0 +1,37 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ content: [
+ "./template.html",
+ "./styles.css",
+ "./build.ts"
+ ],
+ theme: {
+ extend: {
+ animation: {
+ fadeIn: 'fadeIn 0.2s ease-in-out',
+ },
+ keyframes: {
+ fadeIn: {
+ '0%': { opacity: '0' },
+ '100%': { opacity: '1' },
+ },
+ },
+ typography: {
+ DEFAULT: {
+ css: {
+ maxWidth: 'none',
+ code: {
+ color: '#93c5fd',
+ '&::before': { content: '""' },
+ '&::after': { content: '""' }
+ }
+ },
+ },
+ },
+ },
+ },
+ plugins: [
+ require('@tailwindcss/typography'),
+ ],
+}
+
diff --git a/docs/markdoc/template.html b/docs/markdoc/template.html
new file mode 100644
index 000000000..95c601d88
--- /dev/null
+++ b/docs/markdoc/template.html
@@ -0,0 +1,38 @@
+
+
+
+
+
+ Zod Documentation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/markdoc/tsconfig.json b/docs/markdoc/tsconfig.json
new file mode 100644
index 000000000..8811c226d
--- /dev/null
+++ b/docs/markdoc/tsconfig.json
@@ -0,0 +1,13 @@
+{
+ "compilerOptions": {
+ "target": "ES2020",
+ "module": "NodeNext",
+ "moduleResolution": "NodeNext",
+ "esModuleInterop": true,
+ "strict": true,
+ "skipLibCheck": true,
+ "outDir": "out"
+ },
+ "include": ["*.ts"],
+ "exclude": ["node_modules"]
+}