@tamagui/create-context 2.7.7 → 3.0.0-beta.1097.1

package/dist/cjs/create-context.cjs

@@ -5,138 +5,117 @@ 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 create_context_exports = {};
 __export(create_context_exports, {
-  createContext: () => createContext,
-  createContextScope: () => createContextScope
+	createContext: () => createContext,
+	createContextScope: () => createContextScope
 });
 module.exports = __toCommonJS(create_context_exports);
 var React = __toESM(require("react"), 1);
 var import_jsx_runtime = require("react/jsx-runtime");
 function createContext(rootComponentName, defaultContext) {
-  const Context = React.createContext(defaultContext);
-  function Provider(props) {
-    const {
-      children,
-      ...context
-    } = props;
-    const value = React.useMemo(() => context, Object.values(context));
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Context.Provider, {
-      value,
-      children
-    });
-  }
-  function useContext(consumerName) {
-    const context = React.useContext(Context);
-    if (context) return context;
-    if (defaultContext !== void 0) return defaultContext;
-    throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-  }
-  return [Provider, useContext];
+	const Context = React.createContext(defaultContext);
+	function Provider(props) {
+		const { children, ...context } = props;
+		const value = React.useMemo(() => context, Object.values(context));
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Context.Provider, {
+			value,
+			children
+		});
+	}
+	function useContext(consumerName) {
+		const context = React.useContext(Context);
+		if (context) return context;
+		if (defaultContext !== void 0) return defaultContext;
+		throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+	}
+	return [Provider, useContext];
 }
 function createContextScope(scopeName, createContextScopeDeps = []) {
-  let defaultContexts = [];
-  function createContext2(rootComponentName, defaultContext) {
-    const BaseContext = React.createContext(defaultContext);
-    const index = defaultContexts.length;
-    defaultContexts = [...defaultContexts, defaultContext];
-    function Provider(props) {
-      const {
-        scope,
-        children,
-        ...context
-      } = props;
-      const Context = scope?.[scopeName]?.[index] || BaseContext;
-      const value = React.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Context.Provider, {
-        value,
-        children
-      });
-    }
-    function useContext(consumerName, scope, options) {
-      const Context = scope?.[scopeName]?.[index] || BaseContext;
-      const context = React.useContext(Context);
-      if (context) return context;
-      if (defaultContext !== void 0) return defaultContext;
-      const missingContextMessage = `\`${consumerName}\` must be used within \`${rootComponentName}\``;
-      if (options?.fallback) {
-        if (options?.warn !== false) {
-          console.warn(missingContextMessage);
-        }
-        return options.fallback;
-      }
-      throw new Error(missingContextMessage);
-    }
-    return [Provider, useContext];
-  }
-  const createScope = () => {
-    const scopeContexts = defaultContexts.map(defaultContext => {
-      return React.createContext(defaultContext);
-    });
-    return function useScope(scope) {
-      const contexts = scope?.[scopeName] || scopeContexts;
-      return React.useMemo(() => ({
-        [`__scope${scopeName}`]: {
-          ...scope,
-          [scopeName]: contexts
-        }
-      }), [scope, contexts]);
-    };
-  };
-  createScope.scopeName = scopeName;
-  return [createContext2, composeContextScopes(createScope, ...createContextScopeDeps)];
+	let defaultContexts = [];
+	function createContext2(rootComponentName, defaultContext) {
+		const BaseContext = React.createContext(defaultContext);
+		const index = defaultContexts.length;
+		defaultContexts = [...defaultContexts, defaultContext];
+		function Provider(props) {
+			const { scope, children, ...context } = props;
+			const Context = scope?.[scopeName]?.[index] || BaseContext;
+			const value = React.useMemo(() => context, Object.values(context));
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Context.Provider, {
+				value,
+				children
+			});
+		}
+		function useContext(consumerName, scope, options) {
+			const Context = scope?.[scopeName]?.[index] || BaseContext;
+			const context = React.useContext(Context);
+			if (context) return context;
+			if (defaultContext !== void 0) return defaultContext;
+			const missingContextMessage = `\`${consumerName}\` must be used within \`${rootComponentName}\``;
+			if (options?.fallback) {
+				if (options?.warn !== false) {
+					console.warn(missingContextMessage);
+				}
+				return options.fallback;
+			}
+			throw new Error(missingContextMessage);
+		}
+		return [Provider, useContext];
+	}
+	const createScope = () => {
+		const scopeContexts = defaultContexts.map((defaultContext) => {
+			return React.createContext(defaultContext);
+		});
+		return function useScope(scope) {
+			const contexts = scope?.[scopeName] || scopeContexts;
+			return React.useMemo(() => ({ [`__scope${scopeName}`]: {
+				...scope,
+				[scopeName]: contexts
+			} }), [scope, contexts]);
+		};
+	};
+	createScope.scopeName = scopeName;
+	return [createContext2, composeContextScopes(createScope, ...createContextScopeDeps)];
 }
 function composeContextScopes(...scopes) {
-  const baseScope = scopes[0];
-  if (scopes.length === 1) return baseScope;
-  const createScope = () => {
-    const scopeHooks = scopes.map(createScope2 => ({
-      useScope: createScope2(),
-      scopeName: createScope2.scopeName
-    }));
-    return function useComposedScopes(overrideScopes) {
-      const nextScopes = scopeHooks.reduce((nextScopes2, {
-        useScope,
-        scopeName
-      }) => {
-        const scopeProps = useScope(overrideScopes);
-        const currentScope = scopeProps[`__scope${scopeName}`];
-        return {
-          ...nextScopes2,
-          ...currentScope
-        };
-      }, {});
-      return React.useMemo(() => ({
-        [`__scope${baseScope.scopeName}`]: nextScopes
-      }), [nextScopes]);
-    };
-  };
-  createScope.scopeName = baseScope.scopeName;
-  return createScope;
-}
+	const baseScope = scopes[0];
+	if (scopes.length === 1) return baseScope;
+	const createScope = () => {
+		const scopeHooks = scopes.map((createScope2) => ({
+			useScope: createScope2(),
+			scopeName: createScope2.scopeName
+		}));
+		return function useComposedScopes(overrideScopes) {
+			const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
+				const scopeProps = useScope(overrideScopes);
+				const currentScope = scopeProps[`__scope${scopeName}`];
+				return {
+					...nextScopes2,
+					...currentScope
+				};
+			}, {});
+			return React.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+		};
+	};
+	createScope.scopeName = baseScope.scopeName;
+	return createScope;
+}

package/dist/cjs/create-context.native.cjs

@@ -0,0 +1,140 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+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
+	});
+};
+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;
+};
+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 create_context_exports = {};
+__export(create_context_exports, {
+	createContext: () => createContext,
+	createContextScope: () => createContextScope
+});
+module.exports = __toCommonJS(create_context_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+function createContext(rootComponentName, defaultContext) {
+	var Context = /* @__PURE__ */ React.createContext(defaultContext);
+	function Provider(props) {
+		var { children, ...context } = props;
+		var value = React.useMemo(function() {
+			return context;
+		}, Object.values(context));
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Context.Provider, {
+			value,
+			children
+		});
+	}
+	function useContext(consumerName) {
+		var context = React.useContext(Context);
+		if (context) return context;
+		if (defaultContext !== void 0) return defaultContext;
+		throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+	}
+	return [Provider, useContext];
+}
+function createContextScope(scopeName) {
+	var createContextScopeDeps = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+	var defaultContexts = [];
+	function createContext2(rootComponentName, defaultContext) {
+		var BaseContext = /* @__PURE__ */ React.createContext(defaultContext);
+		var index = defaultContexts.length;
+		defaultContexts = [...defaultContexts, defaultContext];
+		function Provider(props) {
+			var _scope_scopeName;
+			var { scope, children, ...context } = props;
+			var Context = (scope === null || scope === void 0 ? void 0 : (_scope_scopeName = scope[scopeName]) === null || _scope_scopeName === void 0 ? void 0 : _scope_scopeName[index]) || BaseContext;
+			var value = React.useMemo(function() {
+				return context;
+			}, Object.values(context));
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Context.Provider, {
+				value,
+				children
+			});
+		}
+		function useContext(consumerName, scope, options) {
+			var _scope_scopeName;
+			var Context = (scope === null || scope === void 0 ? void 0 : (_scope_scopeName = scope[scopeName]) === null || _scope_scopeName === void 0 ? void 0 : _scope_scopeName[index]) || BaseContext;
+			var context = React.useContext(Context);
+			if (context) return context;
+			if (defaultContext !== void 0) return defaultContext;
+			var missingContextMessage = `\`${consumerName}\` must be used within \`${rootComponentName}\``;
+			if (options === null || options === void 0 ? void 0 : options.fallback) {
+				if ((options === null || options === void 0 ? void 0 : options.warn) !== false) {
+					console.warn(missingContextMessage);
+				}
+				return options.fallback;
+			}
+			throw new Error(missingContextMessage);
+		}
+		return [Provider, useContext];
+	}
+	var createScope = function() {
+		var scopeContexts = defaultContexts.map(function(defaultContext) {
+			return /* @__PURE__ */ React.createContext(defaultContext);
+		});
+		return function useScope(scope) {
+			var contexts = (scope === null || scope === void 0 ? void 0 : scope[scopeName]) || scopeContexts;
+			return React.useMemo(function() {
+				return { [`__scope${scopeName}`]: {
+					...scope,
+					[scopeName]: contexts
+				} };
+			}, [scope, contexts]);
+		};
+	};
+	createScope.scopeName = scopeName;
+	return [createContext2, composeContextScopes(createScope, ...createContextScopeDeps)];
+}
+function composeContextScopes() {
+	for (var _len = arguments.length, scopes = new Array(_len), _key = 0; _key < _len; _key++) {
+		scopes[_key] = arguments[_key];
+	}
+	var baseScope = scopes[0];
+	if (scopes.length === 1) return baseScope;
+	var createScope = function() {
+		var scopeHooks = scopes.map(function(createScope2) {
+			return {
+				useScope: createScope2(),
+				scopeName: createScope2.scopeName
+			};
+		});
+		return function useComposedScopes(overrideScopes) {
+			var nextScopes = scopeHooks.reduce(function(nextScopes2, param) {
+				var { useScope, scopeName } = param;
+				var scopeProps = useScope(overrideScopes);
+				var currentScope = scopeProps[`__scope${scopeName}`];
+				return {
+					...nextScopes2,
+					...currentScope
+				};
+			}, {});
+			return React.useMemo(function() {
+				return { [`__scope${baseScope.scopeName}`]: nextScopes };
+			}, [nextScopes]);
+		};
+	};
+	createScope.scopeName = baseScope.scopeName;
+	return createScope;
+}

package/dist/cjs/create-context.native.js

@@ -7,156 +7,136 @@ 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 create_context_exports = {};
 __export(create_context_exports, {
-  createContext: () => createContext,
-  createContextScope: () => createContextScope
+	createContext: () => createContext,
+	createContextScope: () => createContextScope
 });
 module.exports = __toCommonJS(create_context_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"), 1);
 function createContext(rootComponentName, defaultContext) {
-  var Context = /* @__PURE__ */React.createContext(defaultContext);
-  function Provider(props) {
-    var {
-      children,
-      ...context
-    } = props;
-    var value = React.useMemo(function () {
-      return context;
-    }, Object.values(context));
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Context.Provider, {
-      value,
-      children
-    });
-  }
-  function useContext(consumerName) {
-    var context = React.useContext(Context);
-    if (context) return context;
-    if (defaultContext !== void 0) return defaultContext;
-    throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
-  }
-  return [Provider, useContext];
+	var Context = /* @__PURE__ */ React.createContext(defaultContext);
+	function Provider(props) {
+		var { children, ...context } = props;
+		var value = React.useMemo(function() {
+			return context;
+		}, Object.values(context));
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Context.Provider, {
+			value,
+			children
+		});
+	}
+	function useContext(consumerName) {
+		var context = React.useContext(Context);
+		if (context) return context;
+		if (defaultContext !== void 0) return defaultContext;
+		throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+	}
+	return [Provider, useContext];
 }
 function createContextScope(scopeName) {
-  var createContextScopeDeps = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
-  var defaultContexts = [];
-  function createContext2(rootComponentName, defaultContext) {
-    var BaseContext = /* @__PURE__ */React.createContext(defaultContext);
-    var index = defaultContexts.length;
-    defaultContexts = [...defaultContexts, defaultContext];
-    function Provider(props) {
-      var _scope_scopeName;
-      var {
-        scope,
-        children,
-        ...context
-      } = props;
-      var Context = (scope === null || scope === void 0 ? void 0 : (_scope_scopeName = scope[scopeName]) === null || _scope_scopeName === void 0 ? void 0 : _scope_scopeName[index]) || BaseContext;
-      var value = React.useMemo(function () {
-        return context;
-      }, Object.values(context));
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Context.Provider, {
-        value,
-        children
-      });
-    }
-    function useContext(consumerName, scope, options) {
-      var _scope_scopeName;
-      var Context = (scope === null || scope === void 0 ? void 0 : (_scope_scopeName = scope[scopeName]) === null || _scope_scopeName === void 0 ? void 0 : _scope_scopeName[index]) || BaseContext;
-      var context = React.useContext(Context);
-      if (context) return context;
-      if (defaultContext !== void 0) return defaultContext;
-      var missingContextMessage = `\`${consumerName}\` must be used within \`${rootComponentName}\``;
-      if (options === null || options === void 0 ? void 0 : options.fallback) {
-        if ((options === null || options === void 0 ? void 0 : options.warn) !== false) {
-          console.warn(missingContextMessage);
-        }
-        return options.fallback;
-      }
-      throw new Error(missingContextMessage);
-    }
-    return [Provider, useContext];
-  }
-  var createScope = function () {
-    var scopeContexts = defaultContexts.map(function (defaultContext) {
-      return /* @__PURE__ */React.createContext(defaultContext);
-    });
-    return function useScope(scope) {
-      var contexts = (scope === null || scope === void 0 ? void 0 : scope[scopeName]) || scopeContexts;
-      return React.useMemo(function () {
-        return {
-          [`__scope${scopeName}`]: {
-            ...scope,
-            [scopeName]: contexts
-          }
-        };
-      }, [scope, contexts]);
-    };
-  };
-  createScope.scopeName = scopeName;
-  return [createContext2, composeContextScopes(createScope, ...createContextScopeDeps)];
+	var createContextScopeDeps = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : [];
+	var defaultContexts = [];
+	function createContext2(rootComponentName, defaultContext) {
+		var BaseContext = /* @__PURE__ */ React.createContext(defaultContext);
+		var index = defaultContexts.length;
+		defaultContexts = [...defaultContexts, defaultContext];
+		function Provider(props) {
+			var _scope_scopeName;
+			var { scope, children, ...context } = props;
+			var Context = (scope === null || scope === void 0 ? void 0 : (_scope_scopeName = scope[scopeName]) === null || _scope_scopeName === void 0 ? void 0 : _scope_scopeName[index]) || BaseContext;
+			var value = React.useMemo(function() {
+				return context;
+			}, Object.values(context));
+			return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Context.Provider, {
+				value,
+				children
+			});
+		}
+		function useContext(consumerName, scope, options) {
+			var _scope_scopeName;
+			var Context = (scope === null || scope === void 0 ? void 0 : (_scope_scopeName = scope[scopeName]) === null || _scope_scopeName === void 0 ? void 0 : _scope_scopeName[index]) || BaseContext;
+			var context = React.useContext(Context);
+			if (context) return context;
+			if (defaultContext !== void 0) return defaultContext;
+			var missingContextMessage = `\`${consumerName}\` must be used within \`${rootComponentName}\``;
+			if (options === null || options === void 0 ? void 0 : options.fallback) {
+				if ((options === null || options === void 0 ? void 0 : options.warn) !== false) {
+					console.warn(missingContextMessage);
+				}
+				return options.fallback;
+			}
+			throw new Error(missingContextMessage);
+		}
+		return [Provider, useContext];
+	}
+	var createScope = function() {
+		var scopeContexts = defaultContexts.map(function(defaultContext) {
+			return /* @__PURE__ */ React.createContext(defaultContext);
+		});
+		return function useScope(scope) {
+			var contexts = (scope === null || scope === void 0 ? void 0 : scope[scopeName]) || scopeContexts;
+			return React.useMemo(function() {
+				return { [`__scope${scopeName}`]: {
+					...scope,
+					[scopeName]: contexts
+				} };
+			}, [scope, contexts]);
+		};
+	};
+	createScope.scopeName = scopeName;
+	return [createContext2, composeContextScopes(createScope, ...createContextScopeDeps)];
 }
 function composeContextScopes() {
-  for (var _len = arguments.length, scopes = new Array(_len), _key = 0; _key < _len; _key++) {
-    scopes[_key] = arguments[_key];
-  }
-  var baseScope = scopes[0];
-  if (scopes.length === 1) return baseScope;
-  var createScope = function () {
-    var scopeHooks = scopes.map(function (createScope2) {
-      return {
-        useScope: createScope2(),
-        scopeName: createScope2.scopeName
-      };
-    });
-    return function useComposedScopes(overrideScopes) {
-      var nextScopes = scopeHooks.reduce(function (nextScopes2, param) {
-        var {
-          useScope,
-          scopeName
-        } = param;
-        var scopeProps = useScope(overrideScopes);
-        var currentScope = scopeProps[`__scope${scopeName}`];
-        return {
-          ...nextScopes2,
-          ...currentScope
-        };
-      }, {});
-      return React.useMemo(function () {
-        return {
-          [`__scope${baseScope.scopeName}`]: nextScopes
-        };
-      }, [nextScopes]);
-    };
-  };
-  createScope.scopeName = baseScope.scopeName;
-  return createScope;
+	for (var _len = arguments.length, scopes = new Array(_len), _key = 0; _key < _len; _key++) {
+		scopes[_key] = arguments[_key];
+	}
+	var baseScope = scopes[0];
+	if (scopes.length === 1) return baseScope;
+	var createScope = function() {
+		var scopeHooks = scopes.map(function(createScope2) {
+			return {
+				useScope: createScope2(),
+				scopeName: createScope2.scopeName
+			};
+		});
+		return function useComposedScopes(overrideScopes) {
+			var nextScopes = scopeHooks.reduce(function(nextScopes2, param) {
+				var { useScope, scopeName } = param;
+				var scopeProps = useScope(overrideScopes);
+				var currentScope = scopeProps[`__scope${scopeName}`];
+				return {
+					...nextScopes2,
+					...currentScope
+				};
+			}, {});
+			return React.useMemo(function() {
+				return { [`__scope${baseScope.scopeName}`]: nextScopes };
+			}, [nextScopes]);
+		};
+	};
+	createScope.scopeName = baseScope.scopeName;
+	return createScope;
 }
+
 //# sourceMappingURL=create-context.native.js.map