Adopt react-lib-tools

eslint.config.js

@@ -6,7 +6,12 @@ import globals from "globals";
 import tseslint from "typescript-eslint";
 
 export default tseslint.config([
-  globalIgnores(["dist", "docs", "generated", "integrations/next/.next"]),
+  globalIgnores([
+    "dist",
+    "docs",
+    "public/generated",
+    "integrations/next/.next"
+  ]),
   {
     files: ["**/*.{ts,tsx}"],
     ignores: ["**/*.example.tsx"],

index.css

@@ -1,92 +1,14 @@
+@source "node_modules/react-lib-tools";
+
 @import "tailwindcss";
+@import "react-lib-tools/styles.css";
 
 :root {
-  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-  font-size: 12px;
-
-  @media only screen and (max-width: 600px) {
-    font-size: 16px;
-  }
-
-  color-scheme: dark;
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-@keyframes background-gradient-animation {
-  0% {
-    background-position: 0% 50%;
-  }
-  50% {
-    background-position: 100% 50%;
-  }
-  100% {
-    background-position: 0% 50%;
-  }
-}
-
-#root {
-  width: 100dvw;
-  height: 100dvh;
-  overflow: auto;
-  background: linear-gradient(
-    -45deg,
-    var(--color-fuchsia-500),
-    var(--color-violet-500),
-    var(--color-fuchsia-700)
-  );
-  background-size: 400% 400%;
-  animation: background-gradient-animation 20s ease infinite;
-}
-
-* {
-  scrollbar-width: thin;
-  scrollbar-color: var(--color-slate-600) transparent;
-  outline: none;
-  transition:
-    color 0.25s ease,
-    background-color 0.25s ease,
-    border-color 0.25s ease,
-    opacity 0.25s ease,
-    outline-color 0.25s ease;
-}
-
-main {
-  [data-link],
-  a {
-    cursor: pointer;
-    color: var(--color-sky-400);
-    &:hover {
-      color: var(--color-sky-300);
-    }
-  }
-}
-
-*[data-focus] {
-  border: 2px solid transparent;
-  &:focus {
-    border: 2px solid var(--color-sky-300);
-  }
-}
-
-*[data-focus-within] {
-  border: 2px solid transparent;
-  &:focus-within {
-    border: 2px solid var(--color-sky-300);
-  }
-
-  &[data-focus-within="bold"] {
-    border-color: var(--color-sky-600);
-    &:focus-within {
-      border: 2px solid var(--color-sky-300);
-    }
-  }
-}
+  --template-gradient-color-1: var(--color-rose-700);
+  --template-gradient-color-2: var(--color-violet-800);
+  --template-gradient-color-3: var(--color-blue-700);
 
-code {
-  color: rgba(255, 255, 255, 0.8);
+  --template-focus-color-300: var(--color-sky-300);
+  --template-focus-color-400: var(--color-sky-400);
+  --template-focus-color-600: var(--color-sky-600);
 }

package.json

@@ -38,9 +38,9 @@
     "build": "pnpm run build:lib && pnpm run build:docs",
     "build:docs": "TARGET=docs vite build",
     "build:lib": "TARGET=lib vite build",
-    "compile": "pnpm run compile:code-snippets && pnpm run compile:docs",
-    "compile:code-snippets": "node --loader ts-node/esm ./scripts/compile-code-snippets.ts",
-    "compile:docs": "node --loader ts-node/esm ./scripts/compile-docs.ts",
+    "compile": "pnpm run compile:docs && pnpm run compile:examples",
+    "compile:docs": "tsx ./scripts/compile-docs",
+    "compile:examples": "tsx ./scripts/compile-examples",
     "e2e:install": "pnpm -C integrations/vite/ exec playwright install --with-deps",
     "e2e:test": "pnpm -C integrations/vite/ run test",
     "lint": "eslint .",
@@ -106,6 +106,7 @@
     "react-docgen-typescript": "^2.4.0",
     "react-dom": "^19.2.3",
     "react-error-boundary": "^6.0.0",
+    "react-lib-tools": "^0.0.6",
     "react-router-dom": "^7.6.3",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-visualizer": "^6.0.3",
@@ -116,14 +117,15 @@
     "terser": "^5.43.1",
     "ts-blank-space": "^0.6.2",
     "ts-node": "^10.9.2",
+    "tsx": "^4.21.0",
     "typescript": "~5.8.3",
     "typescript-eslint": "^8.35.1",
     "typescript-json-schema": "^0.65.1",
     "vite": "^7.0.4",
-    "vitest-fail-on-console": "^0.10.1",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-svgr": "^4.3.0",
     "vitest": "^3.2.4",
+    "vitest-fail-on-console": "^0.10.1",
     "zustand": "^5.0.7"
   }
 }