@toyonix/web-kit 0.0.0-stage → 0.1.0

package/dist/registry/build.js

@@ -0,0 +1,91 @@
+import { isReservedSlug, isRootRepo, isValidSlug } from "../slugs.js";
+import "./index.js";
+//#region src/registry/build.ts
+/**
+* Generates the registry from GitHub (spec §7). Used only by the root site at build time, e.g.
+* in app/registry.json/route.ts with `export const dynamic = "force-static"`.
+*
+* Source of truth: public, non-archived repos owned by `owner` with the `topic` topic. Per-app
+* metadata comes from the optional "toyonix" field in each repo's package.json.
+*/
+const SITE_TOPIC = "toyonix-site";
+var RegistryBuildError = class extends Error {
+	name = "RegistryBuildError";
+};
+function titleCase(slug) {
+	return slug.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+}
+async function buildRegistry(options) {
+	const { owner, topic = SITE_TOPIC, token, now = /* @__PURE__ */ new Date() } = options;
+	const doFetch = options.fetch ?? fetch;
+	const headers = {
+		accept: "application/vnd.github+json",
+		"x-github-api-version": "2022-11-28",
+		...token ? { authorization: `Bearer ${token}` } : {}
+	};
+	const repos = [];
+	for (let page = 1;; page++) {
+		const response = await doFetch(`https://api.github.com/search/repositories?q=${encodeURIComponent(`topic:${topic} user:${owner}`)}&per_page=100&page=${page}`, { headers });
+		if (!response.ok) throw new RegistryBuildError(`GitHub search failed: ${response.status} ${response.statusText}`);
+		const body = await response.json();
+		repos.push(...body.items);
+		if (body.items.length < 100 || repos.length >= body.total_count) break;
+	}
+	const sites = repos.filter((repo) => !repo.archived && !repo.fork && !repo.private && !isRootRepo(repo.name));
+	const problems = [];
+	for (const repo of sites) {
+		if (!isValidSlug(repo.name)) problems.push(`"${repo.name}" is not a lowercase-kebab slug`);
+		if (isReservedSlug(repo.name)) problems.push(`"${repo.name}" is a reserved slug`);
+	}
+	const lower = sites.map((repo) => repo.name.toLowerCase());
+	for (const [i, name] of lower.entries()) if (lower.indexOf(name) !== i) problems.push(`"${name}" appears more than once`);
+	if (problems.length) throw new RegistryBuildError(`Invalid site repos:\n- ${problems.join("\n- ")}`);
+	const apps = await Promise.all(sites.map(async (repo) => {
+		const meta = await readSiteMetadata(doFetch, headers, owner, repo);
+		return {
+			id: repo.name,
+			title: meta.title ?? titleCase(repo.name),
+			description: meta.description ?? repo.description ?? "",
+			path: `/${repo.name}/`,
+			status: meta.status ?? "live",
+			nav: meta.nav ?? true,
+			order: meta.order ?? 100
+		};
+	}));
+	apps.sort((a, b) => a.order - b.order || a.id.localeCompare(b.id));
+	return {
+		version: 1,
+		generatedAt: now.toISOString(),
+		apps
+	};
+}
+async function readSiteMetadata(doFetch, headers, owner, repo) {
+	const response = await doFetch(`https://api.github.com/repos/${owner}/${repo.name}/contents/package.json?ref=${encodeURIComponent(repo.default_branch)}`, { headers: {
+		...headers,
+		accept: "application/vnd.github.raw+json"
+	} });
+	if (response.status === 404) return {};
+	if (!response.ok) throw new RegistryBuildError(`Reading ${repo.name}/package.json failed: ${response.status}`);
+	let pkg;
+	try {
+		pkg = await response.json();
+	} catch {
+		throw new RegistryBuildError(`${repo.name}/package.json is not valid JSON`);
+	}
+	const raw = pkg.toyonix;
+	if (typeof raw !== "object" || raw === null) return {};
+	const meta = raw;
+	return {
+		title: typeof meta.title === "string" ? meta.title : void 0,
+		description: typeof meta.description === "string" ? meta.description : void 0,
+		nav: typeof meta.nav === "boolean" ? meta.nav : void 0,
+		order: typeof meta.order === "number" ? meta.order : void 0,
+		status: [
+			"live",
+			"beta",
+			"archived"
+		].includes(meta.status) ? meta.status : void 0
+	};
+}
+//#endregion
+export { RegistryBuildError, SITE_TOPIC, buildRegistry };

package/dist/registry/index.d.ts

@@ -0,0 +1,49 @@
+//#region src/registry/index.d.ts
+/**
+ * The app registry (spec §7): the list of toyonix apps, published by the root site at
+ * /registry.json and used for cross-app navigation. The schema is a frozen contract: an
+ * incompatible change is a major release and needs a new `version`.
+ */
+export declare const REGISTRY_VERSION = 1;
+/** Absolute URL of the production registry. Used at build time and in local dev. */
+export declare const REGISTRY_URL = "https://toyonix.github.io/registry.json";
+/** Path of the registry on the current origin (root-relative, NOT basePath-relative). */
+export declare const REGISTRY_PATH = "/registry.json";
+export type AppStatus = "live" | "beta" | "archived";
+export interface RegistryApp {
+  /** Repo name = URL slug. */
+  id: string;
+  title: string;
+  description: string;
+  /** "/<id>/" */
+  path: string;
+  status: AppStatus;
+  /** Whether the app appears in the shared nav. */
+  nav: boolean;
+  /** Nav sort key, ascending. */
+  order: number;
+}
+export interface Registry {
+  version: typeof REGISTRY_VERSION;
+  /** ISO 8601 timestamp of when root generated it. */
+  generatedAt: string;
+  apps: RegistryApp[];
+}
+/**
+ * Validates untrusted JSON. Returns null for anything that isn't a v1 registry. Malformed
+ * individual entries are dropped rather than failing the whole registry.
+ */
+export declare function parseRegistry(value: unknown): Registry | null;
+/** True if `candidate` was generated after `current` (or there's no current). */
+export declare function isNewerRegistry(candidate: Registry, current: Registry | null | undefined): boolean;
+/** Apps shown in the shared nav, in display order. */
+export declare function navApps(registry: Registry | null | undefined): RegistryApp[];
+/** Fetches and validates a registry. Never throws: returns null on any failure. */
+export declare function fetchRegistry(url?: string, init?: RequestInit): Promise<Registry | null>;
+/**
+ * Build-time snapshot of the production registry, baked into each app's static HTML so the
+ * nav renders complete with no layout shift. Call it from a server component (e.g. the root
+ * layout). Returns null if the registry is unreachable; the nav then fills in at runtime.
+ */
+export declare function getRegistrySnapshot(): Promise<Registry | null>;
+//#endregion

package/dist/registry/index.js

@@ -0,0 +1,84 @@
+//#region src/registry/index.ts
+/**
+* The app registry (spec §7): the list of toyonix apps, published by the root site at
+* /registry.json and used for cross-app navigation. The schema is a frozen contract: an
+* incompatible change is a major release and needs a new `version`.
+*/
+const REGISTRY_VERSION = 1;
+/** Absolute URL of the production registry. Used at build time and in local dev. */
+const REGISTRY_URL = "https://toyonix.github.io/registry.json";
+/** Path of the registry on the current origin (root-relative, NOT basePath-relative). */
+const REGISTRY_PATH = "/registry.json";
+const STATUSES = [
+	"live",
+	"beta",
+	"archived"
+];
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function parseApp(value) {
+	if (!isRecord(value)) return null;
+	const { id, title, description, path, status, nav, order } = value;
+	if (typeof id !== "string" || typeof title !== "string" || typeof path !== "string") return null;
+	return {
+		id,
+		title,
+		path,
+		description: typeof description === "string" ? description : "",
+		status: STATUSES.includes(status) ? status : "live",
+		nav: typeof nav === "boolean" ? nav : true,
+		order: typeof order === "number" && Number.isFinite(order) ? order : 100
+	};
+}
+/**
+* Validates untrusted JSON. Returns null for anything that isn't a v1 registry. Malformed
+* individual entries are dropped rather than failing the whole registry.
+*/
+function parseRegistry(value) {
+	if (!isRecord(value) || value.version !== 1) return null;
+	if (typeof value.generatedAt !== "string" || Number.isNaN(Date.parse(value.generatedAt))) return null;
+	if (!Array.isArray(value.apps)) return null;
+	const apps = value.apps.map(parseApp).filter((app) => app !== null);
+	return {
+		version: 1,
+		generatedAt: value.generatedAt,
+		apps
+	};
+}
+/** True if `candidate` was generated after `current` (or there's no current). */
+function isNewerRegistry(candidate, current) {
+	if (!current) return true;
+	return Date.parse(candidate.generatedAt) > Date.parse(current.generatedAt);
+}
+/** Apps shown in the shared nav, in display order. */
+function navApps(registry) {
+	if (!registry) return [];
+	return registry.apps.filter((app) => app.nav && app.status !== "archived").sort((a, b) => a.order - b.order || a.title.localeCompare(b.title));
+}
+/** Fetches and validates a registry. Never throws: returns null on any failure. */
+async function fetchRegistry(url = REGISTRY_PATH, init) {
+	try {
+		const response = await fetch(url, {
+			...init,
+			headers: {
+				accept: "application/json",
+				...init?.headers
+			}
+		});
+		if (!response.ok) return null;
+		return parseRegistry(await response.json());
+	} catch {
+		return null;
+	}
+}
+/**
+* Build-time snapshot of the production registry, baked into each app's static HTML so the
+* nav renders complete with no layout shift. Call it from a server component (e.g. the root
+* layout). Returns null if the registry is unreachable; the nav then fills in at runtime.
+*/
+async function getRegistrySnapshot() {
+	return fetchRegistry(REGISTRY_URL, { signal: AbortSignal.timeout(1e4) });
+}
+//#endregion
+export { REGISTRY_PATH, REGISTRY_URL, REGISTRY_VERSION, fetchRegistry, getRegistrySnapshot, isNewerRegistry, navApps, parseRegistry };

package/dist/slugs.d.ts

@@ -0,0 +1,15 @@
+//#region src/slugs.d.ts
+/**
+ * Top-level paths owned by the root site. An app repo with one of these names would collide
+ * with root, so the registry build rejects it. Adding an entry is a minor release only if no
+ * live app already uses that slug.
+ */
+export declare const RESERVED_SLUGS: readonly string[];
+/** Lowercase kebab-case, as required for repo names (repo name = URL slug = app id). */
+export declare function isValidSlug(slug: string): boolean;
+export declare function isReservedSlug(slug: string): boolean;
+/** True for the root repo (`<owner>.github.io`), which is served at `/`. */
+export declare function isRootRepo(repoName: string): boolean;
+/** Repo name → app id: "root" for `<owner>.github.io`, otherwise the repo name. */
+export declare function repoToAppId(repoName: string): string;
+//#endregion

package/dist/slugs.js

@@ -0,0 +1,37 @@
+import { ROOT_APP_ID } from "./env.js";
+//#region src/slugs.ts
+/**
+* Top-level paths owned by the root site. An app repo with one of these names would collide
+* with root, so the registry build rejects it. Adding an entry is a minor release only if no
+* live app already uses that slug.
+*/
+const RESERVED_SLUGS = Object.freeze([
+	ROOT_APP_ID,
+	"_next",
+	"404",
+	"404.html",
+	"index.html",
+	"registry.json",
+	"robots.txt",
+	"sitemap.xml",
+	"favicon.ico",
+	"assets"
+]);
+const SLUG = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
+/** Lowercase kebab-case, as required for repo names (repo name = URL slug = app id). */
+function isValidSlug(slug) {
+	return SLUG.test(slug);
+}
+function isReservedSlug(slug) {
+	return RESERVED_SLUGS.includes(slug.toLowerCase());
+}
+/** True for the root repo (`<owner>.github.io`), which is served at `/`. */
+function isRootRepo(repoName) {
+	return repoName.toLowerCase().endsWith(".github.io");
+}
+/** Repo name → app id: "root" for `<owner>.github.io`, otherwise the repo name. */
+function repoToAppId(repoName) {
+	return isRootRepo(repoName) ? ROOT_APP_ID : repoName;
+}
+//#endregion
+export { RESERVED_SLUGS, isReservedSlug, isRootRepo, isValidSlug, repoToAppId };

package/dist/storage/index.d.ts

@@ -0,0 +1,39 @@
+import { ThemePreference } from "../theme.js";
+//#region src/storage/index.d.ts
+export declare const STORAGE_PREFIX = "toyonix";
+export declare const SHARED_SCOPE = "shared";
+export declare const ENVELOPE_VERSION = 1;
+/** Cross-app settings. Adding a key is a minor release; changing a key's type is major. */
+export interface SharedKeys {
+  theme: ThemePreference;
+}
+export declare function storageKey(scope: string, key: string): string;
+export interface AppStore {
+  /** Returns the stored value, or undefined if missing/corrupt. Validate it before trusting it. */
+  get<T = unknown>(key: string): T | undefined;
+  /** Returns false if the value couldn't be written (storage disabled or full). */
+  set(key: string, value: unknown): boolean;
+  remove(key: string): void;
+  subscribe(key: string, listener: () => void): () => void;
+  /** The full storage key, e.g. "toyonix:gen:draft". */
+  key(key: string): string;
+}
+export interface SharedStore {
+  get<K extends keyof SharedKeys>(key: K): SharedKeys[K] | undefined;
+  set<K extends keyof SharedKeys>(key: K, value: SharedKeys[K]): boolean;
+  remove(key: keyof SharedKeys): void;
+  subscribe(key: keyof SharedKeys, listener: () => void): () => void;
+}
+export declare const storage: {
+  /** App-private localStorage: toyonix:<appId>:<key>. */
+  readonly app: AppStore;
+  /** App-private sessionStorage: toyonix:<appId>:<key>. */
+  readonly session: AppStore;
+  /** Cross-app settings: toyonix:shared:<key>. Only kit-defined keys. */
+  readonly shared: SharedStore;
+};
+/** IndexedDB database name for this app: "toyonix:<appId>:<name>". */
+export declare function dbName(name: string): string;
+/** Cookie path for this app ("/<slug>/", or "/" for root). Always set app cookies with it. */
+export declare function cookiePath(): string;
+//#endregion

package/dist/storage/index.js

@@ -0,0 +1,123 @@
+import { getAppId, getBasePath } from "../env.js";
+import { isThemePreference } from "../theme.js";
+//#region src/storage/index.ts
+/**
+* Namespaced browser storage (spec §6). Every toyonix app shares one origin, so all storage
+* access goes through here:
+*
+*   toyonix:shared:<key>  cross-app settings, only the keys defined in SharedKeys
+*   toyonix:<appId>:<key> app-private data
+*
+* Values are stored as JSON in a versioned envelope: { "v": 1, "data": … }.
+* Shared keys and the envelope format are frozen contracts: changing them is a major release.
+*
+* Never store secrets here: any script on the origin (any toyonix app) can read it.
+*/
+const STORAGE_PREFIX = "toyonix";
+const SHARED_SCOPE = "shared";
+const ENVELOPE_VERSION = 1;
+const SHARED_VALIDATORS = { theme: isThemePreference };
+/** Fired on window when a toyonix key changes in *this* tab (the `storage` event covers other tabs). */
+const CHANGE_EVENT = "toyonix:storage";
+const KEY_PART = /^[A-Za-z0-9._-]+$/;
+function storageKey(scope, key) {
+	if (!KEY_PART.test(scope) || !KEY_PART.test(key)) throw new Error(`Invalid storage key "${scope}:${key}": use letters, digits, ".", "_" or "-".`);
+	return `${STORAGE_PREFIX}:${scope}:${key}`;
+}
+function area(backend) {
+	try {
+		if (typeof window === "undefined") return void 0;
+		return backend === "local" ? window.localStorage : window.sessionStorage;
+	} catch {
+		return;
+	}
+}
+function readEnvelope(storage, fullKey) {
+	if (!storage) return void 0;
+	try {
+		const raw = storage.getItem(fullKey);
+		if (raw === null) return void 0;
+		const parsed = JSON.parse(raw);
+		if (parsed && typeof parsed === "object" && parsed.v === 1) return parsed.data;
+	} catch {}
+}
+function writeEnvelope(storage, fullKey, data) {
+	if (!storage) return false;
+	try {
+		const envelope = {
+			v: 1,
+			data
+		};
+		storage.setItem(fullKey, JSON.stringify(envelope));
+		notify(fullKey);
+		return true;
+	} catch {
+		return false;
+	}
+}
+function removeKey(storage, fullKey) {
+	if (!storage) return;
+	try {
+		storage.removeItem(fullKey);
+		notify(fullKey);
+	} catch {}
+}
+function notify(fullKey) {
+	if (typeof window === "undefined") return;
+	window.dispatchEvent(new CustomEvent(CHANGE_EVENT, { detail: { key: fullKey } }));
+}
+/** Calls `listener` when `fullKey` changes in this tab or another tab. Returns an unsubscribe. */
+function subscribeKey(fullKey, listener) {
+	if (typeof window === "undefined") return () => {};
+	const onStorage = (event) => {
+		if (event.key === fullKey || event.key === null) listener();
+	};
+	const onLocal = (event) => {
+		if (event.detail.key === fullKey) listener();
+	};
+	window.addEventListener("storage", onStorage);
+	window.addEventListener(CHANGE_EVENT, onLocal);
+	return () => {
+		window.removeEventListener("storage", onStorage);
+		window.removeEventListener(CHANGE_EVENT, onLocal);
+	};
+}
+function appStore(backend) {
+	const full = (key) => storageKey(getAppId(), key);
+	return {
+		get: (key) => readEnvelope(area(backend), full(key)),
+		set: (key, value) => writeEnvelope(area(backend), full(key), value),
+		remove: (key) => removeKey(area(backend), full(key)),
+		subscribe: (key, listener) => subscribeKey(full(key), listener),
+		key: full
+	};
+}
+const storage = {
+	/** App-private localStorage: toyonix:<appId>:<key>. */
+	app: appStore("local"),
+	/** App-private sessionStorage: toyonix:<appId>:<key>. */
+	session: appStore("session"),
+	/** Cross-app settings: toyonix:shared:<key>. Only kit-defined keys. */
+	shared: {
+		get(key) {
+			const value = readEnvelope(area("local"), storageKey(SHARED_SCOPE, key));
+			return SHARED_VALIDATORS[key](value) ? value : void 0;
+		},
+		set(key, value) {
+			if (!SHARED_VALIDATORS[key](value)) throw new Error(`Invalid value for shared key "${key}"`);
+			return writeEnvelope(area("local"), storageKey(SHARED_SCOPE, key), value);
+		},
+		remove: (key) => removeKey(area("local"), storageKey(SHARED_SCOPE, key)),
+		subscribe: (key, listener) => subscribeKey(storageKey(SHARED_SCOPE, key), listener)
+	}
+};
+/** IndexedDB database name for this app: "toyonix:<appId>:<name>". */
+function dbName(name) {
+	return storageKey(getAppId(), name);
+}
+/** Cookie path for this app ("/<slug>/", or "/" for root). Always set app cookies with it. */
+function cookiePath() {
+	return `${getBasePath()}/`;
+}
+//#endregion
+export { ENVELOPE_VERSION, SHARED_SCOPE, STORAGE_PREFIX, cookiePath, dbName, storage, storageKey };

package/dist/theme.d.ts

@@ -0,0 +1,19 @@
+//#region src/theme.d.ts
+/**
+ * Theme preference (light | dark | system), shared by every toyonix app through the
+ * `toyonix:shared:theme` storage key. The resolved theme is written to html[data-theme].
+ */
+export type ThemePreference = "light" | "dark" | "system";
+export type ResolvedTheme = "light" | "dark";
+export declare const THEME_PREFERENCES: readonly ThemePreference[];
+export declare function isThemePreference(value: unknown): value is ThemePreference;
+export declare function resolveTheme(preference: ThemePreference, systemPrefersDark: boolean): ResolvedTheme;
+/** Applies a resolved theme to the document (no-op outside the browser). */
+export declare function applyResolvedTheme(theme: ResolvedTheme): void;
+/**
+ * Inline script for <head> that sets html[data-theme] before first paint, so there's no flash
+ * of the wrong theme. Must stay in sync with storage's key and envelope format; it can't import
+ * anything because it runs before any bundle loads.
+ */
+export declare const THEME_SCRIPT = "(function(){var p=\"system\";try{var e=JSON.parse(localStorage.getItem(\"toyonix:shared:theme\"));if(e&&e.v===1&&(e.data===\"light\"||e.data===\"dark\"||e.data===\"system\"))p=e.data}catch(_){}try{var d=p===\"dark\"||(p===\"system\"&&matchMedia(\"(prefers-color-scheme: dark)\").matches);document.documentElement.dataset.theme=d?\"dark\":\"light\"}catch(_){}})();";
+//#endregion

package/dist/theme.js

@@ -0,0 +1,26 @@
+//#region src/theme.ts
+const THEME_PREFERENCES = [
+	"light",
+	"dark",
+	"system"
+];
+function isThemePreference(value) {
+	return value === "light" || value === "dark" || value === "system";
+}
+function resolveTheme(preference, systemPrefersDark) {
+	if (preference === "system") return systemPrefersDark ? "dark" : "light";
+	return preference;
+}
+/** Applies a resolved theme to the document (no-op outside the browser). */
+function applyResolvedTheme(theme) {
+	if (typeof document === "undefined") return;
+	document.documentElement.dataset.theme = theme;
+}
+/**
+* Inline script for <head> that sets html[data-theme] before first paint, so there's no flash
+* of the wrong theme. Must stay in sync with storage's key and envelope format; it can't import
+* anything because it runs before any bundle loads.
+*/
+const THEME_SCRIPT = `(function(){var p="system";try{var e=JSON.parse(localStorage.getItem("toyonix:shared:theme"));if(e&&e.v===1&&(e.data==="light"||e.data==="dark"||e.data==="system"))p=e.data}catch(_){}try{var d=p==="dark"||(p==="system"&&matchMedia("(prefers-color-scheme: dark)").matches);document.documentElement.dataset.theme=d?"dark":"light"}catch(_){}})();`;
+//#endregion
+export { THEME_PREFERENCES, THEME_SCRIPT, applyResolvedTheme, isThemePreference, resolveTheme };

package/package.json

@@ -1,6 +1,113 @@
 {
   "name": "@toyonix/web-kit",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.0",
+  "description": "Shared design system, components, and tooling for every toyonix static site.",
+  "license": "MIT",
+  "author": "ToYoNiX",
+  "homepage": "https://github.com/ToYoNiX/web-kit#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ToYoNiX/web-kit.git",
+    "directory": "packages/web-kit"
+  },
+  "bugs": "https://github.com/ToYoNiX/web-kit/issues",
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist",
+    "config"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./storage": {
+      "types": "./dist/storage/index.d.ts",
+      "default": "./dist/storage/index.js"
+    },
+    "./registry": {
+      "types": "./dist/registry/index.d.ts",
+      "default": "./dist/registry/index.js"
+    },
+    "./registry/build": {
+      "types": "./dist/registry/build.d.ts",
+      "default": "./dist/registry/build.js"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "default": "./dist/react/index.js"
+    },
+    "./next": {
+      "types": "./dist/next/index.d.ts",
+      "default": "./dist/next/index.js"
+    },
+    "./css": "./dist/css/index.css",
+    "./css/tokens.css": "./dist/css/tokens.css",
+    "./css/fonts.css": "./dist/css/fonts.css",
+    "./tailwind.css": "./dist/css/tailwind.css",
+    "./eslint": "./config/eslint.js",
+    "./prettier": "./config/prettier.js",
+    "./tsconfig.json": "./config/tsconfig.base.json",
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "scripts": {
+    "build": "tsdown && node scripts/build-css.mjs",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "eslint-config-next": "^16.4.2",
+    "prettier-plugin-tailwindcss": "^0.8.1",
+    "radix-ui": "^1.8.1",
+    "typescript-eslint": "^8.71.2"
+  },
+  "peerDependencies": {
+    "eslint": "^9.0.0",
+    "next": ">=16.0.0 <18.0.0",
+    "prettier": "^3.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^4.0.0",
+    "typescript": ">=5.5.0 <6.1.0"
+  },
+  "peerDependenciesMeta": {
+    "eslint": {
+      "optional": true
+    },
+    "next": {
+      "optional": true
+    },
+    "prettier": {
+      "optional": true
+    },
+    "tailwindcss": {
+      "optional": true
+    },
+    "typescript": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@fontsource-variable/newsreader": "^5.3.0",
+    "@fontsource/space-grotesk": "^5.3.0",
+    "@fontsource/space-mono": "^5.3.0",
+    "@testing-library/react": "^16.3.3",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "jsdom": "^30.1.3",
+    "next": "^16.4.2",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "tsdown": "^0.23.1",
+    "vite": "^8.3.4",
+    "vitest": "^5.0.5"
+  }
+}