@react-navigation/elements 2.9.5 → 3.0.0-alpha.1

package/src/PlatformColor.tsx

@@ -0,0 +1,8 @@
+/**
+ * PlatformColor is not exported in react-native-web.
+ * So it results in build errors with Vite.
+ * This is a workaround to avoid such errors.
+ */
+export const PlatformColor:
+  | typeof import('react-native').PlatformColor
+  | undefined = undefined;

package/src/PlatformPressable.tsx

@@ -2,6 +2,7 @@ import { useTheme } from '@react-navigation/native';
 import * as React from 'react';
 import {
   Animated,
+  type ColorValue,
   Easing,
   type GestureResponderEvent,
   Platform,
@@ -19,7 +20,7 @@ type HoverEffectProps = {
 
 export type Props = Omit<PressableProps, 'style' | 'onPress'> & {
   href?: string;
-  pressColor?: string;
+  pressColor?: ColorValue;
   pressOpacity?: number;
   hoverEffect?: HoverEffectProps;
   style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;

package/src/Screen.tsx

@@ -1,9 +1,9 @@
 import {
-  NavigationContext,
   type NavigationProp,
-  NavigationRouteContext,
+  NavigationProvider,
   type ParamListBase,
   type RouteProp,
+  useTheme,
 } from '@react-navigation/native';
 import * as React from 'react';
 import {
@@ -15,7 +15,6 @@ import {
 } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
-import { Background } from './Background';
 import { getDefaultHeaderHeight } from './Header/getDefaultHeaderHeight';
 import { HeaderHeightContext } from './Header/HeaderHeightContext';
 import { HeaderShownContext } from './Header/HeaderShownContext';
@@ -36,6 +35,7 @@ type Props = {
 
 export function Screen(props: Props) {
   const insets = useSafeAreaInsets();
+  const { colors } = useTheme();
 
   const isParentHeaderShown = React.useContext(HeaderShownContext);
   const parentHeaderHeight = React.useContext(HeaderHeightContext);
@@ -54,7 +54,11 @@ export function Screen(props: Props) {
   } = props;
 
   const defaultHeaderHeight = useFrameSize((size) =>
-    getDefaultHeaderHeight(size, modal, headerStatusBarHeight)
+    getDefaultHeaderHeight({
+      landscape: size.width > size.height,
+      modalPresentation: modal,
+      topInset: headerStatusBarHeight,
+    })
   );
 
   const headerRef = React.useRef<View>(null);
@@ -68,33 +72,27 @@ export function Screen(props: Props) {
   }, [route.name]);
 
   return (
-    <Background
+    <Animated.View
       aria-hidden={!focused}
-      style={[styles.container, style]}
+      style={[styles.container, { backgroundColor: colors.background }, style]}
       // On Fabric we need to disable collapsing for the background to ensure
       // that we won't render unnecessary views due to the view flattening.
       collapsable={false}
     >
       {headerShown ? (
-        <NavigationContext.Provider value={navigation}>
-          <NavigationRouteContext.Provider value={route}>
-            <View
-              ref={headerRef}
-              pointerEvents="box-none"
-              onLayout={(e) => {
-                const { height } = e.nativeEvent.layout;
+        <NavigationProvider navigation={navigation} route={route}>
+          <View
+            ref={headerRef}
+            onLayout={(e) => {
+              const { height } = e.nativeEvent.layout;
 
-                setHeaderHeight(height);
-              }}
-              style={[
-                styles.header,
-                headerTransparent ? styles.absolute : null,
-              ]}
-            >
-              {header}
-            </View>
-          </NavigationRouteContext.Provider>
-        </NavigationContext.Provider>
+              setHeaderHeight(height);
+            }}
+            style={[styles.header, headerTransparent ? styles.absolute : null]}
+          >
+            {header}
+          </View>
+        </NavigationProvider>
       ) : null}
       <View style={styles.content}>
         <HeaderShownContext.Provider
@@ -107,7 +105,7 @@ export function Screen(props: Props) {
           </HeaderHeightContext.Provider>
         </HeaderShownContext.Provider>
       </View>
-    </Background>
+    </Animated.View>
   );
 }
 
@@ -120,6 +118,7 @@ const styles = StyleSheet.create({
   },
   header: {
     zIndex: 1,
+    pointerEvents: 'box-none',
   },
   absolute: {
     position: 'absolute',

package/src/assets/back-icon.ios.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 12 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M10.527 1.485L1.584 10.5L10.559 19.542" stroke="#0c0000" stroke-width="2.5" stroke-linecap="round"
+    stroke-linejoin="round" />
+</svg>

package/src/assets/search-icon.ios.svg

@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <circle cx="9.75" cy="9.75" r="8" stroke="#000" stroke-width="2" />
+  <path d="M15.5 15.5L22 22" stroke="#000" stroke-width="2" stroke-linecap="round" />
+</svg>

package/src/getBlurBackgroundColor.tsx

@@ -0,0 +1,68 @@
+/**
+ * Copied from expo-blur
+ * https://github.com/expo/expo/blob/d9cec38a1db4dcf3306a1814651386a99b9aaa73/packages/expo-blur/src/getBackgroundColor.ts
+ */
+
+export type BlurEffectType =
+  | 'extraLight'
+  | 'light'
+  | 'dark'
+  | 'regular'
+  | 'prominent'
+  | 'systemUltraThinMaterial'
+  | 'systemThinMaterial'
+  | 'systemMaterial'
+  | 'systemThickMaterial'
+  | 'systemChromeMaterial'
+  | 'systemUltraThinMaterialLight'
+  | 'systemThinMaterialLight'
+  | 'systemMaterialLight'
+  | 'systemThickMaterialLight'
+  | 'systemChromeMaterialLight'
+  | 'systemUltraThinMaterialDark'
+  | 'systemThinMaterialDark'
+  | 'systemMaterialDark'
+  | 'systemThickMaterialDark'
+  | 'systemChromeMaterialDark';
+
+export function getBlurBackgroundColor(type: BlurEffectType): string {
+  const multiplier = 0.5;
+
+  switch (type) {
+    // From Apple iOS 14 Sketch Kit - https://developer.apple.com/design/resources/
+    case 'dark':
+    case 'systemMaterialDark':
+      return `rgba(25,25,25,${multiplier * 0.78})`;
+    case 'light':
+    case 'extraLight':
+    case 'systemMaterialLight':
+    case 'systemUltraThinMaterialLight':
+    case 'systemThickMaterialLight':
+      return `rgba(249,249,249,${multiplier * 0.78})`;
+    case 'prominent':
+    case 'systemMaterial':
+      return `rgba(255,255,255,${multiplier * 0.3})`;
+    case 'regular':
+      return `rgba(179,179,179,${multiplier * 0.82})`;
+    case 'systemThinMaterial':
+      return `rgba(199,199,199,${multiplier * 0.97})`;
+    case 'systemChromeMaterial':
+      return `rgba(255,255,255,${multiplier * 0.75})`;
+    case 'systemChromeMaterialLight':
+      return `rgba(255,255,255,${multiplier * 0.97})`;
+    case 'systemUltraThinMaterial':
+      return `rgba(191,191,191,${multiplier * 0.44})`;
+    case 'systemThickMaterial':
+      return `rgba(191,191,191,${multiplier * 0.44})`;
+    case 'systemThickMaterialDark':
+      return `rgba(37,37,37,${multiplier * 0.9})`;
+    case 'systemThinMaterialDark':
+      return `rgba(37,37,37,${multiplier * 0.7})`;
+    case 'systemUltraThinMaterialDark':
+      return `rgba(37,37,37,${multiplier * 0.55})`;
+    case 'systemChromeMaterialDark':
+      return `rgba(0,0,0,${multiplier * 0.75})`;
+    case 'systemThinMaterialLight':
+      return `rgba(199,199,199,${multiplier * 0.78})`;
+  }
+}

package/src/index.tsx

@@ -1,10 +1,9 @@
 import backIcon from './assets/back-icon.png';
-import backIconMask from './assets/back-icon-mask.png';
 import clearIcon from './assets/clear-icon.png';
 import closeIcon from './assets/close-icon.png';
 import searchIcon from './assets/search-icon.png';
+import searchIconLegacy from './assets/search-icon-legacy.png';
 
-export { Background } from './Background';
 export { Badge } from './Badge';
 export { Button } from './Button';
 export { getDefaultSidebarWidth } from './getDefaultSidebarWidth';
@@ -21,19 +20,14 @@ export { HeaderTitle } from './Header/HeaderTitle';
 export { useHeaderHeight } from './Header/useHeaderHeight';
 export { getLabel } from './Label/getLabel';
 export { Label } from './Label/Label';
-export { Lazy } from './Lazy';
-export { MissingIcon } from './MissingIcon';
 export { PlatformPressable } from './PlatformPressable';
-export { ResourceSavingView } from './ResourceSavingView';
-export { SafeAreaProviderCompat } from './SafeAreaProviderCompat';
-export { Screen } from './Screen';
 export { Text } from './Text';
 export { useFrameSize } from './useFrameSize';
 
 export const Assets = [
   backIcon,
-  backIconMask,
   searchIcon,
+  searchIconLegacy,
   closeIcon,
   clearIcon,
 ];

package/src/internal.tsx

@@ -0,0 +1,7 @@
+export { Color } from './Color';
+export { Container, type Props as ContainerProps } from './Container';
+export { Lazy } from './Lazy';
+export { isLiquidGlassSupported } from './LiquidGlassView';
+export { MissingIcon } from './MissingIcon';
+export { SafeAreaProviderCompat } from './SafeAreaProviderCompat';
+export { Screen } from './Screen';

package/src/types.tsx

@@ -1,5 +1,6 @@
 import type {
   Animated,
+  ColorValue,
   LayoutChangeEvent,
   StyleProp,
   TextInputProps,
@@ -7,6 +8,8 @@ import type {
   ViewStyle,
 } from 'react-native';
 
+import type { BlurEffectType } from './getBlurBackgroundColor';
+
 export type HeaderBackButtonDisplayMode = 'default' | 'generic' | 'minimal';
 
 export type Layout = { width: number; height: number };
@@ -66,7 +69,7 @@ export type HeaderSearchBarOptions = {
    * A callback that gets called when the text changes.
    * It receives the current text value of the search input.
    */
-  onChangeText?: TextInputProps['onChange'];
+  onChange?: TextInputProps['onChange'];
   /**
    * Callback that is called when the submit button is pressed.
    * It receives the current text value of the search input.
@@ -120,17 +123,6 @@ export type HeaderOptions = {
    * Options to render a search bar.
    */
   headerSearchBarOptions?: HeaderSearchBarOptions;
-  /**
-   * Function which returns a React Element to display on the left side of the header.
-   */
-  headerLeft?: (
-    props: HeaderBackButtonProps & {
-      /**
-       * Whether it's possible to navigate back.
-       */
-      canGoBack?: boolean;
-    }
-  ) => React.ReactNode;
   /**
    * How the back button displays icon and title.
    *
@@ -151,6 +143,26 @@ export type HeaderOptions = {
     fontFamily?: string;
     fontSize?: number;
   }>;
+  /**
+   * Function which returns a React Element to display on the left side of the header.
+   */
+  headerLeft?: (
+    props: HeaderBackButtonProps & {
+      /**
+       * Whether it's possible to navigate back.
+       */
+      canGoBack?: boolean;
+    }
+  ) => React.ReactNode;
+  /**
+   * Whether the liquid glass background is visible for the item.
+   *
+   * Only supported on iOS 26.0 and later.
+   * Older versions of iOS and other platforms never show the background.
+   *
+   * Defaults to `true`.
+   */
+  headerLeftBackgroundVisible?: boolean;
   /**
    * Style object for the container of the `headerLeft` element`.
    */
@@ -159,11 +171,20 @@ export type HeaderOptions = {
    * Function which returns a React Element to display on the right side of the header.
    */
   headerRight?: (props: {
-    tintColor?: string;
-    pressColor?: string;
+    tintColor?: ColorValue;
+    pressColor?: ColorValue;
     pressOpacity?: number;
     canGoBack: boolean;
   }) => React.ReactNode;
+  /**
+   * Whether the liquid glass background is visible for the item.
+   *
+   * Only supported on iOS 26.0 and later.
+   * Older versions of iOS and other platforms never show the background.
+   *
+   * Defaults to `true`.
+   */
+  headerRightBackgroundVisible?: boolean;
   /**
    * Style object for the container of the `headerRight` element.
    */
@@ -171,7 +192,7 @@ export type HeaderOptions = {
   /**
    * Color for material ripple (Android >= 5.0 only).
    */
-  headerPressColor?: string;
+  headerPressColor?: ColorValue;
   /**
    * Color for material ripple (Android >= 5.0 only).
    */
@@ -179,7 +200,7 @@ export type HeaderOptions = {
   /**
    * Tint color for the header.
    */
-  headerTintColor?: string;
+  headerTintColor?: ColorValue;
   /**
    * Function which returns a React Element to render as the background of the header.
    * This is useful for using backgrounds such as an image, a gradient, blur effect etc.
@@ -200,6 +221,15 @@ export type HeaderOptions = {
    * This is useful if you want to render a semi-transparent header or a blurred background.
    */
   headerTransparent?: boolean;
+  /**
+   * Blur effect for the translucent header.
+   * The `headerTransparent` option needs to be set to `true` for this to work.
+   *
+   * Only supported on Web.
+   *
+   * @platform web
+   */
+  headerBlurEffect?: BlurEffectType | 'none';
   /**
    * Style object for the header. You can specify a custom background color here, for example.
    */
@@ -241,7 +271,7 @@ export type HeaderTitleProps = {
   /**
    * Tint color for the header.
    */
-  tintColor?: string;
+  tintColor?: ColorValue;
   /**
    * Callback to trigger when the size of the title element changes.
    */
@@ -276,11 +306,11 @@ export type HeaderButtonProps = {
   /**
    * Tint color for the header button.
    */
-  tintColor?: string;
+  tintColor?: ColorValue;
   /**
    * Color for material ripple (Android >= 5.0 only).
    */
-  pressColor?: string;
+  pressColor?: ColorValue;
   /**
    * Opacity when the button is pressed, used when ripple is not supported.
    */
@@ -299,7 +329,7 @@ export type HeaderBackButtonProps = Omit<HeaderButtonProps, 'children'> & {
   /**
    * Function which returns a React Element to display custom image in header's back button.
    */
-  backImage?: (props: { tintColor: string }) => React.ReactNode;
+  backImage?: (props: { tintColor: ColorValue }) => React.ReactNode;
   /**
    * Label text for the button. Usually the title of the previous screen.
    * By default, this is only shown on iOS.
@@ -328,16 +358,4 @@ export type HeaderBackButtonProps = Omit<HeaderButtonProps, 'children'> & {
    * Whether label font should scale to respect Text Size accessibility settings.
    */
   allowFontScaling?: boolean;
-  /**
-   * Callback to trigger when the size of the label changes.
-   */
-  onLabelLayout?: (e: LayoutChangeEvent) => void;
-  /**
-   * Layout of the screen.
-   */
-  screenLayout?: Layout;
-  /**
-   * Layout of the title element in the header.
-   */
-  titleLayout?: Layout;
 };

package/src/useFrameSize.tsx

@@ -59,15 +59,15 @@ export function FrameSizeProvider({
     height: initialFrame.height,
   });
 
-  const listeners = React.useRef<Set<Listener>>(new Set());
+  const listeners = React.useRef<Set<Listener>>(new Set()).current;
 
   const getCurrent = useLatestCallback(() => frameRef.current);
 
   const subscribe = useLatestCallback((listener: Listener): RemoveListener => {
-    listeners.current.add(listener);
+    listeners.add(listener);
 
     return () => {
-      listeners.current.delete(listener);
+      listeners.delete(listener);
     };
   });
 
@@ -131,7 +131,7 @@ export function FrameSizeProvider({
     }
 
     frameRef.current = { width: frame.width, height: frame.height };
-    listeners.current.forEach((listener) => listener());
+    listeners.forEach((listener) => listener());
   });
 
   const viewRef = React.useRef<View>(null);

package/lib/module/Background.js

@@ -1,22 +0,0 @@
-"use strict";
-
-import { useTheme } from '@react-navigation/native';
-import * as React from 'react';
-import { Animated } from 'react-native';
-import { jsx as _jsx } from "react/jsx-runtime";
-export function Background({
-  style,
-  ...rest
-}) {
-  const {
-    colors
-  } = useTheme();
-  return /*#__PURE__*/_jsx(Animated.View, {
-    ...rest,
-    style: [{
-      flex: 1,
-      backgroundColor: colors.background
-    }, style]
-  });
-}
-//# sourceMappingURL=Background.js.map

package/lib/module/Background.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useTheme","React","Animated","jsx","_jsx","Background","style","rest","colors","View","flex","backgroundColor","background"],"sourceRoot":"../../src","sources":["Background.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,0BAA0B;AACnD,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,QAIH,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOtB,OAAO,SAASC,UAAUA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAY,CAAC,EAAE;EACpD,MAAM;IAAEC;EAAO,CAAC,GAAGR,QAAQ,CAAC,CAAC;EAE7B,oBACEI,IAAA,CAACF,QAAQ,CAACO,IAAI;IAAA,GACRF,IAAI;IACRD,KAAK,EAAE,CAAC;MAAEI,IAAI,EAAE,CAAC;MAAEC,eAAe,EAAEH,MAAM,CAACI;IAAW,CAAC,EAAEN,KAAK;EAAE,CACjE,CAAC;AAEN","ignoreList":[]}

package/lib/module/MaskedView.android.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export { MaskedView } from "./MaskedViewNative.js";
-//# sourceMappingURL=MaskedView.android.js.map

package/lib/module/MaskedView.android.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["MaskedView"],"sourceRoot":"../../src","sources":["MaskedView.android.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,uBAAoB","ignoreList":[]}

package/lib/module/MaskedView.ios.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export { MaskedView } from "./MaskedViewNative.js";
-//# sourceMappingURL=MaskedView.ios.js.map

package/lib/module/MaskedView.ios.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["MaskedView"],"sourceRoot":"../../src","sources":["MaskedView.ios.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,uBAAoB","ignoreList":[]}

package/lib/module/MaskedView.js

@@ -1,12 +0,0 @@
-"use strict";
-
-/**
- * Use a stub for MaskedView on all Platforms that don't support it.
- */
-
-export function MaskedView({
-  children
-}) {
-  return children;
-}
-//# sourceMappingURL=MaskedView.js.map

package/lib/module/MaskedView.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["MaskedView","children"],"sourceRoot":"../../src","sources":["MaskedView.tsx"],"mappings":";;AAAA;AACA;AACA;;AAQA,OAAO,SAASA,UAAUA,CAAC;EAAEC;AAAgB,CAAC,EAAE;EAC9C,OAAOA,QAAQ;AACjB","ignoreList":[]}

package/lib/module/MaskedViewNative.js

@@ -1,30 +0,0 @@
-"use strict";
-
-/**
- * The native MaskedView that we explicitly re-export for supported platforms: Android, iOS.
- */
-import * as React from 'react';
-import { UIManager } from 'react-native';
-import { jsx as _jsx } from "react/jsx-runtime";
-let RNCMaskedView;
-try {
-  // Add try/catch to support usage even if it's not installed, since it's optional.
-  // Newer versions of Metro will handle it properly.
-  RNCMaskedView = require('@react-native-masked-view/masked-view').default;
-} catch (e) {
-  // Ignore
-}
-const isMaskedViewAvailable = UIManager.getViewManagerConfig('RNCMaskedView') != null;
-export function MaskedView({
-  children,
-  ...rest
-}) {
-  if (isMaskedViewAvailable && RNCMaskedView) {
-    return /*#__PURE__*/_jsx(RNCMaskedView, {
-      ...rest,
-      children: children
-    });
-  }
-  return children;
-}
-//# sourceMappingURL=MaskedViewNative.js.map

package/lib/module/MaskedViewNative.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","UIManager","jsx","_jsx","RNCMaskedView","require","default","e","isMaskedViewAvailable","getViewManagerConfig","MaskedView","children","rest"],"sourceRoot":"../../src","sources":["MaskedViewNative.tsx"],"mappings":";;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASzC,IAAIC,aAAyC;AAE7C,IAAI;EACF;EACA;EACAA,aAAa,GAAGC,OAAO,CAAC,uCAAuC,CAAC,CAACC,OAAO;AAC1E,CAAC,CAAC,OAAOC,CAAC,EAAE;EACV;AAAA;AAGF,MAAMC,qBAAqB,GACzBP,SAAS,CAACQ,oBAAoB,CAAC,eAAe,CAAC,IAAI,IAAI;AAEzD,OAAO,SAASC,UAAUA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAY,CAAC,EAAE;EACvD,IAAIJ,qBAAqB,IAAIJ,aAAa,EAAE;IAC1C,oBAAOD,IAAA,CAACC,aAAa;MAAA,GAAKQ,IAAI;MAAAD,QAAA,EAAGA;IAAQ,CAAgB,CAAC;EAC5D;EAEA,OAAOA,QAAQ;AACjB","ignoreList":[]}

package/lib/module/ResourceSavingView.js

@@ -1,57 +0,0 @@
-"use strict";
-
-import * as React from 'react';
-import { Platform, StyleSheet, View } from 'react-native';
-import { jsx as _jsx } from "react/jsx-runtime";
-const FAR_FAR_AWAY = 30000; // this should be big enough to move the whole view out of its container
-
-export function ResourceSavingView({
-  visible,
-  children,
-  style,
-  ...rest
-}) {
-  if (Platform.OS === 'web') {
-    return /*#__PURE__*/_jsx(View
-    // @ts-expect-error: hidden exists on web, but not in React Native
-    , {
-      hidden: !visible,
-      style: [{
-        display: visible ? 'flex' : 'none'
-      }, styles.container, style],
-      pointerEvents: visible ? 'auto' : 'none',
-      ...rest,
-      children: children
-    });
-  }
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.container, style]
-    // box-none doesn't seem to work properly on Android
-    ,
-    pointerEvents: visible ? 'auto' : 'none',
-    children: /*#__PURE__*/_jsx(View, {
-      collapsable: false,
-      removeClippedSubviews:
-      // On iOS & macOS, set removeClippedSubviews to true only when not focused
-      // This is an workaround for a bug where the clipped view never re-appears
-      Platform.OS === 'ios' || Platform.OS === 'macos' ? !visible : true,
-      pointerEvents: visible ? 'auto' : 'none',
-      style: visible ? styles.attached : styles.detached,
-      children: children
-    })
-  });
-}
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    overflow: 'hidden'
-  },
-  attached: {
-    flex: 1
-  },
-  detached: {
-    flex: 1,
-    top: FAR_FAR_AWAY
-  }
-});
-//# sourceMappingURL=ResourceSavingView.js.map

package/lib/module/ResourceSavingView.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Platform","StyleSheet","View","jsx","_jsx","FAR_FAR_AWAY","ResourceSavingView","visible","children","style","rest","OS","hidden","display","styles","container","pointerEvents","collapsable","removeClippedSubviews","attached","detached","create","flex","overflow","top"],"sourceRoot":"../../src","sources":["ResourceSavingView.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EAERC,UAAU,EACVC,IAAI,QAEC,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQtB,MAAMC,YAAY,GAAG,KAAK,CAAC,CAAC;;AAE5B,OAAO,SAASC,kBAAkBA,CAAC;EACjCC,OAAO;EACPC,QAAQ;EACRC,KAAK;EACL,GAAGC;AACE,CAAC,EAAE;EACR,IAAIV,QAAQ,CAACW,EAAE,KAAK,KAAK,EAAE;IACzB,oBACEP,IAAA,CAACF;IACC;IAAA;MACAU,MAAM,EAAE,CAACL,OAAQ;MACjBE,KAAK,EAAE,CACL;QAAEI,OAAO,EAAEN,OAAO,GAAG,MAAM,GAAG;MAAO,CAAC,EACtCO,MAAM,CAACC,SAAS,EAChBN,KAAK,CACL;MACFO,aAAa,EAAET,OAAO,GAAG,MAAM,GAAG,MAAO;MAAA,GACrCG,IAAI;MAAAF,QAAA,EAEPA;IAAQ,CACL,CAAC;EAEX;EAEA,oBACEJ,IAAA,CAACF,IAAI;IACHO,KAAK,EAAE,CAACK,MAAM,CAACC,SAAS,EAAEN,KAAK;IAC/B;IAAA;IACAO,aAAa,EAAET,OAAO,GAAG,MAAM,GAAG,MAAO;IAAAC,QAAA,eAEzCJ,IAAA,CAACF,IAAI;MACHe,WAAW,EAAE,KAAM;MACnBC,qBAAqB;MACnB;MACA;MACAlB,QAAQ,CAACW,EAAE,KAAK,KAAK,IAAIX,QAAQ,CAACW,EAAE,KAAK,OAAO,GAAG,CAACJ,OAAO,GAAG,IAC/D;MACDS,aAAa,EAAET,OAAO,GAAG,MAAM,GAAG,MAAO;MACzCE,KAAK,EAAEF,OAAO,GAAGO,MAAM,CAACK,QAAQ,GAAGL,MAAM,CAACM,QAAS;MAAAZ,QAAA,EAElDA;IAAQ,CACL;EAAC,CACH,CAAC;AAEX;AAEA,MAAMM,MAAM,GAAGb,UAAU,CAACoB,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE;EACZ,CAAC;EACDJ,QAAQ,EAAE;IACRG,IAAI,EAAE;EACR,CAAC;EACDF,QAAQ,EAAE;IACRE,IAAI,EAAE,CAAC;IACPE,GAAG,EAAEnB;EACP;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { Animated, type StyleProp, type ViewProps, type ViewStyle } from 'react-native';
-type Props = Omit<ViewProps, 'style'> & {
-    style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
-    children: React.ReactNode;
-};
-export declare function Background({ style, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=Background.d.ts.map