@praxiis/ui 0.0.2 → 0.0.3

package/dist/index.d.mts

@@ -4758,11 +4758,11 @@ type RestyleThemePair = {
     dark: typeof restyleDarkTheme;
 };
 /**
- * Build light + dark Restyle themes from ThemeColors overrides.
+ * Create light + dark Restyle themes from ThemeColors overrides.
  * The most convenient way to create a custom theme pair — only specify
  * what differs from the default semantic colors.
  */
-declare function buildPair(lightOverrides: DeepPartial<ThemeColors>, darkOverrides: DeepPartial<ThemeColors>): RestyleThemePair;
+declare function createThemePair(lightOverrides: DeepPartial<ThemeColors>, darkOverrides: DeepPartial<ThemeColors>): RestyleThemePair;
 /**
  * Map of all preset Restyle themes, keyed by preset name.
  */
@@ -5009,114 +5009,6 @@ declare const lightTheme: Theme;
 declare const darkTheme: Theme;
 declare const defaultTheme: Theme;
 
-/**
- * El Sendero Design System - Theme Factory
- *
- * Create custom themes by extending the base theme with overrides.
- *
- * @example
- * const myTheme = createTheme(defaultTheme, {
- *   colors: {
- *     accent: {
- *       primary: '#8B5CF6', // Purple accent
- *     }
- *   }
- * });
- */
-
-/**
- * Create a custom theme by extending a base theme with overrides.
- *
- * @param baseTheme - The theme to extend (usually defaultTheme)
- * @param overrides - Partial theme object with your customizations
- * @returns A complete Theme object with your overrides applied
- *
- * @example
- * // Create a sage-accented theme
- * const sageTheme = createTheme(defaultTheme, {
- *   name: 'Sage',
- *   colors: {
- *     accent: {
- *       primary: '#6B8F6B',
- *       primaryHover: '#557255',
- *       primaryPressed: '#445944',
- *     }
- *   }
- * });
- *
- * @example
- * // Create a more rounded theme
- * const softTheme = createTheme(defaultTheme, {
- *   radii: {
- *     md: 16,
- *     lg: 24,
- *     xl: 32,
- *   }
- * });
- */
-declare function createTheme(baseTheme: Theme, overrides: ThemeOverrides): Theme;
-/**
- * Create both light and dark versions of a custom theme.
- *
- * @param overrides - Overrides to apply to both light and dark themes
- * @param lightOverrides - Additional overrides for light theme only
- * @param darkOverrides - Additional overrides for dark theme only
- * @returns Object with light and dark theme variants
- *
- * @example
- * const { light, dark } = createThemePair(
- *   { name: 'MyBrand' },
- *   { colors: { accent: { primary: '#A68B6A' } } }, // Light-specific
- *   { colors: { accent: { primary: '#C4A285' } } }  // Dark-specific
- * );
- */
-declare function createThemePair(overrides?: ThemeOverrides, lightOverrides?: ThemeOverrides, darkOverrides?: ThemeOverrides): {
-    light: Theme;
-    dark: Theme;
-};
-/**
- * Horizon Default - Blue with a calming feel
- */
-declare const horizonTheme: {
-    light: Theme;
-    dark: Theme;
-};
-/**
- * Sage Theme - Green-focused for hope and growth
- */
-declare const sageTheme: {
-    light: Theme;
-    dark: Theme;
-};
-/**
- * Sunset Theme - Warm coral/peach for energy and comfort
- */
-declare const sunsetTheme: {
-    light: Theme;
-    dark: Theme;
-};
-/**
- * Ocean Theme - Teal/cyan accents, calming water vibes
- */
-declare const oceanTheme: {
-    light: Theme;
-    dark: Theme;
-};
-/**
- * Lavender Theme - Soft purple accents, relaxing and spiritual
- */
-declare const lavenderTheme: {
-    light: Theme;
-    dark: Theme;
-};
-/**
- * Rose Theme - Warm pink/rose accents, gentle and nurturing
- */
-declare const roseTheme: {
-    light: Theme;
-    dark: Theme;
-};
-
 /**
  * StayEasy Design System - Reduced Motion Hook
  *
@@ -52553,4 +52445,4 @@ interface ScheduleItemProps extends Omit<BaseScheduleItemProps, "style"> {
 declare function ScheduleItemComponent({ task, onPress, size, testID, ...rest }: ScheduleItemProps): react_jsx_runtime.JSX.Element;
 declare const ScheduleItem: React__default.MemoExoticComponent<typeof ScheduleItemComponent>;
 
-export { AnimatedBox, type AppThemeColors, Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, type BaseColors, type BaseThemeColor, Box, type BoxRestyleProps, Button, type ButtonProps, type ButtonRef, type ButtonSize, type ButtonVariant, CalendarStrip, type CalendarStripProps, type CalendarStripSize, Card, type CardProps, type CardVariant, Checkbox, type CheckboxProps, type CheckboxRef, type CheckboxSize, Chip, type ChipProps, type ChipSize, type ChipVariant, DayCard, type DayCardProps, type DeepPartial, type DesignSystemLabels, type DesignSystemLabelsOverride, type DesignSystemLanguage, DesignSystemProvider, type DesignSystemProviderProps, Divider, type DividerColor, type DividerOrientation, type DividerProps, type DividerSpacing, type DividerThickness, type Duration, type DurationKey, type Easing, type EasingKey, type Elevation, type ElevationKey, EmptyState, type EmptyStateProps, type EmptyStateVariant, type EntranceAnimationConfig, type EntranceAnimationResult, FlatList, type FlatListProps, type FlatListRef, type FlatListRestyleProps, type FontFamily, type FontSize, type FontWeight, HStack, type HStackProps, Header, type HeaderProps, HeaderRightItems, type HeaderRightItemsProps, type HeaderSize, type HeaderVariant, Icon, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, type IconName, type IconProps, type IconSize$1 as IconSize, type IconSizeKey, MIN_TOUCH_TARGET, type MaterialIconName, Modal, type ModalAction, type ModalPosition, type ModalProps, type Opacity, Pressable, type PressableProps, type PressableRestyleProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, type PulseAnimationConfig, type Radii, type RadiiKey, RadioButton, type RadioButtonProps, type RadioButtonRef, type RadioButtonSize, type RestyleColor, type RestyleTheme, type RestyleThemePair, ScheduleItem, type ScheduleItemData, type ScheduleItemProps, type ScheduleItemSize, ScrollView, type ScrollViewProps, type ScrollViewRef, type ScrollViewRestyleProps, type SegmentOption, SegmentedControl, type SegmentedControlProps, type SegmentedControlSize, type SegmentedControlVariant, SelectSheet, type SelectSheetIndicatorPosition, type SelectSheetMode, type SelectSheetOption, type SelectSheetPosition, type SelectSheetProps, type SemanticColors, type SemanticColorsInput, type SemanticSpacing, type ShadowStyle, type ShowToastOptions, Skeleton, type SkeletonAnimation, type SkeletonProps, type SkeletonSize, type SkeletonVariant, type Spacing, type SpacingKey, Spinner, type SpinnerProps, type SpinnerSize, type SpringConfig, Switch, type SwitchProps, type SwitchRef, type SwitchSize, Text, TextInput, type TextInputProps, type TextInputRef, type TextInputSize, type TextInputVariant, type Theme, type ThemeColors, type ThemeElevation, type ThemeMode, type ThemeMotion, type ThemeOverrides, type ThemeTypography, Toast, type ToastAction, type ToastConfig, type ToastContainerProps, ToastContext, type ToastContextValue, type ToastPosition, type ToastProps, ToastProvider, type ToastVariant, type TypographyPresets, type TypographyStyle, type TypographyVariant, VStack, type VStackProps, type ZIndex, a11yRoles, a11yState, androidOnly, baseColors, buildPair, buildRestyleTheme, buildRestyleThemeFromThemeColors, buttonA11yProps, checkboxA11yProps, createTheme, createThemePair, darkSemanticColors, darkTheme, defaultTheme, duration, easing, elevation, en, es, fontFamily, fontSize, fontWeight, generateToastId, getContrastRatio, getStatusBarHeight, headingA11yProps, hitSlop, horizonTheme, iconSize, imageA11yProps, iosOnly, isAndroid, isIOS, lavenderTheme, letterSpacing, lightSemanticColors, lightTheme, lineHeight, lineHeightValues, meetsContrastAA, meetsContrastAALarge, oceanTheme, opacity, platformSelect, radii, restyleDarkTheme, restyleLightTheme, restylePresetThemes, restyleTheme, roseTheme, sageTheme, semanticElevation, semanticMotion, semanticRadii, semanticSpacing, spacing, springConfig, sunsetTheme, touchTarget, typographyPresets, useAnimatedValue, useDesignSystem, useEntranceAnimation, useMotionSafeDuration, usePulseAnimation, useReducedMotion, useRestyleTheme, useToast, zIndex };
+export { AnimatedBox, type AppThemeColors, Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, type BaseColors, type BaseThemeColor, Box, type BoxRestyleProps, Button, type ButtonProps, type ButtonRef, type ButtonSize, type ButtonVariant, CalendarStrip, type CalendarStripProps, type CalendarStripSize, Card, type CardProps, type CardVariant, Checkbox, type CheckboxProps, type CheckboxRef, type CheckboxSize, Chip, type ChipProps, type ChipSize, type ChipVariant, DayCard, type DayCardProps, type DeepPartial, type DesignSystemLabels, type DesignSystemLabelsOverride, type DesignSystemLanguage, DesignSystemProvider, type DesignSystemProviderProps, Divider, type DividerColor, type DividerOrientation, type DividerProps, type DividerSpacing, type DividerThickness, type Duration, type DurationKey, type Easing, type EasingKey, type Elevation, type ElevationKey, EmptyState, type EmptyStateProps, type EmptyStateVariant, type EntranceAnimationConfig, type EntranceAnimationResult, FlatList, type FlatListProps, type FlatListRef, type FlatListRestyleProps, type FontFamily, type FontSize, type FontWeight, HStack, type HStackProps, Header, type HeaderProps, HeaderRightItems, type HeaderRightItemsProps, type HeaderSize, type HeaderVariant, Icon, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, type IconName, type IconProps, type IconSize$1 as IconSize, type IconSizeKey, MIN_TOUCH_TARGET, type MaterialIconName, Modal, type ModalAction, type ModalPosition, type ModalProps, type Opacity, Pressable, type PressableProps, type PressableRestyleProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, type PulseAnimationConfig, type Radii, type RadiiKey, RadioButton, type RadioButtonProps, type RadioButtonRef, type RadioButtonSize, type RestyleColor, type RestyleTheme, type RestyleThemePair, ScheduleItem, type ScheduleItemData, type ScheduleItemProps, type ScheduleItemSize, ScrollView, type ScrollViewProps, type ScrollViewRef, type ScrollViewRestyleProps, type SegmentOption, SegmentedControl, type SegmentedControlProps, type SegmentedControlSize, type SegmentedControlVariant, SelectSheet, type SelectSheetIndicatorPosition, type SelectSheetMode, type SelectSheetOption, type SelectSheetPosition, type SelectSheetProps, type SemanticColors, type SemanticColorsInput, type SemanticSpacing, type ShadowStyle, type ShowToastOptions, Skeleton, type SkeletonAnimation, type SkeletonProps, type SkeletonSize, type SkeletonVariant, type Spacing, type SpacingKey, Spinner, type SpinnerProps, type SpinnerSize, type SpringConfig, Switch, type SwitchProps, type SwitchRef, type SwitchSize, Text, TextInput, type TextInputProps, type TextInputRef, type TextInputSize, type TextInputVariant, type Theme, type ThemeColors, type ThemeElevation, type ThemeMode, type ThemeMotion, type ThemeOverrides, type ThemeTypography, Toast, type ToastAction, type ToastConfig, type ToastContainerProps, ToastContext, type ToastContextValue, type ToastPosition, type ToastProps, ToastProvider, type ToastVariant, type TypographyPresets, type TypographyStyle, type TypographyVariant, VStack, type VStackProps, type ZIndex, a11yRoles, a11yState, androidOnly, baseColors, buildRestyleTheme, buildRestyleThemeFromThemeColors, buttonA11yProps, checkboxA11yProps, createThemePair, darkSemanticColors, darkTheme, defaultTheme, duration, easing, elevation, en, es, fontFamily, fontSize, fontWeight, generateToastId, getContrastRatio, getStatusBarHeight, headingA11yProps, hitSlop, iconSize, imageA11yProps, iosOnly, isAndroid, isIOS, letterSpacing, lightSemanticColors, lightTheme, lineHeight, lineHeightValues, meetsContrastAA, meetsContrastAALarge, opacity, platformSelect, radii, restyleDarkTheme, restyleLightTheme, restylePresetThemes, restyleTheme, semanticElevation, semanticMotion, semanticRadii, semanticSpacing, spacing, springConfig, touchTarget, typographyPresets, useAnimatedValue, useDesignSystem, useEntranceAnimation, useMotionSafeDuration, usePulseAnimation, useReducedMotion, useRestyleTheme, useToast, zIndex };

package/dist/index.d.ts

@@ -4758,11 +4758,11 @@ type RestyleThemePair = {
     dark: typeof restyleDarkTheme;
 };
 /**
- * Build light + dark Restyle themes from ThemeColors overrides.
+ * Create light + dark Restyle themes from ThemeColors overrides.
  * The most convenient way to create a custom theme pair — only specify
  * what differs from the default semantic colors.
  */
-declare function buildPair(lightOverrides: DeepPartial<ThemeColors>, darkOverrides: DeepPartial<ThemeColors>): RestyleThemePair;
+declare function createThemePair(lightOverrides: DeepPartial<ThemeColors>, darkOverrides: DeepPartial<ThemeColors>): RestyleThemePair;
 /**
  * Map of all preset Restyle themes, keyed by preset name.
  */
@@ -5009,114 +5009,6 @@ declare const lightTheme: Theme;
 declare const darkTheme: Theme;
 declare const defaultTheme: Theme;
 
-/**
- * El Sendero Design System - Theme Factory
- *
- * Create custom themes by extending the base theme with overrides.
- *
- * @example
- * const myTheme = createTheme(defaultTheme, {
- *   colors: {
- *     accent: {
- *       primary: '#8B5CF6', // Purple accent
- *     }
- *   }
- * });
- */
-
-/**
- * Create a custom theme by extending a base theme with overrides.
- *
- * @param baseTheme - The theme to extend (usually defaultTheme)
- * @param overrides - Partial theme object with your customizations
- * @returns A complete Theme object with your overrides applied
- *
- * @example
- * // Create a sage-accented theme
- * const sageTheme = createTheme(defaultTheme, {
- *   name: 'Sage',
- *   colors: {
- *     accent: {
- *       primary: '#6B8F6B',
- *       primaryHover: '#557255',
- *       primaryPressed: '#445944',
- *     }
- *   }
- * });
- *
- * @example
- * // Create a more rounded theme
- * const softTheme = createTheme(defaultTheme, {
- *   radii: {
- *     md: 16,
- *     lg: 24,
- *     xl: 32,
- *   }
- * });
- */
-declare function createTheme(baseTheme: Theme, overrides: ThemeOverrides): Theme;
-/**
- * Create both light and dark versions of a custom theme.
- *
- * @param overrides - Overrides to apply to both light and dark themes
- * @param lightOverrides - Additional overrides for light theme only
- * @param darkOverrides - Additional overrides for dark theme only
- * @returns Object with light and dark theme variants
- *
- * @example
- * const { light, dark } = createThemePair(
- *   { name: 'MyBrand' },
- *   { colors: { accent: { primary: '#A68B6A' } } }, // Light-specific
- *   { colors: { accent: { primary: '#C4A285' } } }  // Dark-specific
- * );
- */
-declare function createThemePair(overrides?: ThemeOverrides, lightOverrides?: ThemeOverrides, darkOverrides?: ThemeOverrides): {
-    light: Theme;
-    dark: Theme;
-};
-/**
- * Horizon Default - Blue with a calming feel
- */
-declare const horizonTheme: {
-    light: Theme;
-    dark: Theme;
-};
-/**
- * Sage Theme - Green-focused for hope and growth
- */
-declare const sageTheme: {
-    light: Theme;
-    dark: Theme;
-};
-/**
- * Sunset Theme - Warm coral/peach for energy and comfort
- */
-declare const sunsetTheme: {
-    light: Theme;
-    dark: Theme;
-};
-/**
- * Ocean Theme - Teal/cyan accents, calming water vibes
- */
-declare const oceanTheme: {
-    light: Theme;
-    dark: Theme;
-};
-/**
- * Lavender Theme - Soft purple accents, relaxing and spiritual
- */
-declare const lavenderTheme: {
-    light: Theme;
-    dark: Theme;
-};
-/**
- * Rose Theme - Warm pink/rose accents, gentle and nurturing
- */
-declare const roseTheme: {
-    light: Theme;
-    dark: Theme;
-};
-
 /**
  * StayEasy Design System - Reduced Motion Hook
  *
@@ -52553,4 +52445,4 @@ interface ScheduleItemProps extends Omit<BaseScheduleItemProps, "style"> {
 declare function ScheduleItemComponent({ task, onPress, size, testID, ...rest }: ScheduleItemProps): react_jsx_runtime.JSX.Element;
 declare const ScheduleItem: React__default.MemoExoticComponent<typeof ScheduleItemComponent>;
 
-export { AnimatedBox, type AppThemeColors, Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, type BaseColors, type BaseThemeColor, Box, type BoxRestyleProps, Button, type ButtonProps, type ButtonRef, type ButtonSize, type ButtonVariant, CalendarStrip, type CalendarStripProps, type CalendarStripSize, Card, type CardProps, type CardVariant, Checkbox, type CheckboxProps, type CheckboxRef, type CheckboxSize, Chip, type ChipProps, type ChipSize, type ChipVariant, DayCard, type DayCardProps, type DeepPartial, type DesignSystemLabels, type DesignSystemLabelsOverride, type DesignSystemLanguage, DesignSystemProvider, type DesignSystemProviderProps, Divider, type DividerColor, type DividerOrientation, type DividerProps, type DividerSpacing, type DividerThickness, type Duration, type DurationKey, type Easing, type EasingKey, type Elevation, type ElevationKey, EmptyState, type EmptyStateProps, type EmptyStateVariant, type EntranceAnimationConfig, type EntranceAnimationResult, FlatList, type FlatListProps, type FlatListRef, type FlatListRestyleProps, type FontFamily, type FontSize, type FontWeight, HStack, type HStackProps, Header, type HeaderProps, HeaderRightItems, type HeaderRightItemsProps, type HeaderSize, type HeaderVariant, Icon, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, type IconName, type IconProps, type IconSize$1 as IconSize, type IconSizeKey, MIN_TOUCH_TARGET, type MaterialIconName, Modal, type ModalAction, type ModalPosition, type ModalProps, type Opacity, Pressable, type PressableProps, type PressableRestyleProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, type PulseAnimationConfig, type Radii, type RadiiKey, RadioButton, type RadioButtonProps, type RadioButtonRef, type RadioButtonSize, type RestyleColor, type RestyleTheme, type RestyleThemePair, ScheduleItem, type ScheduleItemData, type ScheduleItemProps, type ScheduleItemSize, ScrollView, type ScrollViewProps, type ScrollViewRef, type ScrollViewRestyleProps, type SegmentOption, SegmentedControl, type SegmentedControlProps, type SegmentedControlSize, type SegmentedControlVariant, SelectSheet, type SelectSheetIndicatorPosition, type SelectSheetMode, type SelectSheetOption, type SelectSheetPosition, type SelectSheetProps, type SemanticColors, type SemanticColorsInput, type SemanticSpacing, type ShadowStyle, type ShowToastOptions, Skeleton, type SkeletonAnimation, type SkeletonProps, type SkeletonSize, type SkeletonVariant, type Spacing, type SpacingKey, Spinner, type SpinnerProps, type SpinnerSize, type SpringConfig, Switch, type SwitchProps, type SwitchRef, type SwitchSize, Text, TextInput, type TextInputProps, type TextInputRef, type TextInputSize, type TextInputVariant, type Theme, type ThemeColors, type ThemeElevation, type ThemeMode, type ThemeMotion, type ThemeOverrides, type ThemeTypography, Toast, type ToastAction, type ToastConfig, type ToastContainerProps, ToastContext, type ToastContextValue, type ToastPosition, type ToastProps, ToastProvider, type ToastVariant, type TypographyPresets, type TypographyStyle, type TypographyVariant, VStack, type VStackProps, type ZIndex, a11yRoles, a11yState, androidOnly, baseColors, buildPair, buildRestyleTheme, buildRestyleThemeFromThemeColors, buttonA11yProps, checkboxA11yProps, createTheme, createThemePair, darkSemanticColors, darkTheme, defaultTheme, duration, easing, elevation, en, es, fontFamily, fontSize, fontWeight, generateToastId, getContrastRatio, getStatusBarHeight, headingA11yProps, hitSlop, horizonTheme, iconSize, imageA11yProps, iosOnly, isAndroid, isIOS, lavenderTheme, letterSpacing, lightSemanticColors, lightTheme, lineHeight, lineHeightValues, meetsContrastAA, meetsContrastAALarge, oceanTheme, opacity, platformSelect, radii, restyleDarkTheme, restyleLightTheme, restylePresetThemes, restyleTheme, roseTheme, sageTheme, semanticElevation, semanticMotion, semanticRadii, semanticSpacing, spacing, springConfig, sunsetTheme, touchTarget, typographyPresets, useAnimatedValue, useDesignSystem, useEntranceAnimation, useMotionSafeDuration, usePulseAnimation, useReducedMotion, useRestyleTheme, useToast, zIndex };
+export { AnimatedBox, type AppThemeColors, Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, type BaseColors, type BaseThemeColor, Box, type BoxRestyleProps, Button, type ButtonProps, type ButtonRef, type ButtonSize, type ButtonVariant, CalendarStrip, type CalendarStripProps, type CalendarStripSize, Card, type CardProps, type CardVariant, Checkbox, type CheckboxProps, type CheckboxRef, type CheckboxSize, Chip, type ChipProps, type ChipSize, type ChipVariant, DayCard, type DayCardProps, type DeepPartial, type DesignSystemLabels, type DesignSystemLabelsOverride, type DesignSystemLanguage, DesignSystemProvider, type DesignSystemProviderProps, Divider, type DividerColor, type DividerOrientation, type DividerProps, type DividerSpacing, type DividerThickness, type Duration, type DurationKey, type Easing, type EasingKey, type Elevation, type ElevationKey, EmptyState, type EmptyStateProps, type EmptyStateVariant, type EntranceAnimationConfig, type EntranceAnimationResult, FlatList, type FlatListProps, type FlatListRef, type FlatListRestyleProps, type FontFamily, type FontSize, type FontWeight, HStack, type HStackProps, Header, type HeaderProps, HeaderRightItems, type HeaderRightItemsProps, type HeaderSize, type HeaderVariant, Icon, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, type IconName, type IconProps, type IconSize$1 as IconSize, type IconSizeKey, MIN_TOUCH_TARGET, type MaterialIconName, Modal, type ModalAction, type ModalPosition, type ModalProps, type Opacity, Pressable, type PressableProps, type PressableRestyleProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, type PulseAnimationConfig, type Radii, type RadiiKey, RadioButton, type RadioButtonProps, type RadioButtonRef, type RadioButtonSize, type RestyleColor, type RestyleTheme, type RestyleThemePair, ScheduleItem, type ScheduleItemData, type ScheduleItemProps, type ScheduleItemSize, ScrollView, type ScrollViewProps, type ScrollViewRef, type ScrollViewRestyleProps, type SegmentOption, SegmentedControl, type SegmentedControlProps, type SegmentedControlSize, type SegmentedControlVariant, SelectSheet, type SelectSheetIndicatorPosition, type SelectSheetMode, type SelectSheetOption, type SelectSheetPosition, type SelectSheetProps, type SemanticColors, type SemanticColorsInput, type SemanticSpacing, type ShadowStyle, type ShowToastOptions, Skeleton, type SkeletonAnimation, type SkeletonProps, type SkeletonSize, type SkeletonVariant, type Spacing, type SpacingKey, Spinner, type SpinnerProps, type SpinnerSize, type SpringConfig, Switch, type SwitchProps, type SwitchRef, type SwitchSize, Text, TextInput, type TextInputProps, type TextInputRef, type TextInputSize, type TextInputVariant, type Theme, type ThemeColors, type ThemeElevation, type ThemeMode, type ThemeMotion, type ThemeOverrides, type ThemeTypography, Toast, type ToastAction, type ToastConfig, type ToastContainerProps, ToastContext, type ToastContextValue, type ToastPosition, type ToastProps, ToastProvider, type ToastVariant, type TypographyPresets, type TypographyStyle, type TypographyVariant, VStack, type VStackProps, type ZIndex, a11yRoles, a11yState, androidOnly, baseColors, buildRestyleTheme, buildRestyleThemeFromThemeColors, buttonA11yProps, checkboxA11yProps, createThemePair, darkSemanticColors, darkTheme, defaultTheme, duration, easing, elevation, en, es, fontFamily, fontSize, fontWeight, generateToastId, getContrastRatio, getStatusBarHeight, headingA11yProps, hitSlop, iconSize, imageA11yProps, iosOnly, isAndroid, isIOS, letterSpacing, lightSemanticColors, lightTheme, lineHeight, lineHeightValues, meetsContrastAA, meetsContrastAALarge, opacity, platformSelect, radii, restyleDarkTheme, restyleLightTheme, restylePresetThemes, restyleTheme, semanticElevation, semanticMotion, semanticRadii, semanticSpacing, spacing, springConfig, touchTarget, typographyPresets, useAnimatedValue, useDesignSystem, useEntranceAnimation, useMotionSafeDuration, usePulseAnimation, useReducedMotion, useRestyleTheme, useToast, zIndex };

package/dist/index.js

@@ -72,12 +72,10 @@ __export(index_exports, {
   a11yState: () => a11yState,
   androidOnly: () => androidOnly,
   baseColors: () => baseColors,
-  buildPair: () => buildPair,
   buildRestyleTheme: () => buildRestyleTheme,
   buildRestyleThemeFromThemeColors: () => buildRestyleThemeFromThemeColors,
   buttonA11yProps: () => buttonA11yProps,
   checkboxA11yProps: () => checkboxA11yProps,
-  createTheme: () => createTheme2,
   createThemePair: () => createThemePair,
   darkSemanticColors: () => darkSemanticColors,
   darkTheme: () => darkTheme,
@@ -95,13 +93,11 @@ __export(index_exports, {
   getStatusBarHeight: () => getStatusBarHeight,
   headingA11yProps: () => headingA11yProps,
   hitSlop: () => hitSlop,
-  horizonTheme: () => horizonTheme,
   iconSize: () => iconSize,
   imageA11yProps: () => imageA11yProps,
   iosOnly: () => iosOnly,
   isAndroid: () => isAndroid,
   isIOS: () => isIOS,
-  lavenderTheme: () => lavenderTheme,
   letterSpacing: () => letterSpacing,
   lightSemanticColors: () => lightSemanticColors,
   lightTheme: () => lightTheme,
@@ -109,7 +105,6 @@ __export(index_exports, {
   lineHeightValues: () => lineHeightValues,
   meetsContrastAA: () => meetsContrastAA,
   meetsContrastAALarge: () => meetsContrastAALarge,
-  oceanTheme: () => oceanTheme,
   opacity: () => opacity,
   platformSelect: () => platformSelect,
   radii: () => radii,
@@ -117,15 +112,12 @@ __export(index_exports, {
   restyleLightTheme: () => restyleLightTheme,
   restylePresetThemes: () => restylePresetThemes,
   restyleTheme: () => restyleTheme,
-  roseTheme: () => roseTheme,
-  sageTheme: () => sageTheme,
   semanticElevation: () => semanticElevation,
   semanticMotion: () => semanticMotion,
   semanticRadii: () => semanticRadii,
   semanticSpacing: () => semanticSpacing,
   spacing: () => spacing,
   springConfig: () => springConfig,
-  sunsetTheme: () => sunsetTheme,
   touchTarget: () => touchTarget,
   typographyPresets: () => typographyPresets,
   useAnimatedValue: () => useAnimatedValue,
@@ -2443,7 +2435,7 @@ var import_restyle2 = require("@shopify/restyle");
 var useRestyleTheme = () => (0, import_restyle2.useTheme)();
 
 // src/core/restyle/restylePresetRegistry.ts
-function buildPair(lightOverrides, darkOverrides) {
+function createThemePair(lightOverrides, darkOverrides) {
   return {
     light: buildRestyleThemeFromThemeColors(lightSemanticColors, lightOverrides),
     dark: buildRestyleThemeFromThemeColors(darkSemanticColors, darkOverrides)
@@ -2453,7 +2445,7 @@ var horizon = {
   light: restyleLightTheme,
   dark: restyleDarkTheme
 };
-var sage = buildPair(
+var sage = createThemePair(
   {
     accent: {
       primary: "#6B8F6B",
@@ -2479,7 +2471,7 @@ var sage = buildPair(
     border: { focus: "#8FAF8F" }
   }
 );
-var sunset = buildPair(
+var sunset = createThemePair(
   {
     accent: {
       primary: "#E8836B",
@@ -2505,7 +2497,7 @@ var sunset = buildPair(
     border: { focus: "#FF9B85" }
   }
 );
-var ocean = buildPair(
+var ocean = createThemePair(
   {
     accent: {
       primary: "#0E9AA5",
@@ -2531,7 +2523,7 @@ var ocean = buildPair(
     border: { focus: "#2DD4BF" }
   }
 );
-var lavender = buildPair(
+var lavender = createThemePair(
   {
     accent: {
       primary: "#8B5CF6",
@@ -2557,7 +2549,7 @@ var lavender = buildPair(
     border: { focus: "#A78BFA" }
   }
 );
-var rose = buildPair(
+var rose = createThemePair(
   {
     accent: {
       primary: "#E11D6C",
@@ -2923,184 +2915,6 @@ var darkTheme = {
 };
 var defaultTheme = lightTheme;
 
-// src/providers/ThemeProvider/createTheme.ts
-function deepMerge2(target, source) {
-  const result = { ...target };
-  for (const key in source) {
-    if (Object.prototype.hasOwnProperty.call(source, key)) {
-      const sourceValue = source[key];
-      const targetValue = target[key];
-      if (sourceValue !== null && typeof sourceValue === "object" && !Array.isArray(sourceValue) && targetValue !== null && typeof targetValue === "object" && !Array.isArray(targetValue)) {
-        result[key] = deepMerge2(
-          targetValue,
-          sourceValue
-        );
-      } else if (sourceValue !== void 0) {
-        result[key] = sourceValue;
-      }
-    }
-  }
-  return result;
-}
-function createTheme2(baseTheme, overrides) {
-  return deepMerge2(baseTheme, overrides);
-}
-function createThemePair(overrides = {}, lightOverrides = {}, darkOverrides = {}) {
-  return {
-    light: createTheme2(
-      createTheme2(lightTheme, overrides),
-      lightOverrides
-    ),
-    dark: createTheme2(
-      createTheme2(darkTheme, overrides),
-      darkOverrides
-    )
-  };
-}
-var horizonTheme = createThemePair({
-  name: "Horizon"
-});
-var sageTheme = createThemePair(
-  { name: "Sage" },
-  {
-    colors: {
-      accent: {
-        primary: "#6B8F6B",
-        primaryHover: "#557255",
-        primaryPressed: "#445944"
-      },
-      text: {
-        link: "#6B8F6B"
-      },
-      border: {
-        focus: "#6B8F6B"
-      }
-    }
-  },
-  {
-    colors: {
-      accent: {
-        primary: "#8FAF8F",
-        primaryHover: "#B3C7B3",
-        primaryPressed: "#6B8F6B"
-      },
-      text: {
-        link: "#8FAF8F"
-      },
-      border: {
-        focus: "#8FAF8F"
-      }
-    }
-  }
-);
-var sunsetTheme = createThemePair(
-  { name: "Sunset" },
-  {
-    colors: {
-      accent: {
-        primary: "#E8836B",
-        primaryHover: "#CC6B55",
-        primaryPressed: "#A85545"
-      },
-      text: {
-        link: "#E8836B"
-      },
-      border: {
-        focus: "#E8836B"
-      }
-    }
-  },
-  {
-    colors: {
-      accent: {
-        primary: "#FF9B85",
-        primaryHover: "#FFBAA8",
-        primaryPressed: "#E8836B"
-      },
-      text: {
-        link: "#FF9B85"
-      },
-      border: {
-        focus: "#FF9B85"
-      }
-    }
-  }
-);
-var oceanTheme = createThemePair(
-  {
-    colors: {
-      accent: {
-        primary: "#0E9AA5",
-        primaryHover: "#0B7E87",
-        primaryPressed: "#086269"
-      },
-      text: { link: "#0E9AA5" },
-      border: { focus: "#0E9AA5" }
-    }
-  },
-  {
-    colors: {
-      accent: {
-        primary: "#2DD4BF",
-        primaryHover: "#5EEAD4",
-        primaryPressed: "#0E9AA5"
-      },
-      text: { link: "#2DD4BF" },
-      border: { focus: "#2DD4BF" }
-    }
-  }
-);
-var lavenderTheme = createThemePair(
-  { name: "Lavender" },
-  {
-    colors: {
-      accent: {
-        primary: "#8B5CF6",
-        primaryHover: "#7C3AED",
-        primaryPressed: "#6D28D9"
-      },
-      text: { link: "#8B5CF6" },
-      border: { focus: "#8B5CF6" }
-    }
-  },
-  {
-    colors: {
-      accent: {
-        primary: "#A78BFA",
-        primaryHover: "#C4B5FD",
-        primaryPressed: "#8B5CF6"
-      },
-      text: { link: "#A78BFA" },
-      border: { focus: "#A78BFA" }
-    }
-  }
-);
-var roseTheme = createThemePair(
-  { name: "Rose" },
-  {
-    colors: {
-      accent: {
-        primary: "#E11D6C",
-        primaryHover: "#BE185D",
-        primaryPressed: "#9D174D"
-      },
-      text: { link: "#E11D6C" },
-      border: { focus: "#E11D6C" }
-    }
-  },
-  {
-    colors: {
-      accent: {
-        primary: "#F472B6",
-        primaryHover: "#F9A8D4",
-        primaryPressed: "#E11D6C"
-      },
-      text: { link: "#F472B6" },
-      border: { focus: "#F472B6" }
-    }
-  }
-);
-
 // src/hooks/useReducedMotion.ts
 var import_react3 = require("react");
 var import_react_native4 = require("react-native");
@@ -8684,12 +8498,10 @@ ScheduleItem.displayName = "ScheduleItem";
   a11yState,
   androidOnly,
   baseColors,
-  buildPair,
   buildRestyleTheme,
   buildRestyleThemeFromThemeColors,
   buttonA11yProps,
   checkboxA11yProps,
-  createTheme,
   createThemePair,
   darkSemanticColors,
   darkTheme,
@@ -8707,13 +8519,11 @@ ScheduleItem.displayName = "ScheduleItem";
   getStatusBarHeight,
   headingA11yProps,
   hitSlop,
-  horizonTheme,
   iconSize,
   imageA11yProps,
   iosOnly,
   isAndroid,
   isIOS,
-  lavenderTheme,
   letterSpacing,
   lightSemanticColors,
   lightTheme,
@@ -8721,7 +8531,6 @@ ScheduleItem.displayName = "ScheduleItem";
   lineHeightValues,
   meetsContrastAA,
   meetsContrastAALarge,
-  oceanTheme,
   opacity,
   platformSelect,
   radii,
@@ -8729,15 +8538,12 @@ ScheduleItem.displayName = "ScheduleItem";
   restyleLightTheme,
   restylePresetThemes,
   restyleTheme,
-  roseTheme,
-  sageTheme,
   semanticElevation,
   semanticMotion,
   semanticRadii,
   semanticSpacing,
   spacing,
   springConfig,
-  sunsetTheme,
   touchTarget,
   typographyPresets,
   useAnimatedValue,

package/dist/index.mjs

@@ -2301,7 +2301,7 @@ import { useTheme } from "@shopify/restyle";
 var useRestyleTheme = () => useTheme();
 
 // src/core/restyle/restylePresetRegistry.ts
-function buildPair(lightOverrides, darkOverrides) {
+function createThemePair(lightOverrides, darkOverrides) {
   return {
     light: buildRestyleThemeFromThemeColors(lightSemanticColors, lightOverrides),
     dark: buildRestyleThemeFromThemeColors(darkSemanticColors, darkOverrides)
@@ -2311,7 +2311,7 @@ var horizon = {
   light: restyleLightTheme,
   dark: restyleDarkTheme
 };
-var sage = buildPair(
+var sage = createThemePair(
   {
     accent: {
       primary: "#6B8F6B",
@@ -2337,7 +2337,7 @@ var sage = buildPair(
     border: { focus: "#8FAF8F" }
   }
 );
-var sunset = buildPair(
+var sunset = createThemePair(
   {
     accent: {
       primary: "#E8836B",
@@ -2363,7 +2363,7 @@ var sunset = buildPair(
     border: { focus: "#FF9B85" }
   }
 );
-var ocean = buildPair(
+var ocean = createThemePair(
   {
     accent: {
       primary: "#0E9AA5",
@@ -2389,7 +2389,7 @@ var ocean = buildPair(
     border: { focus: "#2DD4BF" }
   }
 );
-var lavender = buildPair(
+var lavender = createThemePair(
   {
     accent: {
       primary: "#8B5CF6",
@@ -2415,7 +2415,7 @@ var lavender = buildPair(
     border: { focus: "#A78BFA" }
   }
 );
-var rose = buildPair(
+var rose = createThemePair(
   {
     accent: {
       primary: "#E11D6C",
@@ -2781,184 +2781,6 @@ var darkTheme = {
 };
 var defaultTheme = lightTheme;
 
-// src/providers/ThemeProvider/createTheme.ts
-function deepMerge2(target, source) {
-  const result = { ...target };
-  for (const key in source) {
-    if (Object.prototype.hasOwnProperty.call(source, key)) {
-      const sourceValue = source[key];
-      const targetValue = target[key];
-      if (sourceValue !== null && typeof sourceValue === "object" && !Array.isArray(sourceValue) && targetValue !== null && typeof targetValue === "object" && !Array.isArray(targetValue)) {
-        result[key] = deepMerge2(
-          targetValue,
-          sourceValue
-        );
-      } else if (sourceValue !== void 0) {
-        result[key] = sourceValue;
-      }
-    }
-  }
-  return result;
-}
-function createTheme2(baseTheme, overrides) {
-  return deepMerge2(baseTheme, overrides);
-}
-function createThemePair(overrides = {}, lightOverrides = {}, darkOverrides = {}) {
-  return {
-    light: createTheme2(
-      createTheme2(lightTheme, overrides),
-      lightOverrides
-    ),
-    dark: createTheme2(
-      createTheme2(darkTheme, overrides),
-      darkOverrides
-    )
-  };
-}
-var horizonTheme = createThemePair({
-  name: "Horizon"
-});
-var sageTheme = createThemePair(
-  { name: "Sage" },
-  {
-    colors: {
-      accent: {
-        primary: "#6B8F6B",
-        primaryHover: "#557255",
-        primaryPressed: "#445944"
-      },
-      text: {
-        link: "#6B8F6B"
-      },
-      border: {
-        focus: "#6B8F6B"
-      }
-    }
-  },
-  {
-    colors: {
-      accent: {
-        primary: "#8FAF8F",
-        primaryHover: "#B3C7B3",
-        primaryPressed: "#6B8F6B"
-      },
-      text: {
-        link: "#8FAF8F"
-      },
-      border: {
-        focus: "#8FAF8F"
-      }
-    }
-  }
-);
-var sunsetTheme = createThemePair(
-  { name: "Sunset" },
-  {
-    colors: {
-      accent: {
-        primary: "#E8836B",
-        primaryHover: "#CC6B55",
-        primaryPressed: "#A85545"
-      },
-      text: {
-        link: "#E8836B"
-      },
-      border: {
-        focus: "#E8836B"
-      }
-    }
-  },
-  {
-    colors: {
-      accent: {
-        primary: "#FF9B85",
-        primaryHover: "#FFBAA8",
-        primaryPressed: "#E8836B"
-      },
-      text: {
-        link: "#FF9B85"
-      },
-      border: {
-        focus: "#FF9B85"
-      }
-    }
-  }
-);
-var oceanTheme = createThemePair(
-  {
-    colors: {
-      accent: {
-        primary: "#0E9AA5",
-        primaryHover: "#0B7E87",
-        primaryPressed: "#086269"
-      },
-      text: { link: "#0E9AA5" },
-      border: { focus: "#0E9AA5" }
-    }
-  },
-  {
-    colors: {
-      accent: {
-        primary: "#2DD4BF",
-        primaryHover: "#5EEAD4",
-        primaryPressed: "#0E9AA5"
-      },
-      text: { link: "#2DD4BF" },
-      border: { focus: "#2DD4BF" }
-    }
-  }
-);
-var lavenderTheme = createThemePair(
-  { name: "Lavender" },
-  {
-    colors: {
-      accent: {
-        primary: "#8B5CF6",
-        primaryHover: "#7C3AED",
-        primaryPressed: "#6D28D9"
-      },
-      text: { link: "#8B5CF6" },
-      border: { focus: "#8B5CF6" }
-    }
-  },
-  {
-    colors: {
-      accent: {
-        primary: "#A78BFA",
-        primaryHover: "#C4B5FD",
-        primaryPressed: "#8B5CF6"
-      },
-      text: { link: "#A78BFA" },
-      border: { focus: "#A78BFA" }
-    }
-  }
-);
-var roseTheme = createThemePair(
-  { name: "Rose" },
-  {
-    colors: {
-      accent: {
-        primary: "#E11D6C",
-        primaryHover: "#BE185D",
-        primaryPressed: "#9D174D"
-      },
-      text: { link: "#E11D6C" },
-      border: { focus: "#E11D6C" }
-    }
-  },
-  {
-    colors: {
-      accent: {
-        primary: "#F472B6",
-        primaryHover: "#F9A8D4",
-        primaryPressed: "#E11D6C"
-      },
-      text: { link: "#F472B6" },
-      border: { focus: "#F472B6" }
-    }
-  }
-);
-
 // src/hooks/useReducedMotion.ts
 import { useEffect, useState } from "react";
 import { AccessibilityInfo } from "react-native";
@@ -8708,12 +8530,10 @@ export {
   a11yState,
   androidOnly,
   baseColors,
-  buildPair,
   buildRestyleTheme,
   buildRestyleThemeFromThemeColors,
   buttonA11yProps,
   checkboxA11yProps,
-  createTheme2 as createTheme,
   createThemePair,
   darkSemanticColors,
   darkTheme,
@@ -8731,13 +8551,11 @@ export {
   getStatusBarHeight,
   headingA11yProps,
   hitSlop,
-  horizonTheme,
   iconSize,
   imageA11yProps,
   iosOnly,
   isAndroid,
   isIOS,
-  lavenderTheme,
   letterSpacing,
   lightSemanticColors,
   lightTheme,
@@ -8745,7 +8563,6 @@ export {
   lineHeightValues,
   meetsContrastAA,
   meetsContrastAALarge,
-  oceanTheme,
   opacity,
   platformSelect,
   radii,
@@ -8753,15 +8570,12 @@ export {
   restyleLightTheme,
   restylePresetThemes,
   restyleTheme,
-  roseTheme,
-  sageTheme,
   semanticElevation,
   semanticMotion,
   semanticRadii,
   semanticSpacing,
   spacing,
   springConfig,
-  sunsetTheme,
   touchTarget,
   typographyPresets,
   useAnimatedValue,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxiis/ui",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "sideEffects": false,
   "publishConfig": {
     "access": "public"

package/src/core/index.ts

@@ -23,7 +23,7 @@ export {
   restyleTheme,
   ThemeProvider,
   useRestyleTheme,
-  buildPair,
+  createThemePair,
   buildRestyleTheme,
   buildRestyleThemeFromThemeColors,
   restylePresetThemes,

package/src/core/restyle/index.ts

@@ -32,7 +32,7 @@ export {
 export { useRestyleTheme } from "./useRestyleTheme";
 
 export {
-  buildPair,
+  createThemePair,
   restylePresetThemes,
   type RestyleThemePair,
 } from "./restylePresetRegistry";

package/src/core/restyle/restylePresetRegistry.ts

@@ -22,11 +22,11 @@ export type RestyleThemePair = {
 };
 
 /**
- * Build light + dark Restyle themes from ThemeColors overrides.
+ * Create light + dark Restyle themes from ThemeColors overrides.
  * The most convenient way to create a custom theme pair — only specify
  * what differs from the default semantic colors.
  */
-export function buildPair(
+export function createThemePair(
   lightOverrides: DeepPartial<ThemeColors>,
   darkOverrides: DeepPartial<ThemeColors>,
 ): RestyleThemePair {
@@ -43,7 +43,7 @@ const horizon: RestyleThemePair = {
 };
 
 // Sage — green accents
-const sage = buildPair(
+const sage = createThemePair(
   {
     accent: {
       primary: "#6B8F6B",
@@ -71,7 +71,7 @@ const sage = buildPair(
 );
 
 // Sunset — warm coral accents
-const sunset = buildPair(
+const sunset = createThemePair(
   {
     accent: {
       primary: "#E8836B",
@@ -99,7 +99,7 @@ const sunset = buildPair(
 );
 
 // Ocean — teal accents
-const ocean = buildPair(
+const ocean = createThemePair(
   {
     accent: {
       primary: "#0E9AA5",
@@ -127,7 +127,7 @@ const ocean = buildPair(
 );
 
 // Lavender — purple accents
-const lavender = buildPair(
+const lavender = createThemePair(
   {
     accent: {
       primary: "#8B5CF6",
@@ -155,7 +155,7 @@ const lavender = buildPair(
 );
 
 // Rose — pink accents
-const rose = buildPair(
+const rose = createThemePair(
   {
     accent: {
       primary: "#E11D6C",

package/src/index.tsx

@@ -110,7 +110,7 @@ export {
   ThemeProvider,
   useRestyleTheme,
   // Theme building utilities
-  buildPair,
+  createThemePair,
   buildRestyleTheme,
   buildRestyleThemeFromThemeColors,
   restylePresetThemes,
@@ -140,19 +140,10 @@ export { en, es } from "./i18n";
 // =============================================================================
 
 export {
-  // Theme Factory
-  createTheme,
-  createThemePair,
-  // Built-in theme presets
+  // Default themes
   darkTheme,
   defaultTheme,
-  horizonTheme,
-  lavenderTheme,
   lightTheme,
-  oceanTheme,
-  roseTheme,
-  sageTheme,
-  sunsetTheme,
   type DeepPartial,
   type ShadowStyle,
   // Types

package/src/providers/ThemeProvider/index.ts

@@ -20,15 +20,3 @@ export type {
 
 // Default themes
 export { lightTheme, darkTheme, defaultTheme } from './defaultTheme';
-
-// Theme factory
-export {
-  createTheme,
-  createThemePair,
-  horizonTheme,
-  sageTheme,
-  sunsetTheme,
-  oceanTheme,
-  lavenderTheme,
-  roseTheme,
-} from './createTheme';

package/src/providers/index.ts

@@ -5,14 +5,6 @@
  */
 
 export {
-  createTheme,
-  createThemePair,
-  horizonTheme,
-  sageTheme,
-  sunsetTheme,
-  oceanTheme,
-  lavenderTheme,
-  roseTheme,
   lightTheme,
   darkTheme,
   defaultTheme,

package/src/providers/ThemeProvider/createTheme.ts

@@ -1,304 +0,0 @@
-/**
- * El Sendero Design System - Theme Factory
- *
- * Create custom themes by extending the base theme with overrides.
- *
- * @example
- * const myTheme = createTheme(defaultTheme, {
- *   colors: {
- *     accent: {
- *       primary: '#8B5CF6', // Purple accent
- *     }
- *   }
- * });
- */
-
-import { Theme, ThemeOverrides, DeepPartial } from './types';
-import { lightTheme, darkTheme } from './defaultTheme';
-
-// =============================================================================
-// DEEP MERGE UTILITY
-// =============================================================================
-
-/**
- * Deep merge two objects, with source values overriding target
- */
-function deepMerge<T extends object>(
-  target: T,
-  source: DeepPartial<T>
-): T {
-  const result = { ...target };
-
-  for (const key in source) {
-    if (Object.prototype.hasOwnProperty.call(source, key)) {
-      const sourceValue = source[key as keyof typeof source];
-      const targetValue = (target as Record<string, unknown>)[key];
-
-      if (
-        sourceValue !== null &&
-        typeof sourceValue === 'object' &&
-        !Array.isArray(sourceValue) &&
-        targetValue !== null &&
-        typeof targetValue === 'object' &&
-        !Array.isArray(targetValue)
-      ) {
-        result[key as keyof T] = deepMerge(
-          targetValue as Record<string, unknown>,
-          sourceValue as DeepPartial<Record<string, unknown>>
-        ) as T[keyof T];
-      } else if (sourceValue !== undefined) {
-        result[key as keyof T] = sourceValue as T[keyof T];
-      }
-    }
-  }
-
-  return result;
-}
-
-// =============================================================================
-// CREATE THEME
-// =============================================================================
-
-/**
- * Create a custom theme by extending a base theme with overrides.
- *
- * @param baseTheme - The theme to extend (usually defaultTheme)
- * @param overrides - Partial theme object with your customizations
- * @returns A complete Theme object with your overrides applied
- *
- * @example
- * // Create a sage-accented theme
- * const sageTheme = createTheme(defaultTheme, {
- *   name: 'Sage',
- *   colors: {
- *     accent: {
- *       primary: '#6B8F6B',
- *       primaryHover: '#557255',
- *       primaryPressed: '#445944',
- *     }
- *   }
- * });
- *
- * @example
- * // Create a more rounded theme
- * const softTheme = createTheme(defaultTheme, {
- *   radii: {
- *     md: 16,
- *     lg: 24,
- *     xl: 32,
- *   }
- * });
- */
-export function createTheme(
-  baseTheme: Theme,
-  overrides: ThemeOverrides
-): Theme {
-  return deepMerge(baseTheme, overrides);
-}
-
-// =============================================================================
-// CREATE THEME PAIR
-// =============================================================================
-
-/**
- * Create both light and dark versions of a custom theme.
- *
- * @param overrides - Overrides to apply to both light and dark themes
- * @param lightOverrides - Additional overrides for light theme only
- * @param darkOverrides - Additional overrides for dark theme only
- * @returns Object with light and dark theme variants
- *
- * @example
- * const { light, dark } = createThemePair(
- *   { name: 'MyBrand' },
- *   { colors: { accent: { primary: '#A68B6A' } } }, // Light-specific
- *   { colors: { accent: { primary: '#C4A285' } } }  // Dark-specific
- * );
- */
-export function createThemePair(
-  overrides: ThemeOverrides = {},
-  lightOverrides: ThemeOverrides = {},
-  darkOverrides: ThemeOverrides = {}
-): { light: Theme; dark: Theme } {
-  return {
-    light: createTheme(
-      createTheme(lightTheme, overrides),
-      lightOverrides
-    ),
-    dark: createTheme(
-      createTheme(darkTheme, overrides),
-      darkOverrides
-    ),
-  };
-}
-
-// =============================================================================
-// PRESET THEMES
-// =============================================================================
-
-/**
- * Horizon Default - Blue with a calming feel
- */
-export const horizonTheme = createThemePair({
-  name: 'Horizon',
-});
-
-/**
- * Sage Theme - Green-focused for hope and growth
- */
-export const sageTheme = createThemePair(
-  { name: 'Sage' },
-  {
-    colors: {
-      accent: {
-        primary: '#6B8F6B',
-        primaryHover: '#557255',
-        primaryPressed: '#445944',
-      },
-      text: {
-        link: '#6B8F6B',
-      },
-      border: {
-        focus: '#6B8F6B',
-      },
-    },
-  },
-  {
-    colors: {
-      accent: {
-        primary: '#8FAF8F',
-        primaryHover: '#B3C7B3',
-        primaryPressed: '#6B8F6B',
-      },
-      text: {
-        link: '#8FAF8F',
-      },
-      border: {
-        focus: '#8FAF8F',
-      },
-    },
-  }
-);
-
-/**
- * Sunset Theme - Warm coral/peach for energy and comfort
- */
-export const sunsetTheme = createThemePair(
-  { name: 'Sunset' },
-  {
-    colors: {
-      accent: {
-        primary: '#E8836B',
-        primaryHover: '#CC6B55',
-        primaryPressed: '#A85545',
-      },
-      text: {
-        link: '#E8836B',
-      },
-      border: {
-        focus: '#E8836B',
-      },
-    },
-  },
-  {
-    colors: {
-      accent: {
-        primary: '#FF9B85',
-        primaryHover: '#FFBAA8',
-        primaryPressed: '#E8836B',
-      },
-      text: {
-        link: '#FF9B85',
-      },
-      border: {
-        focus: '#FF9B85',
-      },
-    },
-  }
-);
-
-/**
- * Ocean Theme - Teal/cyan accents, calming water vibes
- */
-export const oceanTheme = createThemePair(
-  {
-    colors: {
-      accent: {
-        primary: '#0E9AA5',
-        primaryHover: '#0B7E87',
-        primaryPressed: '#086269',
-      },
-      text: { link: '#0E9AA5' },
-      border: { focus: '#0E9AA5' },
-    },
-  },
-  {
-    colors: {
-      accent: {
-        primary: '#2DD4BF',
-        primaryHover: '#5EEAD4',
-        primaryPressed: '#0E9AA5',
-      },
-      text: { link: '#2DD4BF' },
-      border: { focus: '#2DD4BF' },
-    },
-  }
-);
-
-/**
- * Lavender Theme - Soft purple accents, relaxing and spiritual
- */
-export const lavenderTheme = createThemePair(
-  { name: 'Lavender' },
-  {
-    colors: {
-      accent: {
-        primary: '#8B5CF6',
-        primaryHover: '#7C3AED',
-        primaryPressed: '#6D28D9',
-      },
-      text: { link: '#8B5CF6' },
-      border: { focus: '#8B5CF6' },
-    },
-  },
-  {
-    colors: {
-      accent: {
-        primary: '#A78BFA',
-        primaryHover: '#C4B5FD',
-        primaryPressed: '#8B5CF6',
-      },
-      text: { link: '#A78BFA' },
-      border: { focus: '#A78BFA' },
-    },
-  }
-);
-
-/**
- * Rose Theme - Warm pink/rose accents, gentle and nurturing
- */
-export const roseTheme = createThemePair(
-  { name: 'Rose' },
-  {
-    colors: {
-      accent: {
-        primary: '#E11D6C',
-        primaryHover: '#BE185D',
-        primaryPressed: '#9D174D',
-      },
-      text: { link: '#E11D6C' },
-      border: { focus: '#E11D6C' },
-    },
-  },
-  {
-    colors: {
-      accent: {
-        primary: '#F472B6',
-        primaryHover: '#F9A8D4',
-        primaryPressed: '#E11D6C',
-      },
-      text: { link: '#F472B6' },
-      border: { focus: '#F472B6' },
-    },
-  }
-);