@newtonedev/components 0.1.12 → 0.1.14

package/src/primitives/Text/Text.tsx

@@ -1,16 +1,17 @@
 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 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 { useTokens } from 'newtone-api';
+import { useNewtoneTheme } from 'newtone-api';
+import { useFrameContext } from 'newtone-api';
+import type { UseTokensResult } from 'newtone-api';
+import type { ThemeName, AppearanceName } from 'newtone-api';
+import type { TextProps, TextColor, TextRole } from './Text.types';
+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.
@@ -22,20 +23,27 @@ export const TextScopeContext = createContext<{
   readonly weights: { readonly regular: number; readonly medium: number; readonly bold: number };
 } | null>(null);
 
+/** Roles considered "large text" — accent uses accentLarge (lighter). */
+const LARGE_TEXT_ROLES = new Set<TextRole>(['headline', 'title', 'heading', 'subheading']);
+
 /**
  * Resolve a semantic text color to a hex string from the current tokens.
- * Neutral text colors are top-level; palette colors use nested PaletteTokens.fill.
+ * Neutral colors use the inherited theme/appearance from the nearest Frame.
+ * Accent uses accentLarge (large text) or accentSmall (small text) from the inherited theme/appearance.
  */
-export function resolveTextColor(color: TextColor, tokens: UseTokensResult): string {
+export function resolveTextColor(
+  color: TextColor,
+  tokens: UseTokensResult,
+  theme: ThemeName = 'primary',
+  appearance: AppearanceName = 'main',
+  role: TextRole = 'body',
+): string {
   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.colors[theme][appearance].fontPrimary;
+    case 'secondary': return tokens.colors[theme][appearance].fontSecondary;
+    case 'tertiary': return tokens.colors[theme][appearance].fontTertiary;
+    case 'disabled': return tokens.colors[theme][appearance].fontDisabled;
+    case 'accent': return tokens.colors[theme][appearance][LARGE_TEXT_ROLES.has(role) ? 'accentLarge' : 'accentSmall'];
   }
 }
 
@@ -90,7 +98,7 @@ function TextBase({
   weight: weightOverride,
   align,
   numberOfLines,
-  elevation = 1,
+  elevation,
   style,
   accessibilityRole: accessibilityRoleOverride,
   testID,
@@ -102,6 +110,9 @@ function TextBase({
 }: TextProps) {
   const tokens = useTokens(elevation);
   const { config, reportingEndpoint } = useNewtoneTheme();
+  const frameCtx = useFrameContext();
+  const resolvedTheme: ThemeName = frameCtx?.theme ?? 'primary';
+  const resolvedAppearance: AppearanceName = frameCtx?.appearance ?? 'main';
 
   const size = sizeOverride ?? 'md';
   const fontSlot = tokens.typography.fonts[scope];
@@ -195,13 +206,13 @@ function TextBase({
       fontFamily: fontSlot.family,
       fontSize: activeStep.fontSize,
       fontWeight: String(resolvedFontWeight) as TextStyle['fontWeight'],
-      color: resolveTextColor(color, tokens),
+      color: resolveTextColor(color, tokens, resolvedTheme, resolvedAppearance, role),
       lineHeight: correctedLineHeight,
       textAlign: align,
       ...(vcOffset !== 0 ? { transform: [{ translateY: vcOffset }] } : {}),
       ...(featureSettings ? { fontFeatureSettings: featureSettings } as any : {}),
     };
-  }, [tokens, fontSlot, step, resolvedStep, responsive, isAdaptive, resolvedFontWeight, color, align, config.typography.fontMetrics, centerVertically, features]);
+  }, [tokens, fontSlot, step, resolvedStep, responsive, isAdaptive, resolvedFontWeight, color, align, config.typography.fontMetrics, centerVertically, features, resolvedTheme, resolvedAppearance]);
 
   // Auto-derive accessibility role and heading level for heading-like typography roles.
   // react-native-web uses aria-level to render the correct <h1>/<h2>/<h3> element.

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';
@@ -8,7 +8,7 @@ export type TextSize = 'sm' | 'md' | 'lg';
 export type TextWeight = 'regular' | 'medium' | 'bold';
 
 /** Semantic text color tokens — resolved from the current theme's token palette. */
-export type TextColor = 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'accent' | 'success' | 'warning' | 'error';
+export type TextColor = 'primary' | 'secondary' | 'tertiary' | 'disabled' | 'accent';
 
 /** Font scope — selects which font family slot to use. @default 'main' */
 export type TextScope = 'main' | 'display' | 'mono' | 'currency';
@@ -66,10 +66,7 @@ export interface TextProps {
    * - `'secondary'` — Subdued/muted text (captions, labels)
    * - `'tertiary'` — Hints, placeholders
    * - `'disabled'` — Disabled text elements
-   * - `'accent'` — Accent palette color for links/actions
-   * - `'success'` — Success palette color for positive indicators
-   * - `'warning'` — Warning palette color for caution indicators
-   * - `'error'` — Error palette color for destructive/error indicators
+   * - `'accent'` — Accent color from the inherited theme/appearance (accentLarge for large text, accentSmall for small text)
    *
    * @default 'primary'
    */
@@ -89,7 +86,7 @@ export interface TextProps {
   /** Maximum number of lines before truncation with ellipsis. When omitted, text wraps freely. */
   readonly numberOfLines?: number;
 
-  /** Elevation level for token computation. @default 1 */
+  /** Elevation level for token computation. When omitted, inherits from nearest parent Frame. */
   readonly elevation?: ElevationLevel;
 
   /** Style overrides (applied last). Supports a single style or an array of styles. */

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,
@@ -8,6 +8,9 @@ import type {
   PaddingProp,
   GapProp,
   SizingMode,
+  PositionType,
+  OffsetValue,
+  OverflowMode,
 } from '../Frame/Frame.types';
 import {
   resolvePadding,
@@ -33,6 +36,16 @@ export interface WrapperStyleInput {
   readonly maxWidth?: number;
   readonly minHeight?: number;
   readonly maxHeight?: number;
+
+  // Positioning
+  readonly position?: PositionType;
+  readonly top?: OffsetValue;
+  readonly right?: OffsetValue;
+  readonly bottom?: OffsetValue;
+  readonly left?: OffsetValue;
+  readonly zIndex?: number;
+  readonly overflow?: OverflowMode;
+  readonly opacity?: number;
 }
 
 /**
@@ -58,6 +71,14 @@ export function getWrapperStyles(input: WrapperStyleInput): ViewStyle {
     maxWidth,
     minHeight,
     maxHeight,
+    position,
+    top,
+    right,
+    bottom,
+    left,
+    zIndex,
+    overflow,
+    opacity,
   } = input;
 
   // We build styles as a plain object first, then validate it through
@@ -107,6 +128,17 @@ export function getWrapperStyles(input: WrapperStyleInput): ViewStyle {
   if (minHeight !== undefined) container.minHeight = minHeight;
   if (maxHeight !== undefined) container.maxHeight = maxHeight;
 
+  // ── Positioning ──
+  // Set CSS position mode and offsets for absolute/fixed/sticky positioning.
+  if (position) container.position = position;
+  if (top !== undefined) container.top = top;
+  if (right !== undefined) container.right = right;
+  if (bottom !== undefined) container.bottom = bottom;
+  if (left !== undefined) container.left = left;
+  if (zIndex !== undefined) container.zIndex = zIndex;
+  if (overflow) container.overflow = overflow;
+  if (opacity !== undefined) container.opacity = opacity;
+
   // Pass through StyleSheet.create() to validate and optimize the styles,
   // then extract the single style object with `.c`.
   return StyleSheet.create({ c: container as ViewStyle }).c;

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.
@@ -44,6 +44,16 @@ export function Wrapper({
   maxWidth,
   minHeight,
   maxHeight,
+  // Positioning
+  position,
+  top,
+  right,
+  bottom,
+  left,
+  zIndex,
+  overflow,
+  pointerEvents,
+  opacity,
   style,
   // Testing & platform
   testID,
@@ -51,9 +61,8 @@ export function Wrapper({
   ref,
 }: WrapperProps) {
   // Get the theme's design tokens so we can convert spacing names (like 'md')
-  // into pixel values. The "1" is the default elevation level — Wrapper doesn't
-  // have its own elevation, but tokens need one for the spacing lookups.
-  const tokens = useTokens(1);
+  // into pixel values. Wrapper inherits elevation from FrameContext automatically.
+  const tokens = useTokens();
 
   // Calculate the layout styles (direction, spacing, alignment, sizing).
   // Wrapped in useMemo so it only recalculates when one of the props changes,
@@ -74,11 +83,20 @@ export function Wrapper({
       maxWidth,
       minHeight,
       maxHeight,
+      position,
+      top,
+      right,
+      bottom,
+      left,
+      zIndex,
+      overflow,
+      opacity,
     }),
     [
       tokens, direction, wrap, reverse,
       align, justify, padding, gap,
       width, height, minWidth, maxWidth, minHeight, maxHeight,
+      position, top, right, bottom, left, zIndex, overflow, opacity,
     ],
   );
 
@@ -93,6 +111,7 @@ export function Wrapper({
       ref={ref}
       testID={testID}
       nativeID={nativeID}
+      pointerEvents={pointerEvents}
       // Wrapper is a layout-only container with no semantic meaning.
       // "none" tells screen readers to skip this element and read its children directly.
       accessibilityRole="none"

package/src/primitives/Wrapper/Wrapper.types.ts

@@ -6,6 +6,10 @@ import type {
   PaddingProp,
   GapProp,
   SizingMode,
+  PositionType,
+  OffsetValue,
+  OverflowMode,
+  PointerEventsMode,
 } from '../Frame/Frame.types';
 
 /**
@@ -131,6 +135,47 @@ export interface WrapperProps {
   /** Maximum height in pixels. */
   readonly maxHeight?: number;
 
+  // ── Positioning ──
+
+  /**
+   * CSS position mode.
+   *
+   * `'fixed'` and `'sticky'` are web-only (supported via react-native-web).
+   * React Native natively supports `'absolute'` and `'relative'`.
+   */
+  readonly position?: PositionType;
+
+  /** Offset from the top edge. Accepts pixels (number) or percentage string. */
+  readonly top?: OffsetValue;
+
+  /** Offset from the right edge. Accepts pixels (number) or percentage string. */
+  readonly right?: OffsetValue;
+
+  /** Offset from the bottom edge. Accepts pixels (number) or percentage string. */
+  readonly bottom?: OffsetValue;
+
+  /** Offset from the left edge. Accepts pixels (number) or percentage string. */
+  readonly left?: OffsetValue;
+
+  /** Stacking order. Higher values render above lower values. */
+  readonly zIndex?: number;
+
+  /** Content overflow behavior. */
+  readonly overflow?: OverflowMode;
+
+  /**
+   * Controls whether the element can be the target of touch/pointer events.
+   *
+   * - `'auto'` — default, element and children receive events
+   * - `'none'` — element and children are invisible to events (pass through)
+   * - `'box-none'` — element ignores events but children can receive them
+   * - `'box-only'` — element receives events but children cannot
+   */
+  readonly pointerEvents?: PointerEventsMode;
+
+  /** Opacity of the element (0 = fully transparent, 1 = fully opaque). */
+  readonly opacity?: number;
+
   // ── Testing & Platform ──
 
   /** Test identifier — maps to `data-testid` on web. Used by testing libraries. */

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"}