@newtonedev/components 0.1.12 → 0.1.13

package/dist/theme/types.d.ts

@@ -1,156 +0,0 @@
-import type { DynamicRange, PaletteConfig } from 'newtone';
-export type { FontConfig, FontWeights, FontSlot, FontSizeScale, LineHeightScale, RoleSizeStep, RoleScale, RoleScales, BreakpointKey, Breakpoints, BreakpointRoleScales, FontRuntimeMetrics, } from '@newtonedev/fonts';
-import type { FontSlot, FontSizeScale, LineHeightScale, RoleScales, BreakpointRoleScales, FontRuntimeMetrics, TextRole } from '@newtonedev/fonts';
-/**
- * Color mode: light or dark
- */
-export type ColorMode = 'light' | 'dark';
-/**
- * Elevation levels for surfaces (internal)
- * 0 = sunken, 1 = default, 2 = elevated
- */
-export type ElevationLevel = 0 | 1 | 2;
-/**
- * User-facing elevation for Frame component
- * -2 = deeply sunken (inset shadow), -1 = sunken, 0 = default,
- * 1 = elevated, 2 = prominently elevated (drop shadow)
- */
-export type FrameElevation = -2 | -1 | 0 | 1 | 2;
-/**
- * Complete color system configuration
- */
-export interface ColorSystemConfig {
-    readonly dynamicRange: DynamicRange;
-    readonly palettes: ReadonlyArray<PaletteConfig>;
-}
-/**
- * Overrides for hardcoded token computation constants.
- * All values are optional — omitted fields fall back to engine defaults.
- *
- * All values are NV (normalized value / luminosity) offsets on a unified scale.
- * 0.10 means the same 10% luminosity shift whether applied to borders, text,
- * or interactive components. Direction auto-inverts per effective mode
- * (darker in light mode, lighter in dark mode) unless noted otherwise.
- */
-export interface TokenOverrides {
-    readonly interactiveComponentOffset?: number;
-    readonly hoverShift?: number;
-    readonly activeShift?: number;
-    readonly borderOffset?: number;
-    readonly interactiveComponentOffsetDark?: number;
-    readonly hoverShiftDark?: number;
-    readonly activeShiftDark?: number;
-    readonly borderOffsetDark?: number;
-    readonly borderFocusedOffset?: number;
-    readonly borderFocusedOffsetDark?: number;
-    readonly borderFilledOffset?: number;
-    readonly borderFilledOffsetDark?: number;
-    readonly backgroundElevated?: number;
-    readonly backgroundDefault?: number;
-    readonly backgroundSunken?: number;
-    readonly textPrimaryNormalized?: number;
-    readonly textSecondaryNormalized?: number;
-    readonly textTertiaryNormalized?: number;
-    readonly textDisabledNormalized?: number;
-    readonly backgroundElevatedDark?: number;
-    readonly backgroundDefaultDark?: number;
-    readonly backgroundSunkenDark?: number;
-    readonly textPrimaryNormalizedDark?: number;
-    readonly textSecondaryNormalizedDark?: number;
-    readonly textTertiaryNormalizedDark?: number;
-    readonly textDisabledNormalizedDark?: number;
-}
-/**
- * Newtone theme configuration
- */
-export interface NewtoneThemeConfig {
-    readonly colorSystem: ColorSystemConfig;
-    readonly spacing: {
-        readonly '00': number;
-        readonly '02': number;
-        readonly '04': number;
-        readonly '06': number;
-        readonly '08': number;
-        readonly '10': number;
-        readonly '12': number;
-        readonly '16': number;
-        readonly '20': number;
-        readonly '24': number;
-        readonly '32': number;
-        readonly '40': number;
-        readonly '48': number;
-    };
-    readonly radius: {
-        readonly none: number;
-        readonly sm: number;
-        readonly md: number;
-        readonly lg: number;
-        readonly xl: number;
-        readonly pill: 999;
-    };
-    readonly typography: {
-        readonly fonts: {
-            readonly main: FontSlot;
-            readonly display: FontSlot;
-            readonly mono: FontSlot;
-            readonly currency: FontSlot;
-        };
-        /** Primitive font size scale — numbered tokens ('01'-'16'), values in px. */
-        readonly fontSizes: FontSizeScale;
-        /** Primitive line height scale — numbered tokens ('01'-'16'), values in px. */
-        readonly lineHeights: LineHeightScale;
-        /** Role mapping — pairs fontSizes and lineHeights for each role x size combination. */
-        readonly roles: RoleScales;
-        /**
-         * Per-font avgCharWidth ratios, keyed by font family name.
-         * Measured with canvas at editor publish time (Layer 1 calibration).
-         * Used by resolveResponsiveSize to improve line break estimation accuracy.
-         * Falls back to 0.55 when absent.
-         */
-        readonly calibrations?: Record<string, number>;
-        /**
-         * Pre-computed role scales for each viewport breakpoint (sm/md/lg).
-         * Enables CSS-only consumers to generate @media rules from the theme JSON
-         * without importing newtone-fonts. Runtime components use useBreakpoint
-         * instead and compute scaling on the fly.
-         */
-        readonly breakpointRoles?: BreakpointRoleScales;
-        /**
-         * Per-font OpenType-derived metrics, keyed by font family name.
-         * Extracted from font binaries at upload time, looked up at publish time.
-         * Used by Text for line height correction (adjustLineHeight),
-         * vertical centering (verticalCenterOffset), and font feature validation.
-         * Falls back to Inter-equivalent defaults when absent.
-         */
-        readonly fontMetrics?: Readonly<Record<string, FontRuntimeMetrics>>;
-        /**
-         * Per-role font weight (CSS font-weight 100–900).
-         * Primary weight path — the Text component uses these values directly.
-         * When populated via toThemeConfig, defaults are merged with user overrides.
-         * Per-instance weight prop still takes priority.
-         */
-        readonly roleWeights?: Partial<Record<TextRole, number>>;
-    };
-    readonly icons: {
-        readonly variant: 'outlined' | 'rounded' | 'sharp';
-        readonly weight: 100 | 200 | 300 | 400 | 500 | 600 | 700;
-        readonly autoGrade: boolean;
-    };
-    readonly tokenOverrides?: TokenOverrides;
-}
-/**
- * Current theme context state
- */
-export interface NewtoneThemeContext {
-    readonly config: NewtoneThemeConfig;
-    readonly mode: ColorMode;
-    readonly setMode: (mode: ColorMode) => void;
-    /**
-     * Optional URL for the typography telemetry reporting endpoint.
-     * When set, the Text component (in responsive mode) will batch and POST
-     * ObserverPayload observations to this URL for cross-site aggregation.
-     * When absent, no telemetry is sent (opt-in).
-     */
-    readonly reportingEndpoint?: string;
-}
-//# sourceMappingURL=types.d.ts.map

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

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

package/dist/theme/useBreakpoint.d.ts

@@ -1,9 +0,0 @@
-import type { BreakpointKey } from '@newtonedev/fonts';
-/**
- * Returns the current viewport breakpoint key ('sm' | 'md' | 'lg').
- *
- * Uses `useWindowDimensions` from react-native (cross-platform — works
- * on web via react-native-web) and re-evaluates on window resize.
- */
-export declare function useBreakpoint(): BreakpointKey;
-//# sourceMappingURL=useBreakpoint.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../src/theme/useBreakpoint.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD;;;;;GAKG;AACH,wBAAgB,aAAa,IAAI,aAAa,CAG7C"}

package/dist/tokens/computeTokens.d.ts

@@ -1,151 +0,0 @@
-import type { ColorSystemConfig, ColorMode, ElevationLevel, FontSlot, TokenOverrides } from '../theme/types';
-import type { ResolvedTokens } from './types';
-/**
- * Per-mode fallback defaults shape shared by all palette defaults.
- */
-export type PaletteDefaults = {
-    readonly light: {
-        readonly background: {
-            readonly elevated: number;
-            readonly ground: number;
-            readonly sunken: number;
-        };
-        readonly text: {
-            readonly primary: number;
-            readonly secondary: number;
-            readonly tertiary: number;
-            readonly disabled: number;
-        };
-        readonly action: {
-            readonly enabled: number;
-            readonly hovered: number;
-            readonly pressed: number;
-        };
-        readonly border: {
-            readonly enabled: number;
-            readonly focused: number;
-            readonly filled: number;
-        };
-    };
-    readonly dark: {
-        readonly background: {
-            readonly elevated: number;
-            readonly ground: number;
-            readonly sunken: number;
-        };
-        readonly text: {
-            readonly primary: number;
-            readonly secondary: number;
-            readonly tertiary: number;
-            readonly disabled: number;
-        };
-        readonly action: {
-            readonly enabled: number;
-            readonly hovered: number;
-            readonly pressed: number;
-        };
-        readonly border: {
-            readonly enabled: number;
-            readonly focused: number;
-            readonly filled: number;
-        };
-    };
-};
-/**
- * Per-mode fallback defaults for the neutral palette (normalized scale).
- * Single source of truth — consumed by computeTokens and the admin Token Tuner.
- *
- * Light: 0 = lightest, 1 = darkest. Dark: 0 = darkest, 1 = lightest.
- * Structured by token group so all per-palette defaults follow the same shape.
- */
-export declare const NEUTRAL_DEFAULTS: PaletteDefaults;
-/**
- * Accent palette defaults. Initial values match neutral — will be tuned per-palette later.
- */
-export declare const ACCENT_DEFAULTS: PaletteDefaults;
-/**
- * Success palette defaults. Initial values match neutral — will be tuned per-palette later.
- */
-export declare const SUCCESS_DEFAULTS: PaletteDefaults;
-/**
- * Warning palette defaults. Initial values match neutral — will be tuned per-palette later.
- */
-export declare const WARNING_DEFAULTS: PaletteDefaults;
-/**
- * Error palette defaults. Initial values match neutral — will be tuned per-palette later.
- */
-export declare const ERROR_DEFAULTS: PaletteDefaults;
-/**
- * Compute design tokens for a specific mode/theme/elevation combination.
- *
- * This function calls the Newtone engine to generate all necessary color tokens
- * based on the current theme context. All colors are computed on-demand using
- * the pure functions from the engine.
- *
- * Background surfaces use absolute positions from NEUTRAL_DEFAULTS (or tokenOverrides
- * when present). Elevation compensation is derived from the difference between
- * the current surface and the elevated reference surface.
- *
- * @param config - Complete color system configuration (dynamic range + palettes)
- * @param mode - Current color mode ('light' or 'dark')
- * @param elevation - Elevation level (0=sunken, 1=default, 2=elevated)
- * @param spacing - Spacing scale for paddings, gaps, and margins
- * @param radius - Border radius scale for component roundness
- * @param typography - Typography configuration with fonts and scales
- * @param icons - Icon configuration with variant, weight, and auto-grade setting
- * @returns Resolved design tokens with all necessary colors
- *
- * @example
- * ```typescript
- * const tokens = computeTokens(
- *   config.colorSystem,
- *   'light',
- *   1,
- *   config.spacing,
- *   config.radius,
- *   config.typography,
- *   config.icons
- * );
- * console.log(tokens.background.srgb); // { r: 0.95, g: 0.95, b: 0.95 }
- * ```
- */
-export declare function computeTokens(config: ColorSystemConfig, mode: ColorMode, elevation: ElevationLevel, spacing: {
-    readonly '00': number;
-    readonly '02': number;
-    readonly '04': number;
-    readonly '06': number;
-    readonly '08': number;
-    readonly '10': number;
-    readonly '12': number;
-    readonly '16': number;
-    readonly '20': number;
-    readonly '24': number;
-    readonly '32': number;
-    readonly '40': number;
-    readonly '48': number;
-}, radius: {
-    readonly none: number;
-    readonly sm: number;
-    readonly md: number;
-    readonly lg: number;
-    readonly xl: number;
-    readonly pill: 999;
-}, typography: {
-    readonly fonts: {
-        readonly main: FontSlot;
-        readonly display: FontSlot;
-        readonly mono: FontSlot;
-        readonly currency: FontSlot;
-    };
-    readonly fontSizes: {
-        readonly [key: string]: number;
-    };
-    readonly lineHeights: {
-        readonly [key: string]: number;
-    };
-}, icons: {
-    readonly variant: 'outlined' | 'rounded' | 'sharp';
-    readonly weight: 100 | 200 | 300 | 400 | 500 | 600 | 700;
-    readonly autoGrade: boolean;
-}, tokenOverrides?: TokenOverrides): ResolvedTokens;
-//# sourceMappingURL=computeTokens.d.ts.map

package/dist/tokens/computeTokens.d.ts.map

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

package/dist/tokens/types.d.ts

@@ -1,162 +0,0 @@
-import type { ColorResult } from 'newtone';
-/**
- * Complete token set for a non-neutral palette (accent, success, warning, error).
- *
- * Fill tokens use the palette's key NV position (user-chosen or WCAG auto-derived).
- * Surface tokens use standard positions from PaletteDefaults, rendered in the palette's hue/saturation.
- */
-export interface PaletteTokens {
-    /** Key color at the palette's keyNormalizedValue (used for primary Button fills, badges, indicators) */
-    readonly fill: ColorResult;
-    /** Key color shifted for hover state */
-    readonly fillHover: ColorResult;
-    /** Key color shifted for pressed/active state */
-    readonly fillActive: ColorResult;
-    /** High-contrast color for text/icons on top of fill (auto: dark text on light fills, light on dark) */
-    readonly onFill: ColorResult;
-    /** Palette-tinted background at current elevation */
-    readonly background: ColorResult;
-    /** Palette-tinted elevated surface */
-    readonly backgroundElevated: ColorResult;
-    /** Palette-tinted sunken surface */
-    readonly backgroundSunken: ColorResult;
-    /** Interactive element background within palette surface */
-    readonly backgroundInteractive: ColorResult;
-    /** Hover state for interactive elements within palette surface */
-    readonly backgroundInteractiveHover: ColorResult;
-    /** Pressed/active state for interactive elements within palette surface */
-    readonly backgroundInteractiveActive: ColorResult;
-    /** High-contrast palette-colored text */
-    readonly textPrimary: ColorResult;
-    /** Medium-contrast palette-colored text */
-    readonly textSecondary: ColorResult;
-    /** Low-contrast palette-colored text */
-    readonly textTertiary: ColorResult;
-    /** Disabled palette-colored text */
-    readonly textDisabled: ColorResult;
-    /** Palette-colored border */
-    readonly border: ColorResult;
-}
-/**
- * Resolved design tokens for a specific mode/theme/elevation combination
- */
-export interface ResolvedTokens {
-    /** Background color for the current surface */
-    readonly background: ColorResult;
-    /** Background color for elevated surfaces (cards, modals) */
-    readonly backgroundElevated: ColorResult;
-    /** Background color for sunken surfaces (input fields, wells) */
-    readonly backgroundSunken: ColorResult;
-    /**
-     * Background color for interactive components with neutral backgrounds.
-     * Uses a fixed NV offset from current background to ensure
-     * consistent visual contrast across all elevations (-2 to 2).
-     *
-     * Use for: Button (neutral primary enabled), and future components with neutral filled backgrounds.
-     * Don't use for: Semantic variants (accent/success/error/warning), transparent backgrounds,
-     * or primitives (Frame/Wrapper/Text/Icon already handle elevation correctly).
-     */
-    readonly backgroundInteractive: ColorResult;
-    /** Hover state for neutral interactive components (enabled + hoverShift) */
-    readonly backgroundInteractiveHover: ColorResult;
-    /** Pressed/active state for neutral interactive components (enabled + activeShift) */
-    readonly backgroundInteractiveActive: ColorResult;
-    /** Primary text color (high contrast for body text, 4.5:1 default) */
-    readonly textPrimary: ColorResult;
-    /** Secondary text color (lower contrast for captions, labels, 3.0:1 default) */
-    readonly textSecondary: ColorResult;
-    /** Tertiary text color (hints, placeholders, 2.0:1 default) */
-    readonly textTertiary: ColorResult;
-    /** Disabled text color (disabled elements, 1.5:1 default) */
-    readonly textDisabled: ColorResult;
-    /** Border color for subtle separators */
-    readonly border: ColorResult;
-    /** Accent palette tokens (palette index 1) — interactive elements, brand color */
-    readonly accent: PaletteTokens;
-    /** Success palette tokens (palette index 2) — positive state indicators */
-    readonly success: PaletteTokens;
-    /** Warning palette tokens (palette index 3) — caution state indicators */
-    readonly warning: PaletteTokens;
-    /** Error palette tokens (palette index 4) — destructive/error state indicators */
-    readonly error: PaletteTokens;
-    /** Spacing tokens for paddings, gaps, and margins.
-     * Token names represent pixel values at Medium (8px) spacing preset.
-     * Actual values scale based on the selected spacing preset. */
-    readonly spacing: {
-        readonly '00': number;
-        readonly '02': number;
-        readonly '04': number;
-        readonly '06': number;
-        readonly '08': number;
-        readonly '10': number;
-        readonly '12': number;
-        readonly '16': number;
-        readonly '20': number;
-        readonly '24': number;
-        readonly '32': number;
-        readonly '40': number;
-        readonly '48': number;
-    };
-    /** Border radius tokens for component roundness */
-    readonly radius: {
-        readonly none: number;
-        readonly sm: number;
-        readonly md: number;
-        readonly lg: number;
-        readonly xl: number;
-        readonly pill: 999;
-    };
-    /** Typography tokens for fonts (per-scope) and primitive size/lineHeight scales */
-    readonly typography: {
-        /** Per-scope font family + weight mapping */
-        readonly fonts: {
-            readonly main: {
-                readonly family: string;
-                readonly weights: {
-                    readonly regular: number;
-                    readonly medium: number;
-                    readonly bold: number;
-                };
-            };
-            readonly display: {
-                readonly family: string;
-                readonly weights: {
-                    readonly regular: number;
-                    readonly medium: number;
-                    readonly bold: number;
-                };
-            };
-            readonly mono: {
-                readonly family: string;
-                readonly weights: {
-                    readonly regular: number;
-                    readonly medium: number;
-                    readonly bold: number;
-                };
-            };
-            readonly currency: {
-                readonly family: string;
-                readonly weights: {
-                    readonly regular: number;
-                    readonly medium: number;
-                    readonly bold: number;
-                };
-            };
-        };
-        /** Primitive font size scale — numbered tokens ('01'–'16'), values in px */
-        readonly fontSizes: {
-            readonly [key: string]: number;
-        };
-        /** Primitive line height scale — numbered tokens ('01'–'16'), values in px */
-        readonly lineHeights: {
-            readonly [key: string]: number;
-        };
-    };
-    /** Icon tokens for Material Symbols configuration */
-    readonly icons: {
-        readonly variant: 'outlined' | 'rounded' | 'sharp';
-        readonly weight: 100 | 200 | 300 | 400 | 500 | 600 | 700;
-        readonly grade: -25 | 0 | 200;
-    };
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/tokens/types.d.ts.map

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

package/dist/tokens/useTokens.d.ts

@@ -1,26 +0,0 @@
-import type { ElevationLevel } from '../theme/types';
-import type { ResolvedTokens } from './types';
-/**
- * Extended tokens result that includes the resolved elevation level.
- * This allows components to make elevation-aware styling decisions.
- */
-export interface UseTokensResult extends ResolvedTokens {
-    elevation: ElevationLevel;
-}
-/**
- * Hook to compute design tokens for the current theme/mode/elevation.
- *
- * Resolution order:
- * 1. Explicit elevation parameter takes highest priority
- * 2. FrameContext values (from nearest parent Frame) are used when elevation is omitted
- * 3. Falls back to NewtoneProvider theme + elevation 1
- *
- * When inside a Frame and no explicit elevation override is given, reuses the
- * Frame's pre-computed tokens to avoid redundant computeTokens calls.
- *
- * @param elevation - Elevation level (0=sunken, 1=default, 2=elevated).
- *                    When omitted, reads from FrameContext or defaults to 1.
- * @returns Resolved design tokens with all necessary colors + resolved elevation
- */
-export declare function useTokens(elevation?: ElevationLevel): UseTokensResult;
-//# sourceMappingURL=useTokens.d.ts.map

package/dist/tokens/useTokens.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTokens.d.ts","sourceRoot":"","sources":["../../src/tokens/useTokens.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,SAAS,EAAE,cAAc,CAAC;CAC3B;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,SAAS,CAAC,SAAS,CAAC,EAAE,cAAc,GAAG,eAAe,CA+BrE"}

package/src/fonts/GoogleFontLoader.tsx

@@ -1,80 +0,0 @@
-import { useEffect, useRef } from 'react';
-import type { FontSlot } from '../theme/types';
-import { buildGoogleFontsUrl } from './buildGoogleFontsUrl';
-
-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 function GoogleFontLoader({ fonts }: GoogleFontLoaderProps) {
-  const linkRef = useRef<HTMLLinkElement | null>(null);
-
-  useEffect(() => {
-    // Web-only: on native, fonts are linked at build time (no DOM to inject <link> tags).
-    // Also guards against SSR where document is undefined.
-    if (typeof document === 'undefined') return;
-
-    const url = buildGoogleFontsUrl(fonts);
-
-    // Clean up previous link
-    if (linkRef.current) {
-      linkRef.current.remove();
-      linkRef.current = null;
-    }
-
-    if (!url) return;
-
-    // Check if an identical link already exists (another provider instance)
-    const links = Array.from(document.head.querySelectorAll('link[rel="stylesheet"]'));
-    if (links.some((el) => (el as HTMLLinkElement).href === url)) return;
-
-    const link = document.createElement('link');
-    link.rel = 'stylesheet';
-    link.href = url;
-    document.head.appendChild(link);
-    linkRef.current = link;
-
-    return () => {
-      if (linkRef.current) {
-        linkRef.current.remove();
-        linkRef.current = null;
-      }
-    };
-  }, [
-    fonts.main.config.family,
-    fonts.main.config.type,
-    fonts.main.weights.regular,
-    fonts.main.weights.medium,
-    fonts.main.weights.bold,
-    fonts.display.config.family,
-    fonts.display.config.type,
-    fonts.display.weights.regular,
-    fonts.display.weights.medium,
-    fonts.display.weights.bold,
-    fonts.mono.config.family,
-    fonts.mono.config.type,
-    fonts.mono.weights.regular,
-    fonts.mono.weights.medium,
-    fonts.mono.weights.bold,
-    fonts.currency.config.family,
-    fonts.currency.config.type,
-    fonts.currency.weights.regular,
-    fonts.currency.weights.medium,
-    fonts.currency.weights.bold,
-  ]);
-
-  return null;
-}

package/src/fonts/IconFontLoader.tsx

@@ -1,51 +0,0 @@
-import { useEffect, useRef } from 'react';
-
-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 function IconFontLoader({ icons }: IconFontLoaderProps) {
-  const linkRef = useRef<HTMLLinkElement | null>(null);
-
-  useEffect(() => {
-    // Web-only: on native, fonts are linked at build time (no DOM to inject <link> tags).
-    // Also guards against SSR where document is undefined.
-    if (typeof document === 'undefined') return;
-
-    const variantName = icons.variant.charAt(0).toUpperCase() + icons.variant.slice(1);
-    const family = `Material+Symbols+${variantName}`;
-    const url = `https://fonts.googleapis.com/css2?family=${family}:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block`;
-
-    // Clean up previous link
-    if (linkRef.current) {
-      linkRef.current.remove();
-      linkRef.current = null;
-    }
-
-    // Check if an identical link already exists (another provider instance)
-    const links = Array.from(document.head.querySelectorAll('link[rel="stylesheet"]'));
-    if (links.some((el) => (el as HTMLLinkElement).href === url)) return;
-
-    const link = document.createElement('link');
-    link.rel = 'stylesheet';
-    link.href = url;
-    document.head.appendChild(link);
-    linkRef.current = link;
-
-    return () => {
-      if (linkRef.current) {
-        linkRef.current.remove();
-        linkRef.current = null;
-      }
-    };
-  }, [icons.variant]);
-
-  return null;
-}