@design-parity/catalog-export 0.1.20

package/README.md

@@ -0,0 +1,77 @@
+# @design-parity/catalog-export
+
+Turn a rendered Compose **component system** into an importable **design-artifact
+catalog** — the code → design-tool direction of design-parity.
+
+Where the rest of design-parity proves a PR is at parity with a design, this
+package goes the other way: it takes a whole component system (Compose M3, Wear
+Compose M3, Glimmer, Glance, …), rendered by the upstream
+[`compose-preview`](https://github.com/yschimke/compose-ai-tools) CLI, and lays
+it out as a **sticker sheet** designers can import into Figma, Google Stitch, or
+Claude Design.
+
+The pipeline is **code-led**: every value comes from the renderer's own data
+products, so the catalog is correct by construction. Published design kits are
+seed/reference only — see
+[`docs/design-artifacts/REFERENCE_KITS.md`](../../docs/design-artifacts/REFERENCE_KITS.md).
+
+## What it produces
+
+For each component, in its primary modes (state × theme × size):
+
+- **Two variants** — the `ideal` render (the capture PNG) and the `layout`
+  render (the `compose/semantics-wireframe` bordered view, so padding / gaps /
+  structure are visible).
+- **A greenline layer** — accessibility annotations anchored to the render:
+  *issue* greenlines from the renderer's a11y / contrast / i18n findings, and
+  `info` *spec* greenlines documenting each interactive node's role and measured
+  touch-target size.
+- **A token set** — the system's resolved `colors` / `typography` / `radius`
+  (shapes), exported as a W3C **DTCG** file plus a **Figma variable-collection**
+  projection (light/dark as modes).
+
+The on-disk bundle is a superset of the `@design-parity/adapter-bundle`
+`manifest.json`, so a catalog round-trips back through the parity flow.
+
+## Use
+
+```ts
+import {
+  buildCatalog,
+  writeCatalog,
+  type ComponentSource,
+} from "@design-parity/catalog-export";
+
+// `sources` are normalized via @design-parity/candidate's data-product mappers
+// (nativeFindings, semanticsToSemanticTree, composeThemeToTokens).
+const catalog = buildCatalog(
+  { system: "compose-m3", title: "Compose Material 3" },
+  sources satisfies ComponentSource[],
+);
+
+await writeCatalog(catalog, ".design-artifacts/compose-m3", {
+  sourceRoot: "build/compose-previews",
+});
+```
+
+Output:
+
+```
+catalog.json            # the index: provenance, components, variants, greenlines
+tokens.dtcg.json        # the system token set (W3C DTCG)
+figma-variables.json    # Figma variable-collection projection
+images/<component>/<variant>__<state>[__theme][__size].png
+```
+
+## Layout
+
+| Module | Role |
+| --- | --- |
+| `types.ts` | The `Catalog` / `CatalogComponent` / `Greenline` model. |
+| `ingest.ts` | `buildCatalog` / `buildComponent` from normalized inputs. |
+| `greenlines.ts` | Findings + semantics → the greenline annotation layer. |
+| `manifest.ts` | The pure `catalog.json` builder (paths only, no I/O). |
+| `figma.ts` | `DesignTokens` → a Figma variable collection. |
+| `write.ts` | The one I/O step: materialize the bundle to disk. |
+
+Depends only on `@design-parity/core`.

package/dist/figma.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Figma variables export — the "Figma second" target.
+ *
+ * The neutral DTCG file (see `dtcg.ts`) is the portable token export; this is
+ * the Figma-shaped projection of the same {@link DesignTokens}, ready to create
+ * a local **variable collection** (the structure the Figma plugin / REST
+ * `POST variables` endpoint consumes). Colours become `COLOR` variables, corner
+ * radii and spacing become `FLOAT` variables; typography is left to text styles
+ * (Figma has no composite type variable).
+ *
+ * Light/dark are expressed as Figma **modes**: a colour token keyed
+ * `<name>.<mode>` (the suffix `@design-parity/core` uses for themed palettes)
+ * contributes its value under that mode; an un-suffixed token applies to every
+ * mode. Pure data — the caller serializes or hands it to a writer.
+ */
+import type { DesignTokens } from "@design-parity/core";
+export type FigmaVariableType = "COLOR" | "FLOAT" | "STRING" | "BOOLEAN";
+/** One Figma variable: a value per mode id. */
+export interface FigmaVariable {
+    name: string;
+    resolvedType: FigmaVariableType;
+    /** Value keyed by mode id; a single `"value"` mode when the token isn't themed. */
+    valuesByMode: Record<string, string | number>;
+}
+/** A Figma variable collection (a design system) with its modes. */
+export interface FigmaVariableCollection {
+    name: string;
+    /** Mode id → human mode name (`"light"`, `"dark"`, or the default `"value"`). */
+    modes: Record<string, string>;
+    defaultModeId: string;
+    variables: FigmaVariable[];
+}
+/**
+ * Project a {@link DesignTokens} bag onto a {@link FigmaVariableCollection}.
+ *
+ * @param name collection name (usually the catalog title).
+ */
+export declare function toFigmaVariables(tokens: DesignTokens, name: string): FigmaVariableCollection;
+//# sourceMappingURL=figma.d.ts.map

package/dist/figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"figma.d.ts","sourceRoot":"","sources":["../src/figma.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEzE,+CAA+C;AAC/C,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,iBAAiB,CAAC;IAChC,mFAAmF;IACnF,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;CAC/C;AAED,oEAAoE;AACpE,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,iFAAiF;IACjF,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,aAAa,EAAE,CAAC;CAC5B;AAaD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,YAAY,EACpB,IAAI,EAAE,MAAM,GACX,uBAAuB,CAiDzB"}

package/dist/figma.js

@@ -0,0 +1,68 @@
+const DEFAULT_MODE = "value";
+/** Split a `"name.mode"` token key into its base name and optional mode. */
+function splitMode(key) {
+    const dot = key.lastIndexOf(".");
+    if (dot <= 0 || dot === key.length - 1)
+        return { name: key };
+    const mode = key.slice(dot + 1);
+    if (mode === "light" || mode === "dark")
+        return { name: key.slice(0, dot), mode };
+    return { name: key };
+}
+/**
+ * Project a {@link DesignTokens} bag onto a {@link FigmaVariableCollection}.
+ *
+ * @param name collection name (usually the catalog title).
+ */
+export function toFigmaVariables(tokens, name) {
+    // Discover the modes present across colour keys; default to a single mode.
+    const modeIds = new Set();
+    for (const key of Object.keys(tokens.colors ?? {})) {
+        const { mode } = splitMode(key);
+        if (mode)
+            modeIds.add(mode);
+    }
+    const themed = modeIds.size > 0;
+    const modes = themed
+        ? Object.fromEntries([...modeIds].sort().map((m) => [m, m]))
+        : { [DEFAULT_MODE]: "Value" };
+    const defaultModeId = themed
+        ? (modes["light"] !== undefined ? "light" : [...modeIds].sort()[0])
+        : DEFAULT_MODE;
+    const allModes = Object.keys(modes);
+    // Merge themed colour keys (`name.light`, `name.dark`) into one variable.
+    const colorVars = new Map();
+    for (const [key, value] of Object.entries(tokens.colors ?? {})) {
+        const { name: base, mode } = splitMode(key);
+        let variable = colorVars.get(base);
+        if (!variable) {
+            variable = { name: `color/${base}`, resolvedType: "COLOR", valuesByMode: {} };
+            colorVars.set(base, variable);
+        }
+        if (mode) {
+            variable.valuesByMode[mode] = value;
+        }
+        else {
+            for (const m of allModes)
+                variable.valuesByMode[m] = value;
+        }
+    }
+    const floatVars = [];
+    const addFloats = (bag, prefix) => {
+        for (const [key, value] of Object.entries(bag ?? {})) {
+            const valuesByMode = {};
+            for (const m of allModes)
+                valuesByMode[m] = value;
+            floatVars.push({ name: `${prefix}/${key}`, resolvedType: "FLOAT", valuesByMode });
+        }
+    };
+    addFloats(tokens.radius, "radius");
+    addFloats(tokens.spacing, "spacing");
+    return {
+        name,
+        modes,
+        defaultModeId,
+        variables: [...colorVars.values(), ...floatVars],
+    };
+}
+//# sourceMappingURL=figma.js.map

package/dist/figma.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"figma.js","sourceRoot":"","sources":["../src/figma.ts"],"names":[],"mappings":"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"}

package/dist/greenlines.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Build the accessibility **greenline** layer for a component.
+ *
+ * Two sources feed it:
+ *
+ * 1. **Issue greenlines** — the renderer's a11y/contrast/i18n {@link Finding}s
+ *    (from `@design-parity/candidate`'s `nativeFindings`, or
+ *    `@design-parity/checks`). Each becomes a greenline at the finding's bounds.
+ * 2. **Spec greenlines** — `info`-level annotations walked from the
+ *    {@link SemanticTree}: every interactive node is annotated with its role and
+ *    measured size, so the sheet documents the touch-target contract even when
+ *    nothing fails. A node already covered by an issue greenline at the same
+ *    bounds is not duplicated.
+ *
+ * Pure functions over core types — no I/O, trivially testable.
+ */
+import type { Finding, SemanticTree } from "@design-parity/core";
+import type { Greenline } from "./types.js";
+/**
+ * Roles that must meet the touch-target contract. Mirrors
+ * `@design-parity/checks` `INTERACTIVE_ROLES` (kept inline so this package
+ * depends on `core` only).
+ */
+export declare const INTERACTIVE_ROLES: readonly string[];
+/** WCAG 2.5.8 / Material minimum touch target, in dp. */
+export declare const MIN_TOUCH_TARGET_DP = 48;
+/** Map one renderer {@link Finding} to an issue {@link Greenline}. */
+export declare function findingToGreenline(finding: Finding): Greenline;
+/** Map a component's findings to issue greenlines, in finding order. */
+export declare function findingsToGreenlines(findings: readonly Finding[]): Greenline[];
+/**
+ * Walk a {@link SemanticTree} and emit a spec greenline for every interactive
+ * node — its role, and its bounds when known — at `info` severity. These
+ * document the touch-target contract; the writer/board renders them in the same
+ * green annotation style as the issue greenlines, just non-blocking.
+ */
+export declare function specGreenlines(tree: SemanticTree | undefined): Greenline[];
+/**
+ * The full greenline layer for a component: issue greenlines first (they lead),
+ * then spec greenlines for interactive nodes not already annotated at the same
+ * bounds (so an interactive node that also has a finding isn't listed twice).
+ */
+export declare function buildGreenlines(findings: readonly Finding[] | undefined, semantics: SemanticTree | undefined): Greenline[];
+//# sourceMappingURL=greenlines.d.ts.map

package/dist/greenlines.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"greenlines.d.ts","sourceRoot":"","sources":["../src/greenlines.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,KAAK,EAEV,OAAO,EAEP,YAAY,EACb,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,SAAS,MAAM,EAU9C,CAAC;AAEF,yDAAyD;AACzD,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAkBtC,sEAAsE;AACtE,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,CAU9D;AAED,wEAAwE;AACxE,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,SAAS,OAAO,EAAE,GAAG,SAAS,EAAE,CAE9E;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,YAAY,GAAG,SAAS,GAAG,SAAS,EAAE,CA0B1E;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAC7B,QAAQ,EAAE,SAAS,OAAO,EAAE,GAAG,SAAS,EACxC,SAAS,EAAE,YAAY,GAAG,SAAS,GAClC,SAAS,EAAE,CAMb"}

package/dist/greenlines.js

@@ -0,0 +1,97 @@
+/**
+ * Roles that must meet the touch-target contract. Mirrors
+ * `@design-parity/checks` `INTERACTIVE_ROLES` (kept inline so this package
+ * depends on `core` only).
+ */
+export const INTERACTIVE_ROLES = [
+    "button",
+    "link",
+    "switch",
+    "checkbox",
+    "radio",
+    "textfield",
+    "menuitem",
+    "tab",
+    "slider",
+];
+/** WCAG 2.5.8 / Material minimum touch target, in dp. */
+export const MIN_TOUCH_TARGET_DP = 48;
+function isBounds(v) {
+    if (typeof v !== "object" || v === null)
+        return false;
+    const b = v;
+    return (typeof b.x === "number" &&
+        typeof b.y === "number" &&
+        typeof b.width === "number" &&
+        typeof b.height === "number");
+}
+function sameBounds(a, b) {
+    if (!a || !b)
+        return false;
+    return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
+}
+/** Map one renderer {@link Finding} to an issue {@link Greenline}. */
+export function findingToGreenline(finding) {
+    const out = {
+        kind: finding.kind,
+        severity: finding.severity,
+        message: finding.message,
+    };
+    const bounds = finding.detail?.["bounds"];
+    if (isBounds(bounds))
+        out.bounds = bounds;
+    if (finding.detail)
+        out.detail = finding.detail;
+    return out;
+}
+/** Map a component's findings to issue greenlines, in finding order. */
+export function findingsToGreenlines(findings) {
+    return findings.map(findingToGreenline);
+}
+/**
+ * Walk a {@link SemanticTree} and emit a spec greenline for every interactive
+ * node — its role, and its bounds when known — at `info` severity. These
+ * document the touch-target contract; the writer/board renders them in the same
+ * green annotation style as the issue greenlines, just non-blocking.
+ */
+export function specGreenlines(tree) {
+    if (!tree)
+        return [];
+    const out = [];
+    const visit = (node) => {
+        const role = node.role?.toLowerCase();
+        if (role && INTERACTIVE_ROLES.includes(role)) {
+            const detail = { role };
+            if (node.label !== undefined)
+                detail["label"] = node.label;
+            const g = {
+                kind: "a11y",
+                severity: "info",
+                message: node.label
+                    ? `${role} "${node.label}"`
+                    : `${role}`,
+                detail,
+            };
+            if (node.bounds) {
+                g.bounds = node.bounds;
+                detail["bounds"] = node.bounds;
+            }
+            out.push(g);
+        }
+        for (const child of node.children ?? [])
+            visit(child);
+    };
+    visit(tree.root);
+    return out;
+}
+/**
+ * The full greenline layer for a component: issue greenlines first (they lead),
+ * then spec greenlines for interactive nodes not already annotated at the same
+ * bounds (so an interactive node that also has a finding isn't listed twice).
+ */
+export function buildGreenlines(findings, semantics) {
+    const issues = findingsToGreenlines(findings ?? []);
+    const specs = specGreenlines(semantics).filter((spec) => !issues.some((issue) => sameBounds(issue.bounds, spec.bounds)));
+    return [...issues, ...specs];
+}
+//# sourceMappingURL=greenlines.js.map

package/dist/greenlines.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"greenlines.js","sourceRoot":"","sources":["../src/greenlines.ts"],"names":[],"mappings":"AAyBA;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAsB;IAClD,QAAQ;IACR,MAAM;IACN,QAAQ;IACR,UAAU;IACV,OAAO;IACP,WAAW;IACX,UAAU;IACV,KAAK;IACL,QAAQ;CACT,CAAC;AAEF,yDAAyD;AACzD,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAC;AAEtC,SAAS,QAAQ,CAAC,CAAU;IAC1B,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,IAAI;QAAE,OAAO,KAAK,CAAC;IACtD,MAAM,CAAC,GAAG,CAA4B,CAAC;IACvC,OAAO,CACL,OAAO,CAAC,CAAC,CAAC,KAAK,QAAQ;QACvB,OAAO,CAAC,CAAC,CAAC,KAAK,QAAQ;QACvB,OAAO,CAAC,CAAC,KAAK,KAAK,QAAQ;QAC3B,OAAO,CAAC,CAAC,MAAM,KAAK,QAAQ,CAC7B,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,CAAqB,EAAE,CAAqB;IAC9D,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;QAAE,OAAO,KAAK,CAAC;IAC3B,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,CAAC;AACpF,CAAC;AAED,sEAAsE;AACtE,MAAM,UAAU,kBAAkB,CAAC,OAAgB;IACjD,MAAM,GAAG,GAAc;QACrB,IAAI,EAAE,OAAO,CAAC,IAAI;QAClB,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,OAAO,EAAE,OAAO,CAAC,OAAO;KACzB,CAAC;IACF,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC1C,IAAI,QAAQ,CAAC,MAAM,CAAC;QAAE,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC;IAC1C,IAAI,OAAO,CAAC,MAAM;QAAE,GAAG,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAChD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,wEAAwE;AACxE,MAAM,UAAU,oBAAoB,CAAC,QAA4B;IAC/D,OAAO,QAAQ,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAC1C,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAAC,IAA8B;IAC3D,IAAI,CAAC,IAAI;QAAE,OAAO,EAAE,CAAC;IACrB,MAAM,GAAG,GAAgB,EAAE,CAAC;IAC5B,MAAM,KAAK,GAAG,CAAC,IAAkB,EAAQ,EAAE;QACzC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC;QACtC,IAAI,IAAI,IAAI,iBAAiB,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YAC7C,MAAM,MAAM,GAA4B,EAAE,IAAI,EAAE,CAAC;YACjD,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS;gBAAE,MAAM,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YAC3D,MAAM,CAAC,GAAc;gBACnB,IAAI,EAAE,MAAM;gBACZ,QAAQ,EAAE,MAAM;gBAChB,OAAO,EAAE,IAAI,CAAC,KAAK;oBACjB,CAAC,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC,KAAK,GAAG;oBAC3B,CAAC,CAAC,GAAG,IAAI,EAAE;gBACb,MAAM;aACP,CAAC;YACF,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;gBAChB,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;gBACvB,MAAM,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC;YACjC,CAAC;YACD,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACd,CAAC;QACD,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,QAAQ,IAAI,EAAE;YAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACxD,CAAC,CAAC;IACF,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACjB,OAAO,GAAG,CAAC;AACb,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAC7B,QAAwC,EACxC,SAAmC;IAEnC,MAAM,MAAM,GAAG,oBAAoB,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IACpD,MAAM,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC,MAAM,CAC5C,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CACzE,CAAC;IACF,OAAO,CAAC,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC;AAC/B,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * `@design-parity/catalog-export` — code → importable design artifacts.
+ *
+ * Turns a rendered Compose component system into a sticker-sheet **catalog**:
+ * per-component renders in two variants (ideal + layout), a W3C DTCG token set,
+ * a Figma variable-collection projection, and an accessibility **greenline**
+ * annotation layer — laid out on disk for Figma / Stitch / Claude Design import.
+ *
+ * The pipeline is code-led: every value comes from the renderer's own data
+ * products (via `@design-parity/candidate`'s mappers), so the catalog is correct
+ * by construction. Published design kits are seed/reference only (see
+ * `docs/design-artifacts/REFERENCE_KITS.md`). Depends only on
+ * `@design-parity/core`.
+ */
+export type { Catalog, CatalogComponent, CatalogMeta, ComponentReference, ComponentVariants, Greenline, } from "./types.js";
+export { buildCatalog, buildComponent, } from "./ingest.js";
+export type { ComponentSource } from "./ingest.js";
+export { INTERACTIVE_ROLES, MIN_TOUCH_TARGET_DP, buildGreenlines, findingToGreenline, findingsToGreenlines, specGreenlines, } from "./greenlines.js";
+export { imagePath, slug, toCatalogManifest, } from "./manifest.js";
+export type { CatalogManifest, CatalogManifestComponent, CatalogManifestImage, ManifestOptions, VariantKind, } from "./manifest.js";
+export { toFigmaVariables } from "./figma.js";
+export type { FigmaVariable, FigmaVariableCollection, FigmaVariableType, } from "./figma.js";
+export { writeCatalog } from "./write.js";
+export type { WriteOptions, WriteResult } from "./write.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,YAAY,EACV,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EAClB,iBAAiB,EACjB,SAAS,GACV,MAAM,YAAY,CAAC;AAEpB,OAAO,EACL,YAAY,EACZ,cAAc,GACf,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,cAAc,GACf,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,SAAS,EACT,IAAI,EACJ,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,eAAe,EACf,wBAAwB,EACxB,oBAAoB,EACpB,eAAe,EACf,WAAW,GACZ,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,YAAY,EACV,aAAa,EACb,uBAAuB,EACvB,iBAAiB,GAClB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,6 @@
+export { buildCatalog, buildComponent, } from "./ingest.js";
+export { INTERACTIVE_ROLES, MIN_TOUCH_TARGET_DP, buildGreenlines, findingToGreenline, findingsToGreenlines, specGreenlines, } from "./greenlines.js";
+export { imagePath, slug, toCatalogManifest, } from "./manifest.js";
+export { toFigmaVariables } from "./figma.js";
+export { writeCatalog } from "./write.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAuBA,OAAO,EACL,YAAY,EACZ,cAAc,GACf,MAAM,aAAa,CAAC;AAGrB,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,cAAc,GACf,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EACL,SAAS,EACT,IAAI,EACJ,iBAAiB,GAClB,MAAM,eAAe,CAAC;AASvB,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAO9C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}

package/dist/ingest.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Build a {@link Catalog} from normalized, per-component inputs.
+ *
+ * The heavy lifting — turning raw `compose-preview` data products into
+ * {@link Finding}s, a {@link SemanticTree}, and {@link DesignTokens} — is the job
+ * of `@design-parity/candidate` (`nativeFindings`, `semanticsToSemanticTree`,
+ * `composeThemeToTokens`). This module takes those already-normalized pieces and
+ * assembles the catalog: it attaches each component's greenline layer and, when
+ * the catalog's system token set isn't supplied, lifts it from the richest
+ * component semantics' `themeTokens`. Pure — no I/O, no renderer.
+ */
+import type { DesignTokens, Finding, Image, SemanticTree } from "@design-parity/core";
+import type { Catalog, CatalogComponent, CatalogMeta, ComponentReference } from "./types.js";
+/** Normalized input for one component (the output of candidate's mappers). */
+export interface ComponentSource {
+    componentId: string;
+    group?: string;
+    caption?: string;
+    reference?: ComponentReference;
+    /** Ideal capture image(s) — one per state/theme/size. */
+    ideal: Image[];
+    /** Layout/wireframe image(s) from `compose/semantics-wireframe`. */
+    layout?: Image[];
+    /** Per-component resolved tokens (padding / radius / type used). */
+    tokens?: DesignTokens;
+    /** Component semantic tree (carries bounds + per-node tokens + themeTokens). */
+    semantics?: SemanticTree;
+    /** Renderer-native a11y / contrast / i18n findings → issue greenlines. */
+    findings?: Finding[];
+}
+/** Assemble one {@link CatalogComponent}, computing its greenline layer. */
+export declare function buildComponent(source: ComponentSource): CatalogComponent;
+/**
+ * Assemble a whole {@link Catalog}. When `themeTokens` is omitted, it is lifted
+ * from the first component whose semantics carry `themeTokens` (the resolved
+ * `compose/theme` of the system) — so the system token set comes from the code,
+ * not a hand-maintained list.
+ */
+export declare function buildCatalog(meta: CatalogMeta, sources: readonly ComponentSource[], themeTokens?: DesignTokens): Catalog;
+//# sourceMappingURL=ingest.d.ts.map

package/dist/ingest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ingest.d.ts","sourceRoot":"","sources":["../src/ingest.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,KAAK,EACV,YAAY,EACZ,OAAO,EACP,KAAK,EACL,YAAY,EACb,MAAM,qBAAqB,CAAC;AAG7B,OAAO,KAAK,EACV,OAAO,EACP,gBAAgB,EAChB,WAAW,EACX,kBAAkB,EACnB,MAAM,YAAY,CAAC;AAEpB,8EAA8E;AAC9E,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,yDAAyD;IACzD,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,oEAAoE;IACpE,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB,oEAAoE;IACpE,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,gFAAgF;IAChF,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;CACtB;AAED,4EAA4E;AAC5E,wBAAgB,cAAc,CAAC,MAAM,EAAE,eAAe,GAAG,gBAAgB,CAmBxE;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,SAAS,eAAe,EAAE,EACnC,WAAW,CAAC,EAAE,YAAY,GACzB,OAAO,CAQT"}

package/dist/ingest.js

@@ -0,0 +1,41 @@
+import { buildGreenlines } from "./greenlines.js";
+/** Assemble one {@link CatalogComponent}, computing its greenline layer. */
+export function buildComponent(source) {
+    if (source.ideal.length === 0) {
+        throw new Error(`catalog-export: component '${source.componentId}' has no ideal images`);
+    }
+    const component = {
+        componentId: source.componentId,
+        variants: source.layout
+            ? { ideal: source.ideal, layout: source.layout }
+            : { ideal: source.ideal },
+        greenlines: buildGreenlines(source.findings, source.semantics),
+    };
+    if (source.group !== undefined)
+        component.group = source.group;
+    if (source.caption !== undefined)
+        component.caption = source.caption;
+    if (source.reference !== undefined)
+        component.reference = source.reference;
+    if (source.tokens !== undefined)
+        component.tokens = source.tokens;
+    if (source.semantics !== undefined)
+        component.semantics = source.semantics;
+    return component;
+}
+/**
+ * Assemble a whole {@link Catalog}. When `themeTokens` is omitted, it is lifted
+ * from the first component whose semantics carry `themeTokens` (the resolved
+ * `compose/theme` of the system) — so the system token set comes from the code,
+ * not a hand-maintained list.
+ */
+export function buildCatalog(meta, sources, themeTokens) {
+    const components = sources.map(buildComponent);
+    const resolvedTokens = themeTokens ??
+        components.find((c) => c.semantics?.themeTokens)?.semantics?.themeTokens;
+    const catalog = { meta, components };
+    if (resolvedTokens)
+        catalog.themeTokens = resolvedTokens;
+    return catalog;
+}
+//# sourceMappingURL=ingest.js.map

package/dist/ingest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ingest.js","sourceRoot":"","sources":["../src/ingest.ts"],"names":[],"mappings":"AAkBA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AA0BlD,4EAA4E;AAC5E,MAAM,UAAU,cAAc,CAAC,MAAuB;IACpD,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAC9B,MAAM,IAAI,KAAK,CACb,8BAA8B,MAAM,CAAC,WAAW,uBAAuB,CACxE,CAAC;IACJ,CAAC;IACD,MAAM,SAAS,GAAqB;QAClC,WAAW,EAAE,MAAM,CAAC,WAAW;QAC/B,QAAQ,EAAE,MAAM,CAAC,MAAM;YACrB,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE;YAChD,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE;QAC3B,UAAU,EAAE,eAAe,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC,SAAS,CAAC;KAC/D,CAAC;IACF,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS;QAAE,SAAS,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;IAC/D,IAAI,MAAM,CAAC,OAAO,KAAK,SAAS;QAAE,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;IACrE,IAAI,MAAM,CAAC,SAAS,KAAK,SAAS;QAAE,SAAS,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;IAC3E,IAAI,MAAM,CAAC,MAAM,KAAK,SAAS;QAAE,SAAS,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAClE,IAAI,MAAM,CAAC,SAAS,KAAK,SAAS;QAAE,SAAS,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;IAC3E,OAAO,SAAS,CAAC;AACnB,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAC1B,IAAiB,EACjB,OAAmC,EACnC,WAA0B;IAE1B,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAC/C,MAAM,cAAc,GAClB,WAAW;QACX,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,WAAW,CAAC,EAAE,SAAS,EAAE,WAAW,CAAC;IAC3E,MAAM,OAAO,GAAY,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;IAC9C,IAAI,cAAc;QAAE,OAAO,CAAC,WAAW,GAAG,cAAc,CAAC;IACzD,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/manifest.d.ts

@@ -0,0 +1,67 @@
+/**
+ * The importable **catalog manifest** — `catalog.json`.
+ *
+ * This is the index a design tool reads: provenance, a pointer to the DTCG
+ * token file, and one entry per component carrying every variant image (ideal +
+ * layout) with a stable bundle-relative path, the component's resolved tokens,
+ * its greenline layer, and its seed-kit reference. It is a superset of the
+ * `@design-parity/adapter-bundle` `manifest.json` shape (same `path` / `state` /
+ * `theme` / `size` image keys) so a catalog component is also a valid parity
+ * bundle — the same artifact round-trips back through the parity flow.
+ *
+ * {@link toCatalogManifest} is **pure** (it only computes paths, no I/O); the
+ * {@link writeCatalog} step materializes the bytes those paths point at.
+ */
+import type { DesignTokens, Image, Theme } from "@design-parity/core";
+import type { Catalog, ComponentReference, Greenline } from "./types.js";
+/** Which sticker-sheet variant an image belongs to. */
+export type VariantKind = "ideal" | "layout";
+/** One image entry in the manifest — bundle-relative path + variant keys. */
+export interface CatalogManifestImage {
+    variant: VariantKind;
+    /** Bundle-relative PNG path (forward slashes). */
+    path: string;
+    state: string;
+    theme?: Theme;
+    size?: string;
+    width: number;
+    height: number;
+}
+/** One component entry in the manifest. */
+export interface CatalogManifestComponent {
+    componentId: string;
+    group?: string;
+    caption?: string;
+    reference?: ComponentReference;
+    images: CatalogManifestImage[];
+    tokens?: DesignTokens;
+    greenlines: Greenline[];
+}
+/** The parsed/serializable `catalog.json`. */
+export interface CatalogManifest {
+    schema: "design-parity-catalog/v1";
+    system: string;
+    title: string;
+    library?: string[];
+    renderer?: string;
+    generatedAt?: string;
+    /** Bundle-relative path to the DTCG token file, when tokens were exported. */
+    tokensFile?: string;
+    components: CatalogManifestComponent[];
+}
+export interface ManifestOptions {
+    /** Bundle-relative DTCG token filename. Default `"tokens.dtcg.json"`. */
+    tokensFile?: string;
+}
+/** Filesystem-safe slug for a component id / variant key segment. */
+export declare function slug(value: string): string;
+/**
+ * Bundle-relative path for one variant image of a component. Encodes the
+ * component id and every variant key so distinct states/themes/sizes never
+ * collide:
+ * `images/<component>/<variant>__<state>[__<theme>][__<size>].png`.
+ */
+export declare function imagePath(componentId: string, variant: VariantKind, image: Image): string;
+/** Build the serializable {@link CatalogManifest} for a {@link Catalog} (pure). */
+export declare function toCatalogManifest(catalog: Catalog, opts?: ManifestOptions): CatalogManifest;
+//# sourceMappingURL=manifest.d.ts.map

package/dist/manifest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifest.d.ts","sourceRoot":"","sources":["../src/manifest.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,KAAK,EAAE,OAAO,EAAoB,kBAAkB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE3F,uDAAuD;AACvD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE7C,6EAA6E;AAC7E,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,WAAW,CAAC;IACrB,kDAAkD;IAClD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,2CAA2C;AAC3C,MAAM,WAAW,wBAAwB;IACvC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,MAAM,EAAE,oBAAoB,EAAE,CAAC;IAC/B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,UAAU,EAAE,SAAS,EAAE,CAAC;CACzB;AAED,8CAA8C;AAC9C,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,0BAA0B,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,wBAAwB,EAAE,CAAC;CACxC;AAED,MAAM,WAAW,eAAe;IAC9B,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAID,qEAAqE;AACrE,wBAAgB,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAO1C;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CACvB,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,KAAK,GACX,MAAM,CAMR;AAoCD,mFAAmF;AACnF,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,OAAO,EAChB,IAAI,GAAE,eAAoB,GACzB,eAAe,CAcjB"}

package/dist/manifest.js

@@ -0,0 +1,81 @@
+const DEFAULT_TOKENS_FILE = "tokens.dtcg.json";
+/** Filesystem-safe slug for a component id / variant key segment. */
+export function slug(value) {
+    return (value
+        .replace(/[^a-zA-Z0-9._-]+/g, "-")
+        .replace(/^-+|-+$/g, "")
+        .toLowerCase() || "x");
+}
+/**
+ * Bundle-relative path for one variant image of a component. Encodes the
+ * component id and every variant key so distinct states/themes/sizes never
+ * collide:
+ * `images/<component>/<variant>__<state>[__<theme>][__<size>].png`.
+ */
+export function imagePath(componentId, variant, image) {
+    const parts = [variant, image.state];
+    if (image.theme)
+        parts.push(image.theme);
+    if (image.size)
+        parts.push(image.size);
+    const file = parts.map(slug).join("__");
+    return `images/${slug(componentId)}/${file}.png`;
+}
+function manifestImages(component) {
+    const out = [];
+    const push = (variant, images) => {
+        for (const image of images ?? []) {
+            const entry = {
+                variant,
+                path: imagePath(component.componentId, variant, image),
+                state: image.state,
+                width: image.width,
+                height: image.height,
+            };
+            if (image.theme)
+                entry.theme = image.theme;
+            if (image.size)
+                entry.size = image.size;
+            out.push(entry);
+        }
+    };
+    push("ideal", component.variants.ideal);
+    push("layout", component.variants.layout);
+    return out;
+}
+function manifestComponent(component) {
+    const out = {
+        componentId: component.componentId,
+        images: manifestImages(component),
+        greenlines: component.greenlines,
+    };
+    if (component.group !== undefined)
+        out.group = component.group;
+    if (component.caption !== undefined)
+        out.caption = component.caption;
+    if (component.reference !== undefined)
+        out.reference = component.reference;
+    if (component.tokens !== undefined)
+        out.tokens = component.tokens;
+    return out;
+}
+/** Build the serializable {@link CatalogManifest} for a {@link Catalog} (pure). */
+export function toCatalogManifest(catalog, opts = {}) {
+    const manifest = {
+        schema: "design-parity-catalog/v1",
+        system: catalog.meta.system,
+        title: catalog.meta.title,
+        components: catalog.components.map(manifestComponent),
+    };
+    if (catalog.meta.library)
+        manifest.library = catalog.meta.library;
+    if (catalog.meta.renderer)
+        manifest.renderer = catalog.meta.renderer;
+    if (catalog.meta.generatedAt)
+        manifest.generatedAt = catalog.meta.generatedAt;
+    if (catalog.themeTokens) {
+        manifest.tokensFile = opts.tokensFile ?? DEFAULT_TOKENS_FILE;
+    }
+    return manifest;
+}
+//# sourceMappingURL=manifest.js.map

package/dist/manifest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifest.js","sourceRoot":"","sources":["../src/manifest.ts"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -0,0 +1,106 @@
+/**
+ * The catalog model — a design system rendered into importable design artifacts.
+ *
+ * A {@link Catalog} is the code → design-tool counterpart of the parity flow: a
+ * component system (Compose M3, Wear M3, Glimmer, Glance, …) is rendered by the
+ * upstream `compose-preview` CLI, and its data products (captures,
+ * `compose/semantics-wireframe`, `compose/theme`, the a11y findings) are folded
+ * into a sticker-sheet catalog that exports as a {@link CatalogManifest} + a W3C
+ * DTCG token file + a per-component **greenline** (accessibility annotation)
+ * layer. Every type here is source-agnostic — it carries normalized
+ * {@link DesignTokens}, {@link Image}, {@link SemanticTree}, and {@link Finding}
+ * from `@design-parity/core`, so the export is the same whatever rendered it.
+ */
+import type { Bounds, DesignTokens, FindingKind, Image, SemanticTree, Severity } from "@design-parity/core";
+/** Provenance for a catalog: which system, library, and renderer produced it. */
+export interface CatalogMeta {
+    /** Stable system id, kebab-case, e.g. `"compose-m3"`. */
+    system: string;
+    /** Human title, e.g. `"Compose Material 3"`. */
+    title: string;
+    /** Library coordinate(s) rendered, e.g. `["androidx.compose.material3:material3"]`. */
+    library?: string[];
+    /** `compose-preview` CLI version used, for provenance. */
+    renderer?: string;
+    /** ISO-8601 timestamp the catalog was generated, for provenance. */
+    generatedAt?: string;
+}
+/**
+ * The two rendered variants the sticker sheet shows for each component:
+ *
+ * - `ideal` — the component as shipped (the capture PNGs), one image per
+ *   state / theme / size.
+ * - `layout` — the same component with every composable bounded, from the
+ *   renderer's `compose/semantics-wireframe` product, so a designer sees the
+ *   padding / gaps / structure behind the pixels.
+ */
+export interface ComponentVariants {
+    ideal: Image[];
+    layout?: Image[];
+}
+/**
+ * One accessibility **greenline**: an annotation anchored (when bounds are
+ * known) to a region of the ideal render. Issue greenlines come from the
+ * renderer's a11y findings (touch target below minimum, contrast fail, missing
+ * label, text overflow); spec greenlines (`info`) annotate interactive nodes
+ * with their role and measured size so the sheet documents the a11y contract
+ * even when nothing is wrong.
+ */
+export interface Greenline {
+    kind: FindingKind;
+    severity: Severity;
+    /** One-line, human-readable. */
+    message: string;
+    /** Region in the ideal render's pixel space, when the finding/node carries one. */
+    bounds?: Bounds;
+    /** Structured payload (measured size, ratio, role, …) for machine consumers. */
+    detail?: Record<string, unknown>;
+}
+/**
+ * A link to the component's published-kit reference frame, for the **one-off
+ * seed import** only. The catalog is code-led: this reference exists so the
+ * import lines our authoritative render up with the kit's frame (name,
+ * position), never to override our values. A divergence is a bug in the kit.
+ */
+export interface ComponentReference {
+    /** Design source the reference frame lives in (usually `"figma"`). */
+    source?: string;
+    /** Source handle, e.g. `"figma:<fileKey>/<nodeId>"`. */
+    ref?: string;
+    /** Human URL to the kit / frame. */
+    url?: string;
+}
+/** One component on the sticker sheet, in its primary modes. */
+export interface CatalogComponent {
+    /** Stable component id, e.g. `"Button/Filled"`. */
+    componentId: string;
+    /** Human group for sheet layout, e.g. `"Buttons"`. */
+    group?: string;
+    /** Optional one-line intent / usage note. */
+    caption?: string;
+    /** Published-kit reference for the seed import (code stays authoritative). */
+    reference?: ComponentReference;
+    variants: ComponentVariants;
+    /** Per-component resolved tokens (the padding / radius / type actually used). */
+    tokens?: DesignTokens;
+    /** Accessibility annotation layer for this component. */
+    greenlines: Greenline[];
+    /**
+     * The component's semantic tree — bounds, roles, and per-node tokens — so the
+     * layout is identified, not just pictured. Optional; absent for hand-authored
+     * components that carry only images.
+     */
+    semantics?: SemanticTree;
+}
+/** A whole design-system catalog: provenance + token set + components. */
+export interface Catalog {
+    meta: CatalogMeta;
+    /**
+     * The design system's resolved token set — the full `colors` palette,
+     * `typography` scale, and corner `radius` (shapes) — keyed by code token name
+     * (`onSurface`, `bodyLarge`, `medium`). Exported as the catalog's DTCG file.
+     */
+    themeTokens?: DesignTokens;
+    components: CatalogComponent[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,KAAK,EACV,MAAM,EACN,YAAY,EACZ,WAAW,EACX,KAAK,EACL,YAAY,EACZ,QAAQ,EACT,MAAM,qBAAqB,CAAC;AAE7B,iFAAiF;AACjF,MAAM,WAAW,WAAW;IAC1B,yDAAyD;IACzD,MAAM,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,uFAAuF;IACvF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;;;;GAQG;AACH,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;CAClB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,gCAAgC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,mFAAmF;IACnF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAClC;AAED;;;;;GAKG;AACH,MAAM,WAAW,kBAAkB;IACjC,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oCAAoC;IACpC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,gEAAgE;AAChE,MAAM,WAAW,gBAAgB;IAC/B,mDAAmD;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,iFAAiF;IACjF,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,yDAAyD;IACzD,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB;;;;OAIG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B;AAED,0EAA0E;AAC1E,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,WAAW,CAAC;IAClB;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,UAAU,EAAE,gBAAgB,EAAE,CAAC;CAChC"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/write.d.ts

@@ -0,0 +1,23 @@
+import { type ManifestOptions } from "./manifest.js";
+import type { Catalog } from "./types.js";
+export interface WriteOptions extends ManifestOptions {
+    /** Root that relative image `uri`s resolve against. Default: `process.cwd()`. */
+    sourceRoot?: string;
+    /** Also emit the Figma variable-collection projection. Default `true`. */
+    figmaVariables?: boolean;
+    /** Pretty-print JSON with this indent. Default `2`. */
+    indent?: number;
+}
+export interface WriteResult {
+    /** Absolute path to the written `catalog.json`. */
+    manifestPath: string;
+    /** Absolute path to the DTCG token file, when tokens were exported. */
+    tokensPath?: string;
+    /** Absolute path to the Figma variables file, when written. */
+    figmaPath?: string;
+    /** Number of image files written. */
+    imageCount: number;
+}
+/** Write the full importable catalog bundle to `outDir`. */
+export declare function writeCatalog(catalog: Catalog, outDir: string, opts?: WriteOptions): Promise<WriteResult>;
+//# sourceMappingURL=write.d.ts.map

package/dist/write.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"write.d.ts","sourceRoot":"","sources":["../src/write.ts"],"names":[],"mappings":"AA0BA,OAAO,EAAgC,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAE1C,MAAM,WAAW,YAAa,SAAQ,eAAe;IACnD,iFAAiF;IACjF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0EAA0E;IAC1E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,WAAW;IAC1B,mDAAmD;IACnD,YAAY,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qCAAqC;IACrC,UAAU,EAAE,MAAM,CAAC;CACpB;AA2BD,4DAA4D;AAC5D,wBAAsB,YAAY,CAChC,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,GAAE,YAAiB,GACtB,OAAO,CAAC,WAAW,CAAC,CA8CtB"}

package/dist/write.js

@@ -0,0 +1,81 @@
+/**
+ * Materialize a {@link Catalog} into an importable on-disk bundle.
+ *
+ * Layout written under `outDir`:
+ *
+ * ```
+ * catalog.json            # the CatalogManifest index
+ * tokens.dtcg.json        # the system token set, W3C DTCG (when present)
+ * figma-variables.json    # the Figma variable-collection projection (when present)
+ * images/<component>/<variant>__<state>[__theme][__size].png
+ * ```
+ *
+ * Image bytes are resolved from each {@link Image.uri}: a `data:` URI is decoded
+ * inline; any other value is read as a path (absolute, or relative to
+ * `sourceRoot`). This is the only module in the package that does I/O — the
+ * manifest, token, and Figma projections it writes are all built by the pure
+ * functions in the sibling modules.
+ */
+import { mkdir, writeFile } from "node:fs/promises";
+import { readFile } from "node:fs/promises";
+import { dirname, isAbsolute, join, resolve } from "node:path";
+import { tokensToDtcg } from "@design-parity/core";
+import { toFigmaVariables } from "./figma.js";
+import { imagePath, toCatalogManifest } from "./manifest.js";
+const DATA_URI = /^data:([^;,]*)?(;base64)?,(.*)$/s;
+/** Resolve the bytes for an {@link Image}: inline `data:` URI or a file path. */
+async function imageBytes(image, sourceRoot) {
+    const match = DATA_URI.exec(image.uri);
+    if (match) {
+        const isBase64 = match[2] === ";base64";
+        const data = match[3] ?? "";
+        return isBase64
+            ? Buffer.from(data, "base64")
+            : Buffer.from(decodeURIComponent(data), "utf8");
+    }
+    const path = isAbsolute(image.uri) ? image.uri : resolve(sourceRoot, image.uri);
+    return readFile(path);
+}
+async function writeJson(path, value, indent) {
+    await mkdir(dirname(path), { recursive: true });
+    await writeFile(path, `${JSON.stringify(value, null, indent)}\n`, "utf8");
+}
+/** Write the full importable catalog bundle to `outDir`. */
+export async function writeCatalog(catalog, outDir, opts = {}) {
+    const sourceRoot = opts.sourceRoot ?? process.cwd();
+    const indent = opts.indent ?? 2;
+    const out = resolve(outDir);
+    await mkdir(out, { recursive: true });
+    const manifest = toCatalogManifest(catalog, opts);
+    const manifestPath = join(out, "catalog.json");
+    await writeJson(manifestPath, manifest, indent);
+    const result = { manifestPath, imageCount: 0 };
+    if (catalog.themeTokens && manifest.tokensFile) {
+        const tokensPath = join(out, manifest.tokensFile);
+        await writeJson(tokensPath, tokensToDtcg(catalog.themeTokens), indent);
+        result.tokensPath = tokensPath;
+        if (opts.figmaVariables !== false) {
+            const figmaPath = join(out, "figma-variables.json");
+            await writeJson(figmaPath, toFigmaVariables(catalog.themeTokens, catalog.meta.title), indent);
+            result.figmaPath = figmaPath;
+        }
+    }
+    // Image bytes, keyed by the same paths the manifest computed.
+    for (const component of catalog.components) {
+        const variants = [
+            ["ideal", component.variants.ideal],
+            ["layout", component.variants.layout],
+        ];
+        for (const [variant, images] of variants) {
+            for (const image of images ?? []) {
+                const rel = imagePath(component.componentId, variant, image);
+                const dest = join(out, rel);
+                await mkdir(dirname(dest), { recursive: true });
+                await writeFile(dest, await imageBytes(image, sourceRoot));
+                result.imageCount += 1;
+            }
+        }
+    }
+    return result;
+}
+//# sourceMappingURL=write.js.map

package/dist/write.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"write.js","sourceRoot":"","sources":["../src/write.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@design-parity/catalog-export",
+  "version": "0.1.20",
+  "description": "Turn a rendered Compose component system (compose-preview data products) into an importable design-artifact catalog: per-component sticker sheets in two variants (ideal + layout), a W3C DTCG token set, and an accessibility 'greenline' annotation layer — laid out for Figma / Stitch / Claude Design import.",
+  "license": "Apache-2.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": "./dist/index.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc --build",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@design-parity/core": "^0.1.20"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/yschimke/design-parity.git",
+    "directory": "packages/catalog-export"
+  },
+  "homepage": "https://github.com/yschimke/design-parity/tree/main/packages/catalog-export#readme",
+  "bugs": "https://github.com/yschimke/design-parity/issues"
+}