@asafarim/design-tokens 0.3.1 → 0.3.4

package/{dist/css → css}/tokens.dark.css

@@ -1,4 +1,4 @@
-[data-theme="dark"] {
+:root {
   --asm-color-bg: #0B1220;
   --asm-color-surface: #0F172A;
   --asm-color-surface-muted: #111B2E;

package/{dist/css → css}/tokens.high-contrast.css

@@ -1,4 +1,4 @@
-[data-contrast="high"] {
+:root {
   --asm-color-bg: #000000;
   --asm-color-surface: #000000;
   --asm-color-surface-muted: #000000;

package/{dist/css → css}/tokens.light.css

@@ -1,4 +1,4 @@
-[data-theme="light"] {
+:root {
   --asm-color-bg: #F9FAFB;
   --asm-color-surface: #FFFFFF;
   --asm-color-surface-muted: #F3F4F6;

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@asafarim/design-tokens",
-  "version": "0.3.1",
+  "version": "0.3.4",
   "private": false,
-  "description": "ASafariM design tokens (TypeScript + CSS variables) with multi-theme support.",
+  "description": "ASafariM design tokens (CSS variables) with multi-theme support.",
   "license": "MIT",
   "author": "ASafariM",
   "repository": {
@@ -13,55 +13,33 @@
     "design-tokens",
     "css-variables",
     "theming",
-    "typescript",
     "react",
-    "TypeScript",
     "CSS",
     "themes",
     "asafarim"
   ],
   "type": "module",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "style": "./dist/css/index.css",
+  "style": "css/index.css",
   "files": [
-    "dist",
+    "css",
     "README.md",
     "CHANGELOG.md",
     "LICENSE"
   ],
   "sideEffects": [
-    "dist/css/*.css"
+    "css/*.css"
   ],
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    },
     "./css": {
-      "style": "./dist/css/index.css",
-      "default": "./dist/css/index.css"
-    },
-    "./dist/css/index.css": "./dist/css/index.css",
-    "./build": {
-      "types": "./dist/build/index.d.ts",
-      "import": "./dist/build/index.js",
-      "require": "./dist/build/index.cjs"
+      "style": "./css/index.css",
+      "default": "./css/index.css"
     },
+    "./css/index.css": "./css/index.css",
     "./package.json": "./package.json"
   },
-  "devDependencies": {
-    "tsup": "^8.5.0",
-    "typescript": "^5.7.2"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "peerDependencies": {
-    "typescript": ">=4.0.0"
-  },
   "engines": {
     "node": ">=16"
   },
@@ -70,9 +48,6 @@
   },
   "homepage": "https://github.com/AliSafari-IT/design-tokens#readme",
   "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "demo": "pnpm --filter design-tokens-demo dev",
-    "lint:tokens": "node -e \"import('@asafarim/design-tokens').then(m => { const r = m.validateTokens(); if (!r.ok) { console.error(r); process.exit(1); } console.log('tokens ok'); })\""
+    "demo": "pnpm --filter design-tokens-demo dev"
   }
 }

package/dist/build/index.cjs

@@ -1,166 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/build/index.ts
-var index_exports = {};
-__export(index_exports, {
-  toCssVarNames: () => toCssVarNames,
-  toCssVars: () => toCssVars,
-  toJson: () => toJson,
-  tokenPathToCssVarName: () => tokenPathToCssVarName,
-  validateTokens: () => validateTokens
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/core/utils.ts
-function isTokenLeaf(value) {
-  return typeof value === "object" && value !== null && "value" in value && "description" in value && (typeof value.value === "string" || typeof value.value === "number") && typeof value.description === "string";
-}
-function toKebabCase(input) {
-  return input.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[_\s]+/g, "-").toLowerCase();
-}
-function walkTokenTree(tree, visitor, path = []) {
-  for (const [key, value] of Object.entries(tree)) {
-    const nextPath = [...path, key];
-    if (isTokenLeaf(value)) {
-      visitor({ path: nextPath, leaf: value });
-      continue;
-    }
-    if (typeof value === "object" && value !== null) {
-      walkTokenTree(value, visitor, nextPath);
-    }
-  }
-}
-
-// src/build/toCssVars.ts
-function tokenPathToCssVarName(path) {
-  const kebabParts = path.map(toKebabCase);
-  return `--asm-${kebabParts.join("-")}`;
-}
-function toCssVars(tree) {
-  const out = {};
-  walkTokenTree(tree, ({ path, leaf }) => {
-    const cssVar = tokenPathToCssVarName(path);
-    out[cssVar] = String(leaf.value);
-  });
-  return out;
-}
-function toCssVarNames(tree) {
-  const out = {};
-  walkTokenTree(tree, ({ path }) => {
-    const dotPath = path.join(".");
-    out[dotPath] = tokenPathToCssVarName(path);
-  });
-  return out;
-}
-
-// src/build/toJson.ts
-function toJson(tree) {
-  const out = {};
-  walkTokenTree(tree, ({ path, leaf }) => {
-    const key = path.join(".");
-    if (leaf.meta) {
-      out[key] = { value: leaf.value, description: leaf.description, meta: leaf.meta };
-      return;
-    }
-    out[key] = { value: leaf.value, description: leaf.description };
-  });
-  return out;
-}
-
-// src/build/validate.ts
-var HEX_COLOR = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;
-function validateTokens(args) {
-  const errors = [];
-  const warnings = [];
-  const seenDotKeys = /* @__PURE__ */ new Set();
-  const seenCssVars = /* @__PURE__ */ new Set();
-  walkTokenTree(args.tokens, ({ path, leaf }) => {
-    const dotKey = path.join(".");
-    if (seenDotKeys.has(dotKey)) {
-      errors.push(`Duplicate token key: ${dotKey}`);
-    } else {
-      seenDotKeys.add(dotKey);
-    }
-    if (!leaf.description || leaf.description.trim().length === 0) {
-      errors.push(`Missing description for token: ${dotKey}`);
-    }
-    const cssVar = tokenPathToCssVarName(path);
-    if (!cssVar.startsWith("--asm-")) {
-      errors.push(`Invalid CSS var prefix (must be --asm-): ${cssVar}`);
-    }
-    if (seenCssVars.has(cssVar)) {
-      errors.push(`Duplicate CSS var name generated: ${cssVar} (from ${dotKey})`);
-    } else {
-      seenCssVars.add(cssVar);
-    }
-    const v = leaf.value;
-    if (typeof v === "string" && v.startsWith("#") && !HEX_COLOR.test(v)) {
-      errors.push(`Invalid hex color for ${dotKey}: ${v}`);
-    }
-  });
-  const requiredThemeVars = [
-    "--asm-color-bg",
-    "--asm-color-surface",
-    "--asm-color-text",
-    "--asm-color-border",
-    "--asm-color-button-primary-bg",
-    "--asm-color-input-border-focus",
-    "--asm-color-focus-ring",
-    "--asm-color-overlay-scrim"
-  ];
-  const themeNames = new Set(args.themes.map((t) => t.name));
-  for (const name of ["light", "dark", "high-contrast"]) {
-    if (!themeNames.has(name)) {
-      errors.push(`Missing required theme: ${name}`);
-    }
-  }
-  for (const theme of args.themes) {
-    if (theme.name !== "light" && theme.name !== "dark" && theme.name !== "high-contrast") {
-      warnings.push(`Theme has non-standard name: ${theme.name}`);
-    }
-    for (const varName of requiredThemeVars) {
-      if (!(varName in theme.tokens)) {
-        errors.push(`Theme '${theme.name}' missing required token override: ${varName}`);
-      }
-    }
-    for (const [key, value] of Object.entries(theme.tokens)) {
-      if (!key.startsWith("--asm-")) {
-        errors.push(`Theme '${theme.name}' contains non --asm- var: ${key}`);
-      }
-      if (typeof value === "string" && value.startsWith("#") && !HEX_COLOR.test(value)) {
-        errors.push(`Theme '${theme.name}' invalid hex for ${key}: ${value}`);
-      }
-    }
-  }
-  return {
-    ok: errors.length === 0,
-    errors,
-    warnings
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  toCssVarNames,
-  toCssVars,
-  toJson,
-  tokenPathToCssVarName,
-  validateTokens
-});
-//# sourceMappingURL=index.cjs.map

package/dist/build/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/build/index.ts","../../src/core/utils.ts","../../src/build/toCssVars.ts","../../src/build/toJson.ts","../../src/build/validate.ts"],"sourcesContent":["export { toCssVars, toCssVarNames, tokenPathToCssVarName } from \"./toCssVars\";\r\nexport { toJson } from \"./toJson\";\r\nexport { validateTokens } from \"./validate\";\r\nexport type { CssVarDict } from \"./toCssVars\";\r\nexport type { FlatTokenJson } from \"./toJson\";\r\n","import type { TokenLeaf, TokenTree } from \"./types\";\r\n\r\nexport function isTokenLeaf(value: unknown): value is TokenLeaf {\r\n  return (\r\n    typeof value === \"object\" &&\r\n    value !== null &&\r\n    \"value\" in value &&\r\n    \"description\" in value &&\r\n    (typeof (value as any).value === \"string\" || typeof (value as any).value === \"number\") &&\r\n    typeof (value as any).description === \"string\"\r\n  );\r\n}\r\n\r\nexport function toKebabCase(input: string): string {\r\n  return input\r\n    .replace(/([a-z0-9])([A-Z])/g, \"$1-$2\")\r\n    .replace(/[_\\s]+/g, \"-\")\r\n    .toLowerCase();\r\n}\r\n\r\nexport function joinPath(path: string[], sep = \".\"): string {\r\n  return path.filter(Boolean).join(sep);\r\n}\r\n\r\nexport function walkTokenTree(\r\n  tree: TokenTree,\r\n  visitor: (args: { path: string[]; leaf: TokenLeaf }) => void,\r\n  path: string[] = []\r\n) {\r\n  for (const [key, value] of Object.entries(tree)) {\r\n    const nextPath = [...path, key];\r\n\r\n    if (isTokenLeaf(value)) {\r\n      visitor({ path: nextPath, leaf: value });\r\n      continue;\r\n    }\r\n\r\n    if (typeof value === \"object\" && value !== null) {\r\n      walkTokenTree(value as TokenTree, visitor, nextPath);\r\n    }\r\n  }\r\n}\r\n","import type { TokenTree } from \"../core/types\";\r\nimport { toKebabCase, walkTokenTree } from \"../core/utils\";\r\n\r\nexport type CssVarDict = Record<string, string>;\r\n\r\nexport function tokenPathToCssVarName(path: string[]): string {\r\n  const kebabParts = path.map(toKebabCase);\r\n  return `--asm-${kebabParts.join(\"-\")}`;\r\n}\r\n\r\nexport function toCssVars(tree: TokenTree): CssVarDict {\r\n  const out: CssVarDict = {};\r\n\r\n  walkTokenTree(tree, ({ path, leaf }) => {\r\n    const cssVar = tokenPathToCssVarName(path);\r\n    out[cssVar] = String(leaf.value);\r\n  });\r\n\r\n  return out;\r\n}\r\n\r\nexport function toCssVarNames(tree: TokenTree): Record<string, string> {\r\n  const out: Record<string, string> = {};\r\n\r\n  walkTokenTree(tree, ({ path }) => {\r\n    const dotPath = path.join(\".\");\r\n    out[dotPath] = tokenPathToCssVarName(path);\r\n  });\r\n\r\n  return out;\r\n}\r\n","import type { TokenTree } from \"../core/types\";\r\nimport { walkTokenTree } from \"../core/utils\";\r\n\r\nexport type FlatTokenJson = Record<string, { value: string | number; description: string; meta?: Record<string, unknown> }>;\r\n\r\nexport function toJson(tree: TokenTree): FlatTokenJson {\r\n  const out: FlatTokenJson = {};\r\n\r\n  walkTokenTree(tree, ({ path, leaf }) => {\r\n    const key = path.join(\".\");\r\n    if (leaf.meta) {\r\n      out[key] = { value: leaf.value, description: leaf.description, meta: leaf.meta };\r\n      return;\r\n    }\r\n\r\n    out[key] = { value: leaf.value, description: leaf.description };\r\n  });\r\n\r\n  return out;\r\n}\r\n","import type { ThemeDefinition, TokenTree, ValidateResult } from \"../core/types\";\r\nimport { walkTokenTree } from \"../core/utils\";\r\nimport { tokenPathToCssVarName } from \"./toCssVars\";\r\n\r\nconst HEX_COLOR = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;\r\n\r\nexport function validateTokens(args: {\r\n  tokens: TokenTree;\r\n  themes: ThemeDefinition[];\r\n}): ValidateResult {\r\n  const errors: string[] = [];\r\n  const warnings: string[] = [];\r\n\r\n  const seenDotKeys = new Set<string>();\r\n  const seenCssVars = new Set<string>();\r\n\r\n  walkTokenTree(args.tokens, ({ path, leaf }) => {\r\n    const dotKey = path.join(\".\");\r\n    if (seenDotKeys.has(dotKey)) {\r\n      errors.push(`Duplicate token key: ${dotKey}`);\r\n    } else {\r\n      seenDotKeys.add(dotKey);\r\n    }\r\n\r\n    if (!leaf.description || leaf.description.trim().length === 0) {\r\n      errors.push(`Missing description for token: ${dotKey}`);\r\n    }\r\n\r\n    const cssVar = tokenPathToCssVarName(path);\r\n    if (!cssVar.startsWith(\"--asm-\")) {\r\n      errors.push(`Invalid CSS var prefix (must be --asm-): ${cssVar}`);\r\n    }\r\n\r\n    if (seenCssVars.has(cssVar)) {\r\n      errors.push(`Duplicate CSS var name generated: ${cssVar} (from ${dotKey})`);\r\n    } else {\r\n      seenCssVars.add(cssVar);\r\n    }\r\n\r\n    const v = leaf.value;\r\n    if (typeof v === \"string\" && v.startsWith(\"#\") && !HEX_COLOR.test(v)) {\r\n      errors.push(`Invalid hex color for ${dotKey}: ${v}`);\r\n    }\r\n  });\r\n\r\n  const requiredThemeVars = [\r\n    \"--asm-color-bg\",\r\n    \"--asm-color-surface\",\r\n    \"--asm-color-text\",\r\n    \"--asm-color-border\",\r\n    \"--asm-color-button-primary-bg\",\r\n    \"--asm-color-input-border-focus\",\r\n    \"--asm-color-focus-ring\",\r\n    \"--asm-color-overlay-scrim\"\r\n  ];\r\n\r\n  const themeNames = new Set(args.themes.map(t => t.name));\r\n  for (const name of [\"light\", \"dark\", \"high-contrast\"] as const) {\r\n    if (!themeNames.has(name)) {\r\n      errors.push(`Missing required theme: ${name}`);\r\n    }\r\n  }\r\n\r\n  for (const theme of args.themes) {\r\n    if (theme.name !== \"light\" && theme.name !== \"dark\" && theme.name !== \"high-contrast\") {\r\n      warnings.push(`Theme has non-standard name: ${theme.name}`);\r\n    }\r\n\r\n    for (const varName of requiredThemeVars) {\r\n      if (!(varName in theme.tokens)) {\r\n        errors.push(`Theme '${theme.name}' missing required token override: ${varName}`);\r\n      }\r\n    }\r\n\r\n    for (const [key, value] of Object.entries(theme.tokens)) {\r\n      if (!key.startsWith(\"--asm-\")) {\r\n        errors.push(`Theme '${theme.name}' contains non --asm- var: ${key}`);\r\n      }\r\n      if (typeof value === \"string\" && value.startsWith(\"#\") && !HEX_COLOR.test(value)) {\r\n        errors.push(`Theme '${theme.name}' invalid hex for ${key}: ${value}`);\r\n      }\r\n    }\r\n  }\r\n\r\n  return {\r\n    ok: errors.length === 0,\r\n    errors,\r\n    warnings\r\n  };\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/build/index.d.cts

@@ -1,30 +0,0 @@
-type ThemeName = "light" | "dark" | "high-contrast";
-type ThemeDefinition = {
-    name: ThemeName;
-    tokens: Record<string, string | number>;
-};
-type TokenTree = Record<string, unknown>;
-type ValidateResult = {
-    ok: boolean;
-    errors: string[];
-    warnings: string[];
-};
-
-type CssVarDict = Record<string, string>;
-declare function tokenPathToCssVarName(path: string[]): string;
-declare function toCssVars(tree: TokenTree): CssVarDict;
-declare function toCssVarNames(tree: TokenTree): Record<string, string>;
-
-type FlatTokenJson = Record<string, {
-    value: string | number;
-    description: string;
-    meta?: Record<string, unknown>;
-}>;
-declare function toJson(tree: TokenTree): FlatTokenJson;
-
-declare function validateTokens(args: {
-    tokens: TokenTree;
-    themes: ThemeDefinition[];
-}): ValidateResult;
-
-export { type CssVarDict, type FlatTokenJson, toCssVarNames, toCssVars, toJson, tokenPathToCssVarName, validateTokens };

package/dist/build/index.d.ts

@@ -1,30 +0,0 @@
-type ThemeName = "light" | "dark" | "high-contrast";
-type ThemeDefinition = {
-    name: ThemeName;
-    tokens: Record<string, string | number>;
-};
-type TokenTree = Record<string, unknown>;
-type ValidateResult = {
-    ok: boolean;
-    errors: string[];
-    warnings: string[];
-};
-
-type CssVarDict = Record<string, string>;
-declare function tokenPathToCssVarName(path: string[]): string;
-declare function toCssVars(tree: TokenTree): CssVarDict;
-declare function toCssVarNames(tree: TokenTree): Record<string, string>;
-
-type FlatTokenJson = Record<string, {
-    value: string | number;
-    description: string;
-    meta?: Record<string, unknown>;
-}>;
-declare function toJson(tree: TokenTree): FlatTokenJson;
-
-declare function validateTokens(args: {
-    tokens: TokenTree;
-    themes: ThemeDefinition[];
-}): ValidateResult;
-
-export { type CssVarDict, type FlatTokenJson, toCssVarNames, toCssVars, toJson, tokenPathToCssVarName, validateTokens };

package/dist/build/index.js

@@ -1,135 +0,0 @@
-// src/core/utils.ts
-function isTokenLeaf(value) {
-  return typeof value === "object" && value !== null && "value" in value && "description" in value && (typeof value.value === "string" || typeof value.value === "number") && typeof value.description === "string";
-}
-function toKebabCase(input) {
-  return input.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[_\s]+/g, "-").toLowerCase();
-}
-function walkTokenTree(tree, visitor, path = []) {
-  for (const [key, value] of Object.entries(tree)) {
-    const nextPath = [...path, key];
-    if (isTokenLeaf(value)) {
-      visitor({ path: nextPath, leaf: value });
-      continue;
-    }
-    if (typeof value === "object" && value !== null) {
-      walkTokenTree(value, visitor, nextPath);
-    }
-  }
-}
-
-// src/build/toCssVars.ts
-function tokenPathToCssVarName(path) {
-  const kebabParts = path.map(toKebabCase);
-  return `--asm-${kebabParts.join("-")}`;
-}
-function toCssVars(tree) {
-  const out = {};
-  walkTokenTree(tree, ({ path, leaf }) => {
-    const cssVar = tokenPathToCssVarName(path);
-    out[cssVar] = String(leaf.value);
-  });
-  return out;
-}
-function toCssVarNames(tree) {
-  const out = {};
-  walkTokenTree(tree, ({ path }) => {
-    const dotPath = path.join(".");
-    out[dotPath] = tokenPathToCssVarName(path);
-  });
-  return out;
-}
-
-// src/build/toJson.ts
-function toJson(tree) {
-  const out = {};
-  walkTokenTree(tree, ({ path, leaf }) => {
-    const key = path.join(".");
-    if (leaf.meta) {
-      out[key] = { value: leaf.value, description: leaf.description, meta: leaf.meta };
-      return;
-    }
-    out[key] = { value: leaf.value, description: leaf.description };
-  });
-  return out;
-}
-
-// src/build/validate.ts
-var HEX_COLOR = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;
-function validateTokens(args) {
-  const errors = [];
-  const warnings = [];
-  const seenDotKeys = /* @__PURE__ */ new Set();
-  const seenCssVars = /* @__PURE__ */ new Set();
-  walkTokenTree(args.tokens, ({ path, leaf }) => {
-    const dotKey = path.join(".");
-    if (seenDotKeys.has(dotKey)) {
-      errors.push(`Duplicate token key: ${dotKey}`);
-    } else {
-      seenDotKeys.add(dotKey);
-    }
-    if (!leaf.description || leaf.description.trim().length === 0) {
-      errors.push(`Missing description for token: ${dotKey}`);
-    }
-    const cssVar = tokenPathToCssVarName(path);
-    if (!cssVar.startsWith("--asm-")) {
-      errors.push(`Invalid CSS var prefix (must be --asm-): ${cssVar}`);
-    }
-    if (seenCssVars.has(cssVar)) {
-      errors.push(`Duplicate CSS var name generated: ${cssVar} (from ${dotKey})`);
-    } else {
-      seenCssVars.add(cssVar);
-    }
-    const v = leaf.value;
-    if (typeof v === "string" && v.startsWith("#") && !HEX_COLOR.test(v)) {
-      errors.push(`Invalid hex color for ${dotKey}: ${v}`);
-    }
-  });
-  const requiredThemeVars = [
-    "--asm-color-bg",
-    "--asm-color-surface",
-    "--asm-color-text",
-    "--asm-color-border",
-    "--asm-color-button-primary-bg",
-    "--asm-color-input-border-focus",
-    "--asm-color-focus-ring",
-    "--asm-color-overlay-scrim"
-  ];
-  const themeNames = new Set(args.themes.map((t) => t.name));
-  for (const name of ["light", "dark", "high-contrast"]) {
-    if (!themeNames.has(name)) {
-      errors.push(`Missing required theme: ${name}`);
-    }
-  }
-  for (const theme of args.themes) {
-    if (theme.name !== "light" && theme.name !== "dark" && theme.name !== "high-contrast") {
-      warnings.push(`Theme has non-standard name: ${theme.name}`);
-    }
-    for (const varName of requiredThemeVars) {
-      if (!(varName in theme.tokens)) {
-        errors.push(`Theme '${theme.name}' missing required token override: ${varName}`);
-      }
-    }
-    for (const [key, value] of Object.entries(theme.tokens)) {
-      if (!key.startsWith("--asm-")) {
-        errors.push(`Theme '${theme.name}' contains non --asm- var: ${key}`);
-      }
-      if (typeof value === "string" && value.startsWith("#") && !HEX_COLOR.test(value)) {
-        errors.push(`Theme '${theme.name}' invalid hex for ${key}: ${value}`);
-      }
-    }
-  }
-  return {
-    ok: errors.length === 0,
-    errors,
-    warnings
-  };
-}
-export {
-  toCssVarNames,
-  toCssVars,
-  toJson,
-  tokenPathToCssVarName,
-  validateTokens
-};
-//# sourceMappingURL=index.js.map

package/dist/build/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/core/utils.ts","../../src/build/toCssVars.ts","../../src/build/toJson.ts","../../src/build/validate.ts"],"sourcesContent":["import type { TokenLeaf, TokenTree } from \"./types\";\r\n\r\nexport function isTokenLeaf(value: unknown): value is TokenLeaf {\r\n  return (\r\n    typeof value === \"object\" &&\r\n    value !== null &&\r\n    \"value\" in value &&\r\n    \"description\" in value &&\r\n    (typeof (value as any).value === \"string\" || typeof (value as any).value === \"number\") &&\r\n    typeof (value as any).description === \"string\"\r\n  );\r\n}\r\n\r\nexport function toKebabCase(input: string): string {\r\n  return input\r\n    .replace(/([a-z0-9])([A-Z])/g, \"$1-$2\")\r\n    .replace(/[_\\s]+/g, \"-\")\r\n    .toLowerCase();\r\n}\r\n\r\nexport function joinPath(path: string[], sep = \".\"): string {\r\n  return path.filter(Boolean).join(sep);\r\n}\r\n\r\nexport function walkTokenTree(\r\n  tree: TokenTree,\r\n  visitor: (args: { path: string[]; leaf: TokenLeaf }) => void,\r\n  path: string[] = []\r\n) {\r\n  for (const [key, value] of Object.entries(tree)) {\r\n    const nextPath = [...path, key];\r\n\r\n    if (isTokenLeaf(value)) {\r\n      visitor({ path: nextPath, leaf: value });\r\n      continue;\r\n    }\r\n\r\n    if (typeof value === \"object\" && value !== null) {\r\n      walkTokenTree(value as TokenTree, visitor, nextPath);\r\n    }\r\n  }\r\n}\r\n","import type { TokenTree } from \"../core/types\";\r\nimport { toKebabCase, walkTokenTree } from \"../core/utils\";\r\n\r\nexport type CssVarDict = Record<string, string>;\r\n\r\nexport function tokenPathToCssVarName(path: string[]): string {\r\n  const kebabParts = path.map(toKebabCase);\r\n  return `--asm-${kebabParts.join(\"-\")}`;\r\n}\r\n\r\nexport function toCssVars(tree: TokenTree): CssVarDict {\r\n  const out: CssVarDict = {};\r\n\r\n  walkTokenTree(tree, ({ path, leaf }) => {\r\n    const cssVar = tokenPathToCssVarName(path);\r\n    out[cssVar] = String(leaf.value);\r\n  });\r\n\r\n  return out;\r\n}\r\n\r\nexport function toCssVarNames(tree: TokenTree): Record<string, string> {\r\n  const out: Record<string, string> = {};\r\n\r\n  walkTokenTree(tree, ({ path }) => {\r\n    const dotPath = path.join(\".\");\r\n    out[dotPath] = tokenPathToCssVarName(path);\r\n  });\r\n\r\n  return out;\r\n}\r\n","import type { TokenTree } from \"../core/types\";\r\nimport { walkTokenTree } from \"../core/utils\";\r\n\r\nexport type FlatTokenJson = Record<string, { value: string | number; description: string; meta?: Record<string, unknown> }>;\r\n\r\nexport function toJson(tree: TokenTree): FlatTokenJson {\r\n  const out: FlatTokenJson = {};\r\n\r\n  walkTokenTree(tree, ({ path, leaf }) => {\r\n    const key = path.join(\".\");\r\n    if (leaf.meta) {\r\n      out[key] = { value: leaf.value, description: leaf.description, meta: leaf.meta };\r\n      return;\r\n    }\r\n\r\n    out[key] = { value: leaf.value, description: leaf.description };\r\n  });\r\n\r\n  return out;\r\n}\r\n","import type { ThemeDefinition, TokenTree, ValidateResult } from \"../core/types\";\r\nimport { walkTokenTree } from \"../core/utils\";\r\nimport { tokenPathToCssVarName } from \"./toCssVars\";\r\n\r\nconst HEX_COLOR = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;\r\n\r\nexport function validateTokens(args: {\r\n  tokens: TokenTree;\r\n  themes: ThemeDefinition[];\r\n}): ValidateResult {\r\n  const errors: string[] = [];\r\n  const warnings: string[] = [];\r\n\r\n  const seenDotKeys = new Set<string>();\r\n  const seenCssVars = new Set<string>();\r\n\r\n  walkTokenTree(args.tokens, ({ path, leaf }) => {\r\n    const dotKey = path.join(\".\");\r\n    if (seenDotKeys.has(dotKey)) {\r\n      errors.push(`Duplicate token key: ${dotKey}`);\r\n    } else {\r\n      seenDotKeys.add(dotKey);\r\n    }\r\n\r\n    if (!leaf.description || leaf.description.trim().length === 0) {\r\n      errors.push(`Missing description for token: ${dotKey}`);\r\n    }\r\n\r\n    const cssVar = tokenPathToCssVarName(path);\r\n    if (!cssVar.startsWith(\"--asm-\")) {\r\n      errors.push(`Invalid CSS var prefix (must be --asm-): ${cssVar}`);\r\n    }\r\n\r\n    if (seenCssVars.has(cssVar)) {\r\n      errors.push(`Duplicate CSS var name generated: ${cssVar} (from ${dotKey})`);\r\n    } else {\r\n      seenCssVars.add(cssVar);\r\n    }\r\n\r\n    const v = leaf.value;\r\n    if (typeof v === \"string\" && v.startsWith(\"#\") && !HEX_COLOR.test(v)) {\r\n      errors.push(`Invalid hex color for ${dotKey}: ${v}`);\r\n    }\r\n  });\r\n\r\n  const requiredThemeVars = [\r\n    \"--asm-color-bg\",\r\n    \"--asm-color-surface\",\r\n    \"--asm-color-text\",\r\n    \"--asm-color-border\",\r\n    \"--asm-color-button-primary-bg\",\r\n    \"--asm-color-input-border-focus\",\r\n    \"--asm-color-focus-ring\",\r\n    \"--asm-color-overlay-scrim\"\r\n  ];\r\n\r\n  const themeNames = new Set(args.themes.map(t => t.name));\r\n  for (const name of [\"light\", \"dark\", \"high-contrast\"] as const) {\r\n    if (!themeNames.has(name)) {\r\n      errors.push(`Missing required theme: ${name}`);\r\n    }\r\n  }\r\n\r\n  for (const theme of args.themes) {\r\n    if (theme.name !== \"light\" && theme.name !== \"dark\" && theme.name !== \"high-contrast\") {\r\n      warnings.push(`Theme has non-standard name: ${theme.name}`);\r\n    }\r\n\r\n    for (const varName of requiredThemeVars) {\r\n      if (!(varName in theme.tokens)) {\r\n        errors.push(`Theme '${theme.name}' missing required token override: ${varName}`);\r\n      }\r\n    }\r\n\r\n    for (const [key, value] of Object.entries(theme.tokens)) {\r\n      if (!key.startsWith(\"--asm-\")) {\r\n        errors.push(`Theme '${theme.name}' contains non --asm- var: ${key}`);\r\n      }\r\n      if (typeof value === \"string\" && value.startsWith(\"#\") && !HEX_COLOR.test(value)) {\r\n        errors.push(`Theme '${theme.name}' invalid hex for ${key}: ${value}`);\r\n      }\r\n    }\r\n  }\r\n\r\n  return {\r\n    ok: errors.length === 0,\r\n    errors,\r\n    warnings\r\n  };\r\n}\r\n"],"mappings":"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","names":[]}