@boopdoopgoop/design-system 0.0.0-stage → 0.2.0

package/dist/index.cjs

@@ -0,0 +1,777 @@
+"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/index.ts
+var index_exports = {};
+__export(index_exports, {
+  flattenTokens: () => flattenTokens,
+  renderTheme: () => renderTheme,
+  resolveTokens: () => resolveTokens,
+  resolvedTokens: () => resolvedTokens,
+  tokenDocuments: () => tokenDocuments,
+  tokens: () => tokens
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/tokens/primitives.json
+var primitives_default = {
+  $description: "DTCG 2025.10 primitives. Colors use sRGB components in the 0\u20131 range; dimensions are CSS pixels. Product CSS is the value authority.",
+  primitive: {
+    color: {
+      $type: "color",
+      white: {
+        $value: {
+          colorSpace: "srgb",
+          components: [1, 1, 1],
+          hex: "#ffffff"
+        }
+      },
+      black: {
+        $value: {
+          colorSpace: "srgb",
+          components: [0, 0, 0],
+          hex: "#000000"
+        }
+      },
+      ink: {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.10196078431372549,
+            0.10196078431372549,
+            0.10196078431372549
+          ],
+          hex: "#1a1a1a"
+        }
+      },
+      muted: {
+        $value: {
+          colorSpace: "srgb",
+          components: [0.4, 0.4, 0.4],
+          hex: "#666666"
+        }
+      },
+      mist: {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.9568627450980393,
+            0.9568627450980393,
+            0.9490196078431372
+          ],
+          hex: "#f4f4f2"
+        }
+      },
+      line: {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.8196078431372549,
+            0.8196078431372549,
+            0.8196078431372549
+          ],
+          hex: "#d1d1d1"
+        }
+      },
+      "control-line": {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.5803921568627451,
+            0.5803921568627451,
+            0.5803921568627451
+          ],
+          hex: "#949494"
+        }
+      },
+      placeholder: {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.4627450980392157,
+            0.4627450980392157,
+            0.4627450980392157
+          ],
+          hex: "#767676"
+        }
+      },
+      signal: {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.27058823529411763,
+            0.27058823529411763,
+            0.27058823529411763
+          ],
+          hex: "#454545"
+        }
+      },
+      warning: {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.5411764705882353,
+            0.41568627450980394,
+            0.07058823529411765
+          ],
+          hex: "#8a6a12"
+        }
+      },
+      success: {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.2196078431372549,
+            0.43529411764705883,
+            0.1411764705882353
+          ],
+          hex: "#386f24"
+        }
+      },
+      danger: {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.6078431372549019,
+            0.17254901960784313,
+            0.17254901960784313
+          ],
+          hex: "#9b2c2c"
+        }
+      },
+      info: {
+        $value: {
+          colorSpace: "srgb",
+          components: [0.2, 0.3137254901960784, 0.611764705882353],
+          hex: "#33509c"
+        }
+      },
+      sage: {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.8627450980392157,
+            0.9098039215686274,
+            0.8313725490196079
+          ],
+          hex: "#dce8d4"
+        }
+      },
+      "sage-ink": {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.1843137254901961,
+            0.2901960784313726,
+            0.1607843137254902
+          ],
+          hex: "#2f4a29"
+        }
+      },
+      slate: {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.8588235294117647,
+            0.8980392156862745,
+            0.9372549019607843
+          ],
+          hex: "#dbe5ef"
+        }
+      },
+      "slate-ink": {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.19607843137254902,
+            0.2823529411764706,
+            0.3764705882352941
+          ],
+          hex: "#324860"
+        }
+      },
+      ochre: {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.9411764705882353,
+            0.8901960784313725,
+            0.7686274509803922
+          ],
+          hex: "#f0e3c4"
+        }
+      },
+      "ochre-ink": {
+        $value: {
+          colorSpace: "srgb",
+          components: [0.4, 0.2980392156862745, 0.08627450980392157],
+          hex: "#664c16"
+        }
+      },
+      clay: {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.9411764705882353,
+            0.8588235294117647,
+            0.8156862745098039
+          ],
+          hex: "#f0dbd0"
+        }
+      },
+      "clay-ink": {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.4549019607843137,
+            0.2627450980392157,
+            0.1843137254901961
+          ],
+          hex: "#74432f"
+        }
+      },
+      mauve: {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.9098039215686274,
+            0.8627450980392157,
+            0.9254901960784314
+          ],
+          hex: "#e8dcec"
+        }
+      },
+      "mauve-ink": {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.3686274509803922,
+            0.25098039215686274,
+            0.40784313725490196
+          ],
+          hex: "#5e4068"
+        }
+      },
+      stone: {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.9019607843137255,
+            0.8901960784313725,
+            0.8588235294117647
+          ],
+          hex: "#e6e3db"
+        }
+      },
+      "stone-ink": {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.30980392156862746,
+            0.2980392156862745,
+            0.2627450980392157
+          ],
+          hex: "#4f4c43"
+        }
+      },
+      paper: {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.9490196078431372,
+            0.9294117647058824,
+            0.8862745098039215
+          ],
+          hex: "#f2ede2"
+        }
+      },
+      sheet: {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.9725490196078431,
+            0.9607843137254902,
+            0.9333333333333333
+          ],
+          hex: "#f8f5ee"
+        }
+      },
+      "ink-70": {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.28627450980392155,
+            0.2784313725490196,
+            0.26666666666666666
+          ],
+          hex: "#494744"
+        }
+      },
+      "ink-35": {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.615686274509804,
+            0.6039215686274509,
+            0.5764705882352941
+          ],
+          hex: "#9d9a93"
+        }
+      },
+      "ink-18": {
+        $value: {
+          colorSpace: "srgb",
+          components: [
+            0.7764705882352941,
+            0.7607843137254902,
+            0.7254901960784313
+          ],
+          hex: "#c6c2b9"
+        }
+      },
+      yellow: {
+        $value: {
+          colorSpace: "srgb",
+          components: [1, 0.9098039215686274, 0],
+          hex: "#ffe800"
+        }
+      }
+    },
+    font: {
+      $type: "fontFamily",
+      display: {
+        $value: [
+          "Big Shoulders Display",
+          "Arial Narrow",
+          "Helvetica Neue",
+          "Arial",
+          "sans-serif"
+        ]
+      },
+      body: {
+        $value: ["Archivo", "ui-sans-serif", "system-ui", "sans-serif"]
+      },
+      mono: {
+        $value: ["Spline Sans Mono", "ui-monospace", "Menlo", "monospace"]
+      }
+    },
+    size: {
+      $type: "dimension",
+      "11": { $value: { value: 11, unit: "px" } },
+      "12": { $value: { value: 12, unit: "px" } },
+      "14": { $value: { value: 14, unit: "px" } },
+      "15": { $value: { value: 15, unit: "px" } },
+      "18": { $value: { value: 18, unit: "px" } },
+      "24": { $value: { value: 24, unit: "px" } },
+      "32": { $value: { value: 32, unit: "px" } }
+    },
+    dimension: {
+      $type: "dimension",
+      zero: { $value: { value: 0, unit: "px" } },
+      one: { $value: { value: 1, unit: "px" } },
+      two: { $value: { value: 2, unit: "px" } },
+      three: { $value: { value: 3, unit: "px" } }
+    },
+    space: {
+      $type: "dimension",
+      "4": { $value: { value: 4, unit: "px" } },
+      "6": { $value: { value: 6, unit: "px" } },
+      "8": { $value: { value: 8, unit: "px" } },
+      "10": { $value: { value: 10, unit: "px" } },
+      "12": { $value: { value: 12, unit: "px" } },
+      "16": { $value: { value: 16, unit: "px" } },
+      "20": { $value: { value: 20, unit: "px" } },
+      "24": { $value: { value: 24, unit: "px" } },
+      "32": { $value: { value: 32, unit: "px" } }
+    },
+    "component-size": {
+      $type: "dimension",
+      control: { $value: { value: 44, unit: "px" } },
+      textarea: { $value: { value: 96, unit: "px" } },
+      modal: { $value: { value: 480, unit: "px" } }
+    },
+    layer: {
+      $type: "number",
+      modal: { $value: 50 }
+    },
+    weight: {
+      $type: "fontWeight",
+      regular: { $value: 400 },
+      medium: { $value: 500 },
+      semibold: { $value: 600 },
+      bold: { $value: 700 },
+      black: { $value: 900 }
+    },
+    ratio: {
+      $type: "number",
+      display: { $value: 1 },
+      body: { $value: 1.45 },
+      copy: { $value: 1.4 },
+      label: { $value: 1.25 },
+      grain: { $value: 0.1 },
+      hover: { $value: 0.05 },
+      overlay: { $value: 0.4 },
+      disabled: { $value: 0.55 },
+      "tracking-control": { $value: 0.08 },
+      "tracking-label": { $value: 0.12 },
+      "tracking-panel": { $value: 0.14 }
+    }
+  }
+};
+
+// src/tokens/semantic.json
+var semantic_default = {
+  $description: "Semantic aliases. App chrome and risograph paper are independent named tiers, not light/dark modes. Font choices are fixed for this release.",
+  color: {
+    $type: "color",
+    app: {
+      $description: "theme.css lines 6\u201332. App chrome only.",
+      canvas: { $value: "{primitive.color.white}" },
+      paper: { $value: "{primitive.color.white}" },
+      ink: { $value: "{primitive.color.ink}" },
+      muted: { $value: "{primitive.color.muted}" },
+      mist: { $value: "{primitive.color.mist}" },
+      line: { $value: "{primitive.color.line}" },
+      "control-line": { $value: "{primitive.color.control-line}" },
+      placeholder: { $value: "{primitive.color.placeholder}" },
+      signal: { $value: "{primitive.color.signal}" },
+      "on-signal": { $value: "{primitive.color.white}" },
+      focus: { $value: "{primitive.color.ink}" },
+      warning: { $value: "{primitive.color.warning}" },
+      success: { $value: "{primitive.color.success}" },
+      danger: { $value: "{primitive.color.danger}" },
+      info: { $value: "{primitive.color.info}" },
+      "tile-sage": { $value: "{primitive.color.sage}" },
+      "tile-sage-ink": { $value: "{primitive.color.sage-ink}" },
+      "tile-slate": { $value: "{primitive.color.slate}" },
+      "tile-slate-ink": { $value: "{primitive.color.slate-ink}" },
+      "tile-ochre": { $value: "{primitive.color.ochre}" },
+      "tile-ochre-ink": { $value: "{primitive.color.ochre-ink}" },
+      "tile-clay": { $value: "{primitive.color.clay}" },
+      "tile-clay-ink": { $value: "{primitive.color.clay-ink}" },
+      "tile-mauve": { $value: "{primitive.color.mauve}" },
+      "tile-mauve-ink": { $value: "{primitive.color.mauve-ink}" },
+      "tile-stone": { $value: "{primitive.color.stone}" },
+      "tile-stone-ink": { $value: "{primitive.color.stone-ink}" }
+    },
+    riso: {
+      $description: "risograph.css lines 12\u201318. A single black drum at three densities and marker yellow.",
+      paper: { $value: "{primitive.color.paper}" },
+      sheet: { $value: "{primitive.color.sheet}" },
+      ink: { $value: "{primitive.color.black}" },
+      "ink-2": { $value: "{primitive.color.ink-70}" },
+      "tint-35": { $value: "{primitive.color.ink-35}" },
+      "tint-18": { $value: "{primitive.color.ink-18}" },
+      highlight: { $value: "{primitive.color.yellow}" }
+    }
+  },
+  font: {
+    $type: "fontFamily",
+    display: { $value: "{primitive.font.display}" },
+    body: { $value: "{primitive.font.body}" },
+    sans: { $value: "{font.body}" },
+    ui: { $value: "{font.body}" },
+    mono: { $value: "{primitive.font.mono}" }
+  },
+  text: {
+    $type: "dimension",
+    display: { $value: "{primitive.size.32}" },
+    heading: { $value: "{primitive.size.24}" },
+    body: { $value: "{primitive.size.15}" },
+    ui: { $value: "{primitive.size.14}" },
+    mono: { $value: "{primitive.size.12}" },
+    label: { $value: "{primitive.size.11}" }
+  },
+  leading: {
+    $type: "number",
+    display: { $value: "{primitive.ratio.display}" },
+    body: { $value: "{primitive.ratio.body}" },
+    ui: { $value: "{primitive.ratio.copy}" },
+    label: { $value: "{primitive.ratio.label}" }
+  },
+  "font-weight": {
+    $type: "fontWeight",
+    black: { $value: "{primitive.weight.black}" },
+    regular: { $value: "{primitive.weight.regular}" },
+    medium: { $value: "{primitive.weight.medium}" },
+    semibold: { $value: "{primitive.weight.semibold}" },
+    bold: { $value: "{primitive.weight.bold}" }
+  },
+  radius: {
+    $type: "dimension",
+    control: { $value: "{primitive.dimension.zero}" }
+  },
+  border: {
+    $type: "dimension",
+    app: { $value: "{primitive.dimension.one}" },
+    riso: { $value: "{primitive.dimension.three}" }
+  },
+  focus: {
+    $type: "dimension",
+    "app-width": { $value: "{primitive.dimension.two}" },
+    "app-offset": { $value: "{primitive.dimension.two}" },
+    "riso-width": { $value: "{primitive.dimension.three}" },
+    "riso-offset": { $value: "{primitive.dimension.three}" }
+  },
+  space: {
+    $type: "dimension",
+    xs: { $value: "{primitive.space.4}" },
+    hint: { $value: "{primitive.space.6}" },
+    sm: { $value: "{primitive.space.8}" },
+    "tag-inline": { $value: "{primitive.space.10}" },
+    md: { $value: "{primitive.space.12}" },
+    lg: { $value: "{primitive.space.16}" },
+    panel: { $value: "{primitive.space.20}" },
+    modal: { $value: "{primitive.space.24}" },
+    viewport: { $value: "{primitive.space.32}" }
+  },
+  size: {
+    $type: "dimension",
+    control: { $value: "{primitive.component-size.control}" },
+    icon: { $value: "{primitive.size.12}" },
+    "close-icon": { $value: "{primitive.size.14}" },
+    close: { $value: "{primitive.size.32}" },
+    textarea: { $value: "{primitive.component-size.textarea}" },
+    modal: { $value: "{primitive.component-size.modal}" }
+  },
+  layer: {
+    $type: "number",
+    modal: { $value: "{primitive.layer.modal}" }
+  },
+  tracking: {
+    $type: "number",
+    control: { $value: "{primitive.ratio.tracking-control}" },
+    label: { $value: "{primitive.ratio.tracking-label}" },
+    panel: { $value: "{primitive.ratio.tracking-panel}" }
+  },
+  opacity: {
+    $type: "number",
+    "riso-grain": { $value: "{primitive.ratio.grain}" },
+    hover: { $value: "{primitive.ratio.hover}" },
+    overlay: { $value: "{primitive.ratio.overlay}" },
+    disabled: { $value: "{primitive.ratio.disabled}" },
+    "disabled-close": { $value: "{primitive.ratio.overlay}" }
+  }
+};
+
+// src/token-engine.ts
+var types = /* @__PURE__ */ new Set([
+  "color",
+  "dimension",
+  "fontFamily",
+  "fontWeight",
+  "number"
+]);
+var reference = /^\{([^{}]+)\}$/;
+function object(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function flattenTokens(...documents) {
+  const result = {};
+  function visit(node, path, inherited) {
+    if (!object(node))
+      throw new Error(`Invalid token group: ${path.join(".")}`);
+    const type = node.$type ?? inherited;
+    if ("$value" in node) {
+      const name = path.join(".");
+      if (!name || !types.has(type))
+        throw new Error(`Unsupported type: ${name}`);
+      if (name in result) throw new Error(`Duplicate token: ${name}`);
+      result[name] = {
+        $type: type,
+        $value: node.$value,
+        ...typeof node.$description === "string" ? { $description: node.$description } : {}
+      };
+      return;
+    }
+    for (const [key, child] of Object.entries(node)) {
+      if (key.startsWith("$")) continue;
+      if (!/^[a-z0-9-]+$/.test(key))
+        throw new Error(`Invalid token key: ${key}`);
+      visit(child, [...path, key], type);
+    }
+  }
+  for (const document of documents) visit(document, []);
+  return result;
+}
+function serialize(type, value, path) {
+  const fail = () => {
+    throw new Error(`Invalid ${type} value: ${path}`);
+  };
+  switch (type) {
+    case "color": {
+      if (!object(value) || value.colorSpace !== "srgb") return fail();
+      const components = value.components;
+      if (!Array.isArray(components) || components.length !== 3 || !components.every(
+        (n) => typeof n === "number" && Number.isFinite(n) && n >= 0 && n <= 1
+      ))
+        return fail();
+      const alpha = value.alpha ?? 1;
+      if (typeof alpha !== "number" || !Number.isFinite(alpha) || alpha < 0 || alpha > 1)
+        return fail();
+      const hex = `#${components.map(
+        (n) => Math.round(n * 255).toString(16).padStart(2, "0")
+      ).join("")}`;
+      if (value.hex !== void 0 && value.hex !== hex) return fail();
+      return alpha === 1 ? hex : `rgb(${components.map((n) => Math.round(n * 255)).join(" ")} / ${alpha})`;
+    }
+    case "dimension":
+      if (!object(value) || typeof value.value !== "number" || !Number.isFinite(value.value) || !["px", "rem"].includes(String(value.unit)))
+        return fail();
+      return `${value.value}${value.unit}`;
+    case "fontFamily": {
+      const families = typeof value === "string" ? [value] : value;
+      if (!Array.isArray(families) || !families.length || !families.every(
+        (family) => typeof family === "string" && /^[a-zA-Z0-9 -]+$/.test(family)
+      ))
+        return fail();
+      const generic = /* @__PURE__ */ new Set([
+        "serif",
+        "sans-serif",
+        "monospace",
+        "system-ui",
+        "ui-serif",
+        "ui-sans-serif",
+        "ui-monospace"
+      ]);
+      return families.map((family) => generic.has(family) ? family : `"${family}"`).join(", ");
+    }
+    case "fontWeight":
+      if (typeof value !== "number" || !Number.isFinite(value) || value < 1 || value > 1e3)
+        return fail();
+      return String(value);
+    case "number":
+      if (typeof value !== "number" || !Number.isFinite(value)) return fail();
+      return String(value);
+  }
+}
+function resolveTokens(tokens2) {
+  const resolved = {};
+  const visiting = /* @__PURE__ */ new Set();
+  const names = /* @__PURE__ */ new Set();
+  function resolve(path) {
+    if (resolved[path]) return resolved[path];
+    const token = tokens2[path];
+    if (!token) throw new Error(`Missing alias target: ${path}`);
+    if (visiting.has(path)) throw new Error(`Circular alias: ${path}`);
+    visiting.add(path);
+    let value = token.$value;
+    const match = typeof value === "string" ? reference.exec(value) : null;
+    if (match) {
+      const target = resolve(match[1]);
+      if (target.$type !== token.$type)
+        throw new Error(`Alias type mismatch: ${path}`);
+      value = target.$value;
+    }
+    const cssName = `--ds-${path.replaceAll(".", "-")}`;
+    if (names.has(cssName)) throw new Error(`CSS name collision: ${cssName}`);
+    names.add(cssName);
+    const entry = {
+      ...token,
+      $value: value,
+      path,
+      cssName,
+      cssValue: serialize(token.$type, value, path)
+    };
+    resolved[path] = entry;
+    visiting.delete(path);
+    return entry;
+  }
+  for (const path of Object.keys(tokens2).sort()) resolve(path);
+  return resolved;
+}
+var commonRoles = {
+  canvas: ["canvas", "paper"],
+  paper: ["paper", "paper"],
+  sheet: ["paper", "sheet"],
+  ink: ["ink", "ink"],
+  muted: ["muted", "ink-2"],
+  line: ["line", "tint-18"],
+  "control-line": ["control-line", "ink"],
+  placeholder: ["placeholder", "tint-35"],
+  signal: ["signal", "ink"],
+  "on-signal": ["on-signal", "paper"],
+  focus: ["focus", "ink"]
+};
+function renderTheme(tokens2) {
+  const resolved = resolveTokens(tokens2);
+  const entries = Object.entries(resolved).sort(
+    ([a], [b]) => a.localeCompare(b, "en")
+  );
+  function declaration(path) {
+    const token = tokens2[path];
+    const match = typeof token.$value === "string" ? reference.exec(token.$value) : null;
+    return match ? `var(${resolved[match[1]].cssName})` : resolved[path].cssValue;
+  }
+  function roles(tier) {
+    return Object.entries(commonRoles).map(([role, targets]) => {
+      const path = `color.${tier}.${targets[tier === "app" ? 0 : 1]}`;
+      if (!resolved[path]) throw new Error(`Missing tier role: ${path}`);
+      return `  --ds-color-${role}: var(${resolved[path].cssName});`;
+    });
+  }
+  const theme = entries.filter(
+    ([path]) => /^(color|font|text|leading|font-weight|radius)\./.test(path)
+  ).map(
+    ([path, token]) => `  --${path.replaceAll(".", "-")}: var(${token.cssName});`
+  );
+  theme.push(
+    ...Object.keys(commonRoles).map(
+      (role) => `  --color-${role}: var(--ds-color-${role});`
+    )
+  );
+  return [
+    "/* Generated from src/tokens/*.json. Run pnpm generate; do not edit. */",
+    ":root {",
+    ...entries.map(
+      ([path, token]) => `  ${token.cssName}: ${declaration(path)};`
+    ),
+    ...roles("app"),
+    "}",
+    "",
+    '[data-intangibility-tier="app"] {',
+    ...roles("app"),
+    "}",
+    "",
+    '[data-intangibility-tier="riso"] {',
+    ...roles("riso"),
+    "}",
+    "",
+    "/* Inline utilities resolve scoped roles on the consuming element. */",
+    "@theme inline static {",
+    ...theme,
+    "}",
+    ""
+  ].join("\n");
+}
+
+// src/index.ts
+var tokenDocuments = { primitives: primitives_default, semantic: semantic_default };
+var tokens = flattenTokens(primitives_default, semantic_default);
+var resolvedTokens = resolveTokens(tokens);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  flattenTokens,
+  renderTheme,
+  resolveTokens,
+  resolvedTokens,
+  tokenDocuments,
+  tokens
+});
+//# sourceMappingURL=index.cjs.map