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

package/dist/cjs/AppRegistry/index.cjs

@@ -1,99 +1,87 @@
+
 var __defProp = Object.defineProperty;
 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 AppRegistry_exports = {};
-__export(AppRegistry_exports, {
-  AppRegistry: () => AppRegistry
-});
+__export(AppRegistry_exports, { AppRegistry: () => AppRegistry });
 module.exports = __toCommonJS(AppRegistry_exports);
 var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
 var import_renderApplication = require("./renderApplication.cjs");
 const emptyObject = {};
 const runnables = {};
-let componentProviderInstrumentationHook = component => component();
+let componentProviderInstrumentationHook = (component) => component();
 let wrapperComponentProvider;
-class AppRegistry {
-  static getAppKeys() {
-    return Object.keys(runnables);
-  }
-  static getApplication(appKey, appParameters) {
-    (0, import_react_native_web_internals.invariant)(runnables[appKey] && runnables[appKey].getApplication, `Application ${appKey} has not been registered. This is either due to an import error during initialization or failure to call AppRegistry.registerComponent.`);
-    return runnables[appKey]?.getApplication?.(appParameters);
-  }
-  static registerComponent(appKey, componentProvider) {
-    runnables[appKey] = {
-      getApplication: appParameters => (0, import_renderApplication.getApplication)(componentProviderInstrumentationHook(componentProvider), appParameters ? appParameters.initialProps : emptyObject, wrapperComponentProvider && wrapperComponentProvider(appParameters)),
-      run: appParameters => (0, import_renderApplication.renderApplication)(componentProviderInstrumentationHook(componentProvider), wrapperComponentProvider && wrapperComponentProvider(appParameters), appParameters.callback, {
-        hydrate: appParameters.hydrate || false,
-        initialProps: appParameters.initialProps || emptyObject,
-        mode: appParameters.mode || "legacy",
-        rootTag: appParameters.rootTag
-      })
-    };
-    return appKey;
-  }
-  static registerConfig(config) {
-    config.forEach(({
-      appKey,
-      component,
-      run
-    }) => {
-      if (run) {
-        AppRegistry.registerRunnable(appKey, run);
-      } else {
-        (0, import_react_native_web_internals.invariant)(component, "No component provider passed in");
-        AppRegistry.registerComponent(appKey, component);
-      }
-    });
-  }
-  // TODO: fix style sheet creation when using this method
-  static registerRunnable(appKey, run) {
-    runnables[appKey] = {
-      run
-    };
-    return appKey;
-  }
-  static runApplication(appKey, appParameters) {
-    const isDevelopment = process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test";
-    if (isDevelopment) {
-      const params = {
-        ...appParameters
-      };
-      params.rootTag = `#${params.rootTag.id}`;
-      console.log(`Running application "${appKey}" with appParams:
+var AppRegistry = class AppRegistry {
+	static getAppKeys() {
+		return Object.keys(runnables);
+	}
+	static getApplication(appKey, appParameters) {
+		(0, import_react_native_web_internals.invariant)(runnables[appKey] && runnables[appKey].getApplication, `Application ${appKey} has not been registered. This is either due to an import error during initialization or failure to call AppRegistry.registerComponent.`);
+		return runnables[appKey]?.getApplication?.(appParameters);
+	}
+	static registerComponent(appKey, componentProvider) {
+		runnables[appKey] = {
+			getApplication: (appParameters) => (0, import_renderApplication.getApplication)(componentProviderInstrumentationHook(componentProvider), appParameters ? appParameters.initialProps : emptyObject, wrapperComponentProvider && wrapperComponentProvider(appParameters)),
+			run: (appParameters) => (0, import_renderApplication.renderApplication)(componentProviderInstrumentationHook(componentProvider), wrapperComponentProvider && wrapperComponentProvider(appParameters), appParameters.callback, {
+				hydrate: appParameters.hydrate || false,
+				initialProps: appParameters.initialProps || emptyObject,
+				mode: appParameters.mode || "legacy",
+				rootTag: appParameters.rootTag
+			})
+		};
+		return appKey;
+	}
+	static registerConfig(config) {
+		config.forEach(({ appKey, component, run }) => {
+			if (run) {
+				AppRegistry.registerRunnable(appKey, run);
+			} else {
+				(0, import_react_native_web_internals.invariant)(component, "No component provider passed in");
+				AppRegistry.registerComponent(appKey, component);
+			}
+		});
+	}
+	static registerRunnable(appKey, run) {
+		runnables[appKey] = { run };
+		return appKey;
+	}
+	static runApplication(appKey, appParameters) {
+		const isDevelopment = process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test";
+		if (isDevelopment) {
+			const params = { ...appParameters };
+			params.rootTag = `#${params.rootTag.id}`;
+			console.log(`Running application "${appKey}" with appParams:
 `, params, `
 Development-level warnings: ${isDevelopment ? "ON" : "OFF"}.
 Performance optimizations: ${isDevelopment ? "OFF" : "ON"}.`);
-    }
-    (0, import_react_native_web_internals.invariant)(runnables[appKey] && runnables[appKey].run, `Application "${appKey}" has not been registered. This is either due to an import error during initialization or failure to call AppRegistry.registerComponent.`);
-    return runnables[appKey].run(appParameters);
-  }
-  static setComponentProviderInstrumentationHook(hook) {
-    componentProviderInstrumentationHook = hook;
-  }
-  static setWrapperComponentProvider(provider) {
-    wrapperComponentProvider = provider;
-  }
-  static unmountApplicationComponentAtRootTag(rootTag) {
-    rootTag?.unmount?.();
-  }
-}
+		}
+		(0, import_react_native_web_internals.invariant)(runnables[appKey] && runnables[appKey].run, `Application "${appKey}" has not been registered. This is either due to an import error during initialization or failure to call AppRegistry.registerComponent.`);
+		return runnables[appKey].run(appParameters);
+	}
+	static setComponentProviderInstrumentationHook(hook) {
+		componentProviderInstrumentationHook = hook;
+	}
+	static setWrapperComponentProvider(provider) {
+		wrapperComponentProvider = provider;
+	}
+	static unmountApplicationComponentAtRootTag(rootTag) {
+		rootTag?.unmount?.();
+	}
+};

package/dist/cjs/AppRegistry/renderApplication.cjs

@@ -1,29 +1,28 @@
+
 var __defProp = Object.defineProperty;
 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 renderApplication_exports = {};
 __export(renderApplication_exports, {
-  getApplication: () => getApplication,
-  renderApplication: () => renderApplication
+	getApplication: () => getApplication,
+	renderApplication: () => renderApplication
 });
 module.exports = __toCommonJS(renderApplication_exports);
 var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
@@ -32,43 +31,32 @@ var import_render = require("../render/index.cjs");
 var import_AppContainer = require("./AppContainer.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 function renderApplication(RootComponent, WrapperComponent = null, callback = () => {}, options) {
-  const {
-    hydrate: shouldHydrate,
-    initialProps,
-    mode,
-    rootTag
-  } = options;
-  const renderFn = shouldHydrate ? mode === "concurrent" ? import_render.hydrate : import_render.hydrateLegacy : mode === "concurrent" ? import_render.render : import_render.renderLegacy;
-  (0, import_react_native_web_internals2.invariant)(rootTag, "Expect to have a valid rootTag, instead got ", rootTag);
-  return renderFn(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_AppContainer.AppContainer, {
-    WrapperComponent,
-    ref: callback,
-    rootTag,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(RootComponent, {
-      ...initialProps
-    })
-  }), rootTag);
+	const { hydrate: shouldHydrate, initialProps, mode, rootTag } = options;
+	const renderFn = shouldHydrate ? mode === "concurrent" ? import_render.hydrate : import_render.hydrateLegacy : mode === "concurrent" ? import_render.render : import_render.renderLegacy;
+	(0, import_react_native_web_internals2.invariant)(rootTag, "Expect to have a valid rootTag, instead got ", rootTag);
+	return renderFn(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AppContainer.AppContainer, {
+		WrapperComponent,
+		ref: callback,
+		rootTag,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RootComponent, { ...initialProps })
+	}), rootTag);
 }
 function getApplication(RootComponent, initialProps, WrapperComponent) {
-  const element = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_AppContainer.AppContainer, {
-    WrapperComponent,
-    rootTag: {},
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(RootComponent, {
-      ...initialProps
-    })
-  });
-  const getStyleElement = props => {
-    const sheet = import_react_native_web_internals.StyleSheet.getSheet();
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)("style", {
-      ...props,
-      dangerouslySetInnerHTML: {
-        __html: sheet.textContent
-      },
-      id: sheet.id
-    });
-  };
-  return {
-    element,
-    getStyleElement
-  };
-}
+	const element = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AppContainer.AppContainer, {
+		WrapperComponent,
+		rootTag: {},
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RootComponent, { ...initialProps })
+	});
+	const getStyleElement = (props) => {
+		const sheet = import_react_native_web_internals.StyleSheet.getSheet();
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", {
+			...props,
+			dangerouslySetInnerHTML: { __html: sheet.textContent },
+			id: sheet.id
+		});
+	};
+	return {
+		element,
+		getStyleElement
+	};
+}

package/dist/cjs/AppState/index.cjs

@@ -1,85 +1,78 @@
+
 var __defProp = Object.defineProperty;
 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 AppState_exports = {};
-__export(AppState_exports, {
-  AppState: () => AppState
-});
+__export(AppState_exports, { AppState: () => AppState });
 module.exports = __toCommonJS(AppState_exports);
 var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
-const isPrefixed =
-// eslint-disable-next-line no-prototype-builtins
-import_react_native_web_internals.canUseDOM && !document.hasOwnProperty("hidden") && document.hasOwnProperty("webkitHidden");
+const isPrefixed = import_react_native_web_internals.canUseDOM && !document.hasOwnProperty("hidden") && document.hasOwnProperty("webkitHidden");
 const EVENT_TYPES = ["change", "memoryWarning"];
 const VISIBILITY_CHANGE_EVENT = isPrefixed ? "webkitvisibilitychange" : "visibilitychange";
 const VISIBILITY_STATE_PROPERTY = isPrefixed ? "webkitVisibilityState" : "visibilityState";
 const AppStates = {
-  BACKGROUND: "background",
-  ACTIVE: "active"
+	BACKGROUND: "background",
+	ACTIVE: "active"
+};
+var EventEmitter = class {
+	listeners = {};
+	addListener(type, handler) {
+		this.listeners[type] ??= /* @__PURE__ */ new Set();
+		this.listeners[type].add(handler);
+	}
+	emit(type, state) {
+		this.listeners[type]?.forEach((cb) => cb(state));
+	}
+	removeListener(type, handler) {
+		this.listeners[type]?.delete(handler);
+	}
 };
-class EventEmitter {
-  listeners = {};
-  addListener(type, handler) {
-    this.listeners[type] ??= /* @__PURE__ */new Set();
-    this.listeners[type].add(handler);
-  }
-  emit(type, state) {
-    this.listeners[type]?.forEach(cb => cb(state));
-  }
-  removeListener(type, handler) {
-    this.listeners[type]?.delete(handler);
-  }
-}
 let hasBoundVisibilityChangeEvent = false;
 const changeEmitter = new EventEmitter();
-class AppState {
-  static isAvailable = import_react_native_web_internals.canUseDOM && document[VISIBILITY_STATE_PROPERTY];
-  static get currentState() {
-    if (!AppState.isAvailable) {
-      return AppStates.ACTIVE;
-    }
-    switch (document[VISIBILITY_STATE_PROPERTY]) {
-      case "hidden":
-      case "prerender":
-      case "unloaded":
-        return AppStates.BACKGROUND;
-      default:
-        return AppStates.ACTIVE;
-    }
-  }
-  static addEventListener(type, handler) {
-    if (AppState.isAvailable) {
-      (0, import_react_native_web_internals.invariant)(EVENT_TYPES.indexOf(type) !== -1, 'Trying to subscribe to unknown event: "%s"', type);
-      if (type === "change") {
-        if (!hasBoundVisibilityChangeEvent) {
-          hasBoundVisibilityChangeEvent = true;
-          document.addEventListener(VISIBILITY_CHANGE_EVENT, () => {
-            if (changeEmitter) {
-              changeEmitter.emit("change", AppState.currentState);
-            }
-          }, false);
-        }
-        return changeEmitter.addListener(type, handler);
-      }
-    }
-  }
-}
+var AppState = class AppState {
+	static isAvailable = import_react_native_web_internals.canUseDOM && document[VISIBILITY_STATE_PROPERTY];
+	static get currentState() {
+		if (!AppState.isAvailable) {
+			return AppStates.ACTIVE;
+		}
+		switch (document[VISIBILITY_STATE_PROPERTY]) {
+			case "hidden":
+			case "prerender":
+			case "unloaded": return AppStates.BACKGROUND;
+			default: return AppStates.ACTIVE;
+		}
+	}
+	static addEventListener(type, handler) {
+		if (AppState.isAvailable) {
+			(0, import_react_native_web_internals.invariant)(EVENT_TYPES.indexOf(type) !== -1, "Trying to subscribe to unknown event: \"%s\"", type);
+			if (type === "change") {
+				if (!hasBoundVisibilityChangeEvent) {
+					hasBoundVisibilityChangeEvent = true;
+					document.addEventListener(VISIBILITY_CHANGE_EVENT, () => {
+						if (changeEmitter) {
+							changeEmitter.emit("change", AppState.currentState);
+						}
+					}, false);
+				}
+				return changeEmitter.addListener(type, handler);
+			}
+		}
+	}
+};

package/dist/cjs/Appearance/index.cjs

@@ -1,64 +1,55 @@
+
 var __defProp = Object.defineProperty;
 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 Appearance_exports = {};
-__export(Appearance_exports, {
-  Appearance: () => Appearance
-});
+__export(Appearance_exports, { Appearance: () => Appearance });
 module.exports = __toCommonJS(Appearance_exports);
 var import_react_native_web_internals = require("@tamagui/react-native-web-internals");
 function getQuery() {
-  return import_react_native_web_internals.canUseDOM && window.matchMedia != null ? window.matchMedia("(prefers-color-scheme: dark)") : null;
+	return import_react_native_web_internals.canUseDOM && window.matchMedia != null ? window.matchMedia("(prefers-color-scheme: dark)") : null;
 }
 const query = getQuery();
-const listenerMapping = /* @__PURE__ */new WeakMap();
+const listenerMapping = /* @__PURE__ */ new WeakMap();
 const Appearance = {
-  getColorScheme() {
-    return query && query.matches ? "dark" : "light";
-  },
-  addChangeListener(listener) {
-    let mappedListener = listenerMapping.get(listener);
-    if (!mappedListener) {
-      mappedListener = ({
-        matches
-      }) => {
-        listener({
-          colorScheme: matches ? "dark" : "light"
-        });
-      };
-      listenerMapping.set(listener, mappedListener);
-    }
-    if (query) {
-      query.addListener(mappedListener);
-    }
-    function remove() {
-      const mappedListener2 = listenerMapping.get(listener);
-      if (query && mappedListener2) {
-        query.removeListener(mappedListener2);
-      }
-      listenerMapping.delete(listener);
-    }
-    return {
-      remove
-    };
-  }
-};
+	getColorScheme() {
+		return query && query.matches ? "dark" : "light";
+	},
+	addChangeListener(listener) {
+		let mappedListener = listenerMapping.get(listener);
+		if (!mappedListener) {
+			mappedListener = ({ matches }) => {
+				listener({ colorScheme: matches ? "dark" : "light" });
+			};
+			listenerMapping.set(listener, mappedListener);
+		}
+		if (query) {
+			query.addListener(mappedListener);
+		}
+		function remove() {
+			const mappedListener2 = listenerMapping.get(listener);
+			if (query && mappedListener2) {
+				query.removeListener(mappedListener2);
+			}
+			listenerMapping.delete(listener);
+		}
+		return { remove };
+	}
+};

package/dist/cjs/BackHandler/index.cjs

@@ -1,37 +1,32 @@
+
 var __defProp = Object.defineProperty;
 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 BackHandler_exports = {};
-__export(BackHandler_exports, {
-  BackHandler: () => BackHandler
-});
+__export(BackHandler_exports, { BackHandler: () => BackHandler });
 module.exports = __toCommonJS(BackHandler_exports);
 function emptyFunction() {}
 const BackHandler = {
-  exitApp: emptyFunction,
-  addEventListener() {
-    return {
-      remove: emptyFunction
-    };
-  },
-  removeEventListener: emptyFunction
-};
+	exitApp: emptyFunction,
+	addEventListener() {
+		return { remove: emptyFunction };
+	},
+	removeEventListener: emptyFunction
+};