@robosophy/tokens 1.0.12 → 1.0.14

package/AGENTS.md

@@ -1,9 +1,9 @@
-# Robosophy Tokens Package Notes
-
-- Use `dist/ai-context.md` for agent-facing token rules and inventory.
-- Use `dist/tokens.md` or `dist/tokens.json` to inspect available tokens before creating UI styles.
-- Import `@robosophy/tokens/tokens.css` before using Robosophy CSS variables, unless the app imports `@robosophy/prime-theme/prime.css`.
-- In PrimeVue apps, import only `@robosophy/prime-theme/prime.css`; it already includes `@robosophy/tokens/tokens.css`.
-- Public CSS tokens use the `--rs-` prefix.
-- Do not hardcode hex colors when an equivalent Robosophy token exists.
-- Prefer semantic tokens over primitive palette tokens for component styles.
+# Robosophy Tokens Package Notes
+
+- Use `dist/ai-context.md` for agent-facing token rules and inventory.
+- Use `dist/tokens.md` or `dist/tokens.json` to inspect available tokens before creating UI styles.
+- Import `@robosophy/tokens/tokens.css` before using Robosophy CSS variables, unless the app imports `@robosophy/prime-theme/prime.css`.
+- In PrimeVue apps, import only `@robosophy/prime-theme/prime.css`; it already includes `@robosophy/tokens/tokens.css`.
+- Public CSS tokens use the `--rs-` prefix.
+- Do not hardcode hex colors when an equivalent Robosophy token exists.
+- Prefer semantic tokens over primitive palette tokens for component styles.

package/README.md

@@ -1,65 +1,65 @@
-# @robosophy/tokens
-
-Tokens de diseño de Robosophy.
-
-## Instalacion
-
-```sh
-npm install @robosophy/tokens
-```
-
-## Uso
-
-Importa `tokens.css` cuando el proyecto consume tokens directamente o usa componentes Robosophy sin `@robosophy/prime-theme`.
-
-```ts
-import "@robosophy/tokens/tokens.css";
-import { tokens } from "@robosophy/tokens";
-import tokensJson from "@robosophy/tokens/tokens.json";
-```
-
-Si la app usa `@robosophy/prime-theme`, importa solo `@robosophy/prime-theme/prime.css`: ese CSS ya importa `@robosophy/tokens/tokens.css`.
-
-Para Tailwind, agrega el artefacto de Tailwind ademas del CSS base que corresponda:
-
-```ts
-import "@robosophy/tokens/tailwind.css";
-```
-
-Los tokens CSS publicos usan el prefijo `--rs-`.
-
-```css
-.button {
-  background: var(--rs-color-button-primary);
-  color: var(--rs-color-text-button-primary);
-}
-```
-
-## Contexto para agentes de IA
-
-El paquete publica contexto dentro de `node_modules/@robosophy/tokens`. Tambien queda disponible si el proyecto instala `@robosophy/prime-theme`, porque ese paquete depende de `@robosophy/tokens`.
-
-- `AGENTS.md`: reglas cortas para agentes.
-- `dist/ai-context.md`: reglas de uso, imports y lista de tokens.
-- `dist/tokens.md`: referencia en Markdown.
-- `dist/tokens.json`: datos estructurados.
-
-Para que Codex u otros agentes tengan instrucciones a nivel proyecto, ejecuta:
-
-```sh
-npx robosophy-tokens init
-```
-
-El comando crea o actualiza una seccion marcada en `AGENTS.md` sin sobrescribir otras instrucciones del proyecto.
-
-## Referencia visual
-
-Despues de instalar el paquete, puedes abrir:
-
-```txt
-node_modules/@robosophy/tokens/dist/tokens.html
-```
-
-Tambien puedes consultar `@robosophy/tokens/tokens.md`, `@robosophy/tokens/ai-context.md` y `@robosophy/tokens/tokens.json`.
-
-La fuente de verdad está en `src/tokens.ts`. Los archivos de `dist/` son generados.
+# @robosophy/tokens
+
+Tokens de diseño de Robosophy.
+
+## Instalacion
+
+```sh
+npm install @robosophy/tokens
+```
+
+## Uso
+
+Importa `tokens.css` cuando el proyecto consume tokens directamente o usa componentes Robosophy sin `@robosophy/prime-theme`.
+
+```ts
+import "@robosophy/tokens/tokens.css";
+import { tokens } from "@robosophy/tokens";
+import tokensJson from "@robosophy/tokens/tokens.json";
+```
+
+Si la app usa `@robosophy/prime-theme`, importa solo `@robosophy/prime-theme/prime.css`: ese CSS ya importa `@robosophy/tokens/tokens.css`.
+
+Para Tailwind, agrega el artefacto de Tailwind ademas del CSS base que corresponda:
+
+```ts
+import "@robosophy/tokens/tailwind.css";
+```
+
+Los tokens CSS publicos usan el prefijo `--rs-`.
+
+```css
+.button {
+  background: var(--rs-color-button-primary);
+  color: var(--rs-color-text-button-primary);
+}
+```
+
+## Contexto para agentes de IA
+
+El paquete publica contexto dentro de `node_modules/@robosophy/tokens`. Tambien queda disponible si el proyecto instala `@robosophy/prime-theme`, porque ese paquete depende de `@robosophy/tokens`.
+
+- `AGENTS.md`: reglas cortas para agentes.
+- `dist/ai-context.md`: reglas de uso, imports y lista de tokens.
+- `dist/tokens.md`: referencia en Markdown.
+- `dist/tokens.json`: datos estructurados.
+
+Para que Codex u otros agentes tengan instrucciones a nivel proyecto, ejecuta:
+
+```sh
+npx robosophy-tokens init
+```
+
+El comando crea o actualiza una seccion marcada en `AGENTS.md` sin sobrescribir otras instrucciones del proyecto.
+
+## Referencia visual
+
+Despues de instalar el paquete, puedes abrir:
+
+```txt
+node_modules/@robosophy/tokens/dist/tokens.html
+```
+
+Tambien puedes consultar `@robosophy/tokens/tokens.md`, `@robosophy/tokens/ai-context.md` y `@robosophy/tokens/tokens.json`.
+
+La fuente de verdad está en `src/tokens.ts`. Los archivos de `dist/` son generados.

package/dist/ai-context.md

@@ -44,7 +44,7 @@ import tokensJson from "@robosophy/tokens/tokens.json";
 - `--rs-color-blue-500`: `#48A0D4`
 - `--rs-color-blue-700`: `#2A719B`
 - `--rs-color-green-100`: `#EDF7E6`
-- `--rs-color-green-500`: `#4EAE01`
+- `--rs-color-green-500`: `#4AE001`
 - `--rs-color-green-700`: `#3A8501`
 - `--rs-color-navygreen-100`: `#E5F1EA`
 - `--rs-color-navygreen-500`: `#007C2F`
@@ -100,6 +100,7 @@ import tokensJson from "@robosophy/tokens/tokens.json";
 - `--rs-color-text-button-tertiary-hover`: `var(--rs-color-blue-700)`
 - `--rs-color-icon-primary`: `var(--rs-color-blue-500)`
 - `--rs-color-icon-secondary`: `var(--rs-color-black-500)`
+- `--rs-color-icon-disabled`: `var(--rs-color-gray-500)`
 - `--rs-color-icon-button-primary`: `var(--rs-color-white-500)`
 - `--rs-color-icon-button-secondary`: `var(--rs-color-gray-600)`
 - `--rs-color-icon-button-tertiary`: `var(--rs-color-blue-500)`

package/dist/cli.js

@@ -1,83 +1,83 @@
-#!/usr/bin/env node
-import { readFile, writeFile } from "node:fs/promises";
-import { resolve } from "node:path";
-
-const startMarker = "<!-- robosophy-tokens:start -->";
-const endMarker = "<!-- robosophy-tokens:end -->";
-
-const section = `${startMarker}
-## Robosophy tokens
-
-This project uses \`@robosophy/tokens\`. When creating or editing UI:
-
-- Import \`@robosophy/tokens/tokens.css\` before using Robosophy CSS variables, unless the app imports \`@robosophy/prime-theme/prime.css\`.
-- In PrimeVue apps, import only \`@robosophy/prime-theme/prime.css\`; it already includes \`@robosophy/tokens/tokens.css\`.
-- Use public CSS variables with the \`--rs-\` prefix.
-- Do not hardcode hex colors when an equivalent Robosophy token exists.
-- Prefer semantic tokens over primitive palette tokens for component styles.
-- Check the installed token context before inventing new design values.
-
-Installed references:
-
-- \`node_modules/@robosophy/tokens/dist/ai-context.md\`
-- \`node_modules/@robosophy/tokens/dist/tokens.md\`
-- \`node_modules/@robosophy/tokens/dist/tokens.json\`
-${endMarker}`;
-
-function usage() {
-  return `Usage: robosophy-tokens init
-
-Commands:
-  init    Create or update the Robosophy section in AGENTS.md
-`;
-}
-
-async function readText(path) {
-  try {
-    return await readFile(path, "utf8");
-  } catch (error) {
-    if (error && error.code === "ENOENT") {
-      return null;
-    }
-
-    throw error;
-  }
-}
-
-function updateAgentsContent(current) {
-  if (current === null) {
-    return `# Project instructions
-
-${section}
-`;
-  }
-
-  const markerPattern = new RegExp(`${startMarker}[\\s\\S]*?${endMarker}`);
-
-  if (markerPattern.test(current)) {
-    return current.replace(markerPattern, section);
-  }
-
-  const trimmed = current.trimEnd();
-  const prefix = trimmed.length > 0 ? `${trimmed}\n\n` : "";
-
-  return `${prefix}${section}\n`;
-}
-
-async function init() {
-  const agentsPath = resolve(process.cwd(), "AGENTS.md");
-  const current = await readText(agentsPath);
-  const next = updateAgentsContent(current);
-
-  await writeFile(agentsPath, next);
-  console.log(current === null ? "Created AGENTS.md with Robosophy token context." : "Updated AGENTS.md with Robosophy token context.");
-}
-
-const [command] = process.argv.slice(2);
-
-if (command === "init") {
-  await init();
-} else {
-  console.error(usage());
-  process.exitCode = command === undefined || command === "--help" || command === "-h" ? 0 : 1;
-}
+#!/usr/bin/env node
+import { readFile, writeFile } from "node:fs/promises";
+import { resolve } from "node:path";
+
+const startMarker = "<!-- robosophy-tokens:start -->";
+const endMarker = "<!-- robosophy-tokens:end -->";
+
+const section = `${startMarker}
+## Robosophy tokens
+
+This project uses \`@robosophy/tokens\`. When creating or editing UI:
+
+- Import \`@robosophy/tokens/tokens.css\` before using Robosophy CSS variables, unless the app imports \`@robosophy/prime-theme/prime.css\`.
+- In PrimeVue apps, import only \`@robosophy/prime-theme/prime.css\`; it already includes \`@robosophy/tokens/tokens.css\`.
+- Use public CSS variables with the \`--rs-\` prefix.
+- Do not hardcode hex colors when an equivalent Robosophy token exists.
+- Prefer semantic tokens over primitive palette tokens for component styles.
+- Check the installed token context before inventing new design values.
+
+Installed references:
+
+- \`node_modules/@robosophy/tokens/dist/ai-context.md\`
+- \`node_modules/@robosophy/tokens/dist/tokens.md\`
+- \`node_modules/@robosophy/tokens/dist/tokens.json\`
+${endMarker}`;
+
+function usage() {
+  return `Usage: robosophy-tokens init
+
+Commands:
+  init    Create or update the Robosophy section in AGENTS.md
+`;
+}
+
+async function readText(path) {
+  try {
+    return await readFile(path, "utf8");
+  } catch (error) {
+    if (error && error.code === "ENOENT") {
+      return null;
+    }
+
+    throw error;
+  }
+}
+
+function updateAgentsContent(current) {
+  if (current === null) {
+    return `# Project instructions
+
+${section}
+`;
+  }
+
+  const markerPattern = new RegExp(`${startMarker}[\\s\\S]*?${endMarker}`);
+
+  if (markerPattern.test(current)) {
+    return current.replace(markerPattern, section);
+  }
+
+  const trimmed = current.trimEnd();
+  const prefix = trimmed.length > 0 ? `${trimmed}\n\n` : "";
+
+  return `${prefix}${section}\n`;
+}
+
+async function init() {
+  const agentsPath = resolve(process.cwd(), "AGENTS.md");
+  const current = await readText(agentsPath);
+  const next = updateAgentsContent(current);
+
+  await writeFile(agentsPath, next);
+  console.log(current === null ? "Created AGENTS.md with Robosophy token context." : "Updated AGENTS.md with Robosophy token context.");
+}
+
+const [command] = process.argv.slice(2);
+
+if (command === "init") {
+  await init();
+} else {
+  console.error(usage());
+  process.exitCode = command === undefined || command === "--help" || command === "-h" ? 0 : 1;
+}

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export declare const tokens: {
   readonly "color-blue-500": "#48A0D4";
   readonly "color-blue-700": "#2A719B";
   readonly "color-green-100": "#EDF7E6";
-  readonly "color-green-500": "#4EAE01";
+  readonly "color-green-500": "#4AE001";
   readonly "color-green-700": "#3A8501";
   readonly "color-navygreen-100": "#E5F1EA";
   readonly "color-navygreen-500": "#007C2F";
@@ -62,6 +62,7 @@ export declare const tokens: {
   readonly "color-text-button-tertiary-hover": "var(--rs-color-blue-700)";
   readonly "color-icon-primary": "var(--rs-color-blue-500)";
   readonly "color-icon-secondary": "var(--rs-color-black-500)";
+  readonly "color-icon-disabled": "var(--rs-color-gray-500)";
   readonly "color-icon-button-primary": "var(--rs-color-white-500)";
   readonly "color-icon-button-secondary": "var(--rs-color-gray-600)";
   readonly "color-icon-button-tertiary": "var(--rs-color-blue-500)";

package/dist/index.js

@@ -5,7 +5,7 @@ export const tokens = {
   "color-blue-500": "#48A0D4",
   "color-blue-700": "#2A719B",
   "color-green-100": "#EDF7E6",
-  "color-green-500": "#4EAE01",
+  "color-green-500": "#4AE001",
   "color-green-700": "#3A8501",
   "color-navygreen-100": "#E5F1EA",
   "color-navygreen-500": "#007C2F",
@@ -62,6 +62,7 @@ export const tokens = {
   "color-text-button-tertiary-hover": "var(--rs-color-blue-700)",
   "color-icon-primary": "var(--rs-color-blue-500)",
   "color-icon-secondary": "var(--rs-color-black-500)",
+  "color-icon-disabled": "var(--rs-color-gray-500)",
   "color-icon-button-primary": "var(--rs-color-white-500)",
   "color-icon-button-secondary": "var(--rs-color-gray-600)",
   "color-icon-button-tertiary": "var(--rs-color-blue-500)",

package/dist/tailwind-preset.js

@@ -65,6 +65,7 @@ const preset = {
                       "text-button-tertiary-hover": "var(--rs-color-text-button-tertiary-hover)",
                       "icon-primary": "var(--rs-color-icon-primary)",
                       "icon-secondary": "var(--rs-color-icon-secondary)",
+                      "icon-disabled": "var(--rs-color-icon-disabled)",
                       "icon-button-primary": "var(--rs-color-icon-button-primary)",
                       "icon-button-secondary": "var(--rs-color-icon-button-secondary)",
                       "icon-button-tertiary": "var(--rs-color-icon-button-tertiary)",

package/dist/tailwind.css

@@ -62,6 +62,7 @@
   --color-rs-text-button-tertiary-hover: var(--rs-color-text-button-tertiary-hover);
   --color-rs-icon-primary: var(--rs-color-icon-primary);
   --color-rs-icon-secondary: var(--rs-color-icon-secondary);
+  --color-rs-icon-disabled: var(--rs-color-icon-disabled);
   --color-rs-icon-button-primary: var(--rs-color-icon-button-primary);
   --color-rs-icon-button-secondary: var(--rs-color-icon-button-secondary);
   --color-rs-icon-button-tertiary: var(--rs-color-icon-button-tertiary);

package/dist/tokens.css

@@ -5,7 +5,7 @@
   --rs-color-blue-500: #48A0D4;
   --rs-color-blue-700: #2A719B;
   --rs-color-green-100: #EDF7E6;
-  --rs-color-green-500: #4EAE01;
+  --rs-color-green-500: #4AE001;
   --rs-color-green-700: #3A8501;
   --rs-color-navygreen-100: #E5F1EA;
   --rs-color-navygreen-500: #007C2F;
@@ -62,6 +62,7 @@
   --rs-color-text-button-tertiary-hover: var(--rs-color-blue-700);
   --rs-color-icon-primary: var(--rs-color-blue-500);
   --rs-color-icon-secondary: var(--rs-color-black-500);
+  --rs-color-icon-disabled: var(--rs-color-gray-500);
   --rs-color-icon-button-primary: var(--rs-color-white-500);
   --rs-color-icon-button-secondary: var(--rs-color-gray-600);
   --rs-color-icon-button-tertiary: var(--rs-color-blue-500);
@@ -179,6 +180,7 @@
   --color-text-button-tertiary-hover: var(--rs-color-text-button-tertiary-hover);
   --color-icon-primary: var(--rs-color-icon-primary);
   --color-icon-secondary: var(--rs-color-icon-secondary);
+  --color-icon-disabled: var(--rs-color-icon-disabled);
   --color-icon-button-primary: var(--rs-color-icon-button-primary);
   --color-icon-button-secondary: var(--rs-color-icon-button-secondary);
   --color-icon-button-tertiary: var(--rs-color-icon-button-tertiary);

package/dist/tokens.html

@@ -12,7 +12,7 @@
     --rs-color-blue-500: #48A0D4;
     --rs-color-blue-700: #2A719B;
     --rs-color-green-100: #EDF7E6;
-    --rs-color-green-500: #4EAE01;
+    --rs-color-green-500: #4AE001;
     --rs-color-green-700: #3A8501;
     --rs-color-navygreen-100: #E5F1EA;
     --rs-color-navygreen-500: #007C2F;
@@ -69,6 +69,7 @@
     --rs-color-text-button-tertiary-hover: var(--rs-color-blue-700);
     --rs-color-icon-primary: var(--rs-color-blue-500);
     --rs-color-icon-secondary: var(--rs-color-black-500);
+    --rs-color-icon-disabled: var(--rs-color-gray-500);
     --rs-color-icon-button-primary: var(--rs-color-white-500);
     --rs-color-icon-button-secondary: var(--rs-color-gray-600);
     --rs-color-icon-button-tertiary: var(--rs-color-blue-500);
@@ -276,7 +277,7 @@
           <tr>
             <td><span class="swatch" style="background: var(--rs-color-green-500);"></span><code>color-green-500</code></td>
             <td><code>--rs-color-green-500</code></td>
-            <td><code>#4EAE01</code></td>
+            <td><code>#4AE001</code></td>
             <td></td>
           </tr>
           <tr>
@@ -609,6 +610,12 @@
             <td><code>var(--rs-color-black-500)</code></td>
             <td></td>
           </tr>
+          <tr>
+            <td><span class="swatch" style="background: var(--rs-color-icon-disabled);"></span><code>color-icon-disabled</code></td>
+            <td><code>--rs-color-icon-disabled</code></td>
+            <td><code>var(--rs-color-gray-500)</code></td>
+            <td></td>
+          </tr>
           <tr>
             <td><span class="swatch" style="background: var(--rs-color-icon-button-primary);"></span><code>color-icon-button-primary</code></td>
             <td><code>--rs-color-icon-button-primary</code></td>

package/dist/tokens.json

@@ -27,7 +27,7 @@
   },
   "color-green-500": {
     "cssVariable": "--rs-color-green-500",
-    "value": "#4EAE01",
+    "value": "#4AE001",
     "type": "color"
   },
   "color-green-700": {
@@ -317,6 +317,11 @@
     "value": "var(--rs-color-black-500)",
     "type": "color"
   },
+  "color-icon-disabled": {
+    "cssVariable": "--rs-color-icon-disabled",
+    "value": "var(--rs-color-gray-500)",
+    "type": "color"
+  },
   "color-icon-button-primary": {
     "cssVariable": "--rs-color-icon-button-primary",
     "value": "var(--rs-color-white-500)",

package/dist/tokens.md

@@ -14,7 +14,7 @@ Public CSS variables use the `--rs-` prefix. Import `@robosophy/tokens/tokens.cs
 | `color-blue-500` | `--rs-color-blue-500` | `#48A0D4` |  |
 | `color-blue-700` | `--rs-color-blue-700` | `#2A719B` |  |
 | `color-green-100` | `--rs-color-green-100` | `#EDF7E6` |  |
-| `color-green-500` | `--rs-color-green-500` | `#4EAE01` |  |
+| `color-green-500` | `--rs-color-green-500` | `#4AE001` |  |
 | `color-green-700` | `--rs-color-green-700` | `#3A8501` |  |
 | `color-navygreen-100` | `--rs-color-navygreen-100` | `#E5F1EA` |  |
 | `color-navygreen-500` | `--rs-color-navygreen-500` | `#007C2F` |  |
@@ -70,6 +70,7 @@ Public CSS variables use the `--rs-` prefix. Import `@robosophy/tokens/tokens.cs
 | `color-text-button-tertiary-hover` | `--rs-color-text-button-tertiary-hover` | `var(--rs-color-blue-700)` |  |
 | `color-icon-primary` | `--rs-color-icon-primary` | `var(--rs-color-blue-500)` |  |
 | `color-icon-secondary` | `--rs-color-icon-secondary` | `var(--rs-color-black-500)` |  |
+| `color-icon-disabled` | `--rs-color-icon-disabled` | `var(--rs-color-gray-500)` |  |
 | `color-icon-button-primary` | `--rs-color-icon-button-primary` | `var(--rs-color-white-500)` |  |
 | `color-icon-button-secondary` | `--rs-color-icon-button-secondary` | `var(--rs-color-gray-600)` |  |
 | `color-icon-button-tertiary` | `--rs-color-icon-button-tertiary` | `var(--rs-color-blue-500)` |  |

package/package.json

@@ -1,48 +1,48 @@
-{
-  "name": "@robosophy/tokens",
-  "version": "1.0.12",
-  "private": false,
-  "license": "UNLICENSED",
-  "type": "module",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "bin": {
-    "robosophy-tokens": "./dist/cli.js"
-  },
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    },
-    "./tokens.css": "./dist/tokens.css",
-    "./tailwind.css": "./dist/tailwind.css",
-    "./tokens.json": "./dist/tokens.json",
-    "./tokens.md": "./dist/tokens.md",
-    "./tokens.html": "./dist/tokens.html",
-    "./ai-context.md": "./dist/ai-context.md",
-    "./tailwind-preset": {
-      "types": "./dist/tailwind-preset.d.ts",
-      "default": "./dist/tailwind-preset.js"
-    }
-  },
-  "files": [
-    "AGENTS.md",
-    "dist",
-    "README.md",
-    "package.json"
-  ],
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "scripts": {
-    "prepublishOnly": "npm run build",
-    "build": "tsup scripts/build-tokens.ts --format esm --platform node --out-dir .build --clean && node .build/build-tokens.js && rimraf .build",
-    "test": "node --test scripts/*.test.mjs"
-  },
-  "devDependencies": {
-    "@types/node": "^24.10.1",
-    "rimraf": "^6.0.1",
-    "tsup": "^8.5.0",
-    "typescript": "^5.9.3"
-  }
-}
+{
+  "name": "@robosophy/tokens",
+  "version": "1.0.14",
+  "private": false,
+  "license": "UNLICENSED",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "bin": {
+    "robosophy-tokens": "./dist/cli.js"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./tokens.css": "./dist/tokens.css",
+    "./tailwind.css": "./dist/tailwind.css",
+    "./tokens.json": "./dist/tokens.json",
+    "./tokens.md": "./dist/tokens.md",
+    "./tokens.html": "./dist/tokens.html",
+    "./ai-context.md": "./dist/ai-context.md",
+    "./tailwind-preset": {
+      "types": "./dist/tailwind-preset.d.ts",
+      "default": "./dist/tailwind-preset.js"
+    }
+  },
+  "files": [
+    "AGENTS.md",
+    "dist",
+    "README.md",
+    "package.json"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "prepublishOnly": "npm run build",
+    "build": "tsup scripts/build-tokens.ts --format esm --platform node --out-dir .build --clean && node .build/build-tokens.js && rimraf .build",
+    "test": "node --test scripts/*.test.mjs"
+  },
+  "devDependencies": {
+    "@types/node": "^24.10.1",
+    "rimraf": "^6.0.1",
+    "tsup": "^8.5.0",
+    "typescript": "^5.9.3"
+  }
+}