expo-router 6.0.0-beta.0 → 6.0.0-beta.10

package/build/native-tabs/NativeBottomTabs/NativeTabsView.js.map

@@ -1 +1 @@
-{"version":3,"file":"NativeTabsView.js","sourceRoot":"","sources":["../../../src/native-tabs/NativeBottomTabs/NativeTabsView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useRef } from 'react';\nimport {\n  BottomTabs,\n  BottomTabsScreen,\n  enableFreeze,\n  featureFlags,\n  type BottomTabsScreenProps,\n} from 'react-native-screens';\n\nimport type { NativeTabOptions, NativeTabsViewProps } from './types';\nimport { shouldTabBeVisible } from './utils';\nimport { getPathFromState } from '../../link/linking';\n\n// We let native tabs to control the changes. This requires freeze to be disabled for tab bar.\n// Otherwise user may see glitches when switching between tabs.\nfeatureFlags.experiment.controlledBottomTabs = false;\n\n// TODO: ENG-16896: Enable freeze globally and disable only for NativeTabsView\nenableFreeze(false);\n\n// TODO: Add support for dynamic params inside a route\nexport function NativeTabsView(props: NativeTabsViewProps) {\n  const { builder, style, minimizeBehavior, disableIndicator } = props;\n  const { state, descriptors, navigation } = builder;\n  const { routes } = state;\n\n  let focusedIndex = state.index;\n  const isAnyRouteFocused =\n    routes[focusedIndex].key &&\n    descriptors[routes[focusedIndex].key] &&\n    shouldTabBeVisible(descriptors[routes[focusedIndex].key].options);\n\n  if (!isAnyRouteFocused) {\n    if (process.env.NODE_ENV !== 'production') {\n      throw new Error(\n        `The focused tab in NativeTabsView cannot be displayed. Make sure path is correct and the route is not hidden. Path: \"${getPathFromState(state)}\"`\n      );\n    }\n    // Set focusedIndex to the first visible tab\n    focusedIndex = routes.findIndex((route) => shouldTabBeVisible(descriptors[route.key].options));\n  }\n\n  // This is flag that is set to true, when the transition is executed by native tab change\n  // In this case we don't need to change the isFocused of the screens, because the transition will happen on native side\n  const isDuringNativeTransition = useRef<boolean>(false);\n  // This is the last index that was not part of a native transition, e.g navigation from link\n  const lastNotNativeTransitionIndex = useRef<number>(focusedIndex);\n\n  // If the flag was set in the onNativeFocusChange handler, it will be still true here\n  // It is set to false, later in this function\n  // Thus if it is false, we know that the transition was not triggered by a native tab change\n  // and we need to reset the lastNotNativeTransitionIndex\n  if (!isDuringNativeTransition.current) {\n    lastNotNativeTransitionIndex.current = focusedIndex;\n  }\n\n  const children = routes\n    .map((route, index) => ({ route, index }))\n    .filter(({ route: { key } }) => shouldTabBeVisible(descriptors[key].options))\n    .map(({ route, index }) => {\n      const descriptor = descriptors[route.key];\n      // In case of native transition we want to keep the last focused index\n      // Otherwise the lastNotNativeTransitionIndex is set to focusedIndex in the if above this statement\n      const isFocused = index === lastNotNativeTransitionIndex.current;\n      const title = descriptor.options.title ?? route.name;\n\n      return (\n        <BottomTabsScreen\n          key={route.key}\n          {...descriptor.options}\n          iconResourceName={descriptor.options.icon?.drawable}\n          icon={convertOptionsIconToPropsIcon(descriptor.options.icon)}\n          selectedIcon={convertOptionsIconToPropsIcon(descriptor.options.selectedIcon)}\n          title={title}\n          tabKey={route.key}\n          isFocused={isFocused}>\n          {descriptor.render()}\n        </BottomTabsScreen>\n      );\n    });\n\n  // The native render is over, we can reset the flag\n  isDuringNativeTransition.current = false;\n\n  return (\n    <BottomTabs\n      tabBarItemTitleFontColor={style?.color}\n      tabBarItemTitleFontFamily={style?.fontFamily}\n      tabBarItemTitleFontSize={style?.fontSize}\n      tabBarItemTitleFontWeight={style?.fontWeight}\n      tabBarItemTitleFontStyle={style?.fontStyle}\n      tabBarBackgroundColor={style?.backgroundColor}\n      tabBarBlurEffect={style?.blurEffect}\n      tabBarTintColor={style?.tintColor}\n      tabBarItemBadgeBackgroundColor={style?.badgeBackgroundColor}\n      tabBarItemRippleColor={style?.rippleColor}\n      tabBarItemLabelVisibilityMode={style?.labelVisibilityMode}\n      tabBarItemIconColor={style?.iconColor}\n      tabBarItemIconColorActive={style?.['&:active']?.iconColor ?? style?.tintColor}\n      tabBarItemTitleFontColorActive={style?.['&:active']?.color ?? style?.tintColor}\n      tabBarItemTitleFontSizeActive={style?.['&:active']?.fontSize}\n      tabBarItemActiveIndicatorColor={style?.['&:active']?.indicatorColor}\n      tabBarItemActiveIndicatorEnabled={!disableIndicator}\n      tabBarMinimizeBehavior={minimizeBehavior}\n      onNativeFocusChange={({ nativeEvent: { tabKey } }) => {\n        const descriptor = descriptors[tabKey];\n        const route = descriptor.route;\n        navigation.dispatch({\n          type: 'JUMP_TO',\n          target: state.key,\n          payload: {\n            name: route.name,\n          },\n        });\n        isDuringNativeTransition.current = true;\n      }}>\n      {children}\n    </BottomTabs>\n  );\n}\n\nfunction convertOptionsIconToPropsIcon(\n  icon: NativeTabOptions['icon']\n): BottomTabsScreenProps['icon'] {\n  if (!icon) {\n    return undefined;\n  }\n  if ('sf' in icon && icon.sf) {\n    return { sfSymbolName: icon.sf };\n  } else if ('src' in icon && icon.src) {\n    return { templateSource: icon.src };\n  }\n  return undefined;\n}\n"]}
+{"version":3,"file":"NativeTabsView.js","sourceRoot":"","sources":["../../../src/native-tabs/NativeBottomTabs/NativeTabsView.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useDeferredValue, useEffect, useMemo, useState } from 'react';\nimport type { ColorValue, ImageSourcePropType } from 'react-native';\nimport {\n  BottomTabs,\n  BottomTabsScreen,\n  featureFlags,\n  type BottomTabsProps,\n  type BottomTabsScreenAppearance,\n  type BottomTabsScreenProps,\n} from 'react-native-screens';\nimport type { SFSymbol } from 'sf-symbols-typescript';\n\nimport {\n  appendSelectedStyleToAppearance,\n  convertStyleToAppearance,\n  createScrollEdgeAppearanceFromOptions,\n  createStandardAppearanceFromOptions,\n} from './appearance';\nimport {\n  SUPPORTED_BLUR_EFFECTS,\n  SUPPORTED_TAB_BAR_ITEM_LABEL_VISIBILITY_MODES,\n  SUPPORTED_TAB_BAR_MINIMIZE_BEHAVIORS,\n  type NativeTabOptions,\n  type NativeTabsViewProps,\n} from './types';\nimport { shouldTabBeVisible } from './utils';\n\n// We let native tabs to control the changes. This requires freeze to be disabled for tab bar.\n// Otherwise user may see glitches when switching between tabs.\nfeatureFlags.experiment.controlledBottomTabs = false;\n\nconst supportedBlurEffectsSet = new Set<string>(SUPPORTED_BLUR_EFFECTS);\n\nexport function NativeTabsView(props: NativeTabsViewProps) {\n  const { builder, minimizeBehavior, disableIndicator, focusedIndex } = props;\n  const { state, descriptors, navigation } = builder;\n  const { routes } = state;\n\n  let blurEffect = props.blurEffect;\n  if (blurEffect && !supportedBlurEffectsSet.has(blurEffect)) {\n    console.warn(\n      `Unsupported blurEffect: ${blurEffect}. Supported values are: ${SUPPORTED_BLUR_EFFECTS.map(\n        (effect) => `\"${effect}\"`\n      ).join(', ')}`\n    );\n    blurEffect = undefined;\n  }\n\n  const deferredFocusedIndex = useDeferredValue(focusedIndex);\n  let standardAppearance = convertStyleToAppearance({\n    ...props.labelStyle,\n    iconColor: props.iconColor,\n    blurEffect,\n    backgroundColor: props.backgroundColor,\n    badgeBackgroundColor: props.badgeBackgroundColor,\n  });\n  if (props.tintColor) {\n    standardAppearance = appendSelectedStyleToAppearance(\n      { iconColor: props.tintColor, color: props.tintColor },\n      standardAppearance\n    );\n  }\n  const scrollEdgeAppearance = convertStyleToAppearance({\n    ...props.labelStyle,\n    iconColor: props.iconColor,\n    blurEffect,\n    backgroundColor: props.backgroundColor,\n    badgeBackgroundColor: props.badgeBackgroundColor,\n  });\n\n  const appearances = routes.map((route) => ({\n    standardAppearance: createStandardAppearanceFromOptions(\n      descriptors[route.key].options,\n      standardAppearance\n    ),\n    scrollEdgeAppearance: createScrollEdgeAppearanceFromOptions(\n      descriptors[route.key].options,\n      scrollEdgeAppearance\n    ),\n  }));\n\n  const options = routes.map((route) => descriptors[route.key].options);\n\n  const children = routes\n    .map((route, index) => ({ route, index }))\n    .filter(({ route: { key } }) => shouldTabBeVisible(descriptors[key].options))\n    .map(({ route, index }) => {\n      const descriptor = descriptors[route.key];\n      const isFocused = index === deferredFocusedIndex;\n\n      return (\n        <Screen\n          key={route.key}\n          routeKey={route.key}\n          name={route.name}\n          descriptor={descriptor}\n          isFocused={isFocused}\n          standardAppearance={appearances[index].standardAppearance}\n          scrollEdgeAppearance={appearances[index].scrollEdgeAppearance}\n          badgeTextColor={props.badgeTextColor}\n        />\n      );\n    });\n\n  return (\n    <BottomTabsWrapper\n      // #region android props\n      tabBarItemTitleFontColor={\n        appearances[deferredFocusedIndex].standardAppearance.stacked?.normal\n          ?.tabBarItemTitleFontColor\n      }\n      tabBarItemTitleFontFamily={\n        appearances[deferredFocusedIndex].standardAppearance.stacked?.normal\n          ?.tabBarItemTitleFontFamily\n      }\n      tabBarItemTitleFontSize={\n        appearances[deferredFocusedIndex].standardAppearance.stacked?.normal\n          ?.tabBarItemTitleFontSize\n      }\n      tabBarItemTitleFontSizeActive={\n        appearances[deferredFocusedIndex].standardAppearance.stacked?.normal\n          ?.tabBarItemTitleFontSize\n      }\n      tabBarItemTitleFontWeight={\n        appearances[deferredFocusedIndex].standardAppearance.stacked?.normal\n          ?.tabBarItemTitleFontWeight\n      }\n      tabBarItemTitleFontStyle={\n        appearances[deferredFocusedIndex].standardAppearance.stacked?.normal\n          ?.tabBarItemTitleFontStyle\n      }\n      tabBarItemIconColor={\n        appearances[deferredFocusedIndex].standardAppearance.stacked?.normal?.tabBarItemIconColor\n      }\n      tabBarBackgroundColor={\n        appearances[deferredFocusedIndex].standardAppearance.tabBarBackgroundColor ??\n        props.backgroundColor ??\n        undefined\n      }\n      tabBarItemRippleColor={props.rippleColor}\n      tabBarItemLabelVisibilityMode={props.labelVisibilityMode}\n      tabBarItemIconColorActive={\n        appearances[deferredFocusedIndex].standardAppearance?.stacked?.selected\n          ?.tabBarItemIconColor ?? props?.tintColor\n      }\n      tabBarItemTitleFontColorActive={\n        appearances[deferredFocusedIndex].standardAppearance?.stacked?.selected\n          ?.tabBarItemTitleFontColor ?? props?.tintColor\n      }\n      // tabBarItemTitleFontSizeActive={activeStyle?.fontSize}\n      tabBarItemActiveIndicatorColor={\n        options[deferredFocusedIndex]?.indicatorColor ?? props?.indicatorColor\n      }\n      tabBarItemActiveIndicatorEnabled={!disableIndicator}\n      // #endregion\n      // #region iOS props\n      tabBarTintColor={props?.tintColor}\n      tabBarMinimizeBehavior={minimizeBehavior}\n      // #endregion\n      onNativeFocusChange={({ nativeEvent: { tabKey } }) => {\n        const descriptor = descriptors[tabKey];\n        const route = descriptor.route;\n        navigation.dispatch({\n          type: 'JUMP_TO',\n          target: state.key,\n          payload: {\n            name: route.name,\n          },\n        });\n      }}>\n      {children}\n    </BottomTabsWrapper>\n  );\n}\n\nfunction Screen(props: {\n  routeKey: string;\n  name: string;\n  descriptor: NativeTabsViewProps['builder']['descriptors'][string];\n  isFocused: boolean;\n  standardAppearance: BottomTabsScreenAppearance;\n  scrollEdgeAppearance: BottomTabsScreenAppearance;\n  badgeTextColor: ColorValue | undefined;\n}) {\n  const {\n    routeKey,\n    name,\n    descriptor,\n    isFocused,\n    standardAppearance,\n    scrollEdgeAppearance,\n    badgeTextColor,\n  } = props;\n  const role = descriptor.options.role;\n  // To align with apple documentation and prevent untested cases,\n  // title and icon cannot be changed when role is defined\n  const shouldResetTitleAndIcon = !!role && process.env.EXPO_OS === 'ios';\n\n  const title = descriptor.options.title ?? name;\n\n  const icon = useAwaitedScreensIcon(descriptor.options.icon);\n  const selectedIcon = useAwaitedScreensIcon(descriptor.options.selectedIcon);\n\n  return (\n    <BottomTabsScreen\n      {...descriptor.options}\n      tabBarItemBadgeBackgroundColor={\n        standardAppearance.stacked?.normal?.tabBarItemBadgeBackgroundColor\n      }\n      tabBarItemBadgeTextColor={badgeTextColor}\n      standardAppearance={standardAppearance}\n      scrollEdgeAppearance={scrollEdgeAppearance}\n      iconResourceName={getAndroidIconResourceName(icon)}\n      iconResource={getAndroidIconResource(icon)}\n      icon={shouldResetTitleAndIcon ? undefined : convertOptionsIconToPropsIcon(icon)}\n      selectedIcon={\n        shouldResetTitleAndIcon ? undefined : convertOptionsIconToPropsIcon(selectedIcon)\n      }\n      title={shouldResetTitleAndIcon ? undefined : title}\n      freezeContents={false}\n      tabKey={routeKey}\n      systemItem={descriptor.options.role}\n      isFocused={isFocused}>\n      {descriptor.render()}\n    </BottomTabsScreen>\n  );\n}\n\ntype AwaitedIcon =\n  | {\n      sf?: SFSymbol;\n      drawable?: string;\n    }\n  | {\n      src?: ImageSourcePropType;\n    };\n\nfunction useAwaitedScreensIcon(icon: NativeTabOptions['icon']) {\n  const src = icon && typeof icon === 'object' && 'src' in icon ? icon.src : undefined;\n  const [awaitedIcon, setAwaitedIcon] = useState<AwaitedIcon | undefined>(undefined);\n\n  useEffect(() => {\n    const loadIcon = async () => {\n      if (src && src instanceof Promise) {\n        const currentAwaitedIcon = { src: await src };\n        setAwaitedIcon(currentAwaitedIcon);\n      }\n    };\n    loadIcon();\n    // Checking `src` rather then icon here, to avoid unnecessary re-renders\n    // The icon object can be recreated, while src should stay the same\n    // In this case as we control `VectorIcon`, it will only change if `family` or `name` props change\n    // So we should be safe with promise resolving\n  }, [src]);\n\n  return useMemo(() => (isAwaitedIcon(icon) ? icon : awaitedIcon), [awaitedIcon, icon]);\n}\n\nfunction isAwaitedIcon(icon: NativeTabOptions['icon']): icon is AwaitedIcon {\n  return !icon || !('src' in icon && icon.src instanceof Promise);\n}\n\nfunction convertOptionsIconToPropsIcon(\n  icon: AwaitedIcon | undefined\n): BottomTabsScreenProps['icon'] {\n  if (!icon) {\n    return undefined;\n  }\n  if ('sf' in icon && icon.sf) {\n    return { sfSymbolName: icon.sf };\n  } else if ('src' in icon && icon.src) {\n    return { templateSource: icon.src };\n  }\n  return undefined;\n}\n\nfunction getAndroidIconResource(\n  icon: AwaitedIcon | undefined\n): BottomTabsScreenProps['iconResource'] {\n  if (icon && 'src' in icon && icon.src) {\n    return icon.src;\n  }\n  return undefined;\n}\n\nfunction getAndroidIconResourceName(\n  icon: AwaitedIcon | undefined\n): BottomTabsScreenProps['iconResourceName'] {\n  if (icon && 'drawable' in icon && icon.drawable) {\n    return icon.drawable;\n  }\n  return undefined;\n}\n\nconst supportedTabBarMinimizeBehaviorsSet = new Set<string>(SUPPORTED_TAB_BAR_MINIMIZE_BEHAVIORS);\nconst supportedTabBarItemLabelVisibilityModesSet = new Set<string>(\n  SUPPORTED_TAB_BAR_ITEM_LABEL_VISIBILITY_MODES\n);\n\nfunction BottomTabsWrapper(props: BottomTabsProps) {\n  let { tabBarMinimizeBehavior, tabBarItemLabelVisibilityMode, ...rest } = props;\n  if (tabBarMinimizeBehavior && !supportedTabBarMinimizeBehaviorsSet.has(tabBarMinimizeBehavior)) {\n    console.warn(\n      `Unsupported minimizeBehavior: ${tabBarMinimizeBehavior}. Supported values are: ${SUPPORTED_TAB_BAR_MINIMIZE_BEHAVIORS.map((behavior) => `\"${behavior}\"`).join(', ')}`\n    );\n    tabBarMinimizeBehavior = undefined;\n  }\n  if (\n    tabBarItemLabelVisibilityMode &&\n    !supportedTabBarItemLabelVisibilityModesSet.has(tabBarItemLabelVisibilityMode)\n  ) {\n    console.warn(\n      `Unsupported labelVisibilityMode: ${tabBarItemLabelVisibilityMode}. Supported values are: ${SUPPORTED_TAB_BAR_ITEM_LABEL_VISIBILITY_MODES.map((mode) => `\"${mode}\"`).join(', ')}`\n    );\n    tabBarItemLabelVisibilityMode = undefined;\n  }\n\n  return (\n    <BottomTabs\n      tabBarItemLabelVisibilityMode={tabBarItemLabelVisibilityMode}\n      tabBarMinimizeBehavior={tabBarMinimizeBehavior}\n      {...rest}\n    />\n  );\n}\n"]}

package/build/native-tabs/NativeBottomTabs/NativeTabsView.web.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { NativeTabsViewProps } from './types';
+export declare function NativeTabsView(props: NativeTabsViewProps): React.JSX.Element;
+//# sourceMappingURL=NativeTabsView.web.d.ts.map

package/build/native-tabs/NativeBottomTabs/NativeTabsView.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeTabsView.web.d.ts","sourceRoot":"","sources":["../../../src/native-tabs/NativeBottomTabs/NativeTabsView.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAoB,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAIrE,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAwDxD"}

package/build/native-tabs/NativeBottomTabs/NativeTabsView.web.js

@@ -0,0 +1,158 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NativeTabsView = NativeTabsView;
+const react_tabs_1 = require("@radix-ui/react-tabs");
+const react_1 = __importStar(require("react"));
+const utils_1 = require("./utils");
+const native_tabs_module_css_1 = __importDefault(require("../../../assets/native-tabs.module.css"));
+function NativeTabsView(props) {
+    const { builder, focusedIndex } = props;
+    const { state, descriptors, navigation } = builder;
+    const { routes } = state;
+    const defaultTabName = (0, react_1.useMemo)(() => state.routes[focusedIndex]?.name ?? state.routes[0].name, []);
+    const value = state.routes[focusedIndex]?.name ?? state.routes[0].name;
+    const currentTabKey = state.routes[focusedIndex]?.key ?? state.routes[0].key;
+    const items = routes
+        .filter(({ key }) => (0, utils_1.shouldTabBeVisible)(descriptors[key].options))
+        .map((route) => (<TabItem key={route.key} route={route} title={descriptors[route.key].options.title ?? route.name} badgeValue={descriptors[route.key].options.badgeValue}/>));
+    const children = routes
+        .filter(({ key }) => (0, utils_1.shouldTabBeVisible)(descriptors[key].options))
+        .map((route) => {
+        return (<react_tabs_1.TabsContent key={route.name} value={route.name} className={native_tabs_module_css_1.default.tabContent} forceMount>
+          {descriptors[route.key].render()}
+        </react_tabs_1.TabsContent>);
+    });
+    return (<react_tabs_1.Tabs className={native_tabs_module_css_1.default.nativeTabsContainer} defaultValue={defaultTabName} value={value} onValueChange={(value) => {
+            navigation.dispatch({
+                type: 'JUMP_TO',
+                target: state.key,
+                payload: {
+                    name: value,
+                },
+            });
+        }} style={convertNativeTabsPropsToStyleVars(props, descriptors[currentTabKey]?.options)}>
+      <react_tabs_1.TabsList aria-label="Main" className={native_tabs_module_css_1.default.navigationMenuRoot}>
+        {items}
+      </react_tabs_1.TabsList>
+      {children}
+    </react_tabs_1.Tabs>);
+}
+function TabItem(props) {
+    const { title, badgeValue, route } = props;
+    const isBadgeEmpty = badgeValue === ' ';
+    return (<react_tabs_1.TabsTrigger value={route.name} className={native_tabs_module_css_1.default.navigationMenuTrigger}>
+      <span className={native_tabs_module_css_1.default.tabText}>{title}</span>
+      {badgeValue && (<div className={`${native_tabs_module_css_1.default.tabBadge} ${isBadgeEmpty ? native_tabs_module_css_1.default.emptyTabBadge : ''}`}>
+          {badgeValue}
+        </div>)}
+    </react_tabs_1.TabsTrigger>);
+}
+function convertNativeTabsPropsToStyleVars(props, currentTabOptions) {
+    const vars = {};
+    if (!props) {
+        return vars;
+    }
+    const { labelStyle } = props;
+    const optionsLabelStyle = currentTabOptions?.labelStyle;
+    if (optionsLabelStyle?.fontFamily) {
+        vars['--expo-router-tabs-font-family'] = String(optionsLabelStyle.fontFamily);
+    }
+    else if (labelStyle?.fontFamily) {
+        vars['--expo-router-tabs-font-family'] = String(labelStyle.fontFamily);
+    }
+    if (optionsLabelStyle?.fontSize) {
+        vars['--expo-router-tabs-font-size'] = String(optionsLabelStyle.fontSize);
+    }
+    else if (labelStyle?.fontSize) {
+        vars['--expo-router-tabs-font-size'] = String(labelStyle.fontSize);
+    }
+    if (optionsLabelStyle?.fontWeight) {
+        vars['--expo-router-tabs-font-weight'] = String(optionsLabelStyle.fontWeight);
+    }
+    else if (labelStyle?.fontWeight) {
+        vars['--expo-router-tabs-font-weight'] = String(labelStyle.fontWeight);
+    }
+    if (optionsLabelStyle?.fontStyle) {
+        vars['--expo-router-tabs-font-style'] = String(optionsLabelStyle.fontStyle);
+    }
+    else if (labelStyle?.fontStyle) {
+        vars['--expo-router-tabs-font-style'] = String(labelStyle.fontStyle);
+    }
+    if (optionsLabelStyle?.color) {
+        vars['--expo-router-tabs-text-color'] = String(optionsLabelStyle.color);
+    }
+    else if (labelStyle?.color) {
+        vars['--expo-router-tabs-text-color'] = String(labelStyle.color);
+    }
+    if (currentTabOptions?.selectedLabelStyle?.color) {
+        vars['--expo-router-tabs-active-text-color'] = String(currentTabOptions.selectedLabelStyle.color);
+    }
+    else if (props.tintColor) {
+        vars['--expo-router-tabs-active-text-color'] = String(props.tintColor);
+    }
+    if (currentTabOptions?.selectedLabelStyle?.fontSize) {
+        vars['--expo-router-tabs-active-font-size'] = String(currentTabOptions.selectedLabelStyle.fontSize);
+    }
+    if (currentTabOptions?.indicatorColor) {
+        vars['--expo-router-tabs-active-background-color'] = String(currentTabOptions.indicatorColor);
+    }
+    else if (props.indicatorColor) {
+        vars['--expo-router-tabs-active-background-color'] = String(props.indicatorColor);
+    }
+    if (currentTabOptions?.backgroundColor) {
+        vars['--expo-router-tabs-background-color'] = String(currentTabOptions.backgroundColor);
+    }
+    else if (props.backgroundColor) {
+        vars['--expo-router-tabs-background-color'] = String(props.backgroundColor);
+    }
+    if (currentTabOptions?.badgeBackgroundColor) {
+        vars['--expo-router-tabs-badge-background-color'] = String(currentTabOptions.badgeBackgroundColor);
+    }
+    else if (props.badgeBackgroundColor) {
+        vars['--expo-router-tabs-badge-background-color'] = String(props.badgeBackgroundColor);
+    }
+    if (currentTabOptions?.badgeTextColor) {
+        vars['--expo-router-tabs-badge-text-color'] = String(currentTabOptions.badgeTextColor);
+    }
+    else if (props.badgeTextColor) {
+        vars['--expo-router-tabs-badge-text-color'] = String(props.badgeTextColor);
+    }
+    return vars;
+}
+//# sourceMappingURL=NativeTabsView.web.js.map

package/build/native-tabs/NativeBottomTabs/NativeTabsView.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeTabsView.web.js","sourceRoot":"","sources":["../../../src/native-tabs/NativeBottomTabs/NativeTabsView.web.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Tabs, TabsContent, TabsList, TabsTrigger } from '@radix-ui/react-tabs';\nimport React, { useMemo } from 'react';\n\nimport type { NativeTabOptions, NativeTabsViewProps } from './types';\nimport { shouldTabBeVisible } from './utils';\nimport nativeTabsStyles from '../../../assets/native-tabs.module.css';\n\nexport function NativeTabsView(props: NativeTabsViewProps) {\n  const { builder, focusedIndex } = props;\n  const { state, descriptors, navigation } = builder;\n  const { routes } = state;\n  const defaultTabName = useMemo(\n    () => state.routes[focusedIndex]?.name ?? state.routes[0].name,\n    []\n  );\n  const value = state.routes[focusedIndex]?.name ?? state.routes[0].name;\n  const currentTabKey = state.routes[focusedIndex]?.key ?? state.routes[0].key;\n\n  const items = routes\n    .filter(({ key }) => shouldTabBeVisible(descriptors[key].options))\n    .map((route) => (\n      <TabItem\n        key={route.key}\n        route={route}\n        title={descriptors[route.key].options.title ?? route.name}\n        badgeValue={descriptors[route.key].options.badgeValue}\n      />\n    ));\n  const children = routes\n    .filter(({ key }) => shouldTabBeVisible(descriptors[key].options))\n    .map((route) => {\n      return (\n        <TabsContent\n          key={route.name}\n          value={route.name}\n          className={nativeTabsStyles.tabContent}\n          forceMount>\n          {descriptors[route.key].render()}\n        </TabsContent>\n      );\n    });\n\n  return (\n    <Tabs\n      className={nativeTabsStyles.nativeTabsContainer}\n      defaultValue={defaultTabName}\n      value={value}\n      onValueChange={(value) => {\n        navigation.dispatch({\n          type: 'JUMP_TO',\n          target: state.key,\n          payload: {\n            name: value,\n          },\n        });\n      }}\n      style={convertNativeTabsPropsToStyleVars(props, descriptors[currentTabKey]?.options)}>\n      <TabsList aria-label=\"Main\" className={nativeTabsStyles.navigationMenuRoot}>\n        {items}\n      </TabsList>\n      {children}\n    </Tabs>\n  );\n}\n\ninterface TabItemProps {\n  title: string;\n  badgeValue?: string;\n  route: { name: string };\n}\n\nfunction TabItem(props: TabItemProps) {\n  const { title, badgeValue, route } = props;\n  const isBadgeEmpty = badgeValue === ' ';\n\n  return (\n    <TabsTrigger value={route.name} className={nativeTabsStyles.navigationMenuTrigger}>\n      <span className={nativeTabsStyles.tabText}>{title}</span>\n      {badgeValue && (\n        <div\n          className={`${nativeTabsStyles.tabBadge} ${isBadgeEmpty ? nativeTabsStyles.emptyTabBadge : ''}`}>\n          {badgeValue}\n        </div>\n      )}\n    </TabsTrigger>\n  );\n}\n\nfunction convertNativeTabsPropsToStyleVars(\n  props: NativeTabsViewProps | undefined,\n  currentTabOptions: NativeTabOptions | undefined\n): Record<string, string | undefined> {\n  const vars: Record<`--expo-router-tabs-${string}`, string | undefined> = {};\n  if (!props) {\n    return vars;\n  }\n  const { labelStyle } = props;\n  const optionsLabelStyle = currentTabOptions?.labelStyle;\n  if (optionsLabelStyle?.fontFamily) {\n    vars['--expo-router-tabs-font-family'] = String(optionsLabelStyle.fontFamily);\n  } else if (labelStyle?.fontFamily) {\n    vars['--expo-router-tabs-font-family'] = String(labelStyle.fontFamily);\n  }\n  if (optionsLabelStyle?.fontSize) {\n    vars['--expo-router-tabs-font-size'] = String(optionsLabelStyle.fontSize);\n  } else if (labelStyle?.fontSize) {\n    vars['--expo-router-tabs-font-size'] = String(labelStyle.fontSize);\n  }\n  if (optionsLabelStyle?.fontWeight) {\n    vars['--expo-router-tabs-font-weight'] = String(optionsLabelStyle.fontWeight);\n  } else if (labelStyle?.fontWeight) {\n    vars['--expo-router-tabs-font-weight'] = String(labelStyle.fontWeight);\n  }\n  if (optionsLabelStyle?.fontStyle) {\n    vars['--expo-router-tabs-font-style'] = String(optionsLabelStyle.fontStyle);\n  } else if (labelStyle?.fontStyle) {\n    vars['--expo-router-tabs-font-style'] = String(labelStyle.fontStyle);\n  }\n  if (optionsLabelStyle?.color) {\n    vars['--expo-router-tabs-text-color'] = String(optionsLabelStyle.color);\n  } else if (labelStyle?.color) {\n    vars['--expo-router-tabs-text-color'] = String(labelStyle.color);\n  }\n  if (currentTabOptions?.selectedLabelStyle?.color) {\n    vars['--expo-router-tabs-active-text-color'] = String(\n      currentTabOptions.selectedLabelStyle.color\n    );\n  } else if (props.tintColor) {\n    vars['--expo-router-tabs-active-text-color'] = String(props.tintColor);\n  }\n  if (currentTabOptions?.selectedLabelStyle?.fontSize) {\n    vars['--expo-router-tabs-active-font-size'] = String(\n      currentTabOptions.selectedLabelStyle.fontSize\n    );\n  }\n  if (currentTabOptions?.indicatorColor) {\n    vars['--expo-router-tabs-active-background-color'] = String(currentTabOptions.indicatorColor);\n  } else if (props.indicatorColor) {\n    vars['--expo-router-tabs-active-background-color'] = String(props.indicatorColor);\n  }\n  if (currentTabOptions?.backgroundColor) {\n    vars['--expo-router-tabs-background-color'] = String(currentTabOptions.backgroundColor);\n  } else if (props.backgroundColor) {\n    vars['--expo-router-tabs-background-color'] = String(props.backgroundColor);\n  }\n  if (currentTabOptions?.badgeBackgroundColor) {\n    vars['--expo-router-tabs-badge-background-color'] = String(\n      currentTabOptions.badgeBackgroundColor\n    );\n  } else if (props.badgeBackgroundColor) {\n    vars['--expo-router-tabs-badge-background-color'] = String(props.badgeBackgroundColor);\n  }\n  if (currentTabOptions?.badgeTextColor) {\n    vars['--expo-router-tabs-badge-text-color'] = String(currentTabOptions.badgeTextColor);\n  } else if (props.badgeTextColor) {\n    vars['--expo-router-tabs-badge-text-color'] = String(props.badgeTextColor);\n  }\n  return vars;\n}\n"]}

package/build/native-tabs/NativeBottomTabs/appearance.d.ts

@@ -0,0 +1,20 @@
+import type { ColorValue } from 'react-native';
+import type { BottomTabsScreenAppearance, BottomTabsScreenItemStateAppearance } from 'react-native-screens';
+import { type NativeTabOptions, type NativeTabsBlurEffect, type NativeTabsLabelStyle } from './types';
+export declare function createStandardAppearanceFromOptions(options: NativeTabOptions, baseStandardAppearance: BottomTabsScreenAppearance): BottomTabsScreenAppearance;
+export declare function createScrollEdgeAppearanceFromOptions(options: NativeTabOptions, baseScrollEdgeAppearance: BottomTabsScreenAppearance): BottomTabsScreenAppearance;
+export interface AppearanceStyle extends NativeTabsLabelStyle {
+    iconColor?: ColorValue;
+    backgroundColor?: ColorValue | null;
+    blurEffect?: NativeTabsBlurEffect;
+    badgeBackgroundColor?: ColorValue;
+    titlePositionAdjustment?: {
+        horizontal?: number;
+        vertical?: number;
+    };
+}
+export declare function appendSelectedStyleToAppearance(selectedStyle: AppearanceStyle, appearance: BottomTabsScreenAppearance): BottomTabsScreenAppearance;
+export declare function appendStyleToAppearance(style: AppearanceStyle, appearance: BottomTabsScreenAppearance, states: ('selected' | 'focused' | 'disabled' | 'normal')[]): BottomTabsScreenAppearance;
+export declare function convertStyleToAppearance(style: AppearanceStyle | undefined): BottomTabsScreenAppearance;
+export declare function convertStyleToItemStateAppearance(style: AppearanceStyle | undefined): BottomTabsScreenItemStateAppearance;
+//# sourceMappingURL=appearance.d.ts.map

package/build/native-tabs/NativeBottomTabs/appearance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance.d.ts","sourceRoot":"","sources":["../../../src/native-tabs/NativeBottomTabs/appearance.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EACV,0BAA0B,EAE1B,mCAAmC,EACpC,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EAC1B,MAAM,SAAS,CAAC;AAEjB,wBAAgB,mCAAmC,CACjD,OAAO,EAAE,gBAAgB,EACzB,sBAAsB,EAAE,0BAA0B,GACjD,0BAA0B,CAsB5B;AAED,wBAAgB,qCAAqC,CACnD,OAAO,EAAE,gBAAgB,EACzB,wBAAwB,EAAE,0BAA0B,GACnD,0BAA0B,CAsB5B;AAED,MAAM,WAAW,eAAgB,SAAQ,oBAAoB;IAC3D,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,eAAe,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,oBAAoB,CAAC,EAAE,UAAU,CAAC;IAClC,uBAAuB,CAAC,EAAE;QACxB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACH;AAED,wBAAgB,+BAA+B,CAC7C,aAAa,EAAE,eAAe,EAC9B,UAAU,EAAE,0BAA0B,GACrC,0BAA0B,CAE5B;AASD,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,eAAe,EACtB,UAAU,EAAE,0BAA0B,EACtC,MAAM,EAAE,CAAC,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC,EAAE,GACzD,0BAA0B,CA6B5B;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,eAAe,GAAG,SAAS,GACjC,0BAA0B,CAkB5B;AAED,wBAAgB,iCAAiC,CAC/C,KAAK,EAAE,eAAe,GAAG,SAAS,GACjC,mCAAmC,CAyBrC"}

package/build/native-tabs/NativeBottomTabs/appearance.js

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createStandardAppearanceFromOptions = createStandardAppearanceFromOptions;
+exports.createScrollEdgeAppearanceFromOptions = createScrollEdgeAppearanceFromOptions;
+exports.appendSelectedStyleToAppearance = appendSelectedStyleToAppearance;
+exports.appendStyleToAppearance = appendStyleToAppearance;
+exports.convertStyleToAppearance = convertStyleToAppearance;
+exports.convertStyleToItemStateAppearance = convertStyleToItemStateAppearance;
+function createStandardAppearanceFromOptions(options, baseStandardAppearance) {
+    const appearance = appendStyleToAppearance({
+        ...options.labelStyle,
+        iconColor: options.iconColor,
+        backgroundColor: options.backgroundColor,
+        blurEffect: options.blurEffect,
+        badgeBackgroundColor: options.badgeBackgroundColor,
+        titlePositionAdjustment: options.titlePositionAdjustment,
+    }, baseStandardAppearance, ['normal', 'focused', 'selected']);
+    return appendSelectedStyleToAppearance({
+        ...(options.selectedLabelStyle ?? {}),
+        iconColor: options.selectedIconColor,
+        badgeBackgroundColor: options.selectedBadgeBackgroundColor,
+        titlePositionAdjustment: options.selectedTitlePositionAdjustment,
+    }, appearance);
+}
+function createScrollEdgeAppearanceFromOptions(options, baseScrollEdgeAppearance) {
+    const appearance = appendStyleToAppearance({
+        ...options.labelStyle,
+        iconColor: options.iconColor,
+        blurEffect: options.disableTransparentOnScrollEdge ? options.blurEffect : 'none',
+        backgroundColor: options.disableTransparentOnScrollEdge ? options.backgroundColor : null,
+        badgeBackgroundColor: options.badgeBackgroundColor,
+        titlePositionAdjustment: options.titlePositionAdjustment,
+    }, baseScrollEdgeAppearance, ['normal', 'focused', 'selected']);
+    return appendSelectedStyleToAppearance({
+        ...(options.selectedLabelStyle ?? {}),
+        iconColor: options.selectedIconColor,
+        badgeBackgroundColor: options.selectedBadgeBackgroundColor,
+        titlePositionAdjustment: options.selectedTitlePositionAdjustment,
+    }, appearance);
+}
+function appendSelectedStyleToAppearance(selectedStyle, appearance) {
+    return appendStyleToAppearance(selectedStyle, appearance, ['selected', 'focused']);
+}
+const EMPTY_APPEARANCE_ITEM = {
+    normal: {},
+    selected: {},
+    focused: {},
+    disabled: {},
+};
+function appendStyleToAppearance(style, appearance, states) {
+    const baseItemAppearance = appearance.stacked || appearance.inline || appearance.compactInline || {};
+    const styleAppearance = convertStyleToAppearance(style);
+    const newAppearances = states.map((state) => ({
+        key: state,
+        appearance: {
+            ...baseItemAppearance.normal,
+            ...baseItemAppearance[state],
+            ...styleAppearance.stacked?.normal,
+        },
+    }));
+    const itemAppearance = {
+        ...EMPTY_APPEARANCE_ITEM,
+        ...baseItemAppearance,
+        ...Object.fromEntries(newAppearances.map(({ key, appearance }) => [key, appearance])),
+    };
+    return {
+        stacked: itemAppearance,
+        inline: itemAppearance,
+        compactInline: itemAppearance,
+        tabBarBackgroundColor: style.backgroundColor === null
+            ? undefined
+            : (style.backgroundColor ?? appearance.tabBarBackgroundColor),
+        tabBarBlurEffect: styleAppearance.tabBarBlurEffect ?? appearance.tabBarBlurEffect,
+    };
+}
+function convertStyleToAppearance(style) {
+    if (!style) {
+        return {};
+    }
+    const stateAppearance = convertStyleToItemStateAppearance(style);
+    const itemAppearance = {
+        normal: stateAppearance,
+        selected: stateAppearance,
+        focused: stateAppearance,
+        disabled: {},
+    };
+    return {
+        inline: itemAppearance,
+        stacked: itemAppearance,
+        compactInline: itemAppearance,
+        tabBarBackgroundColor: style?.backgroundColor ?? undefined,
+        tabBarBlurEffect: style?.blurEffect,
+    };
+}
+function convertStyleToItemStateAppearance(style) {
+    if (!style) {
+        return {};
+    }
+    const stateAppearance = {
+        tabBarItemBadgeBackgroundColor: style.badgeBackgroundColor,
+        tabBarItemTitlePositionAdjustment: style.titlePositionAdjustment,
+        tabBarItemIconColor: style.iconColor,
+        tabBarItemTitleFontFamily: style.fontFamily,
+        tabBarItemTitleFontSize: style.fontSize,
+        // Only string values are accepted by rn-screens
+        tabBarItemTitleFontWeight: style?.fontWeight
+            ? String(style.fontWeight)
+            : undefined,
+        tabBarItemTitleFontStyle: style.fontStyle,
+        tabBarItemTitleFontColor: style.color,
+    };
+    Object.keys(stateAppearance).forEach((key) => {
+        if (stateAppearance[key] === undefined) {
+            delete stateAppearance[key];
+        }
+    });
+    return stateAppearance;
+}
+//# sourceMappingURL=appearance.js.map

package/build/native-tabs/NativeBottomTabs/appearance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance.js","sourceRoot":"","sources":["../../../src/native-tabs/NativeBottomTabs/appearance.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ColorValue } from 'react-native';\nimport type {\n  BottomTabsScreenAppearance,\n  BottomTabsScreenItemAppearance,\n  BottomTabsScreenItemStateAppearance,\n} from 'react-native-screens';\n\nimport {\n  type NativeTabOptions,\n  type NativeTabsBlurEffect,\n  type NativeTabsLabelStyle,\n} from './types';\n\nexport function createStandardAppearanceFromOptions(\n  options: NativeTabOptions,\n  baseStandardAppearance: BottomTabsScreenAppearance\n): BottomTabsScreenAppearance {\n  const appearance = appendStyleToAppearance(\n    {\n      ...options.labelStyle,\n      iconColor: options.iconColor,\n      backgroundColor: options.backgroundColor,\n      blurEffect: options.blurEffect,\n      badgeBackgroundColor: options.badgeBackgroundColor,\n      titlePositionAdjustment: options.titlePositionAdjustment,\n    },\n    baseStandardAppearance,\n    ['normal', 'focused', 'selected']\n  );\n  return appendSelectedStyleToAppearance(\n    {\n      ...(options.selectedLabelStyle ?? {}),\n      iconColor: options.selectedIconColor,\n      badgeBackgroundColor: options.selectedBadgeBackgroundColor,\n      titlePositionAdjustment: options.selectedTitlePositionAdjustment,\n    },\n    appearance\n  );\n}\n\nexport function createScrollEdgeAppearanceFromOptions(\n  options: NativeTabOptions,\n  baseScrollEdgeAppearance: BottomTabsScreenAppearance\n): BottomTabsScreenAppearance {\n  const appearance = appendStyleToAppearance(\n    {\n      ...options.labelStyle,\n      iconColor: options.iconColor,\n      blurEffect: options.disableTransparentOnScrollEdge ? options.blurEffect : 'none',\n      backgroundColor: options.disableTransparentOnScrollEdge ? options.backgroundColor : null,\n      badgeBackgroundColor: options.badgeBackgroundColor,\n      titlePositionAdjustment: options.titlePositionAdjustment,\n    },\n    baseScrollEdgeAppearance,\n    ['normal', 'focused', 'selected']\n  );\n  return appendSelectedStyleToAppearance(\n    {\n      ...(options.selectedLabelStyle ?? {}),\n      iconColor: options.selectedIconColor,\n      badgeBackgroundColor: options.selectedBadgeBackgroundColor,\n      titlePositionAdjustment: options.selectedTitlePositionAdjustment,\n    },\n    appearance\n  );\n}\n\nexport interface AppearanceStyle extends NativeTabsLabelStyle {\n  iconColor?: ColorValue;\n  backgroundColor?: ColorValue | null;\n  blurEffect?: NativeTabsBlurEffect;\n  badgeBackgroundColor?: ColorValue;\n  titlePositionAdjustment?: {\n    horizontal?: number;\n    vertical?: number;\n  };\n}\n\nexport function appendSelectedStyleToAppearance(\n  selectedStyle: AppearanceStyle,\n  appearance: BottomTabsScreenAppearance\n): BottomTabsScreenAppearance {\n  return appendStyleToAppearance(selectedStyle, appearance, ['selected', 'focused']);\n}\n\nconst EMPTY_APPEARANCE_ITEM: BottomTabsScreenItemAppearance = {\n  normal: {},\n  selected: {},\n  focused: {},\n  disabled: {},\n};\n\nexport function appendStyleToAppearance(\n  style: AppearanceStyle,\n  appearance: BottomTabsScreenAppearance,\n  states: ('selected' | 'focused' | 'disabled' | 'normal')[]\n): BottomTabsScreenAppearance {\n  const baseItemAppearance =\n    appearance.stacked || appearance.inline || appearance.compactInline || {};\n\n  const styleAppearance = convertStyleToAppearance(style);\n  const newAppearances = states.map((state) => ({\n    key: state,\n    appearance: {\n      ...baseItemAppearance.normal,\n      ...baseItemAppearance[state],\n      ...styleAppearance.stacked?.normal,\n    },\n  }));\n\n  const itemAppearance: BottomTabsScreenItemAppearance = {\n    ...EMPTY_APPEARANCE_ITEM,\n    ...baseItemAppearance,\n    ...Object.fromEntries(newAppearances.map(({ key, appearance }) => [key, appearance])),\n  };\n  return {\n    stacked: itemAppearance,\n    inline: itemAppearance,\n    compactInline: itemAppearance,\n    tabBarBackgroundColor:\n      style.backgroundColor === null\n        ? undefined\n        : (style.backgroundColor ?? appearance.tabBarBackgroundColor),\n    tabBarBlurEffect: styleAppearance.tabBarBlurEffect ?? appearance.tabBarBlurEffect,\n  };\n}\n\nexport function convertStyleToAppearance(\n  style: AppearanceStyle | undefined\n): BottomTabsScreenAppearance {\n  if (!style) {\n    return {};\n  }\n  const stateAppearance = convertStyleToItemStateAppearance(style);\n  const itemAppearance: BottomTabsScreenItemAppearance = {\n    normal: stateAppearance,\n    selected: stateAppearance,\n    focused: stateAppearance,\n    disabled: {},\n  };\n  return {\n    inline: itemAppearance,\n    stacked: itemAppearance,\n    compactInline: itemAppearance,\n    tabBarBackgroundColor: style?.backgroundColor ?? undefined,\n    tabBarBlurEffect: style?.blurEffect,\n  };\n}\n\nexport function convertStyleToItemStateAppearance(\n  style: AppearanceStyle | undefined\n): BottomTabsScreenItemStateAppearance {\n  if (!style) {\n    return {};\n  }\n  const stateAppearance: BottomTabsScreenItemStateAppearance = {\n    tabBarItemBadgeBackgroundColor: style.badgeBackgroundColor,\n    tabBarItemTitlePositionAdjustment: style.titlePositionAdjustment,\n    tabBarItemIconColor: style.iconColor,\n    tabBarItemTitleFontFamily: style.fontFamily,\n    tabBarItemTitleFontSize: style.fontSize,\n    // Only string values are accepted by rn-screens\n    tabBarItemTitleFontWeight: style?.fontWeight\n      ? (String(style.fontWeight) as `${NonNullable<(typeof style)['fontWeight']>}`)\n      : undefined,\n    tabBarItemTitleFontStyle: style.fontStyle,\n    tabBarItemTitleFontColor: style.color,\n  };\n\n  (Object.keys(stateAppearance) as (keyof BottomTabsScreenItemStateAppearance)[]).forEach((key) => {\n    if (stateAppearance[key] === undefined) {\n      delete stateAppearance[key];\n    }\n  });\n\n  return stateAppearance;\n}\n"]}