@tamagui/web 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/helpers/themeRef.cjs

@@ -0,0 +1,42 @@
+
+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
+	});
+};
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var themeRef_exports = {};
+__export(themeRef_exports, {
+	THEME_REF_PREFIX: () => THEME_REF_PREFIX,
+	containsThemeRef: () => containsThemeRef,
+	themeRefKey: () => themeRefKey
+});
+module.exports = __toCommonJS(themeRef_exports);
+const THEME_REF_PREFIX = "
theme:";
+function themeRefKey(value) {
+	if (typeof value !== "string" || !value.startsWith(THEME_REF_PREFIX)) return null;
+	const key = value.slice(THEME_REF_PREFIX.length);
+	return key && !key.includes("/") && !key.includes(THEME_REF_PREFIX) ? key : null;
+}
+function containsThemeRef(value) {
+	if (typeof value === "string") return value.includes(THEME_REF_PREFIX);
+	if (Array.isArray(value)) return value.some(containsThemeRef);
+	if (value && typeof value === "object") {
+		return Object.values(value).some(containsThemeRef);
+	}
+	return false;
+}

package/dist/cjs/helpers/themeRef.native.cjs

@@ -0,0 +1,48 @@
+"use strict";
+
+
+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
+	});
+};
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var themeRef_exports = {};
+__export(themeRef_exports, {
+	THEME_REF_PREFIX: () => THEME_REF_PREFIX,
+	containsThemeRef: () => containsThemeRef,
+	themeRefKey: () => themeRefKey
+});
+module.exports = __toCommonJS(themeRef_exports);
+function _type_of(obj) {
+	"@swc/helpers - typeof";
+	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var THEME_REF_PREFIX = "
theme:";
+function themeRefKey(value) {
+	if (typeof value !== "string" || !value.startsWith(THEME_REF_PREFIX)) return null;
+	var key = value.slice(THEME_REF_PREFIX.length);
+	return key && !key.includes("/") && !key.includes(THEME_REF_PREFIX) ? key : null;
+}
+function containsThemeRef(value) {
+	if (typeof value === "string") return value.includes(THEME_REF_PREFIX);
+	if (Array.isArray(value)) return value.some(containsThemeRef);
+	if (value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object") {
+		return Object.values(value).some(containsThemeRef);
+	}
+	return false;
+}

package/dist/cjs/helpers/themeRef.native.js

@@ -0,0 +1,50 @@
+"use strict";
+
+
+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
+	});
+};
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var themeRef_exports = {};
+__export(themeRef_exports, {
+	THEME_REF_PREFIX: () => THEME_REF_PREFIX,
+	containsThemeRef: () => containsThemeRef,
+	themeRefKey: () => themeRefKey
+});
+module.exports = __toCommonJS(themeRef_exports);
+function _type_of(obj) {
+	"@swc/helpers - typeof";
+	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var THEME_REF_PREFIX = "
theme:";
+function themeRefKey(value) {
+	if (typeof value !== "string" || !value.startsWith(THEME_REF_PREFIX)) return null;
+	var key = value.slice(THEME_REF_PREFIX.length);
+	return key && !key.includes("/") && !key.includes(THEME_REF_PREFIX) ? key : null;
+}
+function containsThemeRef(value) {
+	if (typeof value === "string") return value.includes(THEME_REF_PREFIX);
+	if (Array.isArray(value)) return value.some(containsThemeRef);
+	if (value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object") {
+		return Object.values(value).some(containsThemeRef);
+	}
+	return false;
+}
+
+//# sourceMappingURL=themeRef.native.js.map

package/dist/cjs/helpers/themeRef.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeRef.native.js","names":[],"sources":["cjs/helpers/themeRef.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar themeRef_exports = {};\n__export(themeRef_exports, {\n  THEME_REF_PREFIX: () => THEME_REF_PREFIX,\n  containsThemeRef: () => containsThemeRef,\n  themeRefKey: () => themeRefKey\n});\nmodule.exports = __toCommonJS(themeRef_exports);\nfunction _type_of(obj) {\n  \"@swc/helpers - typeof\";\n  return obj && typeof Symbol !== \"undefined\" && obj.constructor === Symbol ? \"symbol\" : typeof obj;\n}\nvar THEME_REF_PREFIX = \"\u0001theme:\";\nfunction themeRefKey(value) {\n  if (typeof value !== \"string\" || !value.startsWith(THEME_REF_PREFIX)) return null;\n  var key = value.slice(THEME_REF_PREFIX.length);\n  return key && !key.includes(\"/\") && !key.includes(THEME_REF_PREFIX) ? key : null;\n}\nfunction containsThemeRef(value) {\n  if (typeof value === \"string\") return value.includes(THEME_REF_PREFIX);\n  if (Array.isArray(value)) return value.some(containsThemeRef);\n  if (value && (typeof value === \"undefined\" ? \"undefined\" : _type_of(value)) === \"object\") {\n    return Object.values(value).some(containsThemeRef);\n  }\n  return false;\n}\n//# sourceMappingURL=themeRef.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,mBAAmB,CAAC;AACxB,SAAS,kBAAkB;CACzB,wBAAwB;CACxB,wBAAwB;CACxB,mBAAmB;AACrB,CAAC;AACD,OAAO,UAAU,aAAa,gBAAgB;AAC9C,SAAS,SAAS,KAAK;CACrB;CACA,OAAO,OAAO,OAAO,WAAW,eAAe,IAAI,gBAAgB,SAAS,WAAW,OAAO;AAChG;AACA,IAAI,mBAAmB;AACvB,SAAS,YAAY,OAAO;CAC1B,IAAI,OAAO,UAAU,YAAY,CAAC,MAAM,WAAW,gBAAgB,GAAG,OAAO;CAC7E,IAAI,MAAM,MAAM,MAAM,iBAAiB,MAAM;CAC7C,OAAO,OAAO,CAAC,IAAI,SAAS,GAAG,KAAK,CAAC,IAAI,SAAS,gBAAgB,IAAI,MAAM;AAC9E;AACA,SAAS,iBAAiB,OAAO;CAC/B,IAAI,OAAO,UAAU,UAAU,OAAO,MAAM,SAAS,gBAAgB;CACrE,IAAI,MAAM,QAAQ,KAAK,GAAG,OAAO,MAAM,KAAK,gBAAgB;CAC5D,IAAI,UAAU,OAAO,UAAU,cAAc,cAAc,SAAS,KAAK,OAAO,UAAU;EACxF,OAAO,OAAO,OAAO,KAAK,EAAE,KAAK,gBAAgB;CACnD;CACA,OAAO;AACT"}

package/dist/cjs/helpers/themeable.cjs

@@ -1,3 +1,4 @@
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -5,110 +6,88 @@ 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 themeable_exports = {};
-__export(themeable_exports, {
-  themeable: () => themeable
-});
+__export(themeable_exports, { themeable: () => themeable });
 module.exports = __toCommonJS(themeable_exports);
 var import_react = __toESM(require("react"), 1);
 var import_Theme = require("../views/Theme.cjs");
 var import_getDefaultProps = require("./getDefaultProps.cjs");
-var import_jsx_runtime =
-// @ts-expect-error its ok
-require("react/jsx-runtime");
+var import_jsx_runtime = require("react/jsx-runtime");
 function themeable(Component, staticConfig, optimize = false) {
-  const withThemeComponent = import_react.default.forwardRef(function WithTheme(props, ref) {
-    "use no memo";
-
-    const userDefaults = (0, import_getDefaultProps.getDefaultProps)(staticConfig, props.componentName);
-    const defaultTheme = userDefaults?.theme;
-    const defaultResetTheme = userDefaults?.themeReset;
-    const {
-      theme,
-      componentName,
-      themeReset,
-      ...rest
-    } = props;
-    let overriddenContextProps;
-    const context = staticConfig?.context;
-    if (context) {
-      for (const key in context.props) {
-        const val = props[key];
-        if (val !== void 0) {
-          overriddenContextProps = overriddenContextProps || {};
-          overriddenContextProps[key] = val;
-        }
-      }
-    }
-    const element = /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
-      ref,
-      ...rest,
-      "data-disable-theme": true
-    });
-    let filteredProps = null;
-    const compName = componentName || staticConfig?.componentName;
-    if (compName) {
-      filteredProps = filteredProps || {};
-      filteredProps.componentName = compName;
-    }
-    if ("debug" in props) {
-      filteredProps = filteredProps || {};
-      filteredProps.debug = props.debug;
-    }
-    if ("theme" in props || defaultTheme) {
-      filteredProps = filteredProps || {};
-      filteredProps.name = "theme" in props ? props.theme : defaultTheme;
-    }
-    if ("themeReset" in props || defaultResetTheme) {
-      filteredProps = filteredProps || {};
-      filteredProps.reset = "themeReset" in props ? themeReset : defaultResetTheme;
-    }
-    if (optimize && !filteredProps) {
-      return element;
-    }
-    let contents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Theme.Theme, {
-      "disable-child-theme": true,
-      ...filteredProps,
-      children: element
-    });
-    if (context) {
-      const Provider = context.Provider;
-      const contextValue = import_react.default.useContext(context);
-      contents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(Provider, {
-        ...contextValue,
-        ...overriddenContextProps,
-        children: contents
-      });
-    }
-    return contents;
-  });
-  const withTheme = withThemeComponent;
-  withTheme.displayName = `Themed(${Component?.displayName || Component?.name || "Anonymous"})`;
-  return withTheme;
-}
+	const withThemeComponent = function WithTheme(props) {
+		"use no memo";
+		const userDefaults = (0, import_getDefaultProps.getDefaultProps)(staticConfig);
+		const defaultTheme = userDefaults?.theme;
+		const defaultResetTheme = userDefaults?.themeReset;
+		const { theme, themeReset, ref, ...rest } = props;
+		let overriddenContextProps;
+		const context = staticConfig?.context;
+		if (context) {
+			for (const key in context.props) {
+				const val = props[key];
+				if (val !== void 0) {
+					overriddenContextProps = overriddenContextProps || {};
+					overriddenContextProps[key] = val;
+				}
+			}
+		}
+		const element = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+			ref,
+			...rest,
+			"data-disable-theme": true
+		});
+		let filteredProps = null;
+		if ("debug" in props) {
+			filteredProps = filteredProps || {};
+			filteredProps.debug = props.debug;
+		}
+		if ("theme" in props || defaultTheme) {
+			filteredProps = filteredProps || {};
+			filteredProps.name = "theme" in props ? props.theme : defaultTheme;
+		}
+		if ("themeReset" in props || defaultResetTheme) {
+			filteredProps = filteredProps || {};
+			filteredProps.reset = "themeReset" in props ? themeReset : defaultResetTheme;
+		}
+		if (optimize && !filteredProps) {
+			return element;
+		}
+		let contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.Theme, {
+			"disable-child-theme": true,
+			...filteredProps,
+			children: element
+		});
+		if (context) {
+			const Provider = context.Provider;
+			const contextValue = import_react.default.useContext(context);
+			contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, {
+				...contextValue,
+				...overriddenContextProps,
+				children: contents
+			});
+		}
+		return contents;
+	};
+	const withTheme = withThemeComponent;
+	withTheme.displayName = `Themed(${Component?.displayName || Component?.name || "Anonymous"})`;
+	return withTheme;
+}

package/dist/cjs/helpers/themeable.native.cjs

@@ -0,0 +1,96 @@
+"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 themeable_exports = {};
+__export(themeable_exports, { themeable: () => themeable });
+module.exports = __toCommonJS(themeable_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_Theme = require("../views/Theme.native.js");
+var import_getDefaultProps = require("./getDefaultProps.native.js");
+function themeable(Component, staticConfig) {
+	var optimize = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+	var withThemeComponent = function WithTheme(props) {
+		"use no memo";
+		var userDefaults = (0, import_getDefaultProps.getDefaultProps)(staticConfig);
+		var defaultTheme = userDefaults === null || userDefaults === void 0 ? void 0 : userDefaults.theme;
+		var defaultResetTheme = userDefaults === null || userDefaults === void 0 ? void 0 : userDefaults.themeReset;
+		var { theme, themeReset, ref, ...rest } = props;
+		var overriddenContextProps;
+		var context = staticConfig === null || staticConfig === void 0 ? void 0 : staticConfig.context;
+		if (context) {
+			for (var key in context.props) {
+				var val = props[key];
+				if (val !== void 0) {
+					overriddenContextProps = overriddenContextProps || {};
+					overriddenContextProps[key] = val;
+				}
+			}
+		}
+		var element = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+			ref,
+			...rest,
+			"data-disable-theme": true
+		});
+		var filteredProps = null;
+		if ("debug" in props) {
+			filteredProps = filteredProps || {};
+			filteredProps.debug = props.debug;
+		}
+		if ("theme" in props || defaultTheme) {
+			filteredProps = filteredProps || {};
+			filteredProps.name = "theme" in props ? props.theme : defaultTheme;
+		}
+		if ("themeReset" in props || defaultResetTheme) {
+			filteredProps = filteredProps || {};
+			filteredProps.reset = "themeReset" in props ? themeReset : defaultResetTheme;
+		}
+		if (optimize && !filteredProps) {
+			return element;
+		}
+		var contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.Theme, {
+			"disable-child-theme": true,
+			...filteredProps,
+			children: element
+		});
+		if (context) {
+			var Provider = context.Provider;
+			var contextValue = import_react.default.useContext(context);
+			contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, {
+				...contextValue,
+				...overriddenContextProps,
+				children: contents
+			});
+		}
+		return contents;
+	};
+	var withTheme = withThemeComponent;
+	withTheme.displayName = `Themed(${(Component === null || Component === void 0 ? void 0 : Component.displayName) || (Component === null || Component === void 0 ? void 0 : Component.name) || "Anonymous"})`;
+	return withTheme;
+}

package/dist/cjs/helpers/themeable.native.js

@@ -1,5 +1,6 @@
 "use strict";
 
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7,113 +8,91 @@ 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 themeable_exports = {};
-__export(themeable_exports, {
-  themeable: () => themeable
-});
+__export(themeable_exports, { themeable: () => themeable });
 module.exports = __toCommonJS(themeable_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"), 1);
 var import_Theme = require("../views/Theme.native.js");
 var import_getDefaultProps = require("./getDefaultProps.native.js");
 function themeable(Component, staticConfig) {
-  var optimize = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
-  var withThemeComponent = /* @__PURE__ */import_react.default.forwardRef(function WithTheme(props, ref) {
-    "use no memo";
-
-    var userDefaults = (0, import_getDefaultProps.getDefaultProps)(staticConfig, props.componentName);
-    var defaultTheme = userDefaults === null || userDefaults === void 0 ? void 0 : userDefaults.theme;
-    var defaultResetTheme = userDefaults === null || userDefaults === void 0 ? void 0 : userDefaults.themeReset;
-    var {
-      theme,
-      componentName,
-      themeReset,
-      ...rest
-    } = props;
-    var overriddenContextProps;
-    var context = staticConfig === null || staticConfig === void 0 ? void 0 : staticConfig.context;
-    if (context) {
-      for (var key in context.props) {
-        var val = props[key];
-        if (val !== void 0) {
-          overriddenContextProps = overriddenContextProps || {};
-          overriddenContextProps[key] = val;
-        }
-      }
-    }
-    var element =
-    // @ts-expect-error its ok
-    /* @__PURE__ */
-    (0, import_jsx_runtime.jsx)(Component, {
-      ref,
-      ...rest,
-      "data-disable-theme": true
-    });
-    var filteredProps = null;
-    var compName = componentName || (staticConfig === null || staticConfig === void 0 ? void 0 : staticConfig.componentName);
-    if (compName) {
-      filteredProps = filteredProps || {};
-      filteredProps.componentName = compName;
-    }
-    if ("debug" in props) {
-      filteredProps = filteredProps || {};
-      filteredProps.debug = props.debug;
-    }
-    if ("theme" in props || defaultTheme) {
-      filteredProps = filteredProps || {};
-      filteredProps.name = "theme" in props ? props.theme : defaultTheme;
-    }
-    if ("themeReset" in props || defaultResetTheme) {
-      filteredProps = filteredProps || {};
-      filteredProps.reset = "themeReset" in props ? themeReset : defaultResetTheme;
-    }
-    if (optimize && !filteredProps) {
-      return element;
-    }
-    var contents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Theme.Theme, {
-      "disable-child-theme": true,
-      ...filteredProps,
-      children: element
-    });
-    if (context) {
-      var Provider = context.Provider;
-      var contextValue = import_react.default.useContext(context);
-      contents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(Provider, {
-        ...contextValue,
-        ...overriddenContextProps,
-        children: contents
-      });
-    }
-    return contents;
-  });
-  var withTheme = withThemeComponent;
-  withTheme.displayName = `Themed(${(Component === null || Component === void 0 ? void 0 : Component.displayName) || (Component === null || Component === void 0 ? void 0 : Component.name) || "Anonymous"})`;
-  return withTheme;
+	var optimize = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false;
+	var withThemeComponent = function WithTheme(props) {
+		"use no memo";
+		var userDefaults = (0, import_getDefaultProps.getDefaultProps)(staticConfig);
+		var defaultTheme = userDefaults === null || userDefaults === void 0 ? void 0 : userDefaults.theme;
+		var defaultResetTheme = userDefaults === null || userDefaults === void 0 ? void 0 : userDefaults.themeReset;
+		var { theme, themeReset, ref, ...rest } = props;
+		var overriddenContextProps;
+		var context = staticConfig === null || staticConfig === void 0 ? void 0 : staticConfig.context;
+		if (context) {
+			for (var key in context.props) {
+				var val = props[key];
+				if (val !== void 0) {
+					overriddenContextProps = overriddenContextProps || {};
+					overriddenContextProps[key] = val;
+				}
+			}
+		}
+		var element = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+			ref,
+			...rest,
+			"data-disable-theme": true
+		});
+		var filteredProps = null;
+		if ("debug" in props) {
+			filteredProps = filteredProps || {};
+			filteredProps.debug = props.debug;
+		}
+		if ("theme" in props || defaultTheme) {
+			filteredProps = filteredProps || {};
+			filteredProps.name = "theme" in props ? props.theme : defaultTheme;
+		}
+		if ("themeReset" in props || defaultResetTheme) {
+			filteredProps = filteredProps || {};
+			filteredProps.reset = "themeReset" in props ? themeReset : defaultResetTheme;
+		}
+		if (optimize && !filteredProps) {
+			return element;
+		}
+		var contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Theme.Theme, {
+			"disable-child-theme": true,
+			...filteredProps,
+			children: element
+		});
+		if (context) {
+			var Provider = context.Provider;
+			var contextValue = import_react.default.useContext(context);
+			contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Provider, {
+				...contextValue,
+				...overriddenContextProps,
+				children: contents
+			});
+		}
+		return contents;
+	};
+	var withTheme = withThemeComponent;
+	withTheme.displayName = `Themed(${(Component === null || Component === void 0 ? void 0 : Component.displayName) || (Component === null || Component === void 0 ? void 0 : Component.name) || "Anonymous"})`;
+	return withTheme;
 }
+
 //# sourceMappingURL=themeable.native.js.map