@asafarim/design-tokens 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# Changelog
+
+All notable changes to `@asafarim/design-tokens` will be documented in this file.
+
+This project follows [Semantic Versioning](https://semver.org/).
+
+## 0.1.0
+
+- Initial release.
+- Added token model with strongly typed token tree.
+- Added CSS variable output (`--asm-*`) for base + light/dark/high-contrast + density + RTL.
+- Added theme helpers (`applyThemeToElement`, `prefersColorScheme`).
+- Added build helpers (`toCssVars`, `toJson`, `validateTokens`).

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 ASafariM
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,139 @@
+# @asafarim/design-tokens
+
+A production-grade design-tokens package for the ASafariM ecosystem.
+
+This package provides:
+
+- CSS variables (runtime theming) for:
+  - light / dark / high-contrast
+  - density (compact / comfortable)
+  - RTL support (logical property guidance)
+- TypeScript exports for strongly-typed token consumption
+- Programmatic theming helpers (SSR-safe)
+- Validation utilities for safe token evolution
+
+## Why design tokens
+
+Design tokens are the single source of truth for design decisions (color, typography, spacing, motion…).
+
+- **Consistency** across apps (React/Angular/Vue/vanilla)
+- **Themeability** at runtime via CSS variables
+- **Governance**: controlled evolution with semantic versioning
+
+## Install
+
+From the monorepo root (pnpm workspaces):
+
+```bash
+pnpm -C packages/design-tokens build
+```
+
+In a consuming package/app:
+
+```bash
+pnpm add @asafarim/design-tokens
+```
+
+## CSS usage (any framework)
+
+Import the CSS entrypoint once at app startup:
+
+```ts
+import "@asafarim/design-tokens/css";
+```
+
+This ships a layered CSS setup:
+
+1. `:root` base tokens (spacing, typography, motion, radii, z-index…)
+2. `[data-theme]` theme tokens (colors, surfaces)
+3. `[data-density]` density tokens
+4. `[dir="rtl"]` RTL helpers
+
+### Playground screenshots
+
+![Design tokens playground (light)](./demo/public/design-tokens-light.png)
+
+![Design tokens playground (dark)](./demo/public/design-tokens-dark.png)
+
+### Theme switching
+
+```ts
+document.documentElement.dataset.theme = "light";
+// or
+document.documentElement.dataset.theme = "dark";
+// or
+document.documentElement.dataset.contrast = "high";
+```
+
+### Density switching
+
+```ts
+document.documentElement.dataset.density = "compact";
+// or
+document.documentElement.dataset.density = "comfortable";
+```
+
+## TypeScript usage
+
+```ts
+import { tokens, themes, applyThemeToElement } from "@asafarim/design-tokens";
+
+console.log(tokens.color.brand.primary500.value); // "#3A5AFE"
+
+applyThemeToElement(document.documentElement, themes.light);
+```
+
+### Accessing CSS variable names
+
+```ts
+import { cssVarNames } from "@asafarim/design-tokens";
+
+// dot-path -> CSS var
+console.log(cssVarNames["color.brand.primary500"]); // "--asm-color-brand-primary-500"
+```
+
+## SSR safety
+
+- `prefersColorScheme()` will not crash when `window` is unavailable.
+- `applyThemeToElement()` can be used in tests or SSR hydration flows.
+
+## Client overrides (branding)
+
+You can apply partial overrides without forking the package:
+
+```ts
+import { applyThemeToElement, themes } from "@asafarim/design-tokens";
+
+applyThemeToElement(document.documentElement, themes.light, {
+  overrides: {
+    "--asm-color-brand-primary-500": "#00A3FF"
+  }
+});
+```
+
+## High-contrast + reduced motion guidance
+
+- High contrast is enabled using `[data-contrast="high"]`.
+- Reduced motion is handled via `@media (prefers-reduced-motion: reduce)` and the motion preset tokens.
+
+## Contribution rules (token governance)
+
+- **Never rename or delete** existing semantic token keys in a minor/patch release.
+- **Prefer adding** new semantic tokens, deprecating old ones with `meta.deprecated`.
+- When changing a value of an existing token:
+  - Patch: only if it’s a clear bug fix (e.g., invalid color)
+  - Minor: safe visual adjustments
+  - Major: visual/systemic shifts
+
+Run validation before publishing:
+
+```bash
+pnpm -C packages/design-tokens build
+node -e "import('@asafarim/design-tokens').then(m => console.log(m.validateTokens()))"
+```
+
+## Versioning rules
+
+- **PATCH**: bug fixes, documentation, token metadata
+- **MINOR**: additive tokens, new themes, non-breaking build changes
+- **MAJOR**: renames/removals, behavior changes in theming helpers, breaking token semantics

package/dist/build/index.cjs

@@ -0,0 +1,166 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,30 @@
+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

@@ -0,0 +1,30 @@
+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

@@ -0,0 +1,135 @@
+// 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

@@ -0,0 +1 @@
+{"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":";AAEO,SAAS,YAAY,OAAoC;AAC9D,SACE,OAAO,UAAU,YACjB,UAAU,QACV,WAAW,SACX,iBAAiB,UAChB,OAAQ,MAAc,UAAU,YAAY,OAAQ,MAAc,UAAU,aAC7E,OAAQ,MAAc,gBAAgB;AAE1C;AAEO,SAAS,YAAY,OAAuB;AACjD,SAAO,MACJ,QAAQ,sBAAsB,OAAO,EACrC,QAAQ,WAAW,GAAG,EACtB,YAAY;AACjB;AAMO,SAAS,cACd,MACA,SACA,OAAiB,CAAC,GAClB;AACA,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,IAAI,GAAG;AAC/C,UAAM,WAAW,CAAC,GAAG,MAAM,GAAG;AAE9B,QAAI,YAAY,KAAK,GAAG;AACtB,cAAQ,EAAE,MAAM,UAAU,MAAM,MAAM,CAAC;AACvC;AAAA,IACF;AAEA,QAAI,OAAO,UAAU,YAAY,UAAU,MAAM;AAC/C,oBAAc,OAAoB,SAAS,QAAQ;AAAA,IACrD;AAAA,EACF;AACF;;;ACpCO,SAAS,sBAAsB,MAAwB;AAC5D,QAAM,aAAa,KAAK,IAAI,WAAW;AACvC,SAAO,SAAS,WAAW,KAAK,GAAG,CAAC;AACtC;AAEO,SAAS,UAAU,MAA6B;AACrD,QAAM,MAAkB,CAAC;AAEzB,gBAAc,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM;AACtC,UAAM,SAAS,sBAAsB,IAAI;AACzC,QAAI,MAAM,IAAI,OAAO,KAAK,KAAK;AAAA,EACjC,CAAC;AAED,SAAO;AACT;AAEO,SAAS,cAAc,MAAyC;AACrE,QAAM,MAA8B,CAAC;AAErC,gBAAc,MAAM,CAAC,EAAE,KAAK,MAAM;AAChC,UAAM,UAAU,KAAK,KAAK,GAAG;AAC7B,QAAI,OAAO,IAAI,sBAAsB,IAAI;AAAA,EAC3C,CAAC;AAED,SAAO;AACT;;;ACzBO,SAAS,OAAO,MAAgC;AACrD,QAAM,MAAqB,CAAC;AAE5B,gBAAc,MAAM,CAAC,EAAE,MAAM,KAAK,MAAM;AACtC,UAAM,MAAM,KAAK,KAAK,GAAG;AACzB,QAAI,KAAK,MAAM;AACb,UAAI,GAAG,IAAI,EAAE,OAAO,KAAK,OAAO,aAAa,KAAK,aAAa,MAAM,KAAK,KAAK;AAC/E;AAAA,IACF;AAEA,QAAI,GAAG,IAAI,EAAE,OAAO,KAAK,OAAO,aAAa,KAAK,YAAY;AAAA,EAChE,CAAC;AAED,SAAO;AACT;;;ACfA,IAAM,YAAY;AAEX,SAAS,eAAe,MAGZ;AACjB,QAAM,SAAmB,CAAC;AAC1B,QAAM,WAAqB,CAAC;AAE5B,QAAM,cAAc,oBAAI,IAAY;AACpC,QAAM,cAAc,oBAAI,IAAY;AAEpC,gBAAc,KAAK,QAAQ,CAAC,EAAE,MAAM,KAAK,MAAM;AAC7C,UAAM,SAAS,KAAK,KAAK,GAAG;AAC5B,QAAI,YAAY,IAAI,MAAM,GAAG;AAC3B,aAAO,KAAK,wBAAwB,MAAM,EAAE;AAAA,IAC9C,OAAO;AACL,kBAAY,IAAI,MAAM;AAAA,IACxB;AAEA,QAAI,CAAC,KAAK,eAAe,KAAK,YAAY,KAAK,EAAE,WAAW,GAAG;AAC7D,aAAO,KAAK,kCAAkC,MAAM,EAAE;AAAA,IACxD;AAEA,UAAM,SAAS,sBAAsB,IAAI;AACzC,QAAI,CAAC,OAAO,WAAW,QAAQ,GAAG;AAChC,aAAO,KAAK,4CAA4C,MAAM,EAAE;AAAA,IAClE;AAEA,QAAI,YAAY,IAAI,MAAM,GAAG;AAC3B,aAAO,KAAK,qCAAqC,MAAM,UAAU,MAAM,GAAG;AAAA,IAC5E,OAAO;AACL,kBAAY,IAAI,MAAM;AAAA,IACxB;AAEA,UAAM,IAAI,KAAK;AACf,QAAI,OAAO,MAAM,YAAY,EAAE,WAAW,GAAG,KAAK,CAAC,UAAU,KAAK,CAAC,GAAG;AACpE,aAAO,KAAK,yBAAyB,MAAM,KAAK,CAAC,EAAE;AAAA,IACrD;AAAA,EACF,CAAC;AAED,QAAM,oBAAoB;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,QAAM,aAAa,IAAI,IAAI,KAAK,OAAO,IAAI,OAAK,EAAE,IAAI,CAAC;AACvD,aAAW,QAAQ,CAAC,SAAS,QAAQ,eAAe,GAAY;AAC9D,QAAI,CAAC,WAAW,IAAI,IAAI,GAAG;AACzB,aAAO,KAAK,2BAA2B,IAAI,EAAE;AAAA,IAC/C;AAAA,EACF;AAEA,aAAW,SAAS,KAAK,QAAQ;AAC/B,QAAI,MAAM,SAAS,WAAW,MAAM,SAAS,UAAU,MAAM,SAAS,iBAAiB;AACrF,eAAS,KAAK,gCAAgC,MAAM,IAAI,EAAE;AAAA,IAC5D;AAEA,eAAW,WAAW,mBAAmB;AACvC,UAAI,EAAE,WAAW,MAAM,SAAS;AAC9B,eAAO,KAAK,UAAU,MAAM,IAAI,sCAAsC,OAAO,EAAE;AAAA,MACjF;AAAA,IACF;AAEA,eAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,MAAM,MAAM,GAAG;AACvD,UAAI,CAAC,IAAI,WAAW,QAAQ,GAAG;AAC7B,eAAO,KAAK,UAAU,MAAM,IAAI,8BAA8B,GAAG,EAAE;AAAA,MACrE;AACA,UAAI,OAAO,UAAU,YAAY,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,KAAK,KAAK,GAAG;AAChF,eAAO,KAAK,UAAU,MAAM,IAAI,qBAAqB,GAAG,KAAK,KAAK,EAAE;AAAA,MACtE;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL,IAAI,OAAO,WAAW;AAAA,IACtB;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/css/index.css

@@ -0,0 +1,8 @@
+@import "./tokens.base.css";
+@import "./tokens.light.css";
+@import "./tokens.dark.css";
+@import "./tokens.high-contrast.css";
+@import "./tokens.density.compact.css";
+@import "./tokens.density.comfortable.css";
+@import "./tokens.rtl.css";
+@import "./tokens.utilities.css";