react-native-tab-view 5.0.0-alpha.8 → 5.0.0-alpha.9

package/lib/module/TabBarItem.js

@@ -3,11 +3,10 @@
 import * as React from 'react';
 import { Animated, Platform, StyleSheet, View } from 'react-native';
 import useLatestCallback from 'use-latest-callback';
+import { TAB_BAR_INACTIVE_COLOR, TAB_BAR_PRIMARY_ACTIVE_COLOR, TAB_BAR_SECONDARY_ACTIVE_COLOR } from "./constants.js";
 import { PlatformPressable } from "./PlatformPressable.js";
 import { TabBarItemLabel } from "./TabBarItemLabel.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const DEFAULT_ACTIVE_COLOR = 'rgba(0, 0, 0, 1)';
-const DEFAULT_INACTIVE_COLOR = 'rgba(0, 0, 0, 0.5)';
 const ICON_SIZE = 24;
 const getActiveOpacity = (position, routesLength, tabIndex) => {
   if (routesLength > 1) {
@@ -36,9 +35,11 @@ const getInactiveOpacity = (position, routesLength, tabIndex) => {
   }
 };
 const ANDROID_RIPPLE_DEFAULT = {
-  borderless: true
+  borderless: false,
+  foreground: true
 };
 const TabBarItemInternal = ({
+  variant,
   accessibilityLabel,
   accessible,
   label: customlabel,
@@ -51,11 +52,11 @@ const TabBarItemInternal = ({
   inactiveColor: inactiveColorCustom,
   activeColor: activeColorCustom,
   labelStyle,
-  onLayout,
+  onMeasureLayout,
+  onMeasureLabelLayout,
   index: tabIndex,
   pressColor,
   pressOpacity,
-  defaultTabWidth,
   icon: customIcon,
   badge: customBadge,
   href,
@@ -66,8 +67,9 @@ const TabBarItemInternal = ({
   route
 }) => {
   const labelColorFromStyle = StyleSheet.flatten(labelStyle || {}).color;
-  const activeColor = activeColorCustom !== undefined ? activeColorCustom : typeof labelColorFromStyle === 'string' ? labelColorFromStyle : DEFAULT_ACTIVE_COLOR;
-  const inactiveColor = inactiveColorCustom !== undefined ? inactiveColorCustom : typeof labelColorFromStyle === 'string' ? labelColorFromStyle : DEFAULT_INACTIVE_COLOR;
+  const defaultActiveColor = variant === 'primary' ? TAB_BAR_PRIMARY_ACTIVE_COLOR : TAB_BAR_SECONDARY_ACTIVE_COLOR;
+  const activeColor = activeColorCustom !== undefined ? activeColorCustom : typeof labelColorFromStyle === 'string' ? labelColorFromStyle : defaultActiveColor;
+  const inactiveColor = inactiveColorCustom !== undefined ? inactiveColorCustom : typeof labelColorFromStyle === 'string' ? labelColorFromStyle : TAB_BAR_INACTIVE_COLOR;
   const activeOpacity = getActiveOpacity(position, routesLength, tabIndex);
   const inactiveOpacity = getInactiveOpacity(position, routesLength, tabIndex);
   const icon = React.useMemo(() => {
@@ -87,7 +89,6 @@ const TabBarItemInternal = ({
       route
     });
     return /*#__PURE__*/_jsxs(View, {
-      style: styles.icon,
       children: [/*#__PURE__*/_jsx(Animated.View, {
         style: {
           opacity: inactiveOpacity
@@ -112,14 +113,50 @@ const TabBarItemInternal = ({
     color: focused ? activeColor : inactiveColor,
     icon: icon,
     label: labelText,
-    style: labelStyle
+    style: labelStyle,
+    allowFontScaling: labelAllowFontScaling
   }), [customlabel, activeColor, labelStyle, labelText, labelAllowFontScaling, route, inactiveColor, icon]);
-  const tabStyle = StyleSheet.flatten(style);
-  const isWidthSet = tabStyle?.width !== undefined;
-  const tabContainerStyle = isWidthSet ? null : {
-    width: defaultTabWidth
-  };
   const ariaLabel = typeof accessibilityLabel !== 'undefined' ? accessibilityLabel : labelText;
+  const viewRef = React.useRef(null);
+  const labelRef = React.useRef(null);
+  React.useLayoutEffect(() => {
+    viewRef.current?.measure((_x, _y, width, height) => {
+      onMeasureLayout({
+        width,
+        height
+      });
+    });
+    labelRef.current?.measure((_x, _y, width, height) => {
+      onMeasureLabelLayout({
+        width,
+        height
+      });
+    });
+
+    // Only measure on mount. onLayout handles updates.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const onLayout = event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    onMeasureLayout({
+      width,
+      height
+    });
+  };
+  const onLabelLayout = event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    onMeasureLabelLayout({
+      width,
+      height
+    });
+  };
+  const hasIconAndLabel = Boolean(customIcon && labelText);
   return /*#__PURE__*/_jsx(PlatformPressable, {
     android_ripple: android_ripple,
     testID: testID,
@@ -130,24 +167,30 @@ const TabBarItemInternal = ({
     pressColor: pressColor,
     pressOpacity: pressOpacity,
     unstable_pressDelay: 0,
-    onLayout: onLayout,
     onPress: onPress,
     onLongPress: onLongPress,
     href: href,
-    style: [styles.pressable, tabContainerStyle],
+    style: styles.pressable,
     children: /*#__PURE__*/_jsxs(View, {
-      style: [styles.item, tabStyle],
-      children: [icon, /*#__PURE__*/_jsxs(View, {
-        children: [/*#__PURE__*/_jsx(Animated.View, {
-          style: {
-            opacity: inactiveOpacity
-          },
-          children: renderLabel(false)
-        }), /*#__PURE__*/_jsx(Animated.View, {
-          style: [StyleSheet.absoluteFill, {
-            opacity: activeOpacity
-          }],
-          children: renderLabel(true)
+      ref: viewRef,
+      onLayout: onLayout,
+      style: [styles.item, hasIconAndLabel ? styles.itemWithIcon : null, style],
+      children: [/*#__PURE__*/_jsxs(View, {
+        ref: labelRef,
+        onLayout: onLabelLayout,
+        style: styles.content,
+        children: [icon, /*#__PURE__*/_jsxs(View, {
+          children: [/*#__PURE__*/_jsx(Animated.View, {
+            style: {
+              opacity: inactiveOpacity
+            },
+            children: renderLabel(false)
+          }), /*#__PURE__*/_jsx(Animated.View, {
+            style: [StyleSheet.absoluteFill, {
+              opacity: activeOpacity
+            }],
+            children: renderLabel(true)
+          })]
         })]
       }), customBadge != null ? /*#__PURE__*/_jsx(View, {
         style: styles.badge,
@@ -159,23 +202,27 @@ const TabBarItemInternal = ({
   });
 };
 const MemoizedTabBarItemInternal = /*#__PURE__*/React.memo(TabBarItemInternal);
-export function TabBarItem(props) {
-  const {
-    onPress,
-    onLongPress,
-    onLayout,
-    navigationState,
-    route,
-    ...rest
-  } = props;
+export function TabBarItem({
+  variant = 'primary',
+  onPress,
+  onLongPress,
+  onMeasureLayout,
+  onMeasureLabelLayout,
+  navigationState,
+  route,
+  ...rest
+}) {
   const onPressLatest = useLatestCallback(onPress);
   const onLongPressLatest = useLatestCallback(onLongPress);
-  const onLayoutLatest = useLatestCallback(onLayout ? onLayout : () => {});
+  const onMeasureLayoutLatest = useLatestCallback(onMeasureLayout);
+  const onMeasureLabelLayoutLatest = useLatestCallback(onMeasureLabelLayout);
   const tabIndex = navigationState.routes.indexOf(route);
   return /*#__PURE__*/_jsx(MemoizedTabBarItemInternal, {
     ...rest,
+    variant: variant,
     onPress: onPressLatest,
-    onLayout: onLayoutLatest,
+    onMeasureLayout: onMeasureLayoutLatest,
+    onMeasureLabelLayout: onMeasureLabelLayoutLatest,
     onLongPress: onLongPressLatest,
     isFocused: navigationState.index === tabIndex,
     route: route,
@@ -184,17 +231,20 @@ export function TabBarItem(props) {
   });
 }
 const styles = StyleSheet.create({
-  icon: {
-    margin: 2
-  },
   item: {
-    flex: 1,
     alignItems: 'center',
     justifyContent: 'center',
-    padding: 10,
+    paddingHorizontal: 16,
     minHeight: 48,
     pointerEvents: 'none'
   },
+  itemWithIcon: {
+    minHeight: 62
+  },
+  content: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
   badge: {
     position: 'absolute',
     top: 0,

package/lib/module/TabBarItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Animated","Platform","StyleSheet","View","useLatestCallback","PlatformPressable","TabBarItemLabel","jsx","_jsx","jsxs","_jsxs","DEFAULT_ACTIVE_COLOR","DEFAULT_INACTIVE_COLOR","ICON_SIZE","getActiveOpacity","position","routesLength","tabIndex","inputRange","Array","from","length","_","i","interpolate","outputRange","map","getInactiveOpacity","ANDROID_RIPPLE_DEFAULT","borderless","TabBarItemInternal","accessibilityLabel","accessible","label","customlabel","testID","onLongPress","onPress","isFocused","style","inactiveColor","inactiveColorCustom","activeColor","activeColorCustom","labelStyle","onLayout","index","pressColor","pressOpacity","defaultTabWidth","icon","customIcon","badge","customBadge","href","labelText","android_ripple","labelAllowFontScaling","route","labelColorFromStyle","flatten","color","undefined","activeOpacity","inactiveOpacity","useMemo","inactiveIcon","focused","size","activeIcon","styles","children","opacity","absoluteFill","renderLabel","useCallback","allowFontScaling","tabStyle","isWidthSet","width","tabContainerStyle","ariaLabel","role","unstable_pressDelay","pressable","item","MemoizedTabBarItemInternal","memo","TabBarItem","props","navigationState","rest","onPressLatest","onLongPressLatest","onLayoutLatest","routes","indexOf","create","margin","flex","alignItems","justifyContent","padding","minHeight","pointerEvents","top","end","backgroundColor","select","ios","borderRadius","borderCurve","default"],"sourceRoot":"../../src","sources":["TabBarItem.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Animated","Platform","StyleSheet","View","useLatestCallback","TAB_BAR_INACTIVE_COLOR","TAB_BAR_PRIMARY_ACTIVE_COLOR","TAB_BAR_SECONDARY_ACTIVE_COLOR","PlatformPressable","TabBarItemLabel","jsx","_jsx","jsxs","_jsxs","ICON_SIZE","getActiveOpacity","position","routesLength","tabIndex","inputRange","Array","from","length","_","i","interpolate","outputRange","map","getInactiveOpacity","ANDROID_RIPPLE_DEFAULT","borderless","foreground","TabBarItemInternal","variant","accessibilityLabel","accessible","label","customlabel","testID","onLongPress","onPress","isFocused","style","inactiveColor","inactiveColorCustom","activeColor","activeColorCustom","labelStyle","onMeasureLayout","onMeasureLabelLayout","index","pressColor","pressOpacity","icon","customIcon","badge","customBadge","href","labelText","android_ripple","labelAllowFontScaling","route","labelColorFromStyle","flatten","color","defaultActiveColor","undefined","activeOpacity","inactiveOpacity","useMemo","inactiveIcon","focused","size","activeIcon","children","opacity","absoluteFill","renderLabel","useCallback","allowFontScaling","ariaLabel","viewRef","useRef","labelRef","useLayoutEffect","current","measure","_x","_y","width","height","onLayout","event","nativeEvent","layout","onLabelLayout","hasIconAndLabel","Boolean","role","unstable_pressDelay","styles","pressable","ref","item","itemWithIcon","content","MemoizedTabBarItemInternal","memo","TabBarItem","navigationState","rest","onPressLatest","onLongPressLatest","onMeasureLayoutLatest","onMeasureLabelLayoutLatest","routes","indexOf","create","alignItems","justifyContent","paddingHorizontal","minHeight","pointerEvents","top","end","backgroundColor","select","ios","borderRadius","borderCurve","default"],"sourceRoot":"../../src","sources":["TabBarItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/TabBarItemLabel.js

@@ -7,12 +7,14 @@ export const TabBarItemLabel = /*#__PURE__*/React.memo(({
   color,
   label,
   style,
-  icon
+  icon,
+  allowFontScaling
 }) => {
   if (!label) {
     return null;
   }
   return /*#__PURE__*/_jsx(Animated.Text, {
+    allowFontScaling: allowFontScaling,
     style: [styles.label, icon ? {
       marginTop: 0
     } : null, style, {
@@ -24,7 +26,6 @@ export const TabBarItemLabel = /*#__PURE__*/React.memo(({
 TabBarItemLabel.displayName = 'TabBarItemLabel';
 const styles = StyleSheet.create({
   label: {
-    margin: 4,
     fontSize: 14,
     fontWeight: '500',
     backgroundColor: 'transparent'

package/lib/module/TabBarItemLabel.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Animated","StyleSheet","jsx","_jsx","TabBarItemLabel","memo","color","label","style","icon","Text","styles","marginTop","children","displayName","create","margin","fontSize","fontWeight","backgroundColor"],"sourceRoot":"../../src","sources":["TabBarItemLabel.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASpD,OAAO,MAAMC,eAAe,gBAAGL,KAAK,CAACM,IAAI,CACvC,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC,KAAK;EAAEC;AAA2B,CAAC,KAAK;EACvD,IAAI,CAACF,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,oBACEJ,IAAA,CAACH,QAAQ,CAACU,IAAI;IACZF,KAAK,EAAE,CACLG,MAAM,CAACJ,KAAK,EACZE,IAAI,GAAG;MAAEG,SAAS,EAAE;IAAE,CAAC,GAAG,IAAI,EAC9BJ,KAAK,EACL;MAAEF,KAAK,EAAEA;IAAM,CAAC,CAChB;IAAAO,QAAA,EAEDN;EAAK,CACO,CAAC;AAEpB,CACF,CAAC;AAEDH,eAAe,CAACU,WAAW,GAAG,iBAAiB;AAE/C,MAAMH,MAAM,GAAGV,UAAU,CAACc,MAAM,CAAC;EAC/BR,KAAK,EAAE;IACLS,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Animated","StyleSheet","jsx","_jsx","TabBarItemLabel","memo","color","label","style","icon","allowFontScaling","Text","styles","marginTop","children","displayName","create","fontSize","fontWeight","backgroundColor"],"sourceRoot":"../../src","sources":["TabBarItemLabel.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUpD,OAAO,MAAMC,eAAe,gBAAGL,KAAK,CAACM,IAAI,CACvC,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC,KAAK;EAAEC,IAAI;EAAEC;AAAuC,CAAC,KAAK;EACzE,IAAI,CAACH,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EAEA,oBACEJ,IAAA,CAACH,QAAQ,CAACW,IAAI;IACZD,gBAAgB,EAAEA,gBAAiB;IACnCF,KAAK,EAAE,CACLI,MAAM,CAACL,KAAK,EACZE,IAAI,GAAG;MAAEI,SAAS,EAAE;IAAE,CAAC,GAAG,IAAI,EAC9BL,KAAK,EACL;MAAEF,KAAK,EAAEA;IAAM,CAAC,CAChB;IAAAQ,QAAA,EAEDP;EAAK,CACO,CAAC;AAEpB,CACF,CAAC;AAEDH,eAAe,CAACW,WAAW,GAAG,iBAAiB;AAE/C,MAAMH,MAAM,GAAGX,UAAU,CAACe,MAAM,CAAC;EAC/BT,KAAK,EAAE;IACLU,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/constants.js

@@ -0,0 +1,10 @@
+"use strict";
+
+export const TAB_BAR_PRIMARY_ACTIVE_COLOR = '#6750a4';
+export const TAB_BAR_SECONDARY_ACTIVE_COLOR = '#1d1b20';
+export const TAB_BAR_INACTIVE_COLOR = '#49454f';
+export const TAB_BAR_BACKGROUND_COLOR = '#fef7ff';
+export const TAB_BAR_BORDER_COLOR = '#cac4d0';
+export const PRIMARY_INDICATOR_MIN_WIDTH = 24;
+export const TAB_MIN_WIDTH = 90;
+//# sourceMappingURL=constants.js.map

package/lib/module/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TAB_BAR_PRIMARY_ACTIVE_COLOR","TAB_BAR_SECONDARY_ACTIVE_COLOR","TAB_BAR_INACTIVE_COLOR","TAB_BAR_BACKGROUND_COLOR","TAB_BAR_BORDER_COLOR","PRIMARY_INDICATOR_MIN_WIDTH","TAB_MIN_WIDTH"],"sourceRoot":"../../src","sources":["constants.tsx"],"mappings":";;AAAA,OAAO,MAAMA,4BAA4B,GAAG,SAAS;AACrD,OAAO,MAAMC,8BAA8B,GAAG,SAAS;AACvD,OAAO,MAAMC,sBAAsB,GAAG,SAAS;AAC/C,OAAO,MAAMC,wBAAwB,GAAG,SAAS;AACjD,OAAO,MAAMC,oBAAoB,GAAG,SAAS;AAE7C,OAAO,MAAMC,2BAA2B,GAAG,EAAE;AAC7C,OAAO,MAAMC,aAAa,GAAG,EAAE","ignoreList":[]}

package/lib/module/useLayoutWidths.js

@@ -0,0 +1,46 @@
+"use strict";
+
+import * as React from 'react';
+
+// Batches onLayout updates from multiple keyed views into a single state update
+// per frame, so layout passes don't trigger N renders.
+export function useLayoutWidths(priorityKeys) {
+  const [widths, setWidths] = React.useState({});
+  const measured = React.useRef({});
+  const handle = React.useRef(null);
+  const priorityKeysRef = React.useRef(priorityKeys);
+  React.useEffect(() => {
+    priorityKeysRef.current = priorityKeys;
+  });
+  const hasFinishedLayoutRef = React.useRef(false);
+  React.useLayoutEffect(() => {
+    hasFinishedLayoutRef.current = true;
+  }, []);
+  const onMeasureWidth = React.useCallback((key, width) => {
+    measured.current[key] = width;
+    if (handle.current != null) {
+      cancelAnimationFrame(handle.current);
+    }
+    if (priorityKeysRef.current.includes(key) && !hasFinishedLayoutRef.current) {
+      // Synchronously set widths during the initial layout phase
+      // So we don't have to wait for the next frame to render the indicator
+      setWidths(prev => ({
+        ...prev,
+        [key]: width
+      }));
+    } else if (hasFinishedLayoutRef.current) {
+      handle.current = requestAnimationFrame(() => {
+        setWidths({
+          ...measured.current
+        });
+      });
+    }
+    return () => {
+      if (handle.current != null) {
+        cancelAnimationFrame(handle.current);
+      }
+    };
+  }, []);
+  return [widths, onMeasureWidth];
+}
+//# sourceMappingURL=useLayoutWidths.js.map

package/lib/module/useLayoutWidths.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useLayoutWidths","priorityKeys","widths","setWidths","useState","measured","useRef","handle","priorityKeysRef","useEffect","current","hasFinishedLayoutRef","useLayoutEffect","onMeasureWidth","useCallback","key","width","cancelAnimationFrame","includes","prev","requestAnimationFrame"],"sourceRoot":"../../src","sources":["useLayoutWidths.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA,OAAO,SAASC,eAAeA,CAACC,YAAsB,EAAE;EACtD,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGJ,KAAK,CAACK,QAAQ,CAAyB,CAAC,CAAC,CAAC;EAEtE,MAAMC,QAAQ,GAAGN,KAAK,CAACO,MAAM,CAAyB,CAAC,CAAC,CAAC;EACzD,MAAMC,MAAM,GAAGR,KAAK,CAACO,MAAM,CAA2C,IAAI,CAAC;EAE3E,MAAME,eAAe,GAAGT,KAAK,CAACO,MAAM,CAACL,YAAY,CAAC;EAElDF,KAAK,CAACU,SAAS,CAAC,MAAM;IACpBD,eAAe,CAACE,OAAO,GAAGT,YAAY;EACxC,CAAC,CAAC;EAEF,MAAMU,oBAAoB,GAAGZ,KAAK,CAACO,MAAM,CAAC,KAAK,CAAC;EAEhDP,KAAK,CAACa,eAAe,CAAC,MAAM;IAC1BD,oBAAoB,CAACD,OAAO,GAAG,IAAI;EACrC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,cAAc,GAAGd,KAAK,CAACe,WAAW,CAAC,CAACC,GAAW,EAAEC,KAAa,KAAK;IACvEX,QAAQ,CAACK,OAAO,CAACK,GAAG,CAAC,GAAGC,KAAK;IAE7B,IAAIT,MAAM,CAACG,OAAO,IAAI,IAAI,EAAE;MAC1BO,oBAAoB,CAACV,MAAM,CAACG,OAAO,CAAC;IACtC;IAEA,IACEF,eAAe,CAACE,OAAO,CAACQ,QAAQ,CAACH,GAAG,CAAC,IACrC,CAACJ,oBAAoB,CAACD,OAAO,EAC7B;MACA;MACA;MACAP,SAAS,CAAEgB,IAAI,KAAM;QAAE,GAAGA,IAAI;QAAE,CAACJ,GAAG,GAAGC;MAAM,CAAC,CAAC,CAAC;IAClD,CAAC,MAAM,IAAIL,oBAAoB,CAACD,OAAO,EAAE;MACvCH,MAAM,CAACG,OAAO,GAAGU,qBAAqB,CAAC,MAAM;QAC3CjB,SAAS,CAAC;UAAE,GAAGE,QAAQ,CAACK;QAAQ,CAAC,CAAC;MACpC,CAAC,CAAC;IACJ;IAEA,OAAO,MAAM;MACX,IAAIH,MAAM,CAACG,OAAO,IAAI,IAAI,EAAE;QAC1BO,oBAAoB,CAACV,MAAM,CAACG,OAAO,CAAC;MACtC;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,CAACR,MAAM,EAAEW,cAAc,CAAC;AACjC","ignoreList":[]}

package/lib/typescript/src/PagerViewAdapter.native.d.ts

@@ -2,5 +2,5 @@ import * as React from 'react';
 import { type PagerViewProps } from 'react-native-pager-view';
 import type { AdapterProps } from './types';
 export type PagerViewAdapterProps = AdapterProps & Omit<PagerViewProps, keyof AdapterProps | 'initialPage' | 'scrollEnabled' | 'onPageScroll' | 'onPageSelected' | 'onPageScrollStateChanged' | 'children'>;
-export declare function PagerViewAdapter({ keyboardDismissMode, swipeEnabled, navigationState, onIndexChange, onTabSelect, onSwipeStart, onSwipeEnd, children, style, animationEnabled, ...rest }: PagerViewAdapterProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export declare function PagerViewAdapter({ keyboardDismissMode, swipeEnabled, navigationState, onIndexChange, onTabSelect, onSwipeStart, onSwipeEnd, children, style, animationEnabled, layoutDirection, ...rest }: PagerViewAdapterProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 //# sourceMappingURL=PagerViewAdapter.native.d.ts.map

package/lib/typescript/src/PagerViewAdapter.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PagerViewAdapter.native.d.ts","sourceRoot":"","sources":["../../../src/PagerViewAdapter.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAkB,EAChB,KAAK,cAAc,EAEpB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,KAAK,EAAE,YAAY,EAAY,MAAM,SAAS,CAAC;AAKtD,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAC9C,IAAI,CACF,cAAc,EACZ,MAAM,YAAY,GAClB,aAAa,GACb,eAAe,GACf,cAAc,GACd,gBAAgB,GAChB,0BAA0B,GAC1B,UAAU,CACb,CAAC;AAIJ,wBAAgB,gBAAgB,CAAC,EAC/B,mBAA4B,EAC5B,YAAmB,EACnB,eAAe,EACf,aAAa,EACb,WAAW,EACX,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,GAAG,IAAI,EACR,EAAE,qBAAqB,0EAgIvB"}
+{"version":3,"file":"PagerViewAdapter.native.d.ts","sourceRoot":"","sources":["../../../src/PagerViewAdapter.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAkB,EAChB,KAAK,cAAc,EAEpB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,KAAK,EAAE,YAAY,EAAY,MAAM,SAAS,CAAC;AAKtD,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAC9C,IAAI,CACF,cAAc,EACZ,MAAM,YAAY,GAClB,aAAa,GACb,eAAe,GACf,cAAc,GACd,gBAAgB,GAChB,0BAA0B,GAC1B,UAAU,CACb,CAAC;AAIJ,wBAAgB,gBAAgB,CAAC,EAC/B,mBAA4B,EAC5B,YAAmB,EACnB,eAAe,EACf,aAAa,EACb,WAAW,EACX,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,KAAK,EACL,gBAAgB,EAChB,eAAuB,EACvB,GAAG,IAAI,EACR,EAAE,qBAAqB,0EAiJvB"}

package/lib/typescript/src/ScrollViewAdapter.d.ts

@@ -7,6 +7,5 @@ export type ScrollViewAdapterProps = AdapterProps & Omit<ViewProps, 'children'>
     bounces?: boolean;
     overScrollMode?: 'always' | 'never' | 'auto';
 };
-export declare function ScrollViewAdapter({ keyboardDismissMode, swipeEnabled, navigationState, onIndexChange, onTabSelect, onSwipeStart, onSwipeEnd, children, style, animationEnabled, layoutDirection: _, // Not supported in ScrollViewAdapter
-decelerationRate, bounces, overScrollMode, keyboardShouldPersistTaps, ...rest }: ScrollViewAdapterProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export declare function ScrollViewAdapter({ keyboardDismissMode, swipeEnabled, navigationState, onIndexChange, onTabSelect, onSwipeStart, onSwipeEnd, children, style, animationEnabled, layoutDirection, decelerationRate, bounces, overScrollMode, keyboardShouldPersistTaps, ...rest }: ScrollViewAdapterProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
 //# sourceMappingURL=ScrollViewAdapter.d.ts.map

package/lib/typescript/src/ScrollViewAdapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollViewAdapter.d.ts","sourceRoot":"","sources":["../../../src/ScrollViewAdapter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,YAAY,EAAY,MAAM,SAAS,CAAC;AAGtD,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAC/C,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC5B,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACrC,yBAAyB,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;CAC9C,CAAC;AAMJ,wBAAgB,iBAAiB,CAAC,EAChC,mBAAmB,EACnB,YAAmB,EACnB,eAAe,EACf,aAAa,EACb,WAAW,EACX,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,KAAK,EACL,gBAAuB,EACvB,eAAe,EAAE,CAAC,EAAE,qCAAqC;AACzD,gBAAyB,EACzB,OAAe,EACf,cAAwB,EACxB,yBAAoC,EACpC,GAAG,IAAI,EACR,EAAE,sBAAsB,0EAoNxB"}
+{"version":3,"file":"ScrollViewAdapter.d.ts","sourceRoot":"","sources":["../../../src/ScrollViewAdapter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,YAAY,EAAY,MAAM,SAAS,CAAC;AAGtD,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAC/C,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IAC5B,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACrC,yBAAyB,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;CAC9C,CAAC;AAMJ,wBAAgB,iBAAiB,CAAC,EAChC,mBAAmB,EACnB,YAAmB,EACnB,eAAe,EACf,aAAa,EACb,WAAW,EACX,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,KAAK,EACL,gBAAuB,EACvB,eAAuB,EACvB,gBAAyB,EACzB,OAAe,EACf,cAAwB,EACxB,yBAAoC,EACpC,GAAG,IAAI,EACR,EAAE,sBAAsB,0EAgRxB"}

package/lib/typescript/src/TabBar.d.ts

@@ -4,6 +4,7 @@ import { type Props as IndicatorProps } from './TabBarIndicator';
 import { type Props as TabBarItemProps } from './TabBarItem';
 import type { Event, EventEmitterProps, LocaleDirection, NavigationState, Route, Scene, SceneRendererProps, TabDescriptor } from './types';
 export type Props<T extends Route> = SceneRendererProps & EventEmitterProps & {
+    variant?: 'primary' | 'secondary' | undefined;
     navigationState: NavigationState<T>;
     scrollEnabled?: boolean | undefined;
     bounces?: boolean | undefined;
@@ -28,5 +29,5 @@ export type Props<T extends Route> = SceneRendererProps & EventEmitterProps & {
     testID?: string | undefined;
     android_ripple?: PressableAndroidRippleConfig | undefined;
 };
-export declare function TabBar<T extends Route>({ renderIndicator, gap, scrollEnabled, jumpTo, navigationState, position, activeColor, bounces, contentContainerStyle, inactiveColor, indicatorContainerStyle, indicatorStyle, onTabLongPress, onTabPress, pressColor, pressOpacity, direction, renderTabBarItem, style, tabStyle, testID, android_ripple, options, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export declare function TabBar<T extends Route>({ variant, renderIndicator, gap, scrollEnabled, jumpTo, navigationState, position, activeColor, bounces, contentContainerStyle, inactiveColor, indicatorContainerStyle, indicatorStyle, onTabLongPress, onTabPress, pressColor, pressOpacity, direction, renderTabBarItem, style, tabStyle, testID, android_ripple, options, }: Props<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TabBar.d.ts.map

package/lib/typescript/src/TabBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../src/TabBar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TabBar.d.ts","sourceRoot":"","sources":["../../../src/TabBar.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/src/TabBarIndicator.d.ts

@@ -1,15 +1,12 @@
-import * as React from 'react';
 import { type StyleProp, type ViewStyle } from 'react-native';
 import type { LocaleDirection, NavigationState, Route, SceneRendererProps } from './types';
-export type GetTabWidth = (index: number) => number;
 export type Props<T extends Route> = SceneRendererProps & {
+    variant?: 'primary' | 'secondary' | undefined;
     navigationState: NavigationState<T>;
-    width: 'auto' | `${number}%` | number;
-    getTabWidth: GetTabWidth;
+    widths: number[];
+    offsets: number[];
     direction: LocaleDirection;
     style?: StyleProp<ViewStyle>;
-    gap?: number;
-    children?: React.ReactNode;
 };
-export declare function TabBarIndicator<T extends Route>({ getTabWidth, navigationState, position, width, direction, gap, style, children, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export declare function TabBarIndicator<T extends Route>({ variant, widths, offsets, navigationState, position, direction, style, }: Props<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TabBarIndicator.d.ts.map

package/lib/typescript/src/TabBarIndicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabBarIndicator.d.ts","sourceRoot":"","sources":["../../../src/TabBarIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EACf,KAAK,EACL,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;AAEpD,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,KAAK,IAAI,kBAAkB,GAAG;IACxD,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IACpC,KAAK,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,GAAG,MAAM,CAAC;IACtC,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,EAAE,eAAe,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAsGF,wBAAgB,eAAe,CAAC,CAAC,SAAS,KAAK,EAAE,EAC/C,WAAW,EACX,eAAe,EACf,QAAQ,EACR,KAAK,EACL,SAAS,EACT,GAAG,EACH,KAAK,EACL,QAAQ,GACT,EAAE,KAAK,CAAC,CAAC,CAAC,2CAsLV"}
+{"version":3,"file":"TabBarIndicator.d.ts","sourceRoot":"","sources":["../../../src/TabBarIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EACf,KAAK,EACL,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAajB,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,KAAK,IAAI,kBAAkB,GAAG;IACxD,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IAC9C,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IACpC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,EAAE,eAAe,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,wBAAgB,eAAe,CAAC,CAAC,SAAS,KAAK,EAAE,EAC/C,OAAmB,EACnB,MAAM,EACN,OAAO,EACP,eAAe,EACf,QAAQ,EACR,SAAS,EACT,KAAK,GACN,EAAE,KAAK,CAAC,CAAC,CAAC,2CAwVV"}

package/lib/typescript/src/TabBarItem.d.ts

@@ -1,6 +1,11 @@
-import { Animated, type ColorValue, type LayoutChangeEvent, type PressableAndroidRippleConfig, type StyleProp, type ViewStyle } from 'react-native';
+import { Animated, type ColorValue, type PressableAndroidRippleConfig, type StyleProp, type ViewStyle } from 'react-native';
 import type { NavigationState, Route, TabDescriptor } from './types';
+type Layout = {
+    width: number;
+    height: number;
+};
 export type Props<T extends Route> = TabDescriptor<T> & {
+    variant?: 'primary' | 'secondary' | undefined;
     position: Animated.AnimatedInterpolation<number>;
     route: T;
     navigationState: NavigationState<T>;
@@ -8,12 +13,13 @@ export type Props<T extends Route> = TabDescriptor<T> & {
     inactiveColor?: ColorValue | undefined;
     pressColor?: ColorValue | undefined;
     pressOpacity?: number | undefined;
-    onLayout?: ((event: LayoutChangeEvent) => void) | undefined;
+    onMeasureLayout: (layout: Layout) => void;
+    onMeasureLabelLayout: (layout: Layout) => void;
     onPress: () => void;
     onLongPress: () => void;
-    defaultTabWidth?: number | undefined;
     style: StyleProp<ViewStyle>;
     android_ripple?: PressableAndroidRippleConfig | undefined;
 };
-export declare function TabBarItem<T extends Route>(props: Props<T>): import("react/jsx-runtime").JSX.Element;
+export declare function TabBarItem<T extends Route>({ variant, onPress, onLongPress, onMeasureLayout, onMeasureLabelLayout, navigationState, route, ...rest }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=TabBarItem.d.ts.map

package/lib/typescript/src/TabBarItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabBarItem.d.ts","sourceRoot":"","sources":["../../../src/TabBarItem.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,EACR,KAAK,UAAU,EACf,KAAK,iBAAiB,EAEtB,KAAK,4BAA4B,EACjC,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAKtB,OAAO,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAErE,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,KAAK,IAAI,aAAa,CAAC,CAAC,CAAC,GAAG;IACtD,QAAQ,EAAE,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACjD,KAAK,EAAE,CAAC,CAAC;IACT,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACrC,aAAa,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACvC,UAAU,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5D,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACrC,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,4BAA4B,GAAG,SAAS,CAAC;CAC3D,CAAC;AA+NF,wBAAgB,UAAU,CAAC,CAAC,SAAS,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,2CAsB1D"}
+{"version":3,"file":"TabBarItem.d.ts","sourceRoot":"","sources":["../../../src/TabBarItem.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,EACR,KAAK,UAAU,EAGf,KAAK,4BAA4B,EACjC,KAAK,SAAS,EAGd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAUtB,OAAO,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAErE,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,KAAK,IAAI,aAAa,CAAC,CAAC,CAAC,GAAG;IACtD,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;IAC9C,QAAQ,EAAE,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IACjD,KAAK,EAAE,CAAC,CAAC;IACT,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACrC,aAAa,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACvC,UAAU,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,oBAAoB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,4BAA4B,GAAG,SAAS,CAAC;CAC3D,CAAC;AAqQF,wBAAgB,UAAU,CAAC,CAAC,SAAS,KAAK,EAAE,EAC1C,OAAmB,EACnB,OAAO,EACP,WAAW,EACX,eAAe,EACf,oBAAoB,EACpB,eAAe,EACf,KAAK,EACL,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,CAAC,CAAC,2CAsBV"}

package/lib/typescript/src/TabBarItemLabel.d.ts

@@ -2,10 +2,11 @@ import React from 'react';
 import type { ColorValue, StyleProp, ViewStyle } from 'react-native';
 interface TabBarItemLabelProps {
     color: ColorValue;
-    label?: string | undefined;
-    style: StyleProp<ViewStyle>;
+    label: string | undefined;
     icon: React.ReactNode;
+    style: StyleProp<ViewStyle>;
+    allowFontScaling?: boolean | undefined;
 }
-export declare const TabBarItemLabel: React.MemoExoticComponent<({ color, label, style, icon }: TabBarItemLabelProps) => import("react/jsx-runtime").JSX.Element | null>;
+export declare const TabBarItemLabel: React.MemoExoticComponent<({ color, label, style, icon, allowFontScaling }: TabBarItemLabelProps) => import("react/jsx-runtime").JSX.Element | null>;
 export {};
 //# sourceMappingURL=TabBarItemLabel.d.ts.map

package/lib/typescript/src/TabBarItemLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabBarItemLabel.d.ts","sourceRoot":"","sources":["../../../src/TabBarItemLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGrE,UAAU,oBAAoB;IAC5B,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,4DACM,oBAAoB,oDAkBrD,CAAC"}
+{"version":3,"file":"TabBarItemLabel.d.ts","sourceRoot":"","sources":["../../../src/TabBarItemLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGrE,UAAU,oBAAoB;IAC5B,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CACxC;AAED,eAAO,MAAM,eAAe,8EACwB,oBAAoB,oDAmBvE,CAAC"}

package/lib/typescript/src/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const TAB_BAR_PRIMARY_ACTIVE_COLOR = "#6750a4";
+export declare const TAB_BAR_SECONDARY_ACTIVE_COLOR = "#1d1b20";
+export declare const TAB_BAR_INACTIVE_COLOR = "#49454f";
+export declare const TAB_BAR_BACKGROUND_COLOR = "#fef7ff";
+export declare const TAB_BAR_BORDER_COLOR = "#cac4d0";
+export declare const PRIMARY_INDICATOR_MIN_WIDTH = 24;
+export declare const TAB_MIN_WIDTH = 90;
+//# sourceMappingURL=constants.d.ts.map

package/lib/typescript/src/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/constants.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,4BAA4B,YAAY,CAAC;AACtD,eAAO,MAAM,8BAA8B,YAAY,CAAC;AACxD,eAAO,MAAM,sBAAsB,YAAY,CAAC;AAChD,eAAO,MAAM,wBAAwB,YAAY,CAAC;AAClD,eAAO,MAAM,oBAAoB,YAAY,CAAC;AAE9C,eAAO,MAAM,2BAA2B,KAAK,CAAC;AAC9C,eAAO,MAAM,aAAa,KAAK,CAAC"}

package/lib/typescript/src/useLayoutWidths.d.ts

@@ -0,0 +1,2 @@
+export declare function useLayoutWidths(priorityKeys: string[]): readonly [Record<string, number>, (key: string, width: number) => () => void];
+//# sourceMappingURL=useLayoutWidths.d.ts.map

package/lib/typescript/src/useLayoutWidths.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutWidths.d.ts","sourceRoot":"","sources":["../../../src/useLayoutWidths.tsx"],"names":[],"mappings":"AAIA,wBAAgB,eAAe,CAAC,YAAY,EAAE,MAAM,EAAE,2CAkBL,MAAM,SAAS,MAAM,iBA4BrE"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-tab-view",
   "description": "Tab view component for React Native",
-  "version": "5.0.0-alpha.8",
+  "version": "5.0.0-alpha.9",
   "keywords": [
     "react-native-component",
     "react-component",
@@ -80,5 +80,5 @@
       ]
     ]
   },
-  "gitHead": "55f169c7b6accb5d70167ec27e3a1529d9e2abde"
+  "gitHead": "f7b2582ce8d3c3fbe4188b271dd194f46f773654"
 }