@revikornmann/muka-ui 0.5.0 → 0.6.0

package/dist/types/components/DataTable/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../components/DataTable/DataTable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../../components/DataTable/DataTable.tsx"],"names":[],"mappings":"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"}

package/dist/types/components/ProgressAccordeon/ProgressAccordeon.d.ts

@@ -0,0 +1,91 @@
+import React from 'react';
+import './ProgressAccordeon.css';
+export type ProgressAccordeonState = 'past' | 'current' | 'upcoming';
+export interface ProgressAccordeonAction {
+    /** Button label */
+    label: string;
+    /** Click handler */
+    onClick?: () => void;
+    /** Disabled state */
+    disabled?: boolean;
+}
+export interface ProgressAccordeonProps {
+    /**
+     * Step state:
+     * - `past` — completed step (check indicator, editable, collapsible content)
+     * - `current` — active step (numbered accent indicator, content, actions)
+     * - `upcoming` — future step (numbered muted indicator, header only)
+     */
+    state: ProgressAccordeonState;
+    /** Step number shown in the indicator for `current` and `upcoming` states (1-indexed) */
+    stepNumber: number;
+    /** Step heading text */
+    heading: string;
+    /**
+     * Optional supporting description rendered below the heading (aligned under the
+     * heading text). Hidden while a `past` step is collapsed.
+     */
+    description?: React.ReactNode;
+    /**
+     * Slot content — rendered directly for `past` (when expanded) and `current`
+     * states. Optional: supply your own `Card` (or any node) as the content.
+     */
+    children?: React.ReactNode;
+    /** Show the trailing divider (default: true) */
+    divider?: boolean;
+    /**
+     * Collapsed state for the `past` step (default: false). When collapsed the
+     * content slot is hidden and the toggle shows a down-chevron. Ignored for
+     * `current` and `upcoming`.
+     */
+    collapsed?: boolean;
+    /**
+     * Toggle handler for the `past` step. When provided, renders a chevron
+     * button that expands/collapses the step (controlled via `collapsed`).
+     */
+    onToggle?: () => void;
+    /** Label for the edit button shown in the expanded `past` state (default: "Edit") */
+    editLabel?: string;
+    /** Edit handler — renders the edit button in the expanded `past` state when provided */
+    onEdit?: () => void;
+    /** Primary action button shown below the content in the `current` state */
+    primaryAction?: ProgressAccordeonAction;
+    /** Secondary action button shown below the content in the `current` state */
+    secondaryAction?: ProgressAccordeonAction;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * ProgressAccordeon Component
+ *
+ * A single step in a vertical, progress-driven accordion flow. Each step
+ * combines a numbered/checked step indicator with a heading and an optional
+ * content slot — visualising both progress and the work for a step.
+ *
+ * States:
+ * - **past** — dark check indicator, heading, edit + chevron controls; the
+ *   content slot collapses/expands via `collapsed` + `onToggle`
+ * - **current** — accent numbered indicator, heading, content slot, actions
+ * - **upcoming** — muted numbered indicator, heading only
+ *
+ * Content is passed as `children` (an optional slot) and rendered as-is — supply
+ * your own `Card` when you want a card surface. Composes the Button, Icon and
+ * Divider primitives and is fully themed through the Muka design token system.
+ *
+ * Tokens used:
+ * - alias.color.accent.{default|contrast} — step indicator fills
+ * - color.surface.sunken — upcoming indicator fill
+ * - color.text.default.{default|inverse} — indicator glyphs
+ * - text.heading.{md|sm} — step heading (responsive)
+ * - text.body.base.regular — supporting description
+ * - text.label.md.{bold|semibold} — indicator number
+ * - spacing.{1|4|6|8} — vertical rhythm and gaps
+ *
+ * @accessibility
+ * - Renders each step as a labelled group with `aria-current="step"` on the
+ *   active (current) step.
+ * - The chevron toggle exposes `aria-expanded`.
+ */
+export declare const ProgressAccordeon: React.FC<ProgressAccordeonProps>;
+export default ProgressAccordeon;
+//# sourceMappingURL=ProgressAccordeon.d.ts.map

package/dist/types/components/ProgressAccordeon/ProgressAccordeon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressAccordeon.d.ts","sourceRoot":"","sources":["../../../../components/ProgressAccordeon/ProgressAccordeon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,yBAAyB,CAAC;AAEjC,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;AAErE,MAAM,WAAW,uBAAuB;IACtC,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC;;;;;OAKG;IACH,KAAK,EAAE,sBAAsB,CAAC;IAE9B,yFAAyF;IACzF,UAAU,EAAE,MAAM,CAAC;IAEnB,wBAAwB;IACxB,OAAO,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,wFAAwF;IACxF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,uBAAuB,CAAC;IAExC,6EAA6E;IAC7E,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAE1C,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAuK9D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/types/components/ProgressAccordeon/index.d.ts

@@ -0,0 +1,3 @@
+export { ProgressAccordeon, type ProgressAccordeonProps, type ProgressAccordeonState, type ProgressAccordeonAction, } from './ProgressAccordeon';
+export { default } from './ProgressAccordeon';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/ProgressAccordeon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/ProgressAccordeon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,GAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/types/components/index.d.ts

@@ -19,6 +19,7 @@ export { Alert, type AlertProps } from './Alert';
 export { Toast, type ToastProps } from './Toast';
 export { EmptyState, type EmptyStateProps } from './EmptyState';
 export { ProgressTracker, type ProgressTrackerProps, type ProgressTrackerStep } from './ProgressTracker';
+export { ProgressAccordeon, type ProgressAccordeonProps, type ProgressAccordeonState, type ProgressAccordeonAction, } from './ProgressAccordeon';
 export { TopBar, type TopBarProps, ControlBar, type ControlBarProps } from './TopBar';
 export { BottomBar, BottomBarTab, type BottomBarProps, type BottomBarTabProps } from './BottomBar';
 export { Dialog, type DialogProps } from './Dialog';

package/dist/types/components/index.d.ts.map

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

package/docs/consumers/setup-instructions.md

@@ -18,21 +18,40 @@ npm install @revikornmann/muka-ui@latest --save
 Import styles and components in your app root:
 
 ```ts
-import '@revikornmann/muka-ui/styles';
+import '@revikornmann/muka-ui/styles'; // default muka-light — muka fonts included
 import { Button } from '@revikornmann/muka-ui';
 ```
 
-For a brand theme, also load the brand CSS and set the data attributes (replace
-`bouwplan` with your brand):
+The default `/styles` bundle — and the pre-bundled `/styles/muka-dark.css` and
+`/styles/wireframe-{light,dark}.css` files — already include that brand's self-hosted
+fonts, so on those themes you need no separate fonts import. Other brands are loaded
+via their raw `tokens-<brand>-<mode>.css` (below), which carries no fonts, so those
+also import `fonts-<brand>.css`.
+
+For a brand theme, also load the brand CSS **and the brand's fonts** and set the
+data attributes (replace `bouwplan` with your brand):
 
 ```ts
 import '@revikornmann/muka-ui/styles/tokens-bouwplan-light.css';
+import '@revikornmann/muka-ui/styles/fonts-bouwplan.css';
 ```
 
 ```html
 <html data-brand="bouwplan" data-theme="light">
 ```
 
+### Fonts come from Muka — do not load them yourself
+
+Muka self-hosts every brand's fonts and ships them as `@font-face` in
+`styles/fonts-<brand>.css` (backed by bundled WOFF2, so they work offline with no
+CDN). Importing that one file is all the wiring you need:
+
+- **Do not** load these fonts via `next/font`, a Google Fonts `<link>`, or any
+  other loader — you'd ship the bytes twice and risk a name mismatch.
+- **Do not** override the `--*-fontFamily` / `--alias-font-*-family` tokens. The
+  font-family names in Muka's tokens are the exact `@font-face` family names, so
+  overriding them only breaks the resolution.
+
 ## 2. Add the auto-update workflow
 
 Copy the shipped template into your repo so it stays current with Muka releases:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revikornmann/muka-ui",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "Muka Design System - Multi-brand design tokens and React components",
   "main": "dist/cjs/components/index.js",
   "module": "dist/esm/components/index.js",
@@ -29,6 +29,7 @@
     "cli",
     "skills",
     "scripts/build-tokens.js",
+    "scripts/build-fonts.js",
     "scripts/postinstall-nudge.js",
     "tokens",
     "build/manifest.json",
@@ -36,8 +37,9 @@
     "templates"
   ],
   "scripts": {
-    "build": "npm run build:tokens && npm run build:components && npm run build:styles",
+    "build": "npm run build:tokens && npm run build:fonts && npm run build:components && npm run build:styles",
     "build:tokens": "node scripts/build-tokens.js",
+    "build:fonts": "node scripts/build-fonts.js",
     "build:components": "npm run build:esm && npm run build:cjs && npm run build:types",
     "build:styles": "node scripts/build-styles.js",
     "build:esm": "tsc --project tsconfig.esm.json",
@@ -99,6 +101,14 @@
   "devDependencies": {
     "@eslint/js": "^9.39.4",
     "@figma/code-connect": "^1.3.8",
+    "@fontsource-variable/funnel-display": "^5.2.8",
+    "@fontsource-variable/funnel-sans": "^5.2.8",
+    "@fontsource-variable/ibm-plex-sans": "^5.2.8",
+    "@fontsource-variable/lora": "^5.2.8",
+    "@fontsource-variable/quicksand": "^5.2.10",
+    "@fontsource-variable/red-hat-display": "^5.2.8",
+    "@fontsource-variable/red-hat-text": "^5.2.8",
+    "@fontsource/yesteryear": "^5.2.8",
     "@playwright/test": "^1.56.1",
     "@storybook/addon-a11y": "^10.3.4",
     "@storybook/addon-designs": "^11.1.3",

package/scripts/build-fonts.js

@@ -0,0 +1,248 @@
+#!/usr/bin/env node
+
+/**
+ * Build Fonts Script
+ *
+ * Self-hosts the brand fonts so muka's typography works with ZERO consumer wiring.
+ *
+ * muka's token CSS declares font-family *names* (e.g. `Red Hat Text`, `Funnel Display`)
+ * but ships no way to *load* them. This script closes that gap: it reads each brand's
+ * font source-of-truth (`tokens/t2-alias/brand/<brand>/fonts.json`), and for every web
+ * font a brand references it:
+ *   1. copies the latin-subset WOFF2 (from the vendored @fontsource packages) into
+ *      `styles/fonts/`, plus the family's OFL license file, and
+ *   2. emits `styles/fonts-<brand>.css` with an `@font-face` declared under the exact
+ *      literal family name the tokens use (so the token `var(--*-fontFamily)` resolves).
+ * It also emits an aggregate `styles/fonts-all.css` (every face once) for Storybook and
+ * optional multi-brand consumers.
+ *
+ * The `@font-face` family names are DERIVED FROM the same source as the token literals,
+ * so they can never drift: if a brand references a web font with no registry entry (and
+ * it isn't a known system font), the build THROWS.
+ *
+ * Outputs are committed to the repo (like the generated `styles/tokens-*.css`), so
+ * Storybook and offline installs work with no build step.
+ */
+
+const fs = require('fs');
+const path = require('path');
+
+const ROOT_DIR = path.resolve(__dirname, '..');
+const BRANDS_DIR = path.join(ROOT_DIR, 'tokens', 't2-alias', 'brand');
+const NODE_MODULES = path.join(ROOT_DIR, 'node_modules');
+const FONTS_OUT_DIR = path.join(ROOT_DIR, 'styles', 'fonts');
+
+/**
+ * Standard Google/Fontsource "latin" subset unicode-range. Identical across every
+ * @fontsource(-variable) package we bundle.
+ */
+const LATIN_UNICODE_RANGE =
+  'U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,' +
+  'U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD';
+
+/**
+ * Font registry — the single mapping from a token font-family *name* to the WOFF2 source
+ * that backs it. Keyed by the exact literal used in the brand `fonts.json` files.
+ *
+ * `variable: true`  → weight range read from the package's metadata `variable.wght`.
+ * `variable: false` → static single weight (`weight`).
+ *
+ * To add a new brand web font: add its family here (any brand that references a font not
+ * listed here and not in SYSTEM_FONTS will fail the build).
+ */
+const FONT_REGISTRY = {
+  'Funnel Display': { pkg: '@fontsource-variable/funnel-display', file: 'funnel-display-latin-wght-normal.woff2', variable: true },
+  'Funnel Sans': { pkg: '@fontsource-variable/funnel-sans', file: 'funnel-sans-latin-wght-normal.woff2', variable: true },
+  'Red Hat Display': { pkg: '@fontsource-variable/red-hat-display', file: 'red-hat-display-latin-wght-normal.woff2', variable: true },
+  'Red Hat Text': { pkg: '@fontsource-variable/red-hat-text', file: 'red-hat-text-latin-wght-normal.woff2', variable: true },
+  Quicksand: { pkg: '@fontsource-variable/quicksand', file: 'quicksand-latin-wght-normal.woff2', variable: true },
+  'IBM Plex Sans': { pkg: '@fontsource-variable/ibm-plex-sans', file: 'ibm-plex-sans-latin-wght-normal.woff2', variable: true },
+  Lora: { pkg: '@fontsource-variable/lora', file: 'lora-latin-wght-normal.woff2', variable: true },
+  Yesteryear: { pkg: '@fontsource/yesteryear', file: 'yesteryear-latin-400-normal.woff2', variable: false, weight: 400 },
+};
+
+/**
+ * System / generic families that are intentionally NOT self-hosted (the OS provides them).
+ * Compared case-insensitively against the first face of each role. Anything that is
+ * neither here nor in FONT_REGISTRY triggers the drift guard.
+ */
+const SYSTEM_FONTS = new Set(
+  [
+    'Helvetica', 'Arial', 'Menlo', 'Lucida Console', 'Times New Roman', 'Courier New',
+    'Georgia', 'Verdana', 'Tahoma', 'Trebuchet MS',
+    'ui-sans-serif', 'ui-serif', 'ui-monospace', 'ui-rounded',
+    'system-ui', 'sans-serif', 'serif', 'monospace', 'cursive',
+    '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto',
+    'SFMono-Regular', 'SF Mono', 'Apple Color Emoji', 'Segoe UI Emoji',
+  ].map((f) => f.toLowerCase())
+);
+
+const FONT_ROLES = ['brand', 'plain', 'mono', 'script'];
+
+/**
+ * Parse the primary (first) face name out of a token font-family value, which may be a
+ * full CSS stack like `'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif`.
+ */
+function primaryFace(familyValue) {
+  if (!familyValue || typeof familyValue !== 'string') return null;
+  const first = familyValue.split(',')[0].trim();
+  return first.replace(/^['"]|['"]$/g, '').trim();
+}
+
+/**
+ * Read a brand's fonts.json and return the deduped set of primary faces it uses.
+ */
+function brandFaces(brand) {
+  const fontsJsonPath = path.join(BRANDS_DIR, brand, 'fonts.json');
+  const data = JSON.parse(fs.readFileSync(fontsJsonPath, 'utf8'));
+  const font = data && data.alias && data.alias.font;
+  if (!font) throw new Error(`${brand}/fonts.json: missing alias.font`);
+
+  const faces = [];
+  for (const role of FONT_ROLES) {
+    const value = font[role] && font[role].family && font[role].family.$value;
+    const face = primaryFace(value);
+    if (face && !faces.includes(face)) faces.push(face);
+  }
+  return faces;
+}
+
+/**
+ * Resolve the web-font faces for a brand (registry entries only). System faces are
+ * dropped; unknown faces throw — this is the anti-drift guard.
+ */
+function webFontsForBrand(brand, faces) {
+  const webFonts = [];
+  for (const face of faces) {
+    if (FONT_REGISTRY[face]) {
+      webFonts.push(face);
+    } else if (SYSTEM_FONTS.has(face.toLowerCase())) {
+      // Intentionally system-provided — nothing to self-host.
+    } else {
+      throw new Error(
+        `Font drift: brand "${brand}" references font "${face}" which has no @font-face ` +
+          `source. Add it to FONT_REGISTRY in scripts/build-fonts.js (with a matching ` +
+          `@fontsource dev dependency) or add it to SYSTEM_FONTS if it is OS-provided.`
+      );
+    }
+  }
+  return webFonts;
+}
+
+/** Read the variable weight axis (min/max) from a fontsource package's metadata. */
+function weightRange(entry) {
+  const metaPath = path.join(NODE_MODULES, entry.pkg, 'metadata.json');
+  const meta = JSON.parse(fs.readFileSync(metaPath, 'utf8'));
+  const wght = meta.variable && meta.variable.wght;
+  if (!wght) throw new Error(`${entry.pkg}: no variable.wght axis in metadata.json`);
+  return `${wght.min} ${wght.max}`;
+}
+
+/** Copy a family's WOFF2 + LICENSE into styles/fonts/. Returns the woff2 basename. */
+function vendorFontFiles(face) {
+  const entry = FONT_REGISTRY[face];
+  const srcWoff2 = path.join(NODE_MODULES, entry.pkg, 'files', entry.file);
+  if (!fs.existsSync(srcWoff2)) {
+    throw new Error(`Missing WOFF2 for "${face}": ${srcWoff2} (is ${entry.pkg} installed?)`);
+  }
+  fs.copyFileSync(srcWoff2, path.join(FONTS_OUT_DIR, entry.file));
+
+  // Ship the OFL license alongside the font. Name it after the package slug.
+  const srcLicense = path.join(NODE_MODULES, entry.pkg, 'LICENSE');
+  if (fs.existsSync(srcLicense)) {
+    const slug = entry.pkg.split('/').pop();
+    fs.copyFileSync(srcLicense, path.join(FONTS_OUT_DIR, `${slug}.LICENSE.txt`));
+  } else {
+    console.warn(`   ⚠️  No LICENSE found for ${entry.pkg}`);
+  }
+  return entry.file;
+}
+
+/** Build one `@font-face` block for a face (relative url, latin subset, swap). */
+function fontFaceBlock(face) {
+  const entry = FONT_REGISTRY[face];
+  const weight = entry.variable ? weightRange(entry) : String(entry.weight);
+  return [
+    '@font-face {',
+    `  font-family: '${face}';`,
+    `  font-style: normal;`,
+    `  font-weight: ${weight};`,
+    `  font-display: swap;`,
+    `  src: url('./fonts/${entry.file}') format('woff2');`,
+    `  unicode-range: ${LATIN_UNICODE_RANGE};`,
+    '}',
+  ].join('\n');
+}
+
+function cssHeader(title) {
+  return [
+    `/* Muka UI - ${title} */`,
+    '/* Generated by build-fonts.js - DO NOT EDIT */',
+    '/* Self-hosted brand fonts (SIL OFL). See ./fonts/*.LICENSE.txt */',
+    '',
+    '',
+  ].join('\n');
+}
+
+function buildFonts() {
+  console.log('🔤 Building self-hosted brand fonts...\n');
+
+  // Clean + recreate the vendored fonts dir so dropped fonts never linger.
+  fs.rmSync(FONTS_OUT_DIR, { recursive: true, force: true });
+  fs.mkdirSync(FONTS_OUT_DIR, { recursive: true });
+
+  const brands = fs
+    .readdirSync(BRANDS_DIR, { withFileTypes: true })
+    .filter((d) => d.isDirectory())
+    .map((d) => d.name)
+    .sort();
+
+  const allFaces = new Set();
+  const vendored = new Set();
+
+  for (const brand of brands) {
+    const faces = brandFaces(brand);
+    const webFonts = webFontsForBrand(brand, faces);
+
+    let css = cssHeader(`${brand} fonts`);
+    if (webFonts.length === 0) {
+      css += `/* ${brand} uses only system fonts — nothing to self-host. */\n`;
+    } else {
+      for (const face of webFonts) {
+        if (!vendored.has(face)) {
+          vendorFontFiles(face);
+          vendored.add(face);
+        }
+        allFaces.add(face);
+        css += fontFaceBlock(face) + '\n\n';
+      }
+    }
+
+    const outPath = path.join(ROOT_DIR, 'styles', `fonts-${brand}.css`);
+    fs.writeFileSync(outPath, css.trimEnd() + '\n');
+    console.log(
+      `   ✅ fonts-${brand}.css (${webFonts.length ? webFonts.join(', ') : 'system fonts only'})`
+    );
+  }
+
+  // Aggregate: every face once, for Storybook + optional multi-brand consumers.
+  let allCss = cssHeader('all brand fonts (aggregate)');
+  for (const face of [...allFaces].sort()) {
+    allCss += fontFaceBlock(face) + '\n\n';
+  }
+  fs.writeFileSync(path.join(ROOT_DIR, 'styles', 'fonts-all.css'), allCss.trimEnd() + '\n');
+  console.log(`   ✅ fonts-all.css (${allFaces.size} faces)`);
+
+  console.log('\n🎉 Fonts build complete!');
+}
+
+if (require.main === module) {
+  try {
+    buildFonts();
+  } catch (err) {
+    console.error(`\n❌ ${err.message}`);
+    process.exit(1);
+  }
+}
+
+module.exports = { buildFonts, FONT_REGISTRY, SYSTEM_FONTS };