TypeScript Types Exported from react-native-jelly-tabs

import type {
  TabsIconProps,
  TabsIcon,
  TabsItem,
  TabsChangeEvent,
  JellyTabBarHeadlessProps,
  JellyTabBarProps,
  JellyNavigationRoute,
  JellyNavigationState,
  JellyNavigationOptions,
  JellyNavigationDescriptor,
  JellyNavigationEvent,
  JellyNavigationHelpers,
  PillMaskedViewProps,
  TouchFeedbackProps,
  DeepPartial,
  TabsProps,
} from 'react-native-jelly-tabs';

interface TabsIconProps {
  color: string;
  colors: Readonly<TabBarColors>;
  opacity: number;
  size: number;
}

type TabsIcon = ComponentType<TabsIconProps>;

interface TabsItem {
  accessibilityLabel?: string;
  key: string;
  label: string;
  labelStyle?: StyleProp<TextStyle>;
  activeIcon: TabsIcon;
  inactiveIcon: TabsIcon;
  badge?: number | string;
  badgeStyle?: StyleProp<TextStyle>;
  testID?: string;
}

interface TabsChangeEvent {
  index: number;
  item: TabsItem;
}

interface JellyTabBarHeadlessProps {
  backdrop?: ReactNode;
  colors?: Partial<TabBarColors>;
  config?: DeepPartial<TabBarConfig>;
  displayScale?: number;
  maxWidth?: DimensionValue;
  recording?: boolean;
  items: readonly TabsItem[];
  onTabChange?: (event: TabsChangeEvent) => void;
  onTabLongPress?: (event: TabsChangeEvent) => void;
  onTabPress?: (event: TabsChangeEvent) => boolean | void;
  opacity?: Partial<TabBarOpacity>;
  selectedIndex?: number | null;
  selectedBackdrop?: ReactNode;
  touchFeedbackEnabled?: boolean;
  touchFeedbackColor?: string;
  touchFeedbackOpacity?: number;
  touchFeedbackScale?: number;
}

interface JellyTabBarProps extends Omit<
  JellyTabBarHeadlessProps,
  'items' | 'onTabChange' | 'onTabLongPress' | 'onTabPress' | 'selectedIndex'
> {
  containerStyle?: StyleProp<ViewStyle>;
  descriptors: Readonly<Record<string, JellyNavigationDescriptor>>;
  floating?: boolean;
  insets: {
    bottom: number;
    left: number;
    right: number;
    top: number;
  };
  navigation: JellyNavigationHelpers;
  state: JellyNavigationState;
}

interface JellyNavigationRoute {
  key: string;
  name: string;
  params?: object;
  path?: string;
}

interface JellyNavigationState {
  index: number;
  key: string;
  routes: readonly JellyNavigationRoute[];
}

interface JellyNavigationOptions {
  href?: unknown;
  tabBarAccessibilityLabel?: string;
  tabBarActiveBackgroundColor?: unknown;
  tabBarActiveTintColor?: unknown;
  tabBarBackground?: () => ReactNode;
  tabBarBadge?: number | string;
  tabBarBadgeStyle?: StyleProp<TextStyle>;
  tabBarButtonTestID?: string;
  tabBarIcon?: (props: {
    color: string;
    focused: boolean;
    size: number;
  }) => ReactNode;
  tabBarInactiveBackgroundColor?: unknown;
  tabBarInactiveTintColor?: unknown;
  tabBarLabel?: unknown;
  tabBarLabelStyle?: StyleProp<TextStyle>;
  tabBarShowLabel?: boolean;
  tabBarStyle?: unknown;
  title?: string;
}

interface JellyNavigationDescriptor {
  options: JellyNavigationOptions;
}

interface JellyNavigationEvent {
  canPreventDefault?: boolean;
  target: string;
  type: 'tabPress' | 'tabLongPress';
}

interface JellyNavigationHelpers {
  dispatch(action: {
    payload: {
      name: string;
      params?: object;
      path?: string;
    };
    target: string;
    type: 'NAVIGATE';
  }): void;
  emit(event: JellyNavigationEvent): unknown;
}

interface PillMaskedViewProps extends PropsWithChildren {
  animatedStyle: StyleProp<AnimatedStyle<ViewStyle>>;
  clipStyle: StyleProp<AnimatedStyle<ViewStyle>>;
  contentHeight: number;
  contentStyle: StyleProp<AnimatedStyle<ViewStyle>>;
  contentWidth: number;
  height: number;
  left: number;
  tabWidth: number;
  top: number;
}

interface TouchFeedbackProps {
  animatedStyle: StyleProp<AnimatedStyle<ViewStyle>>;
  centerOpacity: number;
  color?: string;
  diameter: number;
  gradientId: string;
  middleOpacity: number;
  offsetX?: number;
  offsetY?: number;
  radius: number;
}

type DeepPartial<T> = {
  [Key in keyof T]?: T[Key] extends object ? DeepPartial<T[Key]> : T[Key];
};

import type { DeepPartial, TabBarConfig } from 'react-native-jelly-tabs';

// Only the fields you care about — everything else uses defaults
const myConfig: DeepPartial<TabBarConfig> = {
  layout: {
    iconSize: 24,
  },
  distortion: {
    spring: {
      stiffness: 300,
    },
  },
};

/** @deprecated Use JellyTabBarHeadlessProps instead. */
type TabsProps = JellyTabBarHeadlessProps;