@newtonedev/components 0.1.11 → 0.1.13

package/src/tokens/useTokens.ts

@@ -1,62 +0,0 @@
-import { useMemo } from 'react';
-import { useNewtoneTheme } from '../theme/NewtoneProvider';
-import { useFrameContext } from '../theme/FrameContext';
-import { computeTokens } from './computeTokens';
-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 function useTokens(elevation?: ElevationLevel): UseTokensResult {
-  const { config, mode } = useNewtoneTheme();
-  const frameCtx = useFrameContext();
-
-  // Resolve elevation: explicit param > FrameContext > default 1
-  const resolvedElevation: ElevationLevel = elevation ?? frameCtx?.elevation ?? 1;
-
-  // Optimization: reuse Frame's pre-computed tokens when elevation matches
-  // and no explicit elevation override was given.
-  const canReuse = frameCtx !== null
-    && elevation === undefined
-    && frameCtx.elevation === resolvedElevation;
-
-  return useMemo(() => {
-    if (canReuse) {
-      return { ...frameCtx!.tokens, elevation: resolvedElevation };
-    }
-
-    const tokens = computeTokens(
-      config.colorSystem,
-      mode,
-      resolvedElevation,
-      config.spacing,
-      config.radius,
-      config.typography,
-      config.icons,
-      config.tokenOverrides
-    );
-
-    return { ...tokens, elevation: resolvedElevation };
-  }, [config, mode, resolvedElevation, canReuse, frameCtx?.tokens]);
-}