@tamagui/react-native-web-lite 2.7.7 → 3.0.0-beta.1091.1

package/dist/cjs/PanResponder/index.cjs

@@ -5,35 +5,26 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var PanResponder_exports = {};
-__export(PanResponder_exports, {
-  PanResponder: () => import_PanResponder.default
-});
+__export(PanResponder_exports, { PanResponder: () => import_PanResponder.default });
 module.exports = __toCommonJS(PanResponder_exports);
-var import_PanResponder = __toESM(require("../vendor/react-native/PanResponder/index.cjs"), 1);
+var import_PanResponder = __toESM(require("../vendor/react-native/PanResponder/index.cjs"), 1);

package/dist/cjs/PixelRatio/index.cjs

@@ -3,57 +3,53 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var PixelRatio_exports = {};
-__export(PixelRatio_exports, {
-  PixelRatio: () => PixelRatio
-});
+__export(PixelRatio_exports, { PixelRatio: () => PixelRatio });
 module.exports = __toCommonJS(PixelRatio_exports);
 var import_Dimensions = require("../Dimensions/index.cjs");
-class PixelRatio {
-  /**
-   * Returns the device pixel density.
-   */
-  static get() {
-    return import_Dimensions.Dimensions.get("window").scale;
-  }
-  /**
-   * No equivalent for Web
-   */
-  static getFontScale() {
-    return import_Dimensions.Dimensions.get("window").fontScale || PixelRatio.get();
-  }
-  /**
-   * Converts a layout size (dp) to pixel size (px).
-   * Guaranteed to return an integer number.
-   */
-  static getPixelSizeForLayoutSize(layoutSize) {
-    return Math.round(layoutSize * PixelRatio.get());
-  }
-  /**
-   * Rounds a layout size (dp) to the nearest layout size that corresponds to
-   * an integer number of pixels. For example, on a device with a PixelRatio
-   * of 3, `PixelRatio.roundToNearestPixel(8.4) = 8.33`, which corresponds to
-   * exactly (8.33 * 3) = 25 pixels.
-   */
-  static roundToNearestPixel(layoutSize) {
-    const ratio = PixelRatio.get();
-    return Math.round(layoutSize * ratio) / ratio;
-  }
-}
+var PixelRatio = class PixelRatio {
+	/**
+	* Returns the device pixel density.
+	*/
+	static get() {
+		return import_Dimensions.Dimensions.get("window").scale;
+	}
+	/**
+	* No equivalent for Web
+	*/
+	static getFontScale() {
+		return import_Dimensions.Dimensions.get("window").fontScale || PixelRatio.get();
+	}
+	/**
+	* Converts a layout size (dp) to pixel size (px).
+	* Guaranteed to return an integer number.
+	*/
+	static getPixelSizeForLayoutSize(layoutSize) {
+		return Math.round(layoutSize * PixelRatio.get());
+	}
+	/**
+	* Rounds a layout size (dp) to the nearest layout size that corresponds to
+	* an integer number of pixels. For example, on a device with a PixelRatio
+	* of 3, `PixelRatio.roundToNearestPixel(8.4) = 8.33`, which corresponds to
+	* exactly (8.33 * 3) = 25 pixels.
+	*/
+	static roundToNearestPixel(layoutSize) {
+		const ratio = PixelRatio.get();
+		return Math.round(layoutSize * ratio) / ratio;
+	}
+};

package/dist/cjs/Pressable/index.cjs

@@ -7,36 +7,29 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Pressable_exports = {};
 __export(Pressable_exports, {
-  Pressable: () => PressableComponent,
-  default: () => Pressable_default
+	Pressable: () => PressableComponent,
+	default: () => Pressable_default
 });
 module.exports = __toCommonJS(Pressable_exports);
 var import_react_native_use_pressable = require("@tamagui/react-native-use-pressable");
@@ -47,126 +40,120 @@ var import_react_native_web_internals2 = require("@tamagui/react-native-web-inte
 var import_View = require("../View/index.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 function Pressable(props, forwardedRef) {
-  const {
-    children,
-    delayLongPress,
-    delayPressIn,
-    delayPressOut,
-    disabled,
-    focusable,
-    onBlur,
-    onContextMenu,
-    onFocus,
-    onHoverIn,
-    onHoverOut,
-    onKeyDown,
-    onLongPress,
-    onPress,
-    onPressMove,
-    onPressIn,
-    onPressOut,
-    style,
-    testOnly_hovered,
-    testOnly_pressed,
-    ...rest
-  } = props;
-  const [hovered, setHovered] = useForceableState(testOnly_hovered === true);
-  const [focused, setFocused] = useForceableState(false);
-  const [pressed, setPressed] = useForceableState(testOnly_pressed === true);
-  const hostRef = (0, import_react.useRef)(null);
-  const setRef = (0, import_react_native_web_internals2.useMergeRefs)(forwardedRef, hostRef);
-  const pressConfig = (0, import_react.useMemo)(() => ({
-    delayLongPress,
-    delayPressStart: delayPressIn,
-    delayPressEnd: delayPressOut,
-    disabled,
-    onLongPress,
-    onPress,
-    onPressChange: setPressed,
-    onPressStart: onPressIn,
-    onPressMove,
-    onPressEnd: onPressOut
-  }), [delayLongPress, delayPressIn, delayPressOut, disabled, onLongPress, onPress, onPressIn, onPressMove, onPressOut, setPressed]);
-  const pressEventHandlers = (0, import_react_native_use_pressable.usePressEvents)(hostRef, pressConfig);
-  const {
-    onContextMenu: onContextMenuPress,
-    onKeyDown: onKeyDownPress
-  } = pressEventHandlers;
-  (0, import_react_native_web_internals2.useHover)(hostRef, {
-    contain: true,
-    disabled,
-    onHoverChange: setHovered,
-    onHoverStart: onHoverIn,
-    onHoverEnd: onHoverOut
-  });
-  const interactionState = {
-    hovered,
-    focused,
-    pressed
-  };
-  const blurHandler = React.useCallback(e => {
-    if (disabled) {
-      return;
-    }
-    if (e.nativeEvent.target === hostRef.current) {
-      setFocused(false);
-      if (onBlur != null) {
-        onBlur(e);
-      }
-    }
-  }, [disabled, hostRef, setFocused, onBlur]);
-  const focusHandler = React.useCallback(e => {
-    if (disabled) {
-      return;
-    }
-    if (e.nativeEvent.target === hostRef.current) {
-      setFocused(true);
-      if (onFocus != null) {
-        onFocus(e);
-      }
-    }
-  }, [disabled, hostRef, setFocused, onFocus]);
-  const contextMenuHandler = React.useCallback(e => {
-    if (onContextMenuPress != null) {
-      onContextMenuPress(e);
-    }
-    if (onContextMenu != null) {
-      onContextMenu(e);
-    }
-  }, [onContextMenu, onContextMenuPress]);
-  const keyDownHandler = React.useCallback(e => {
-    if (onKeyDownPress != null) {
-      onKeyDownPress(e);
-    }
-    if (onKeyDown != null) {
-      onKeyDown(e);
-    }
-  }, [onKeyDown, onKeyDownPress]);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.View, {
-    ...rest,
-    ...pressEventHandlers,
-    accessibilityDisabled: disabled,
-    focusable: !disabled && focusable !== false,
-    onBlur: blurHandler,
-    onContextMenu: contextMenuHandler,
-    onFocus: focusHandler,
-    onKeyDown: keyDownHandler,
-    pointerEvents: disabled ? "none" : rest.pointerEvents,
-    ref: setRef,
-    style: [!disabled && styles.root, typeof style === "function" ? style(interactionState) : style],
-    children: typeof children === "function" ? children(interactionState) : children
-  });
+	const { children, delayLongPress, delayPressIn, delayPressOut, disabled, focusable, onBlur, onContextMenu, onFocus, onHoverIn, onHoverOut, onKeyDown, onLongPress, onPress, onPressMove, onPressIn, onPressOut, style, testOnly_hovered, testOnly_pressed, ...rest } = props;
+	const [hovered, setHovered] = useForceableState(testOnly_hovered === true);
+	const [focused, setFocused] = useForceableState(false);
+	const [pressed, setPressed] = useForceableState(testOnly_pressed === true);
+	const hostRef = (0, import_react.useRef)(null);
+	const setRef = (0, import_react_native_web_internals2.useMergeRefs)(forwardedRef, hostRef);
+	const pressConfig = (0, import_react.useMemo)(() => ({
+		delayLongPress,
+		delayPressStart: delayPressIn,
+		delayPressEnd: delayPressOut,
+		disabled,
+		onLongPress,
+		onPress,
+		onPressChange: setPressed,
+		onPressStart: onPressIn,
+		onPressMove,
+		onPressEnd: onPressOut
+	}), [
+		delayLongPress,
+		delayPressIn,
+		delayPressOut,
+		disabled,
+		onLongPress,
+		onPress,
+		onPressIn,
+		onPressMove,
+		onPressOut,
+		setPressed
+	]);
+	const pressEventHandlers = (0, import_react_native_use_pressable.usePressEvents)(hostRef, pressConfig);
+	const { onContextMenu: onContextMenuPress, onKeyDown: onKeyDownPress } = pressEventHandlers;
+	(0, import_react_native_web_internals2.useHover)(hostRef, {
+		contain: true,
+		disabled,
+		onHoverChange: setHovered,
+		onHoverStart: onHoverIn,
+		onHoverEnd: onHoverOut
+	});
+	const interactionState = {
+		hovered,
+		focused,
+		pressed
+	};
+	const blurHandler = React.useCallback((e) => {
+		if (disabled) {
+			return;
+		}
+		if (e.nativeEvent.target === hostRef.current) {
+			setFocused(false);
+			if (onBlur != null) {
+				onBlur(e);
+			}
+		}
+	}, [
+		disabled,
+		hostRef,
+		setFocused,
+		onBlur
+	]);
+	const focusHandler = React.useCallback((e) => {
+		if (disabled) {
+			return;
+		}
+		if (e.nativeEvent.target === hostRef.current) {
+			setFocused(true);
+			if (onFocus != null) {
+				onFocus(e);
+			}
+		}
+	}, [
+		disabled,
+		hostRef,
+		setFocused,
+		onFocus
+	]);
+	const contextMenuHandler = React.useCallback((e) => {
+		if (onContextMenuPress != null) {
+			onContextMenuPress(e);
+		}
+		if (onContextMenu != null) {
+			onContextMenu(e);
+		}
+	}, [onContextMenu, onContextMenuPress]);
+	const keyDownHandler = React.useCallback((e) => {
+		if (onKeyDownPress != null) {
+			onKeyDownPress(e);
+		}
+		if (onKeyDown != null) {
+			onKeyDown(e);
+		}
+	}, [onKeyDown, onKeyDownPress]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_View.View, {
+		...rest,
+		...pressEventHandlers,
+		accessibilityDisabled: disabled,
+		focusable: !disabled && focusable !== false,
+		onBlur: blurHandler,
+		onContextMenu: contextMenuHandler,
+		onFocus: focusHandler,
+		onKeyDown: keyDownHandler,
+		pointerEvents: disabled ? "none" : rest.pointerEvents,
+		ref: setRef,
+		style: [!disabled && styles.root, typeof style === "function" ? style(interactionState) : style],
+		children: typeof children === "function" ? children(interactionState) : children
+	});
 }
 function useForceableState(forced) {
-  const [bool, setBool] = (0, import_react.useState)(false);
-  return [bool || forced, setBool];
+	const [bool, setBool] = (0, import_react.useState)(false);
+	return [bool || forced, setBool];
 }
-const styles = import_react_native_web_internals.StyleSheet.create({
-  root: {
-    cursor: "pointer",
-    touchAction: "manipulation"
-  }
-});
+const styles = import_react_native_web_internals.StyleSheet.create({ root: {
+	cursor: "pointer",
+	touchAction: "manipulation"
+} });
 const PressableComponent = (0, import_react.memo)((0, import_react.forwardRef)(Pressable));
 PressableComponent.displayName = "Pressable";
-var Pressable_default = PressableComponent;
+var Pressable_default = PressableComponent;

package/dist/cjs/RefreshControl/index.cjs

@@ -3,49 +3,31 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var RefreshControl_exports = {};
 __export(RefreshControl_exports, {
-  RefreshControl: () => RefreshControl,
-  default: () => RefreshControl_default
+	RefreshControl: () => RefreshControl,
+	default: () => RefreshControl_default
 });
 module.exports = __toCommonJS(RefreshControl_exports);
 var import_View = require("../View/index.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 function RefreshControl(props) {
-  const {
-    /* eslint-disable */
-    colors,
-    enabled,
-    onRefresh,
-    progressBackgroundColor,
-    progressViewOffset,
-    refreshing,
-    size,
-    tintColor,
-    title,
-    titleColor,
-    /* eslint-enable */
-    ...rest
-  } = props;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.View, {
-    ...rest
-  });
+	const { colors, enabled, onRefresh, progressBackgroundColor, progressViewOffset, refreshing, size, tintColor, title, titleColor, ...rest } = props;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_View.View, { ...rest });
 }
-var RefreshControl_default = RefreshControl;
+var RefreshControl_default = RefreshControl;

package/dist/cjs/SafeAreaView/index.cjs

@@ -5,36 +5,29 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SafeAreaView_exports = {};
 __export(SafeAreaView_exports, {
-  SafeAreaView: () => SafeAreaView,
-  default: () => SafeAreaView_default
+	SafeAreaView: () => SafeAreaView,
+	default: () => SafeAreaView_default
 });
 module.exports = __toCommonJS(SafeAreaView_exports);
 var React = __toESM(require("react"), 1);
@@ -42,29 +35,24 @@ var import_react_native_web_internals = require("@tamagui/react-native-web-inter
 var import_View = require("../View/index.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const cssFunction = (() => {
-  if (import_react_native_web_internals.canUseDOM && window.CSS && window.CSS.supports && window.CSS.supports("top: constant(safe-area-inset-top)")) {
-    return "constant";
-  }
-  return "env";
+	if (import_react_native_web_internals.canUseDOM && window.CSS && window.CSS.supports && window.CSS.supports("top: constant(safe-area-inset-top)")) {
+		return "constant";
+	}
+	return "env";
 })();
 const SafeAreaView = React.forwardRef((props, ref) => {
-  const {
-    style,
-    ...rest
-  } = props;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_View.View, {
-    ...rest,
-    ref,
-    style: import_react_native_web_internals.StyleSheet.compose(styles.root, style)
-  });
+	const { style, ...rest } = props;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_View.View, {
+		...rest,
+		ref,
+		style: import_react_native_web_internals.StyleSheet.compose(styles.root, style)
+	});
 });
 SafeAreaView.displayName = "SafeAreaView";
-const styles = import_react_native_web_internals.StyleSheet.create({
-  root: {
-    paddingTop: `${cssFunction}(safe-area-inset-top)`,
-    paddingRight: `${cssFunction}(safe-area-inset-right)`,
-    paddingBottom: `${cssFunction}(safe-area-inset-bottom)`,
-    paddingLeft: `${cssFunction}(safe-area-inset-left)`
-  }
-});
-var SafeAreaView_default = SafeAreaView;
+const styles = import_react_native_web_internals.StyleSheet.create({ root: {
+	paddingTop: `${cssFunction}(safe-area-inset-top)`,
+	paddingRight: `${cssFunction}(safe-area-inset-right)`,
+	paddingBottom: `${cssFunction}(safe-area-inset-bottom)`,
+	paddingLeft: `${cssFunction}(safe-area-inset-left)`
+} });
+var SafeAreaView_default = SafeAreaView;