@newtonedev/components 0.1.12 → 0.1.13

package/src/index.ts

@@ -1,46 +1,68 @@
-// Theme system
-export { NewtoneProvider, useNewtoneTheme } from './theme/NewtoneProvider';
+// Re-export theme engine (backward compatibility — consumers keep importing from @newtonedev/components)
+export {
+  NewtoneProvider,
+  useNewtoneTheme,
+  FrameContext,
+  useFrameContext,
+  useBreakpoint,
+  DEFAULT_THEME_CONFIG,
+  DEFAULT_FONT_SIZES,
+  DEFAULT_LINE_HEIGHTS,
+  DEFAULT_ROLE_SCALES,
+  useTokens,
+  computeTokens,
+  NEUTRAL_DEFAULTS,
+  ACCENT_DEFAULTS,
+  SUCCESS_DEFAULTS,
+  WARNING_DEFAULTS,
+  ERROR_DEFAULTS,
+  buildGoogleFontsUrl,
+  measureAvgCharWidth,
+  useLocalCalibration,
+  useTypographyCalibrations,
+  enqueueObservation,
+  migrateV1ToV2,
+  isV2TokenOverrides,
+} from 'newtone-api';
 export type {
   ColorMode,
+  ColorGamut,
   ElevationLevel,
   FrameElevation,
   ColorSystemConfig,
+  ColorSystemPaletteConfig,
   NewtoneThemeConfig,
   NewtoneThemeContext,
   FontConfig,
   FontWeights,
   FontSlot,
   TokenOverrides,
+  TokenColor,
+  PaletteModeTokens,
+  PaletteTokenOverrides,
+  LegacyTokenOverrides,
   FontSizeScale,
   LineHeightScale,
   RoleSizeStep,
   RoleScale,
   RoleScales,
-} from './theme/types';
-export { useFrameContext } from './theme/FrameContext';
-export type { FrameContextValue } from './theme/FrameContext';
-export { DEFAULT_THEME_CONFIG, DEFAULT_FONT_SIZES, DEFAULT_LINE_HEIGHTS, DEFAULT_ROLE_SCALES } from './theme/defaults';
-
-// Tokens
-export { useTokens } from './tokens/useTokens';
-export {
-  computeTokens,
-  NEUTRAL_DEFAULTS,
-  ACCENT_DEFAULTS,
-  SUCCESS_DEFAULTS,
-  WARNING_DEFAULTS,
-  ERROR_DEFAULTS,
-} from './tokens/computeTokens';
-export type { PaletteDefaults } from './tokens/computeTokens';
-export type { ResolvedTokens, PaletteTokens } from './tokens/types';
-
-// Composite Components
-export { Button } from './composites/actions/Button/Button';
-export type { ButtonProps, ButtonVariant, ButtonSemantic, ButtonSize, ButtonIconPosition } from './composites/actions/Button/Button.types';
-
-export { Card } from './composites/layout/Card/Card';
-export type { CardProps } from './composites/layout/Card/Card.types';
+  BreakpointKey,
+  Breakpoints,
+  BreakpointRoleScales,
+  FontRuntimeMetrics,
+  FrameContextValue,
+  UseTokensResult,
+  PaletteDefaults,
+  ResolvedTokens,
+  PaletteTokens,
+  DynamicRange,
+  ColorResult,
+  Srgb,
+  Oklch,
+  HexColor,
+} from 'newtone-api';
 
+// Primitive Components
 export { useFocusVisible } from './primitives/useFocusVisible';
 export type { FocusVisibleResult } from './primitives/useFocusVisible';
 
@@ -66,6 +88,31 @@ export type {
 } from './primitives/Frame/Frame.types';
 export type { ResolvedCorners } from './primitives/Frame/Frame.utils';
 
+export { Icon } from './primitives/Icon/Icon';
+export type { IconProps } from './primitives/Icon/Icon.types';
+
+export { Wrapper } from './primitives/Wrapper/Wrapper';
+export type { WrapperProps } from './primitives/Wrapper/Wrapper.types';
+
+export { Text } from './primitives/Text';
+export type {
+  TextProps,
+  TextSize,
+  TextWeight,
+  TextColor,
+  TextScope,
+  TextRole,
+  TextAlign,
+  TextSpanProps,
+} from './primitives/Text';
+
+// Composite Components
+export { Button } from './composites/actions/Button/Button';
+export type { ButtonProps, ButtonVariant, ButtonSemantic, ButtonSize, ButtonIconPosition } from './composites/actions/Button/Button.types';
+
+export { Card } from './composites/layout/Card/Card';
+export type { CardProps } from './composites/layout/Card/Card.types';
+
 export { TextInput } from './composites/form-controls/TextInput/TextInput';
 export type { TextInputProps } from './composites/form-controls/TextInput/TextInput.types';
 
@@ -89,24 +136,6 @@ export type { HueSliderProps } from './composites/range-inputs/HueSlider/HueSlid
 export { ColorScaleSlider } from './composites/range-inputs/ColorScaleSlider/ColorScaleSlider';
 export type { ColorScaleSliderProps } from './composites/range-inputs/ColorScaleSlider/ColorScaleSlider.types';
 
-export { Icon } from './primitives/Icon/Icon';
-export type { IconProps } from './primitives/Icon/Icon.types';
-
-export { Wrapper } from './primitives/Wrapper/Wrapper';
-export type { WrapperProps } from './primitives/Wrapper/Wrapper.types';
-
-export { Text } from './primitives/Text';
-export type {
-  TextProps,
-  TextSize,
-  TextWeight,
-  TextColor,
-  TextScope,
-  TextRole,
-  TextAlign,
-  TextSpanProps,
-} from './primitives/Text';
-
 export { AppShell } from './composites/layout/AppShell/AppShell';
 export type { AppShellProps } from './composites/layout/AppShell/AppShell.types';
 
@@ -134,19 +163,3 @@ export {
   generateComponentCode,
   ICON_CATALOG,
 } from './registry';
-
-// Fonts
-export { buildGoogleFontsUrl } from './fonts/buildGoogleFontsUrl';
-export { measureAvgCharWidth } from './fonts/measureFont';
-export { useLocalCalibration } from './fonts/useLocalCalibration';
-export { useTypographyCalibrations } from './fonts/useTypographyCalibrations';
-
-// Re-export core engine types for convenience
-export type {
-  DynamicRange,
-  PaletteConfig,
-  ColorResult,
-  Srgb,
-  Oklch,
-  HexColor,
-} from 'newtone';

package/src/primitives/Frame/Frame.styles.ts

@@ -1,8 +1,7 @@
 import type { ViewStyle } from 'react-native';
 import { StyleSheet } from 'react-native';
-import { srgbToHex } from 'newtone';
-import type { ResolvedTokens } from '../../tokens/types';
-import type { FrameElevation } from '../../theme/types';
+import type { ResolvedTokens, ColorGamut } from 'newtone-api';
+import type { FrameElevation } from 'newtone-api';
 import type {
   PaddingProp,
   GapProp,
@@ -28,6 +27,7 @@ import {
 
 export interface FrameStyleInput {
   readonly tokens: ResolvedTokens;
+  readonly gamut: ColorGamut;
   readonly frameElevation: FrameElevation;
 
   // Layout
@@ -87,6 +87,7 @@ export interface FrameStyles {
 export function getFrameStyles(input: FrameStyleInput): FrameStyles {
   const {
     tokens,
+    gamut,
     frameElevation,
     layout = 'flex',
     direction = 'vertical',
@@ -116,8 +117,8 @@ export function getFrameStyles(input: FrameStyleInput): FrameStyles {
 
   // ── Background & foreground ──
   // Set the surface color and default text color from the current theme.
-  container.backgroundColor = srgbToHex(tokens.background.srgb);
-  container.color = srgbToHex(tokens.textPrimary.srgb);
+  container.backgroundColor = tokens.background[gamut];
+  container.color = tokens.textPrimary[gamut];
 
   // ── Layout mode ──
   if (layout === 'flex') {
@@ -191,7 +192,7 @@ export function getFrameStyles(input: FrameStyleInput): FrameStyles {
   // Add a thin border using the theme's border color.
   if (bordered) {
     container.borderWidth = 1;
-    container.borderColor = srgbToHex(tokens.border.srgb);
+    container.borderColor = tokens.border[gamut];
   }
 
   // ── Outer shadow (elevation 2) ──
@@ -216,7 +217,7 @@ export function getFrameStyles(input: FrameStyleInput): FrameStyles {
   // When the user is pressing an interactive Frame, shift the background
   // to a darker "sunken" shade to give visual feedback.
   const pressed = StyleSheet.create({
-    s: { backgroundColor: srgbToHex(tokens.backgroundSunken.srgb) },
+    s: { backgroundColor: tokens.backgroundSunken[gamut] },
   }).s;
 
   // ── Grid web style (web-only) ──

package/src/primitives/Frame/Frame.tsx

@@ -2,11 +2,10 @@ import React, { useMemo } from 'react';
 import { View, Pressable, Text } from 'react-native';
 import type { ViewStyle, TextStyle } from 'react-native';
 import type { FrameProps } from './Frame.types';
-import type { ElevationLevel, FrameElevation } from '../../theme/types';
-import { srgbToHex } from 'newtone';
-import { FrameContext, useFrameContext } from '../../theme/FrameContext';
-import { useNewtoneTheme } from '../../theme/NewtoneProvider';
-import { computeTokens } from '../../tokens/computeTokens';
+import type { ElevationLevel, FrameElevation } from 'newtone-api';
+import { FrameContext, useFrameContext } from 'newtone-api';
+import { useNewtoneTheme } from 'newtone-api';
+import { computeTokens } from 'newtone-api';
 import { getFrameStyles } from './Frame.styles';
 import { useFocusVisible } from '../useFocusVisible';
 
@@ -131,7 +130,7 @@ export function Frame({
   style,
 }: FrameProps) {
   // Read the global theme configuration and current color mode (light/dark).
-  const { config, mode } = useNewtoneTheme();
+  const { config, mode, gamut } = useNewtoneTheme();
   // Read the elevation from the nearest parent Frame (if nested).
   const parentFrameCtx = useFrameContext();
 
@@ -167,6 +166,7 @@ export function Frame({
   const styles = useMemo(
     () => getFrameStyles({
       tokens,
+      gamut,
       frameElevation: resolvedFrameElevation,
       layout,
       direction,
@@ -189,7 +189,7 @@ export function Frame({
       disabled,
     }),
     [
-      tokens, resolvedFrameElevation,
+      tokens, gamut, resolvedFrameElevation,
       layout, direction, wrap, reverse, columns, rows,
       align, justify, padding, gap,
       width, height, minWidth, maxWidth, minHeight, maxHeight,
@@ -233,7 +233,7 @@ export function Frame({
   const focusRingStyle = isFocusVisible && !disabled ? {
     outlineWidth: 2,
     outlineStyle: 'solid',
-    outlineColor: srgbToHex(tokens.accent.fill.srgb),
+    outlineColor: tokens.accent.fill[gamut],
     outlineOffset: 2,
   } as unknown as ViewStyle : undefined; // web-only
 
@@ -245,7 +245,7 @@ export function Frame({
   // Uses the theme's primary text color, default font, and base size.
   const textStyle = useMemo<TextStyle>(
     () => ({
-      color: srgbToHex(tokens.textPrimary.srgb),
+      color: tokens.textPrimary[gamut],
       fontSize: tokens.typography.fontSizes['05'],
       fontFamily: tokens.typography.fonts.main.family,
       lineHeight: tokens.typography.lineHeights['06'],

package/src/primitives/Frame/Frame.types.ts

@@ -1,5 +1,5 @@
 import type { View, ViewStyle, GestureResponderEvent } from 'react-native';
-import type { FrameElevation } from '../../theme/types';
+import type { FrameElevation } from 'newtone-api';
 
 // ── Spacing Types ──────────────────────────────────────────────
 

package/src/primitives/Frame/Frame.utils.ts

@@ -1,5 +1,5 @@
 import type { ViewStyle } from 'react-native';
-import type { ResolvedTokens } from '../../tokens/types';
+import type { ResolvedTokens } from 'newtone-api';
 import type {
   SpacingValue,
   SpacingAxes,

package/src/primitives/Icon/Icon.tsx

@@ -1,7 +1,6 @@
 import React, { useMemo } from 'react';
 import { Text, type TextStyle } from 'react-native';
-import { srgbToHex } from 'newtone';
-import { useTokens } from '../../tokens/useTokens';
+import { useTokens } from 'newtone-api';
 import type { IconProps } from './Icon.types';
 
 /**
@@ -55,7 +54,7 @@ export function Icon({
     const opsz = opticalSize ?? getOpticalSize(fontSize);
 
     // Use the provided color, or fall back to the theme's primary text color.
-    const iconColor = color ?? srgbToHex(tokens.textPrimary.srgb);
+    const iconColor = color ?? tokens.textPrimary[tokens.gamut];
 
     // Build the font family name from the theme's icon variant setting.
     // Example: variant 'rounded' → 'Material Symbols Rounded'

package/src/primitives/Text/Text.spans.ts

@@ -1,7 +1,7 @@
 import React, { useContext, useMemo } from 'react';
 import { Text as RNText } from 'react-native';
 import type { TextStyle } from 'react-native';
-import { useTokens } from '../../tokens/useTokens';
+import { useTokens } from 'newtone-api';
 import { TextScopeContext, resolveTextColor } from './Text';
 import type { TextSpanProps, TextWeight } from './Text.types';
 

package/src/primitives/Text/Text.tsx

@@ -1,16 +1,15 @@
 import React, { createContext, useMemo, useState, useEffect } from 'react';
 import { Text as RNText, View } from 'react-native';
 import type { LayoutChangeEvent, TextStyle } from 'react-native';
-import { srgbToHex } from 'newtone';
 import { resolveResponsiveSize, estimateLineWidths, BREAKPOINT_ROLE_SCALE, scaleRoleStep, REFERENCE_LINE_HEIGHT_RATIO, buildFontFeatureSettings, SEMANTIC_WEIGHT_MAP, ROLE_DEFAULT_WEIGHTS } from '@newtonedev/fonts';
-import { useTokens } from '../../tokens/useTokens';
-import { useNewtoneTheme } from '../../theme/NewtoneProvider';
-import type { UseTokensResult } from '../../tokens/useTokens';
+import { useTokens } from 'newtone-api';
+import { useNewtoneTheme } from 'newtone-api';
+import type { UseTokensResult } from 'newtone-api';
 import type { TextProps, TextColor } from './Text.types';
-import { useLocalCalibration } from '../../fonts/useLocalCalibration';
-import { useTypographyCalibrations } from '../../fonts/useTypographyCalibrations';
-import { enqueueObservation } from '../../fonts/reportQueue';
-import { useBreakpoint } from '../../theme/useBreakpoint';
+import { useLocalCalibration } from 'newtone-api';
+import { useTypographyCalibrations } from 'newtone-api';
+import { enqueueObservation } from 'newtone-api';
+import { useBreakpoint } from 'newtone-api';
 
 /**
  * Context to pass the active scope's weight map to span sub-components.
@@ -27,15 +26,16 @@ export const TextScopeContext = createContext<{
  * Neutral text colors are top-level; palette colors use nested PaletteTokens.fill.
  */
 export function resolveTextColor(color: TextColor, tokens: UseTokensResult): string {
+  const { gamut } = tokens;
   switch (color) {
-    case 'primary': return srgbToHex(tokens.textPrimary.srgb);
-    case 'secondary': return srgbToHex(tokens.textSecondary.srgb);
-    case 'tertiary': return srgbToHex(tokens.textTertiary.srgb);
-    case 'disabled': return srgbToHex(tokens.textDisabled.srgb);
-    case 'accent': return srgbToHex(tokens.accent.fill.srgb);
-    case 'success': return srgbToHex(tokens.success.fill.srgb);
-    case 'warning': return srgbToHex(tokens.warning.fill.srgb);
-    case 'error': return srgbToHex(tokens.error.fill.srgb);
+    case 'primary': return tokens.textPrimary[gamut];
+    case 'secondary': return tokens.textSecondary[gamut];
+    case 'tertiary': return tokens.textTertiary[gamut];
+    case 'disabled': return tokens.textDisabled[gamut];
+    case 'accent': return tokens.accent.fill[gamut];
+    case 'success': return tokens.success.fill[gamut];
+    case 'warning': return tokens.warning.fill[gamut];
+    case 'error': return tokens.error.fill[gamut];
   }
 }
 

package/src/primitives/Text/Text.types.ts

@@ -1,5 +1,5 @@
 import type { Text as RNText, TextStyle } from 'react-native';
-import type { ElevationLevel } from '../../theme/types';
+import type { ElevationLevel } from 'newtone-api';
 
 /** Typography size step — selects within the current role's 3-step scale. @default 'md' */
 export type TextSize = 'sm' | 'md' | 'lg';

package/src/primitives/Wrapper/Wrapper.styles.ts

@@ -1,6 +1,6 @@
 import type { ViewStyle } from 'react-native';
 import { StyleSheet } from 'react-native';
-import type { ResolvedTokens } from '../../tokens/types';
+import type { ResolvedTokens } from 'newtone-api';
 import type {
   Direction,
   Alignment,

package/src/primitives/Wrapper/Wrapper.tsx

@@ -2,7 +2,7 @@ import React, { useMemo } from 'react';
 import { View } from 'react-native';
 import type { WrapperProps } from './Wrapper.types';
 import { getWrapperStyles } from './Wrapper.styles';
-import { useTokens } from '../../tokens/useTokens';
+import { useTokens } from 'newtone-api';
 
 /**
  * Wrapper — Lightweight, invisible layout container.

package/dist/fonts/GoogleFontLoader.d.ts

@@ -1,20 +0,0 @@
-import type { FontSlot } from '../theme/types';
-interface GoogleFontLoaderProps {
-    readonly fonts: {
-        readonly main: FontSlot;
-        readonly display: FontSlot;
-        readonly mono: FontSlot;
-        readonly currency: FontSlot;
-    };
-}
-/**
- * Manages a single <link> tag in <head> for Google Fonts.
- * Removes the previous link when fonts change to avoid accumulation.
- * Does nothing when no Google fonts are present.
- *
- * Uses imperative DOM manipulation because react-native-web's View
- * cannot render <link> elements.
- */
-export declare function GoogleFontLoader({ fonts }: GoogleFontLoaderProps): null;
-export {};
-//# sourceMappingURL=GoogleFontLoader.d.ts.map

package/dist/fonts/GoogleFontLoader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"GoogleFontLoader.d.ts","sourceRoot":"","sources":["../../src/fonts/GoogleFontLoader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG/C,UAAU,qBAAqB;IAC7B,QAAQ,CAAC,KAAK,EAAE;QACd,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;QACxB,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC;QAC3B,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;QACxB,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;KAC7B,CAAC;CACH;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,EAAE,qBAAqB,QA0DhE"}

package/dist/fonts/IconFontLoader.d.ts

@@ -1,13 +0,0 @@
-interface IconFontLoaderProps {
-    readonly icons: {
-        readonly variant: 'outlined' | 'rounded' | 'sharp';
-    };
-}
-/**
- * Manages a single <link> tag in <head> for the Material Symbols icon font.
- * Loads the variable font with all axes (FILL, wght, GRAD, opsz).
- * Removes the previous link when the variant changes to avoid accumulation.
- */
-export declare function IconFontLoader({ icons }: IconFontLoaderProps): null;
-export {};
-//# sourceMappingURL=IconFontLoader.d.ts.map

package/dist/fonts/IconFontLoader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconFontLoader.d.ts","sourceRoot":"","sources":["../../src/fonts/IconFontLoader.tsx"],"names":[],"mappings":"AAEA,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,KAAK,EAAE;QACd,QAAQ,CAAC,OAAO,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;KACpD,CAAC;CACH;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE,mBAAmB,QAqC5D"}

package/dist/fonts/SelfHostedFontLoader.d.ts

@@ -1,14 +0,0 @@
-interface SelfHostedFontLoaderProps {
-    /** Raw @font-face CSS string from the theme API. */
-    readonly fontFaceCss: string;
-}
-/**
- * Injects self-hosted @font-face CSS into <head> via a <style> tag.
- * Used instead of GoogleFontLoader when self-hosted font CSS is available.
- *
- * Uses imperative DOM manipulation because react-native-web's View
- * cannot render <style> elements.
- */
-export declare function SelfHostedFontLoader({ fontFaceCss }: SelfHostedFontLoaderProps): null;
-export {};
-//# sourceMappingURL=SelfHostedFontLoader.d.ts.map

package/dist/fonts/SelfHostedFontLoader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelfHostedFontLoader.d.ts","sourceRoot":"","sources":["../../src/fonts/SelfHostedFontLoader.tsx"],"names":[],"mappings":"AAEA,UAAU,yBAAyB;IACjC,oDAAoD;IACpD,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;CAC9B;AAED;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,WAAW,EAAE,EAAE,yBAAyB,QA6B9E"}

package/dist/fonts/buildGoogleFontsUrl.d.ts

@@ -1,2 +0,0 @@
-export { buildGoogleFontsUrl } from '@newtonedev/fonts';
-//# sourceMappingURL=buildGoogleFontsUrl.d.ts.map

package/dist/fonts/buildGoogleFontsUrl.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"buildGoogleFontsUrl.d.ts","sourceRoot":"","sources":["../../src/fonts/buildGoogleFontsUrl.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/fonts/measureFont.d.ts

@@ -1,19 +0,0 @@
-/**
- * Measure the average character width ratio for a font using the Canvas API.
- *
- * Waits for the font to load via `document.fonts.load()` before measuring,
- * with a 3-second timeout to prevent hangs when fonts fail to load silently.
- * Falls back to 0.55 if the browser context is unavailable, the font fails
- * to load, or canvas is not supported.
- *
- * The returned ratio represents `avgCharWidth / fontSize`. Multiply by a
- * desired fontSize to estimate character widths for that font.
- *
- * @param fontFamily - Font family name, e.g. "Inter" or "system-ui"
- * @param fontWeight - CSS font-weight number, e.g. 400
- * @param fallback   - CSS fallback stack, e.g. "sans-serif"
- * @param fontSize   - Reference font size in px (default 16)
- * @returns Average character width ratio, e.g. 0.52 for Inter
- */
-export declare function measureAvgCharWidth(fontFamily: string, fontWeight: number, fallback: string, fontSize?: number): Promise<number>;
-//# sourceMappingURL=measureFont.d.ts.map

package/dist/fonts/measureFont.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"measureFont.d.ts","sourceRoot":"","sources":["../../src/fonts/measureFont.ts"],"names":[],"mappings":"AAeA;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAsB,mBAAmB,CACvC,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,QAAQ,SAAK,GACZ,OAAO,CAAC,MAAM,CAAC,CAiBjB"}

package/dist/fonts/reportQueue.d.ts

@@ -1,7 +0,0 @@
-import type { ObserverPayload } from '@newtonedev/fonts';
-/**
- * Enqueue a typography observation for batch reporting.
- * Resets the 2s debounce timer on each call.
- */
-export declare function enqueueObservation(endpoint: string, payload: ObserverPayload): void;
-//# sourceMappingURL=reportQueue.d.ts.map

package/dist/fonts/reportQueue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"reportQueue.d.ts","sourceRoot":"","sources":["../../src/fonts/reportQueue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AA6CzD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,GAAG,IAAI,CAInF"}

package/dist/fonts/useLocalCalibration.d.ts

@@ -1,19 +0,0 @@
-/**
- * Returns the avgCharWidth ratio for a font, using a device-local measurement
- * cached in localStorage (Layer 2 calibration).
- *
- * Resolution order:
- * 1. localStorage cache (if fresh, < 7 days old)
- * 2. `baseCalibration` (Layer 1 — editor-time canvas measurement from theme config)
- * 3. 0.55 (fallback constant)
- *
- * On mount, measures the font if the cache is stale or absent, then updates
- * localStorage and triggers a re-render with the device-accurate ratio.
- *
- * @param fontFamily    - CSS font family name, e.g. "Inter"
- * @param fontWeight    - CSS font-weight number, e.g. 400
- * @param fallback      - CSS fallback stack, e.g. "sans-serif"
- * @param baseCalibration - Layer 1 ratio from `themeConfig.typography.calibrations`
- */
-export declare function useLocalCalibration(fontFamily: string, fontWeight: number, fallback: string, baseCalibration?: number): number;
-//# sourceMappingURL=useLocalCalibration.d.ts.map

package/dist/fonts/useLocalCalibration.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLocalCalibration.d.ts","sourceRoot":"","sources":["../../src/fonts/useLocalCalibration.ts"],"names":[],"mappings":"AAoCA;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,mBAAmB,CACjC,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,EAChB,eAAe,CAAC,EAAE,MAAM,GACvB,MAAM,CAsCR"}

package/dist/fonts/useTypographyCalibrations.d.ts

@@ -1,11 +0,0 @@
-/**
- * Returns the per-font avgCharWidth calibrations from the current theme config.
- *
- * These are Layer 1 (editor-time) calibrations — measured with canvas at publish
- * time and stored in `themeConfig.typography.calibrations`. Use `useLocalCalibration`
- * to overlay device-local (Layer 2) measurements on top.
- *
- * @returns Record of fontFamily → avgCharWidthRatio, or an empty object if absent.
- */
-export declare function useTypographyCalibrations(): Record<string, number>;
-//# sourceMappingURL=useTypographyCalibrations.d.ts.map

package/dist/fonts/useTypographyCalibrations.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTypographyCalibrations.d.ts","sourceRoot":"","sources":["../../src/fonts/useTypographyCalibrations.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,yBAAyB,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAGlE"}

package/dist/theme/FrameContext.d.ts

@@ -1,26 +0,0 @@
-import type { ElevationLevel } from './types';
-import type { ResolvedTokens } from '../tokens/types';
-/**
- * Context value provided by Frame to its descendants.
- * Contains the resolved elevation and pre-computed tokens.
- * Tokens are included to avoid redundant computeTokens calls in child components.
- */
-export interface FrameContextValue {
-    readonly elevation: ElevationLevel;
-    readonly tokens: ResolvedTokens;
-}
-/**
- * FrameContext - Propagates elevation overrides from Frame to descendants.
- *
- * When null, components fall back to default elevation (1).
- * When present, useTokens() reads from this context instead.
- */
-export declare const FrameContext: import("react").Context<FrameContextValue | null>;
-/**
- * useFrameContext - Read the nearest Frame's context, if any.
- *
- * Returns null when no parent Frame exists. This is intentionally not an error —
- * components outside a Frame simply fall back to the NewtoneProvider defaults.
- */
-export declare function useFrameContext(): FrameContextValue | null;
-//# sourceMappingURL=FrameContext.d.ts.map

package/dist/theme/FrameContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FrameContext.d.ts","sourceRoot":"","sources":["../../src/theme/FrameContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,SAAS,EAAE,cAAc,CAAC;IACnC,QAAQ,CAAC,MAAM,EAAE,cAAc,CAAC;CACjC;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAE1E;;;;;GAKG;AACH,wBAAgB,eAAe,IAAI,iBAAiB,GAAG,IAAI,CAE1D"}

package/dist/theme/NewtoneProvider.d.ts

@@ -1,40 +0,0 @@
-import React from 'react';
-import type { NewtoneThemeConfig, NewtoneThemeContext, ColorMode } from './types';
-export interface NewtoneProviderProps {
-    readonly config?: NewtoneThemeConfig;
-    readonly initialMode?: ColorMode;
-    readonly children: React.ReactNode;
-    /** Optional URL for typography telemetry. When set, adaptive Text instances report observations. */
-    readonly reportingEndpoint?: string;
-    /**
-     * Self-hosted @font-face CSS from the theme API.
-     * When provided, injects this CSS instead of loading from Google CDN.
-     * Falls back to Google CDN when absent or null.
-     */
-    readonly fontFaceCss?: string | null;
-}
-/**
- * NewtoneProvider - Provides theme context to all Newtone components
- *
- * Wrap your app with this provider to enable mode switching.
- *
- * @example
- * ```tsx
- * <NewtoneProvider initialMode="light">
- *   <App />
- * </NewtoneProvider>
- * ```
- */
-export declare function NewtoneProvider({ config, initialMode, children, reportingEndpoint, fontFaceCss, }: NewtoneProviderProps): React.JSX.Element;
-/**
- * useNewtoneTheme - Hook to access theme context
- *
- * Must be used within a NewtoneProvider.
- *
- * @example
- * ```tsx
- * const { mode, setMode } = useNewtoneTheme();
- * ```
- */
-export declare function useNewtoneTheme(): NewtoneThemeContext;
-//# sourceMappingURL=NewtoneProvider.d.ts.map

package/dist/theme/NewtoneProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NewtoneProvider.d.ts","sourceRoot":"","sources":["../../src/theme/NewtoneProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAQlF,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,MAAM,CAAC,EAAE,kBAAkB,CAAC;IACrC,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACjC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,oGAAoG;IACpG,QAAQ,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACtC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAA6B,EAC7B,WAAqB,EACrB,QAAQ,EACR,iBAAiB,EACjB,WAAW,GACZ,EAAE,oBAAoB,qBAwBtB;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,IAAI,mBAAmB,CAMrD"}

package/dist/theme/defaults.d.ts

@@ -1,8 +0,0 @@
-import type { NewtoneThemeConfig } from './types';
-export { DEFAULT_FONT_SIZES, DEFAULT_LINE_HEIGHTS, DEFAULT_ROLE_SCALES } from '@newtonedev/fonts';
-/**
- * Default theme configuration matching playground defaults.
- * Palettes: [0] Neutral, [1] Accent, [2] Success, [3] Warning, [4] Error
- */
-export declare const DEFAULT_THEME_CONFIG: NewtoneThemeConfig;
-//# sourceMappingURL=defaults.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/theme/defaults.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAgBlD,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAElG;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,kBAgDlC,CAAC"}