@newtonedev/configurator 0.1.4 → 0.1.5

package/dist/state/actions.d.ts

@@ -1,6 +1,7 @@
 import type { DesaturationStrength, HueGradingStrength } from 'newtone';
 import type { ColorMode } from '@newtonedev/components';
-import type { ConfiguratorState, FontConfig, SpacingPreset } from '../types';
+import type { TextRole } from '@newtonedev/fonts';
+import type { ConfiguratorState, FontSlotConfig, FontScope, SpacingPreset } from '../types';
 export type ConfiguratorAction = {
     readonly type: 'SET_PALETTE_HUE';
     readonly index: number;
@@ -80,20 +81,16 @@ export type ConfiguratorAction = {
     readonly type: 'SET_ROUNDNESS_INTENSITY';
     readonly intensity: number;
 } | {
-    readonly type: 'SET_TYPOGRAPHY_BASE_SIZE';
-    readonly baseSize: number;
+    readonly type: 'SET_FONT';
+    readonly scope: FontScope;
+    readonly font: FontSlotConfig;
 } | {
-    readonly type: 'SET_TYPOGRAPHY_RATIO';
-    readonly ratio: number;
+    readonly type: 'SET_TYPE_SCALE_OFFSET';
+    readonly offset: number;
 } | {
-    readonly type: 'SET_FONT_MONO';
-    readonly font: FontConfig;
-} | {
-    readonly type: 'SET_FONT_DISPLAY';
-    readonly font: FontConfig;
-} | {
-    readonly type: 'SET_FONT_DEFAULT';
-    readonly font: FontConfig;
+    readonly type: 'SET_ROLE_WEIGHT';
+    readonly role: TextRole;
+    readonly weight: number;
 } | {
     readonly type: 'SET_ICON_VARIANT';
     readonly variant: 'outlined' | 'rounded' | 'sharp';

package/dist/state/actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/state/actions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,KAAK,EAAE,iBAAiB,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE7E,MAAM,MAAM,kBAAkB,GAE1B;IAAE,QAAQ,CAAC,IAAI,EAAE,iBAAiB,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAClF;IAAE,QAAQ,CAAC,IAAI,EAAE,wBAAwB,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;CAAE,GAChG;IAAE,QAAQ,CAAC,IAAI,EAAE,4BAA4B,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,QAAQ,EAAE,oBAAoB,CAAA;CAAE,GAChH;IAAE,QAAQ,CAAC,IAAI,EAAE,6BAA6B,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM,CAAA;CAAE,GAC9G;IAAE,QAAQ,CAAC,IAAI,EAAE,gCAAgC,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,QAAQ,EAAE,kBAAkB,CAAA;CAAE,GAClH;IAAE,QAAQ,CAAC,IAAI,EAAE,2BAA2B,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAC5F;IAAE,QAAQ,CAAC,IAAI,EAAE,iCAAiC,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,SAAS,EAAE,OAAO,GAAG,MAAM,CAAA;CAAE,GAClH;IAAE,QAAQ,CAAC,IAAI,EAAE,uBAAuB,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAA;CAAE,GACpG;IAAE,QAAQ,CAAC,IAAI,EAAE,yBAAyB,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACpE;IAAE,QAAQ,CAAC,IAAI,EAAE,sBAAsB,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GAC/I;IAAE,QAAQ,CAAC,IAAI,EAAE,4BAA4B,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAA;CAAE,GACzG;IAAE,QAAQ,CAAC,IAAI,EAAE,8BAA8B,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACzE;IAAE,QAAQ,CAAC,IAAI,EAAE,2BAA2B,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GAEpJ;IAAE,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACzD;IAAE,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAExD;IAAE,QAAQ,CAAC,IAAI,EAAE,iCAAiC,CAAC;IAAC,QAAQ,CAAC,QAAQ,EAAE,kBAAkB,CAAA;CAAE,GAC3F;IAAE,QAAQ,CAAC,IAAI,EAAE,4BAA4B,CAAC;IAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GACrE;IAAE,QAAQ,CAAC,IAAI,EAAE,gCAAgC,CAAC;IAAC,QAAQ,CAAC,QAAQ,EAAE,kBAAkB,CAAA;CAAE,GAC1F;IAAE,QAAQ,CAAC,IAAI,EAAE,2BAA2B,CAAC;IAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAEpE;IAAE,QAAQ,CAAC,IAAI,EAAE,oBAAoB,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAA;CAAE,GAEvE;IAAE,QAAQ,CAAC,IAAI,EAAE,yBAAyB,CAAC;IAAC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GAExE;IAAE,QAAQ,CAAC,IAAI,EAAE,0BAA0B,CAAC;IAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GACxE;IAAE,QAAQ,CAAC,IAAI,EAAE,sBAAsB,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACjE;IAAE,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAA;CAAE,GAC7D;IAAE,QAAQ,CAAC,IAAI,EAAE,kBAAkB,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAA;CAAE,GAChE;IAAE,QAAQ,CAAC,IAAI,EAAE,kBAAkB,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAA;CAAE,GAEhE;IAAE,QAAQ,CAAC,IAAI,EAAE,kBAAkB,CAAC;IAAC,QAAQ,CAAC,OAAO,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAA;CAAE,GACzF;IAAE,QAAQ,CAAC,IAAI,EAAE,iBAAiB,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;CAAE,GAC9F;IAAE,QAAQ,CAAC,IAAI,EAAE,qBAAqB,CAAC;IAAC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;CAAE,GAErE;IAAE,QAAQ,CAAC,IAAI,EAAE,kBAAkB,CAAC;IAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAA;CAAE,GAE/D;IAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;CAAE,GAC1B;IAAE,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,iBAAiB,CAAA;CAAE,CAAC"}
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/state/actions.ts"],"names":[],"mappings":"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"}

package/dist/state/defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/state/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B,EAAE,iBA+FxC,CAAC"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/state/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B,EAAE,iBA+GxC,CAAC"}

package/dist/state/reducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../src/state/reducer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,UAAU,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAoBpD,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,iBAAiB,EACxB,MAAM,EAAE,kBAAkB,GACzB,iBAAiB,CAyTnB"}
+{"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../src/state/reducer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAgB,MAAM,UAAU,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAoBpD,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,iBAAiB,EACxB,MAAM,EAAE,kBAAkB,GACzB,iBAAiB,CAwRnB"}

package/dist/types.d.ts

@@ -1,5 +1,8 @@
 import type { DesaturationStrength, HueGradingStrength } from 'newtone';
 import type { ColorMode } from '@newtonedev/components';
+export type { FontConfig, FontScope } from '@newtonedev/fonts';
+export type { FontSlot as FontSlotConfig } from '@newtonedev/fonts';
+import type { FontSlot, TextRole } from '@newtonedev/fonts';
 /** Spacing preset options */
 export type SpacingPreset = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 /** Per-palette state in the configurator (human-readable, traditional hues) */
@@ -20,13 +23,6 @@ export interface HueGradingEndpointState {
     readonly strength: HueGradingStrength;
     readonly hue: number;
 }
-/** Font configuration for a single font slot */
-export interface FontConfig {
-    readonly type: 'system' | 'google' | 'custom';
-    readonly family: string;
-    readonly customUrl?: string;
-    readonly fallback: string;
-}
 /** Complete configurator state */
 export interface ConfiguratorState {
     readonly palettes: readonly PaletteState[];
@@ -49,14 +45,13 @@ export interface ConfiguratorState {
     };
     readonly typography?: {
         readonly fonts: {
-            readonly mono: FontConfig;
-            readonly display: FontConfig;
-            readonly default: FontConfig;
-        };
-        readonly scale: {
-            readonly baseSize: number;
-            readonly ratio: number;
+            readonly main: FontSlot;
+            readonly display: FontSlot;
+            readonly mono: FontSlot;
+            readonly currency: FontSlot;
         };
+        readonly typeScaleOffset?: number;
+        readonly roleWeights?: Partial<Record<TextRole, number>>;
     };
     readonly icons?: {
         readonly variant: 'outlined' | 'rounded' | 'sharp';

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,6BAA6B;AAC7B,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7D,+EAA+E;AAC/E,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,oBAAoB,EAAE,oBAAoB,CAAC;IACpD,QAAQ,CAAC,qBAAqB,EAAE,OAAO,GAAG,MAAM,CAAC;IACjD,QAAQ,CAAC,gBAAgB,EAAE,kBAAkB,CAAC;IAC9C,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,iBAAiB,EAAE,OAAO,GAAG,MAAM,CAAC;IAC7C,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,wCAAwC;AACxC,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,QAAQ,EAAE,kBAAkB,CAAC;IACtC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC;CACtB;AAED,gDAAgD;AAChD,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9C,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AAED,kCAAkC;AAClC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,QAAQ,EAAE,SAAS,YAAY,EAAE,CAAC;IAC3C,QAAQ,CAAC,YAAY,EAAE;QACrB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;QAC1B,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;KAC1B,CAAC;IACF,QAAQ,CAAC,gBAAgB,EAAE;QACzB,QAAQ,CAAC,KAAK,EAAE,uBAAuB,CAAC;QACxC,QAAQ,CAAC,IAAI,EAAE,uBAAuB,CAAC;KACxC,CAAC;IACF,QAAQ,CAAC,OAAO,EAAE;QAChB,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;KAC1B,CAAC;IACF,QAAQ,CAAC,OAAO,CAAC,EAAE;QACjB,QAAQ,CAAC,MAAM,EAAE,aAAa,CAAC;KAChC,CAAC;IACF,QAAQ,CAAC,SAAS,CAAC,EAAE;QACnB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;KAC5B,CAAC;IACF,QAAQ,CAAC,UAAU,CAAC,EAAE;QACpB,QAAQ,CAAC,KAAK,EAAE;YACd,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;YAC1B,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC;YAC7B,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC;SAC9B,CAAC;QACF,QAAQ,CAAC,KAAK,EAAE;YACd,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;YAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;SACxB,CAAC;KACH,CAAC;IACF,QAAQ,CAAC,KAAK,CAAC,EAAE;QACf,QAAQ,CAAC,OAAO,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;QACnD,QAAQ,CAAC,MAAM,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;QACzD,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;KAC7B,CAAC;CACH"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newtonedev/configurator",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Embeddable palette builder widget for Newtone color systems",
   "license": "MIT",
   "repository": {
@@ -38,6 +38,7 @@
     "react-native": ">=0.70.0"
   },
   "dependencies": {
+    "@newtonedev/fonts": "file:../../../newtone-fonts",
     "newtone": "^0.1.0",
     "@newtonedev/components": "^0.1.0",
     "react-native-web": "^0.19.10"

package/src/bridge/toThemeConfig.ts

@@ -1,5 +1,6 @@
 import type { ConfiguratorState, SpacingPreset } from '../types';
-import type { NewtoneThemeConfig, FontConfig } from '@newtonedev/components';
+import type { NewtoneThemeConfig } from '@newtonedev/components';
+import { DEFAULT_FONT_SIZES, DEFAULT_LINE_HEIGHTS, DEFAULT_ROLE_SCALES, DEFAULT_FONT_SLOTS, ROLE_DEFAULT_WEIGHTS, migrateToFontSlot, computeBreakpointRoleScales, applyTypeScaleOffset } from '@newtonedev/fonts';
 import type { PaletteConfig, DynamicRange, HueGrading, HueGradingEndpoint } from 'newtone';
 import { traditionalHueToOklch } from '../hue-conversion';
 
@@ -21,43 +22,6 @@ function roundnessToMultiplier(intensity: number): number {
   return intensity * 2.0;  // lerp(0, 2.0, intensity)
 }
 
-/**
- * Compute typography scale from base size and ratio.
- * Uses modular scale: baseSize * ratio^n
- */
-function computeTypographyScale(baseSize: number, ratio: number) {
-  return {
-    xs: Math.round(baseSize / (ratio ** 2)),
-    sm: Math.round(baseSize / ratio),
-    base: baseSize,
-    md: Math.round(baseSize * ratio),
-    lg: Math.round(baseSize * (ratio ** 2)),
-    xl: Math.round(baseSize * (ratio ** 3)),
-    xxl: Math.round(baseSize * (ratio ** 4)),
-  };
-}
-
-/**
- * Default font configurations using system fonts
- */
-const DEFAULT_FONTS: { readonly mono: FontConfig; readonly display: FontConfig; readonly default: FontConfig } = {
-  mono: {
-    type: 'system',
-    family: 'ui-monospace',
-    fallback: 'SFMono-Regular, Menlo, Monaco, Consolas, monospace',
-  },
-  display: {
-    type: 'system',
-    family: 'system-ui',
-    fallback: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
-  },
-  default: {
-    type: 'system',
-    family: 'system-ui',
-    fallback: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
-  },
-};
-
 /**
  * Default icon configuration using Material Symbols Rounded
  */
@@ -145,15 +109,24 @@ export function toThemeConfig(state: ConfiguratorState): NewtoneThemeConfig {
       xl: Math.round(12 * radiusMultiplier),
       pill: 999,
     },
-    typography: {
-      fonts: state.typography?.fonts ?? DEFAULT_FONTS,
-      scale: computeTypographyScale(
-        state.typography?.scale.baseSize ?? 16,
-        state.typography?.scale.ratio ?? 1.25
-      ),
-      lineHeight: { tight: 1.25, normal: 1.5, relaxed: 1.75 },
-      fontWeight: { regular: 400, medium: 500, semibold: 600, bold: 700 },
-    },
+    typography: (() => {
+      const roles = state.typography?.typeScaleOffset != null
+        ? applyTypeScaleOffset(DEFAULT_ROLE_SCALES, state.typography.typeScaleOffset)
+        : DEFAULT_ROLE_SCALES;
+      return {
+        fonts: {
+          main: migrateToFontSlot(state.typography?.fonts.main ?? (state.typography?.fonts as any)?.default, DEFAULT_FONT_SLOTS.main),
+          display: migrateToFontSlot(state.typography?.fonts.display, DEFAULT_FONT_SLOTS.display),
+          mono: migrateToFontSlot(state.typography?.fonts.mono, DEFAULT_FONT_SLOTS.mono),
+          currency: migrateToFontSlot(state.typography?.fonts.currency, DEFAULT_FONT_SLOTS.currency),
+        },
+        fontSizes: DEFAULT_FONT_SIZES,
+        lineHeights: DEFAULT_LINE_HEIGHTS,
+        roles,
+        breakpointRoles: computeBreakpointRoleScales(roles),
+        roleWeights: { ...ROLE_DEFAULT_WEIGHTS, ...state.typography?.roleWeights },
+      };
+    })(),
     icons: state.icons ?? DEFAULT_ICONS,
   };
 }

package/src/index.ts

@@ -3,7 +3,7 @@ export { Configurator } from './Configurator';
 export type { ConfiguratorProps } from './Configurator.types';
 
 // State types
-export type { ConfiguratorState, PaletteState, HueGradingEndpointState, SpacingPreset } from './types';
+export type { ConfiguratorState, PaletteState, HueGradingEndpointState, SpacingPreset, FontConfig, FontScope, FontSlotConfig } from './types';
 export type { ConfiguratorAction } from './state/actions';
 
 // Bridge functions (for headless usage)

package/src/panels/DesignPanel.tsx

@@ -31,8 +31,6 @@ export function DesignPanel({ state, dispatch }: DesignPanelProps) {
 
   const spacingPreset = state.spacing?.preset ?? 'md';
   const intensity = state.roundness?.intensity ?? 0.5;
-  const baseSize = state.typography?.scale.baseSize ?? 16;
-  const ratio = state.typography?.scale.ratio ?? 1.25;
   const variant = state.icons?.variant ?? 'rounded';
   const weight = state.icons?.weight ?? 400;
   return (
@@ -71,35 +69,6 @@ export function DesignPanel({ state, dispatch }: DesignPanelProps) {
         showValue
       />
 
-      {/* Typography Section */}
-      <Text style={[styles.subtitle, { color: srgbToHex(tokens.textSecondary.srgb) }]}>
-        Typography
-      </Text>
-      <View style={styles.row}>
-        <View style={styles.flex}>
-          <Slider
-            value={baseSize}
-            onValueChange={(v) => dispatch({ type: 'SET_TYPOGRAPHY_BASE_SIZE', baseSize: v })}
-            min={12}
-            max={24}
-            step={1}
-            label="Base Size"
-            showValue
-          />
-        </View>
-        <View style={styles.flex}>
-          <Slider
-            value={Math.round(ratio * 100)}
-            onValueChange={(v) => dispatch({ type: 'SET_TYPOGRAPHY_RATIO', ratio: v / 100 })}
-            min={110}
-            max={150}
-            step={5}
-            label="Scale Ratio"
-            showValue
-          />
-        </View>
-      </View>
-
       {/* Icons Section */}
       <Text style={[styles.subtitle, { color: srgbToHex(tokens.textSecondary.srgb) }]}>
         Icons

package/src/state/actions.ts

@@ -1,6 +1,7 @@
 import type { DesaturationStrength, HueGradingStrength } from 'newtone';
 import type { ColorMode } from '@newtonedev/components';
-import type { ConfiguratorState, FontConfig, SpacingPreset } from '../types';
+import type { TextRole } from '@newtonedev/fonts';
+import type { ConfiguratorState, FontSlotConfig, FontScope, SpacingPreset } from '../types';
 
 export type ConfiguratorAction =
   // Palette actions
@@ -30,11 +31,9 @@ export type ConfiguratorAction =
   // Roundness actions
   | { readonly type: 'SET_ROUNDNESS_INTENSITY'; readonly intensity: number }
   // Typography actions
-  | { readonly type: 'SET_TYPOGRAPHY_BASE_SIZE'; readonly baseSize: number }
-  | { readonly type: 'SET_TYPOGRAPHY_RATIO'; readonly ratio: number }
-  | { readonly type: 'SET_FONT_MONO'; readonly font: FontConfig }
-  | { readonly type: 'SET_FONT_DISPLAY'; readonly font: FontConfig }
-  | { readonly type: 'SET_FONT_DEFAULT'; readonly font: FontConfig }
+  | { readonly type: 'SET_FONT'; readonly scope: FontScope; readonly font: FontSlotConfig }
+  | { readonly type: 'SET_TYPE_SCALE_OFFSET'; readonly offset: number }
+  | { readonly type: 'SET_ROLE_WEIGHT'; readonly role: TextRole; readonly weight: number }
   // Icons actions
   | { readonly type: 'SET_ICON_VARIANT'; readonly variant: 'outlined' | 'rounded' | 'sharp' }
   | { readonly type: 'SET_ICON_WEIGHT'; readonly weight: 100 | 200 | 300 | 400 | 500 | 600 | 700 }

package/src/state/defaults.ts

@@ -78,23 +78,39 @@ export const DEFAULT_CONFIGURATOR_STATE: ConfiguratorState = {
   },
   typography: {
     fonts: {
-      mono: {
-        type: 'system',
-        family: 'ui-monospace',
-        fallback: 'SFMono-Regular, Menlo, Monaco, Consolas, monospace',
+      main: {
+        config: {
+          type: 'system',
+          family: 'system-ui',
+          fallback: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+        },
+        weights: { regular: 400, medium: 500, bold: 700 },
       },
       display: {
-        type: 'system',
-        family: 'system-ui',
-        fallback: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+        config: {
+          type: 'system',
+          family: 'system-ui',
+          fallback: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+        },
+        weights: { regular: 400, medium: 500, bold: 700 },
+      },
+      mono: {
+        config: {
+          type: 'system',
+          family: 'ui-monospace',
+          fallback: 'SFMono-Regular, Menlo, Monaco, Consolas, monospace',
+        },
+        weights: { regular: 400, medium: 500, bold: 700 },
       },
-      default: {
-        type: 'system',
-        family: 'system-ui',
-        fallback: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+      currency: {
+        config: {
+          type: 'system',
+          family: 'system-ui',
+          fallback: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+        },
+        weights: { regular: 400, medium: 500, bold: 700 },
       },
     },
-    scale: { baseSize: 16, ratio: 1.25 },
   },
   icons: {
     variant: 'rounded',  // Material Design 3 aesthetic

package/src/state/reducer.ts

@@ -208,75 +208,42 @@ export function configuratorReducer(
       };
 
     // Typography actions
-    case 'SET_TYPOGRAPHY_BASE_SIZE': {
+    case 'SET_FONT': {
       const defaultTypography = DEFAULT_CONFIGURATOR_STATE.typography!;
+      const currentFonts = state.typography?.fonts ?? defaultTypography.fonts;
       return {
         ...state,
         typography: {
-          fonts: state.typography?.fonts ?? defaultTypography.fonts,
-          scale: {
-            baseSize: clamp(action.baseSize, 12, 24),
-            ratio: state.typography?.scale.ratio ?? defaultTypography.scale.ratio,
-          },
-        },
-      };
-    }
-
-    case 'SET_TYPOGRAPHY_RATIO': {
-      const defaultTypography = DEFAULT_CONFIGURATOR_STATE.typography!;
-      return {
-        ...state,
-        typography: {
-          fonts: state.typography?.fonts ?? defaultTypography.fonts,
-          scale: {
-            baseSize: state.typography?.scale.baseSize ?? defaultTypography.scale.baseSize,
-            ratio: clamp(action.ratio, 1.1, 1.5),
-          },
+          fonts: { ...currentFonts, [action.scope]: action.font },
         },
       };
     }
 
-    case 'SET_FONT_MONO': {
+    case 'SET_TYPE_SCALE_OFFSET': {
       const defaultTypography = DEFAULT_CONFIGURATOR_STATE.typography!;
+      const currentFonts = state.typography?.fonts ?? defaultTypography.fonts;
       return {
         ...state,
         typography: {
-          fonts: {
-            mono: action.font,
-            display: state.typography?.fonts.display ?? defaultTypography.fonts.display,
-            default: state.typography?.fonts.default ?? defaultTypography.fonts.default,
-          },
-          scale: state.typography?.scale ?? defaultTypography.scale,
-        },
-      };
-    }
-
-    case 'SET_FONT_DISPLAY': {
-      const defaultTypography = DEFAULT_CONFIGURATOR_STATE.typography!;
-      return {
-        ...state,
-        typography: {
-          fonts: {
-            mono: state.typography?.fonts.mono ?? defaultTypography.fonts.mono,
-            display: action.font,
-            default: state.typography?.fonts.default ?? defaultTypography.fonts.default,
-          },
-          scale: state.typography?.scale ?? defaultTypography.scale,
+          ...state.typography,
+          fonts: currentFonts,
+          typeScaleOffset: clamp(action.offset, 0, 1),
         },
       };
     }
 
-    case 'SET_FONT_DEFAULT': {
+    case 'SET_ROLE_WEIGHT': {
       const defaultTypography = DEFAULT_CONFIGURATOR_STATE.typography!;
+      const currentFonts = state.typography?.fonts ?? defaultTypography.fonts;
       return {
         ...state,
         typography: {
-          fonts: {
-            mono: state.typography?.fonts.mono ?? defaultTypography.fonts.mono,
-            display: state.typography?.fonts.display ?? defaultTypography.fonts.display,
-            default: action.font,
+          ...state.typography,
+          fonts: currentFonts,
+          roleWeights: {
+            ...state.typography?.roleWeights,
+            [action.role]: clamp(action.weight, 100, 900),
           },
-          scale: state.typography?.scale ?? defaultTypography.scale,
         },
       };
     }

package/src/types.ts

@@ -1,6 +1,12 @@
 import type { DesaturationStrength, HueGradingStrength } from 'newtone';
 import type { ColorMode } from '@newtonedev/components';
 
+// Re-export font types from @newtonedev/fonts (canonical source)
+export type { FontConfig, FontScope } from '@newtonedev/fonts';
+// Backward-compatible alias: configurator historically used this name
+export type { FontSlot as FontSlotConfig } from '@newtonedev/fonts';
+import type { FontSlot, TextRole } from '@newtonedev/fonts';
+
 /** Spacing preset options */
 export type SpacingPreset = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 
@@ -24,14 +30,6 @@ export interface HueGradingEndpointState {
   readonly hue: number;                                   // Traditional HSL hue [0, 359]
 }
 
-/** Font configuration for a single font slot */
-export interface FontConfig {
-  readonly type: 'system' | 'google' | 'custom';
-  readonly family: string;       // 'ui-monospace' | 'Roboto' | custom name
-  readonly customUrl?: string;   // Supabase Storage URL for custom fonts
-  readonly fallback: string;     // CSS fallback stack
-}
-
 /** Complete configurator state */
 export interface ConfiguratorState {
   readonly palettes: readonly PaletteState[];
@@ -54,14 +52,13 @@ export interface ConfiguratorState {
   };
   readonly typography?: {
     readonly fonts: {
-      readonly mono: FontConfig;      // currencies, code, amounts
-      readonly display: FontConfig;   // headlines
-      readonly default: FontConfig;   // fallback
-    };
-    readonly scale: {
-      readonly baseSize: number;  // px (default: 16)
-      readonly ratio: number;     // scale ratio (default: 1.25)
+      readonly main: FontSlot;       // Body/default font
+      readonly display: FontSlot;    // Headlines, titles
+      readonly mono: FontSlot;       // Code, technical content
+      readonly currency: FontSlot;   // Monetary amounts, financial data
     };
+    readonly typeScaleOffset?: number;  // [0, 1], 0.5 = identity (default)
+    readonly roleWeights?: Partial<Record<TextRole, number>>;  // CSS font-weight per role (100-900)
   };
   readonly icons?: {
     readonly variant: 'outlined' | 'rounded' | 'sharp';