@umituz/react-native-design-system 4.23.53 → 4.23.55

package/src/onboarding/infrastructure/services/ValidationManager.ts

@@ -5,7 +5,7 @@
  * Follows Single Responsibility Principle
  */
 
-import type { OnboardingQuestion } from "../../domain/entities/OnboardingQuestion";
+import type { OnboardingQuestion, OnboardingAnswerValue } from "../../domain/entities/OnboardingQuestion";
 
 /**
  * ValidationManager
@@ -19,7 +19,7 @@ export class ValidationManager {
    */
   static validateAnswer(
     question: OnboardingQuestion,
-    answer: any,
+    answer: OnboardingAnswerValue,
   ): boolean {
     const { validation } = question;
     if (!validation) {
@@ -56,7 +56,7 @@ export class ValidationManager {
    * Validate multiple choice answer
    */
   private static validateMultipleChoice(
-    answer: any,
+    answer: OnboardingAnswerValue,
     validation: OnboardingQuestion["validation"],
   ): boolean {
     if (!validation) return true;
@@ -80,7 +80,7 @@ export class ValidationManager {
    * Validate text input answer
    */
   private static validateTextInput(
-    answer: any,
+    answer: OnboardingAnswerValue,
     validation: OnboardingQuestion["validation"],
   ): boolean {
     if (!validation) return true;
@@ -104,7 +104,7 @@ export class ValidationManager {
    * Validate numeric answer (rating)
    */
   private static validateNumeric(
-    answer: any,
+    answer: OnboardingAnswerValue,
     validation: OnboardingQuestion["validation"],
   ): boolean {
     if (!validation) return true;

package/src/onboarding/infrastructure/storage/OnboardingStoreSelectors.ts

@@ -3,10 +3,11 @@
  * Single Responsibility: Store state selectors
  */
 
+import type { OnboardingAnswerValue } from "../../domain/entities/OnboardingQuestion";
 import type { OnboardingStoreState } from "./OnboardingStoreState";
 
 export interface OnboardingStoreSelectors {
-  getAnswer: (questionId: string) => any;
+  getAnswer: (questionId: string) => OnboardingAnswerValue;
   getUserData: () => OnboardingStoreState['userData'];
 }
 

package/src/onboarding/infrastructure/storage/actions/answerActions.ts

@@ -4,6 +4,7 @@
  */
 
 import { storageRepository } from "../../../../storage";
+import type { OnboardingAnswerValue } from "../../../domain/entities/OnboardingQuestion";
 import type { OnboardingUserData } from "../../../domain/entities/OnboardingUserData";
 import type { OnboardingStoreState } from "../OnboardingStoreState";
 import { USER_DATA_STORAGE_KEY, handleError, logSuccess } from "./storageHelpers";
@@ -19,7 +20,7 @@ export async function saveAnswerAction(
       ...get().userData,
       answers: {
         ...get().userData.answers,
-        [questionId]: answer,
+        [questionId]: answer as OnboardingAnswerValue,
       },
     };
 

package/src/onboarding/presentation/components/BackgroundVideo.tsx

@@ -1,14 +1,15 @@
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
 import { useVideoPlayer, VideoView } from 'expo-video';
+import type { VideoSource, VideoPlayer } from 'expo-video';
 
 interface BackgroundVideoProps {
-    source: any;
+    source: VideoSource;
     overlayOpacity?: number;
 }
 
 export const BackgroundVideo = ({ source, overlayOpacity = 0.5 }: BackgroundVideoProps) => {
-    const player = useVideoPlayer(source, (p: any) => {
+    const player = useVideoPlayer(source, (p: VideoPlayer) => {
         p.loop = true;
         p.play();
         p.muted = true;

package/src/onboarding/presentation/components/OnboardingSlide.tsx

@@ -38,7 +38,7 @@ export const OnboardingSlide = ({
             <AtomicText style={{ fontSize: iconSize }}>{slide.icon}</AtomicText>
           ) : (
             <AtomicIcon
-              name={slide.icon as any}
+              name={slide.icon}
               customSize={iconSize}
               customColor={colors.iconColor}
             />

package/src/onboarding/presentation/components/QuestionRenderer.tsx

@@ -4,7 +4,7 @@
  */
 
 import React from "react";
-import type { OnboardingQuestion } from "../../domain/entities/OnboardingQuestion";
+import type { OnboardingQuestion, OnboardingAnswerValue } from "../../domain/entities/OnboardingQuestion";
 import { SingleChoiceQuestion } from "./questions/SingleChoiceQuestion";
 import { MultipleChoiceQuestion } from "./questions/MultipleChoiceQuestion";
 import { TextInputQuestion } from "./questions/TextInputQuestion";
@@ -12,8 +12,8 @@ import { RatingQuestion } from "./questions/RatingQuestion";
 
 export interface QuestionRendererProps {
   question: OnboardingQuestion;
-  value: any;
-  onChange: (value: any) => void;
+  value: OnboardingAnswerValue;
+  onChange: (value: OnboardingAnswerValue) => void;
 }
 
 export const QuestionRenderer = ({
@@ -26,32 +26,32 @@ export const QuestionRenderer = ({
       return (
         <SingleChoiceQuestion
           question={question}
-          value={value}
-          onChange={onChange}
+          value={value as string | undefined}
+          onChange={onChange as (value: string) => void}
         />
       );
     case "multiple_choice":
       return (
         <MultipleChoiceQuestion
           question={question}
-          value={value}
-          onChange={onChange}
+          value={value as string[] | undefined}
+          onChange={onChange as (value: string[]) => void}
         />
       );
     case "text_input":
       return (
         <TextInputQuestion
           question={question}
-          value={value}
-          onChange={onChange}
+          value={value as string | undefined}
+          onChange={onChange as (value: string) => void}
         />
       );
     case "rating":
       return (
         <RatingQuestion
           question={question}
-          value={value}
-          onChange={onChange}
+          value={value as number | undefined}
+          onChange={onChange as (value: number) => void}
         />
       );
     default:

package/src/onboarding/presentation/components/QuestionSlide.tsx

@@ -2,6 +2,7 @@ import React from "react";
 import { View, StyleSheet } from "react-native";
 import { AtomicText } from "../../../atoms/AtomicText";
 import type { OnboardingSlide } from "../../domain/entities/OnboardingSlide";
+import type { OnboardingAnswerValue } from "../../domain/entities/OnboardingQuestion";
 import { QuestionSlideHeader } from "./QuestionSlideHeader";
 import { QuestionRenderer } from "./QuestionRenderer";
 import { BaseSlide } from "./BaseSlide";
@@ -9,8 +10,8 @@ import { useOnboardingProvider } from "../providers/OnboardingProvider";
 
 export interface QuestionSlideProps {
   slide: OnboardingSlide;
-  value: any;
-  onChange: (value: any) => void;
+  value: OnboardingAnswerValue;
+  onChange: (value: OnboardingAnswerValue) => void;
   variant?: "default" | "card" | "minimal" | "fullscreen";
   fieldRequiredText?: string;
 }

package/src/onboarding/presentation/components/QuestionSlideHeader.tsx

@@ -26,7 +26,7 @@ export const QuestionSlideHeader = ({ slide }: QuestionSlideHeaderProps) => {
         {isEmoji ? (
           <AtomicText style={{ fontSize: 48 }}>{slide.icon}</AtomicText>
         ) : (
-          <AtomicIcon name={slide.icon as any} customSize={48} customColor={colors.textColor} />
+          <AtomicIcon name={slide.icon} customSize={48} customColor={colors.textColor} />
         )}
       </View>
 

package/src/onboarding/presentation/components/questions/QuestionOptionItem.tsx

@@ -46,7 +46,7 @@ export const QuestionOptionItem = ({
             <AtomicText style={{ fontSize: 24 }}>{option.icon}</AtomicText>
           ) : (
             <AtomicIcon
-              name={option.icon as any}
+              name={option.icon}
               customSize={20}
               customColor={isSelected ? colors.buttonTextColor : colors.subTextColor}
             />

package/src/onboarding/presentation/components/questions/SingleChoiceQuestion.tsx

@@ -46,7 +46,7 @@ export const SingleChoiceQuestion = ({
               <AtomicText style={{ fontSize: 24 }}>{option.icon}</AtomicText>
             ) : (
               <AtomicIcon
-                name={option.icon as any}
+                name={option.icon}
                 customSize={20}
                 customColor={isSelected ? colors.buttonTextColor : colors.subTextColor}
               />

package/src/onboarding/presentation/hooks/useOnboardingContainerStyle.ts

@@ -4,6 +4,7 @@
  */
 
 import { useMemo } from "react";
+import type { StyleProp, ViewStyle } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { useAppDesignTokens } from "../../../theme/hooks/useAppDesignTokens";
 
@@ -12,7 +13,7 @@ export interface UseOnboardingContainerStyleProps {
 }
 
 export interface UseOnboardingContainerStyleReturn {
-  containerStyle: any;
+  containerStyle: StyleProp<ViewStyle>;
 }
 
 export function useOnboardingContainerStyle({

package/src/onboarding/presentation/hooks/useOnboardingScreenState.ts

@@ -4,7 +4,9 @@
  */
 
 import { useMemo, useEffect } from "react";
+import type { StyleProp, ViewStyle } from "react-native";
 import type { OnboardingSlide } from "../../domain/entities/OnboardingSlide";
+import type { OnboardingAnswerValue } from "../../domain/entities/OnboardingQuestion";
 import { useOnboarding } from "../../infrastructure/storage/OnboardingStore";
 import { useOnboardingNavigation } from "../../infrastructure/hooks/useOnboardingNavigation";
 import { useOnboardingAnswers } from "../../infrastructure/hooks/useOnboardingAnswers";
@@ -28,14 +30,14 @@ export interface UseOnboardingScreenStateReturn {
   currentIndex: number;
   isFirstSlide: boolean;
   isLastSlide: boolean;
-  currentAnswer: unknown;
+  currentAnswer: OnboardingAnswerValue;
   isAnswerValid: boolean;
   useCustomBackground: boolean;
-  containerStyle: unknown;
+  containerStyle: StyleProp<ViewStyle>;
   handleNext: () => Promise<void>;
   handlePrevious: () => void;
   handleSkip: () => Promise<void>;
-  setCurrentAnswer: (value: unknown) => void;
+  setCurrentAnswer: (value: OnboardingAnswerValue) => void;
 }
 
 export function useOnboardingScreenState({

package/src/onboarding/presentation/types/OnboardingProps.ts

@@ -2,17 +2,19 @@
  * Onboarding Screen Content Props
  */
 
+import type { StyleProp, ViewStyle } from "react-native";
 import type { OnboardingSlide } from "../../domain/entities/OnboardingSlide";
+import type { OnboardingAnswerValue } from "../../domain/entities/OnboardingQuestion";
 
 export interface OnboardingScreenContentProps {
-  containerStyle?: any;
+  containerStyle?: StyleProp<ViewStyle>;
   useCustomBackground: boolean;
   currentSlide: OnboardingSlide | undefined;
   isFirstSlide: boolean;
   isLastSlide: boolean;
   currentIndex: number;
   totalSlides: number;
-  currentAnswer: any;
+  currentAnswer: OnboardingAnswerValue;
   isAnswerValid: boolean;
   showBackButton: boolean;
   showSkipButton: boolean;
@@ -25,7 +27,7 @@ export interface OnboardingScreenContentProps {
   onBack: () => void;
   onSkip: () => void;
   onNext: () => void;
-  onAnswerChange: (value: any) => void;
+  onAnswerChange: (value: OnboardingAnswerValue) => void;
   renderHeader?: (props: {
     isFirstSlide: boolean;
     onBack: () => void;

package/src/storage/cache/domain/Cache.ts

@@ -11,9 +11,9 @@ import { FIFOStrategy } from './strategies/FIFOStrategy';
 import { TTLStrategy } from './strategies/TTLStrategy';
 
 export class Cache<T = unknown> {
-  private store = new Map<string, CacheEntry<T>>();
+  protected store = new Map<string, CacheEntry<T>>();
   private config: Required<CacheConfig>;
-  private statsTracker = new CacheStatsTracker();
+  protected statsTracker = new CacheStatsTracker();
   private strategies = {
     lru: new LRUStrategy<T>(),
     lfu: new LFUStrategy<T>(),
@@ -46,7 +46,7 @@ export class Cache<T = unknown> {
     this.store.set(key, entry);
     this.statsTracker.updateSize(this.store.size);
 
-    if (typeof __DEV__ !== 'undefined' && __DEV__ && typeof console !== 'undefined' && console.log) {
+    if (__DEV__) {
       console.log(`Cache: Set key "${key}" with TTL ${entry.ttl}ms`);
     }
   }
@@ -134,7 +134,7 @@ export class Cache<T = unknown> {
       this.statsTracker.recordEviction();
       this.statsTracker.updateSize(this.store.size);
 
-      if (typeof __DEV__ !== 'undefined' && __DEV__) {
+      if (__DEV__) {
         console.log(`Cache: Evicted key "${keyToEvict}" using ${strategy} strategy`);
       }
 

package/src/storage/cache/infrastructure/TTLCache.ts

@@ -36,18 +36,18 @@ export class TTLCache<T = unknown> extends Cache<T> {
     const now = Date.now();
 
     for (const key of keys) {
-      const entry = (this as any).store.get(key);
+      const entry = this.store.get(key);
       if (entry && (now - entry.timestamp) > entry.ttl) {
-        (this as any).store.delete(key);
+        this.store.delete(key);
         cleanedCount++;
       }
     }
 
     if (cleanedCount > 0) {
-      (this as any).statsTracker.updateSize((this as any).store.size);
-      (this as any).statsTracker.recordExpiration();
+      this.statsTracker.updateSize(this.store.size);
+      this.statsTracker.recordExpiration();
 
-      if (typeof __DEV__ !== 'undefined' && __DEV__) {
+      if (__DEV__) {
         console.log(`TTLCache: Cleaned up ${cleanedCount} expired entries`);
       }
     }
@@ -68,7 +68,7 @@ export class TTLCache<T = unknown> extends Cache<T> {
 
   override set(key: string, value: T, ttl?: number): void {
     if (this.isDestroyed) {
-      if (typeof __DEV__ !== 'undefined' && __DEV__) {
+      if (__DEV__) {
         console.warn('TTLCache: Attempted to set value on destroyed cache');
       }
       return;
@@ -78,7 +78,7 @@ export class TTLCache<T = unknown> extends Cache<T> {
 
   override get(key: string): T | undefined {
     if (this.isDestroyed) {
-      if (typeof __DEV__ !== 'undefined' && __DEV__) {
+      if (__DEV__) {
         console.warn('TTLCache: Attempted to get value from destroyed cache');
       }
       return undefined;

package/src/storage/domain/factories/StoreFactory.ts

@@ -37,8 +37,8 @@ export function createStore<
       name: config.name,
       storage: createJSONStorage(() => storageService),
       version: config.version || 1,
-      partialize: config.partialize
-        ? (state: Store) => config.partialize!(state as any) as any
+      partialize: (config.partialize
+        ? (state: Store) => config.partialize!(state)
         : (state: Store) => {
             const persisted: Record<string, unknown> = {};
             for (const key of Object.keys(state)) {
@@ -46,14 +46,14 @@ export function createStore<
                 persisted[key] = state[key as keyof Store];
               }
             }
-            return persisted as any;
-          },
+            return persisted;
+          }) as (state: Store) => Store,
       onRehydrateStorage: () => (state: Store | undefined) => {
         if (state && config.onRehydrate) {
-          config.onRehydrate(state as any);
+          config.onRehydrate(state);
         }
       },
-      migrate: config.migrate as any,
+      migrate: config.migrate as ((persistedState: unknown, version: number) => Store | Promise<Store>),
     })
   );
 }

package/src/storage/domain/utils/devUtils.ts

@@ -6,14 +6,14 @@
  * Check if running in development mode
  */
 export const isDev = (): boolean => {
-  return (globalThis as any).__DEV__ === true;
+  return __DEV__;
 };
 
 /**
  * Log warning in development mode only
  */
-export const devWarn = (message: string, ...args: any[]): void => {
-  if (isDev()) {
+export const devWarn = (message: string, ...args: unknown[]): void => {
+  if (__DEV__) {
     console.warn(message, ...args);
   }
 };
@@ -21,8 +21,8 @@ export const devWarn = (message: string, ...args: any[]): void => {
 /**
  * Log error in development mode only
  */
-export const devError = (message: string, ...args: any[]): void => {
-  if (isDev()) {
+export const devError = (message: string, ...args: unknown[]): void => {
+  if (__DEV__) {
     console.error(message, ...args);
   }
 };
@@ -30,8 +30,8 @@ export const devError = (message: string, ...args: any[]): void => {
 /**
  * Log info in development mode only
  */
-export const devLog = (message: string, ...args: any[]): void => {
-  if (isDev()) {
+export const devLog = (message: string, ...args: unknown[]): void => {
+  if (__DEV__) {
     console.log(message, ...args);
   }
-};
+};

package/src/tanstack/infrastructure/monitoring/DevMonitorLogger.ts

@@ -7,13 +7,13 @@ import type { QueryMetrics, CacheStats } from './DevMonitor.types';
 
 export class DevMonitorLogger {
   static logInit(): void {
-    if (typeof __DEV__ !== 'undefined' && __DEV__) {
+    if (__DEV__) {
       console.log('[TanStack DevMonitor] Monitoring initialized');
     }
   }
 
   static logSlowQuery(queryKeyString: string, fetchTime: number): void {
-    if (typeof __DEV__ !== 'undefined' && __DEV__) {
+    if (__DEV__) {
       console.warn(
         `[TanStack DevMonitor] Slow query detected: ${queryKeyString} (${fetchTime}ms)`,
       );
@@ -21,25 +21,25 @@ export class DevMonitorLogger {
   }
 
   static logAttached(): void {
-    if (typeof __DEV__ !== 'undefined' && __DEV__) {
+    if (__DEV__) {
       console.log('[TanStack DevMonitor] Attached to QueryClient');
     }
   }
 
   static logMethodsCleared(): void {
-    if (typeof __DEV__ !== 'undefined' && __DEV__) {
+    if (__DEV__) {
       console.log('[TanStack DevMonitor] Metrics cleared');
     }
   }
 
   static logReset(): void {
-    if (typeof __DEV__ !== 'undefined' && __DEV__) {
+    if (__DEV__) {
       console.log('[TanStack DevMonitor] Reset');
     }
   }
 
   static logReport(stats: CacheStats | null, slowQueries: QueryMetrics[]): void {
-    if (typeof __DEV__ !== 'undefined' && __DEV__) {
+    if (__DEV__) {
       console.group('[TanStack DevMonitor] Performance Report');
 
       if (stats) {

package/src/tanstack/infrastructure/providers/TanstackProvider.tsx

@@ -82,7 +82,7 @@ export function TanstackProvider({
     const client = providedQueryClient ?? createQueryClient(queryClientOptions);
     setGlobalQueryClient(client);
 
-    if (enableDevTools && typeof __DEV__ !== 'undefined' && __DEV__) {
+    if (enableDevTools && __DEV__) {
       DevMonitor.attach(client);
     }
 

package/src/tanstack/presentation/hooks/useOptimisticUpdate.ts

@@ -47,7 +47,7 @@ export function useOptimisticUpdate<TData = unknown, TVariables = unknown, TErro
     },
     onError: (error: TError, variables: TVariables, context: unknown) => {
       
-      const ctx = context as any;
+      const ctx = context as { previousData?: TData } | undefined;
       if (ctx?.previousData !== undefined) {
         queryClient.setQueryData(queryKey, ctx.previousData);
 

package/src/theme/core/TokenFactory.ts

@@ -6,9 +6,6 @@ import { type DesignTokens, type ResponsiveTypography } from '../types/ThemeType
 /**
  * Create complete design tokens for a specific theme mode
  *
- * ✅ Responsive by default
- * ✅ SINGLE SOURCE OF TRUTH
- *
  * @param mode - Theme mode ('light' or 'dark')
  * @param customColors - Optional custom colors to override default colors
  * @param multiplier - Device-based spacing multiplier
@@ -25,48 +22,59 @@ export const createDesignTokens = (
   const colors = applyCustomColors(baseColors, customColors);
 
   // Responsive Spacing
-  const spacing = Object.keys(BASE_TOKENS.spacing).reduce((acc, key) => {
-    const value = BASE_TOKENS.spacing[key as keyof typeof BASE_TOKENS.spacing];
-    acc[key as keyof typeof BASE_TOKENS.spacing] = typeof value === 'number' ? value * multiplier : value;
-    return acc;
-  }, {} as any);
+  type SpacingKeys = keyof typeof BASE_TOKENS.spacing;
+  const spacing: Record<string, number | string> = {};
+  for (const key of Object.keys(BASE_TOKENS.spacing) as SpacingKeys[]) {
+    const value = BASE_TOKENS.spacing[key];
+    spacing[key] = typeof value === 'number' ? value * multiplier : value;
+  }
 
   // Responsive Typography
-  const typography = Object.keys(BASE_TOKENS.typography).reduce((acc, key) => {
-    const style = BASE_TOKENS.typography[key as keyof typeof BASE_TOKENS.typography];
-    if (typeof style === 'object' && style.fontSize) {
-      acc[key as keyof typeof BASE_TOKENS.typography] = {
-        ...(style as any),
+  type TypographyKeys = keyof typeof BASE_TOKENS.typography;
+  const typography: Record<string, unknown> = {};
+  for (const key of Object.keys(BASE_TOKENS.typography) as TypographyKeys[]) {
+    const style = BASE_TOKENS.typography[key];
+    if (typeof style === 'object' && 'fontSize' in style) {
+      typography[key] = {
+        ...style,
         responsiveFontSize: getFontSize(style.fontSize as number),
       };
     } else {
-      acc[key as keyof typeof BASE_TOKENS.typography] = style as any;
+      typography[key] = style;
     }
-    return acc;
-  }, {} as any) as ResponsiveTypography;
+  }
 
   // Responsive Borders
-  const borderRadius = Object.keys(BASE_TOKENS.borders.radius).reduce((acc, key) => {
-    const value = BASE_TOKENS.borders.radius[key as keyof typeof BASE_TOKENS.borders.radius];
-    acc[key as keyof typeof BASE_TOKENS.borders.radius] = value === 0 || key === 'full' ? value : Math.round(value * multiplier);
+  type RadiusKeys = keyof typeof BASE_TOKENS.borders.radius;
+  const borderRadius = (Object.keys(BASE_TOKENS.borders.radius) as RadiusKeys[]).reduce<Record<RadiusKeys, number>>((acc, key) => {
+    const value = BASE_TOKENS.borders.radius[key];
+    acc[key] = value === 0 || key === 'full' ? value : Math.round(value * multiplier);
+    return acc;
+  }, {} as Record<RadiusKeys, number>);
+
+  // Responsive Icon Sizes
+  type IconKeys = keyof typeof BASE_TOKENS.iconSizes;
+  const iconSizes = (Object.keys(BASE_TOKENS.iconSizes) as IconKeys[]).reduce<Record<IconKeys, number>>((acc, key) => {
+    acc[key] = BASE_TOKENS.iconSizes[key] * multiplier;
+    return acc;
+  }, {} as Record<IconKeys, number>);
+
+  // Responsive Avatar Sizes
+  type AvatarKeys = keyof typeof BASE_TOKENS.avatarSizes;
+  const avatarSizes = (Object.keys(BASE_TOKENS.avatarSizes) as AvatarKeys[]).reduce<Record<AvatarKeys, number>>((acc, key) => {
+    acc[key] = BASE_TOKENS.avatarSizes[key] * multiplier;
     return acc;
-  }, {} as any);
+  }, {} as Record<AvatarKeys, number>);
 
   return {
     colors,
-    spacing,
-    typography,
-    iconSizes: Object.keys(BASE_TOKENS.iconSizes).reduce((acc, key) => {
-      acc[key as keyof typeof BASE_TOKENS.iconSizes] = BASE_TOKENS.iconSizes[key as keyof typeof BASE_TOKENS.iconSizes] * multiplier;
-      return acc;
-    }, {} as any),
+    spacing: spacing as DesignTokens['spacing'],
+    typography: typography as ResponsiveTypography,
+    iconSizes: iconSizes as DesignTokens['iconSizes'],
     opacity: BASE_TOKENS.opacity,
-    avatarSizes: Object.keys(BASE_TOKENS.avatarSizes).reduce((acc, key) => {
-      acc[key as keyof typeof BASE_TOKENS.avatarSizes] = BASE_TOKENS.avatarSizes[key as keyof typeof BASE_TOKENS.avatarSizes] * multiplier;
-      return acc;
-    }, {} as any),
-    radius: borderRadius,
-    borderRadius: borderRadius,
+    avatarSizes: avatarSizes as DesignTokens['avatarSizes'],
+    radius: borderRadius as DesignTokens['radius'],
+    borderRadius: borderRadius as DesignTokens['borderRadius'],
     borders: {
       ...BASE_TOKENS.borders,
       radius: borderRadius,
@@ -88,4 +96,3 @@ export const createDesignTokens = (
 
 export { withAlpha };
 export type { ThemeMode, ColorPalette };
-

package/src/theme/core/colors/DarkColors.ts

@@ -112,7 +112,7 @@ export const darkColors = {
 
   cardBackground: '#1E293B',         // Dark card background
 
-  // COLOR ALIASES (for backward compatibility and convenience)
+  // COLOR ALIASES
   text: '#F1F5F9',                    // Alias for textPrimary
   background: '#0F172A',              // Alias for backgroundPrimary
   card: '#1E293B',                    // Alias for cardBackground

package/src/theme/core/colors/LightColors.ts

@@ -112,7 +112,7 @@ export const lightColors = {
 
   cardBackground: '#FFFFFF',
 
-  // COLOR ALIASES (for backward compatibility and convenience)
+  // COLOR ALIASES
   text: '#1E293B',                    // Alias for textPrimary
   background: '#FFFFFF',              // Alias for backgroundPrimary
   card: '#FFFFFF',                    // Alias for cardBackground

package/src/theme/infrastructure/globalThemeStore.ts

@@ -70,6 +70,5 @@ export const useDesignSystemTheme = createStore<GlobalThemeState, GlobalThemeAct
   }),
 });
 
-// Re-export ThemeMode for backward compatibility
 export type { ThemeMode };
 

package/src/atoms/AtomicChip.tsx

@@ -1,7 +0,0 @@
-/**
- * AtomicChip - Re-export from chip module
- * Maintains backward compatibility
- */
-
-export { AtomicChip } from './chip';
-export type { AtomicChipProps } from './chip';