fix(components): ship generated type definitions

types pointed at ./index.ts, so consumers typechecked library source
under their own tsconfig and got 221 errors out of node_modules.
skipLibCheck does not help — it only skips .d.ts files.

Enables bob's typescript target and repoints types at
lib/typescript/index.d.ts. Fixing the 22 errors that blocked declaration
output caught real bugs, notably React.ReactText (removed in React 19)
across 19 sites and a Calendar ref typed () => string that returns a
CalendarViewMode.

Also widens Button/Select/Datepicker text props to accept string|number,
matching CheckBox/Toggle/Radio and what FalsyText already does at
runtime, so <Button>TEXT</Button> typechecks.

Type-only: the compiled bundle is byte-identical.

Author: bataevvlad

.changeset/ship-type-definitions.md

@@ -0,0 +1,25 @@
+---
+"@ui-kitten/components": patch
+---
+
+Ship generated type definitions instead of raw source.
+
+`types` pointed at `./index.ts`, so consuming projects typechecked the library's own
+source under their tsconfig and saw 221 errors from `node_modules` — with no workaround,
+since `skipLibCheck` only skips `.d.ts` files. The package now builds `.d.ts` via
+react-native-builder-bob's `typescript` target and points `types` at
+`./lib/typescript/index.d.ts`.
+
+Fixing the 22 type errors that blocked declaration output also corrected real bugs:
+
+- `React.ReactText` was removed in React 19; replaced with `string | number` across 19 sites
+- `Calendar`'s `getViewMode()` was typed `() => string` but returns a `CalendarViewMode`
+- `TabView`'s view pager ref was typed as the component value rather than `ViewPagerRef`
+- `DatepickerProps` declared conflicting `onBlur`/`onFocus` inherited from `ViewProps`
+- `dateService` widened to `NativeDateService | DateService<D>` instead of `DateService<D>`
+
+`Button`, `Select`, and `Datepicker` now accept `string | number` for text props, matching
+`CheckBox`/`Toggle`/`Radio` and the runtime behaviour of `FalsyText`. Previously the
+idiomatic `<Button>TEXT</Button>` did not typecheck.
+
+Type-only changes — the compiled bundle is byte-identical.

src/components/devsupport/components/falsyText/falsyText.component.tsx

@@ -6,7 +6,7 @@ import {
 } from '../../../ui/text/text.component';
 
 export interface FalsyTextProps extends Omit<TextProps, 'children'> {
-  component?: RenderProp<TextProps> | React.ReactText;
+  component?: RenderProp<TextProps> | string | number;
 }
 
 /**

src/components/devsupport/components/measure/measure.component.tsx

@@ -8,6 +8,7 @@
 import React from 'react';
 import {
   findNodeHandle,
+  LayoutChangeEvent,
   Platform,
   UIManager,
   StatusBar,
@@ -18,7 +19,10 @@ export interface MeasureElementProps {
   force?: boolean;
   shouldUseTopInsets?: boolean;
   onMeasure: (frame: Frame) => void;
-  children: React.ReactElement;
+  children: React.ReactElement<{
+    ref?: React.Ref<unknown>;
+    onLayout?: (_event: LayoutChangeEvent) => void;
+  }>;
 }
 
 export type MeasuringElement = React.ReactElement;

src/components/package.json

@@ -3,14 +3,14 @@
   "description": "React Native UI components based on Eva Design System",
   "version": "6.0.0-beta.1",
   "main": "./lib/module/index.js",
-  "types": "./index.ts",
+  "types": "./lib/typescript/index.d.ts",
   "react-native": "./index.ts",
   "source": "./index.ts",
   "exports": {
     ".": {
+      "types": "./lib/typescript/index.d.ts",
       "react-native": "./index.ts",
       "source": "./index.ts",
-      "types": "./index.ts",
       "default": "./lib/module/index.js"
     },
     "./package.json": "./package.json"
@@ -58,6 +58,9 @@
     "react-native": ">=0.72.0",
     "react-native-svg": ">=13.0.0"
   },
+  "devDependencies": {
+    "typescript": "^5.3.0"
+  },
   "react-native-builder-bob": {
     "source": ".",
     "output": "lib",
@@ -67,6 +70,12 @@
         {
           "esm": true
         }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
       ]
     ]
   }

src/components/theme/backdrop/backdrop.component.tsx

@@ -17,7 +17,7 @@ import {
   ViewStyle,
 } from 'react-native';
 
-type ChildElement = React.ReactElement;
+type ChildElement = React.ReactElement<{ style?: StyleProp<ViewStyle> }>;
 type ChildrenProp = ChildElement | ChildElement[] | React.ReactNode;
 
 export interface BackdropPresentingConfig {

src/components/theme/theme/withStyles.tsx

@@ -91,7 +91,13 @@ export const withStyles = <P extends object, S>(Component: React.ComponentType<P
     }
   }
 
-  const WrappingElement = (props: WrappingProps, ref: React.Ref<WrappedElementInstance>): WrappingElementType => {
+  const WrappingElement: React.ForwardRefRenderFunction<
+    WrappedElementInstance,
+    React.PropsWithoutRef<WrappingProps>
+  > = (
+    props,
+    ref,
+  ): WrappingElementType => {
     return (
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore
@@ -102,7 +108,7 @@ export const withStyles = <P extends object, S>(Component: React.ComponentType<P
     );
   };
 
-  const ThemedComponent = React.forwardRef<WrappedElementInstance, WrappingProps>(WrappingElement);
+  const ThemedComponent = React.forwardRef(WrappingElement);
 
   ThemedComponent.displayName = Component.displayName || Component.name;
 

src/components/ui/bottomNavigation/bottomNavigationTab.component.tsx

@@ -29,7 +29,7 @@ import {
 import { TextProps } from '../text/text.component';
 
 export interface BottomNavigationTabProps extends TouchableWebProps {
-  title?: RenderProp<TextProps> | React.ReactText;
+  title?: RenderProp<TextProps> | string | number;
   icon?: RenderProp<Partial<ImageProps>>;
   selected?: boolean;
   onSelect?: (selected: boolean) => void;

src/components/ui/button/button.component.tsx

@@ -33,7 +33,7 @@ import {TextElement, TextProps} from '../text/text.component';
 type TouchableWebPropsWithoutChildren = Omit<TouchableWebProps, 'children'>;
 
 export interface ButtonProps extends TouchableWebPropsWithoutChildren {
-  children?: RenderProp<TextProps> | TextElement;
+  children?: RenderProp<TextProps> | TextElement | string | number;
   /**
    * Function component to render to start of the text.
    * Expected to return an Image.

src/components/ui/calendar/baseCalendar.component.tsx

@@ -346,7 +346,7 @@ export abstract class BaseCalendarComponent<P, D = Date> extends React.Component
     }
   };
 
-  private renderDayIfNeeded = (item: CalendarDateInfo<D>, style: StyleType): CalendarDateContentElement => {
+  private renderDayIfNeeded = (item: CalendarDateInfo<D>, style: StyleType): React.ReactElement => {
     const shouldRender: boolean = !item.bounding || this.props.boundingMonth;
 
     if (shouldRender) {

src/components/ui/calendar/calendar.component.tsx

@@ -15,7 +15,7 @@ import { CalendarMonthHeader } from './components/calendarMonthHeader.component'
 import { CalendarPicker } from './components/picker/calendarPicker.component';
 import { CalendarDateContent, CalendarDateContentElement } from './components/calendarDateContent.component';
 import { Divider } from '../divider/divider.component';
-import { CalendarDateInfo, CalendarViewModes } from './type';
+import { CalendarDateInfo, CalendarViewMode, CalendarViewModes } from './type';
 import { TranslationWidth } from './i18n/type';
 import { DateService } from './service/date.service';
 import { NativeDateService } from './service/nativeDate.service';
@@ -38,7 +38,7 @@ export interface CalendarRef<D = Date> {
   scrollToToday: () => void;
   scrollToDate: (date: D) => void;
   getVisibleDate: () => D;
-  getViewMode: () => string;
+  getViewMode: () => CalendarViewMode;
   getPickerDate: () => D;
 }
 
@@ -368,7 +368,7 @@ function CalendarComponent<D = Date>(
     );
   }, [dateService]);
 
-  const renderDayIfNeeded = useCallback((item: CalendarDateInfo<D>, cellStyle: StyleType): CalendarDateContentElement => {
+  const renderDayIfNeeded = useCallback((item: CalendarDateInfo<D>, cellStyle: StyleType): React.ReactElement => {
     const shouldRender = !item.bounding || boundingMonth;
     if (shouldRender) {
       const renderSelector = renderDay || renderDayElement;