@tamagui/web 3.0.0-beta.807.1 → 3.0.0-beta.881.1

package/dist/esm/style.native.js

@@ -0,0 +1,63 @@
+import React from "react";
+import { stylePieceSymbol } from "./types.native.js";
+import { warnOnce } from "./helpers/warnOnce.native.js";
+
+function _type_of(obj) {
+	"@swc/helpers - typeof";
+	return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var compileStylePiece;
+var resolveStylePiece;
+var uncacheablePieces = /* @__PURE__ */ new WeakSet();
+var flatClausePattern = /(?:^|\s)@?[A-Za-z][A-Za-z0-9-]*(?:\/[A-Za-z0-9_-]+)?:/;
+function setStylePieceCompiler(compiler) {
+	compileStylePiece = compiler;
+}
+function setStylePieceResolver(resolver) {
+	resolveStylePiece = resolver;
+}
+function isStylePiece(value) {
+	return !!value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" && stylePieceSymbol in value;
+}
+function isStylePieceCacheable(piece) {
+	return !uncacheablePieces.has(piece);
+}
+function canCacheByTheme(definition) {
+	for (var key in definition) {
+		var value = definition[key];
+		if (typeof value === "string" && flatClausePattern.test(value) || value && (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object") {
+			return false;
+		}
+	}
+	return true;
+}
+function createStylePiece(definition) {
+	var layer = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "style";
+	var piece = {
+		className: "",
+		[stylePieceSymbol]: {
+			byKey: {},
+			styleObject: definition
+		}
+	};
+	if (!canCacheByTheme(definition)) {
+		uncacheablePieces.add(piece);
+	}
+	compileStylePiece === null || compileStylePiece === void 0 ? void 0 : compileStylePiece(piece, layer);
+	return piece;
+}
+function style(definition) {
+	if (process.env.NODE_ENV === "development") {
+		var internals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+		if (internals === null || internals === void 0 ? void 0 : internals.H) {
+			warnOnce("[tamagui] style() was called during render. Define style pieces at module scope so their rules compile once.");
+		}
+	}
+	return createStylePiece(definition);
+}
+function resolveStylePieceForTheme(piece, theme, themeName) {
+	return resolveStylePiece ? resolveStylePiece(piece, theme, themeName) : piece[stylePieceSymbol].styleObject;
+}
+
+export { createStylePiece, isStylePiece, isStylePieceCacheable, resolveStylePieceForTheme, setStylePieceCompiler, setStylePieceResolver, style };
+//# sourceMappingURL=style.native.js.map

package/dist/esm/style.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.native.js","names":[],"sources":["esm/style.native.js"],"sourcesContent":["import React from \"react\";\nimport { stylePieceSymbol } from \"./types\";\nimport { warnOnce } from \"./helpers/warnOnce\";\nfunction _type_of(obj) {\n  \"@swc/helpers - typeof\";\n  return obj && typeof Symbol !== \"undefined\" && obj.constructor === Symbol ? \"symbol\" : typeof obj;\n}\nvar compileStylePiece;\nvar resolveStylePiece;\nvar uncacheablePieces = /* @__PURE__ */ new WeakSet();\nvar flatClausePattern = /(?:^|\\s)@?[A-Za-z][A-Za-z0-9-]*(?:\\/[A-Za-z0-9_-]+)?:/;\nfunction setStylePieceCompiler(compiler) {\n  compileStylePiece = compiler;\n}\nfunction setStylePieceResolver(resolver) {\n  resolveStylePiece = resolver;\n}\nfunction isStylePiece(value) {\n  return !!value && (typeof value === \"undefined\" ? \"undefined\" : _type_of(value)) === \"object\" && stylePieceSymbol in value;\n}\nfunction isStylePieceCacheable(piece) {\n  return !uncacheablePieces.has(piece);\n}\nfunction canCacheByTheme(definition) {\n  for (var key in definition) {\n    var value = definition[key];\n    if (typeof value === \"string\" && flatClausePattern.test(value) || value && (typeof value === \"undefined\" ? \"undefined\" : _type_of(value)) === \"object\") {\n      return false;\n    }\n  }\n  return true;\n}\nfunction createStylePiece(definition) {\n  var layer = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"style\";\n  var piece = {\n    className: \"\",\n    [stylePieceSymbol]: {\n      byKey: {},\n      styleObject: definition\n    }\n  };\n  if (!canCacheByTheme(definition)) {\n    uncacheablePieces.add(piece);\n  }\n  compileStylePiece === null || compileStylePiece === void 0 ? void 0 : compileStylePiece(piece, layer);\n  return piece;\n}\nfunction style(definition) {\n  if (process.env.NODE_ENV === \"development\") {\n    var internals = React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;\n    if (internals === null || internals === void 0 ? void 0 : internals.H) {\n      warnOnce(\"[tamagui] style() was called during render. Define style pieces at module scope so their rules compile once.\");\n    }\n  }\n  return createStylePiece(definition);\n}\nfunction resolveStylePieceForTheme(piece, theme, themeName) {\n  return resolveStylePiece ? resolveStylePiece(piece, theme, themeName) : piece[stylePieceSymbol].styleObject;\n}\nexport {\n  createStylePiece,\n  isStylePiece,\n  isStylePieceCacheable,\n  resolveStylePieceForTheme,\n  setStylePieceCompiler,\n  setStylePieceResolver,\n  style\n};\n//# sourceMappingURL=style.js.map\n"],"mappings":";;;;;AAGA,SAAS,SAAS,KAAK;CACrB;CACA,OAAO,OAAO,OAAO,WAAW,eAAe,IAAI,gBAAgB,SAAS,WAAW,OAAO;AAChG;AACA,IAAI;AACJ,IAAI;AACJ,IAAI,oCAAoC,IAAI,QAAQ;AACpD,IAAI,oBAAoB;AACxB,SAAS,sBAAsB,UAAU;CACvC,oBAAoB;AACtB;AACA,SAAS,sBAAsB,UAAU;CACvC,oBAAoB;AACtB;AACA,SAAS,aAAa,OAAO;CAC3B,OAAO,CAAC,CAAC,UAAU,OAAO,UAAU,cAAc,cAAc,SAAS,KAAK,OAAO,YAAY,oBAAoB;AACvH;AACA,SAAS,sBAAsB,OAAO;CACpC,OAAO,CAAC,kBAAkB,IAAI,KAAK;AACrC;AACA,SAAS,gBAAgB,YAAY;CACnC,KAAK,IAAI,OAAO,YAAY;EAC1B,IAAI,QAAQ,WAAW;EACvB,IAAI,OAAO,UAAU,YAAY,kBAAkB,KAAK,KAAK,KAAK,UAAU,OAAO,UAAU,cAAc,cAAc,SAAS,KAAK,OAAO,UAAU;GACtJ,OAAO;EACT;CACF;CACA,OAAO;AACT;AACA,SAAS,iBAAiB,YAAY;CACpC,IAAI,QAAQ,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK;CAC7E,IAAI,QAAQ;EACV,WAAW;GACV,mBAAmB;GAClB,OAAO,CAAC;GACR,aAAa;EACf;CACF;CACA,IAAI,CAAC,gBAAgB,UAAU,GAAG;EAChC,kBAAkB,IAAI,KAAK;CAC7B;CACA,sBAAsB,QAAQ,sBAAsB,KAAK,IAAI,KAAK,IAAI,kBAAkB,OAAO,KAAK;CACpG,OAAO;AACT;AACA,SAAS,MAAM,YAAY;CACzB,IAAI,QAAQ,IAAI,aAAa,eAAe;EAC1C,IAAI,YAAY,MAAM;EACtB,IAAI,cAAc,QAAQ,cAAc,KAAK,IAAI,KAAK,IAAI,UAAU,GAAG;GACrE,SAAS,8GAA8G;EACzH;CACF;CACA,OAAO,iBAAiB,UAAU;AACpC;AACA,SAAS,0BAA0B,OAAO,OAAO,WAAW;CAC1D,OAAO,oBAAoB,kBAAkB,OAAO,OAAO,SAAS,IAAI,MAAM,iBAAiB,CAAC;AAClG"}

package/dist/esm/styled.mjs

@@ -1,56 +1,15 @@
+import { stylePropsInput, stylePropsText } from "@tamagui/helpers";
 import { createComponent } from "./createComponent.mjs";
-import { componentDisplayName, setComponentDisplayName } from "./helpers/componentDisplayName.mjs";
+import { componentDisplayName } from "./helpers/componentDisplayName.mjs";
 import { mergeVariants } from "./helpers/mergeVariants.mjs";
+import { resolveVariantStyle } from "./helpers/resolveVariantStyle.mjs";
+import { styledDynamic } from "./helpers/styledDynamic.mjs";
 import { warnOnce } from "./helpers/warnOnce.mjs";
-import { createVariantResolver } from "./types.mjs";
 
-const textLikeElements = /* @__PURE__ */ new Set([
-	"a",
-	"abbr",
-	"b",
-	"bdi",
-	"bdo",
-	"cite",
-	"code",
-	"data",
-	"del",
-	"dfn",
-	"em",
-	"i",
-	"ins",
-	"kbd",
-	"label",
-	"mark",
-	"q",
-	"s",
-	"samp",
-	"small",
-	"span",
-	"strong",
-	"sub",
-	"sup",
-	"time",
-	"u",
-	"var"
-]);
-function styledHtml(tag, options) {
-	const isText = textLikeElements.has(tag);
-	const { variants, displayName, defaultVariants, context, ...defaultProps } = options || {};
-	const conf = {
-		Component: tag,
-		variants,
-		defaultProps,
-		defaultVariants,
-		isText,
-		acceptsClassName: true,
-		context
-	};
-	if (defaultProps["children"] || context) conf.neverFlatten = true;
-	return setComponentDisplayName(createComponent(conf), displayName);
-}
-function styled(...args) {
+function styledFn(...args) {
 	return styledImpl(void 0, ...args);
 }
+const styled = Object.assign(styledFn, { dynamic: styledDynamic });
 function createFrontendStyled(frontend) {
 	return (ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) => styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig);
 }
@@ -61,9 +20,7 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
 	const config = hasBaseClassName ? maybeConfig : configOrOptions;
 	const options = optionsIn;
 	const displayName = options?.displayName;
-	if (process.env.NODE_ENV !== "production") {
-		if (!ComponentIn) throw new Error(`No component given to styled()`);
-	}
+	if (!ComponentIn) throw new Error(process.env.NODE_ENV === "development" ? "No component given to styled()" : "❌ Error 006");
 	const parentStaticConfig = ComponentIn["staticConfig"];
 	const requestedReactNativeInterop = Boolean(config?.isReactNative || parentStaticConfig?.isReactNative);
 	if (process.env.NODE_ENV === "development" && requestedReactNativeInterop) warnOnce("isReactNative-web-removed", "The isReactNative styled-component option is native-only in Tamagui v3. React Native Web hosts on web are no longer adapted; use a component that accepts className, data-* attributes, and DOM events.");
@@ -71,11 +28,10 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
 	const isPlainStyledComponent = !!parentStaticConfig && !parentStaticConfig.isHOC;
 	let Component = parentStaticConfig?.isHOC && !parentStaticConfig?.isStyledHOC || isPlainStyledComponent ? ComponentIn : parentStaticConfig?.Component || ComponentIn;
 	const resolvedIsReactNative = Boolean(isReactNative);
-	const component = setComponentDisplayName(createComponent((() => {
-		let { variants, displayName: _displayName, defaultVariants, context, contextProps, compoundVariants, ...defaultProps } = options || {};
+	const component = createComponent((() => {
+		let { variants, displayName: _displayName, defaultVariants, context, contextProps, ...defaultProps } = options || {};
 		let parentDefaultVariants;
 		let parentDefaultProps;
-		let parentCompoundVariants;
 		const mergedBaseClassName = parentStaticConfig?.baseClassName && baseClassName ? `${parentStaticConfig.baseClassName} ${baseClassName}` : baseClassName || parentStaticConfig?.baseClassName;
 		if (parentStaticConfig) {
 			if (!(parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC)) {
@@ -96,10 +52,8 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
 					}
 				}
 				if (parentStaticConfig.variants) variants = mergeVariants(parentStaticConfig.variants, variants);
-				parentCompoundVariants = parentStaticConfig.compoundVariants;
 			}
 		}
-		const mergedCompoundVariants = parentCompoundVariants || compoundVariants ? [...parentCompoundVariants || [], ...compoundVariants || []] : void 0;
 		const mergedContext = context || parentStaticConfig?.context;
 		const mergedContextProps = context ? contextProps : contextProps || parentStaticConfig?.contextProps;
 		if (parentDefaultProps || defaultVariants || parentDefaultVariants) defaultProps = {
@@ -108,29 +62,34 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
 			...defaultProps,
 			...defaultVariants
 		};
+		const isInput = Boolean(config?.isInput || parentStaticConfig?.isInput);
 		const isText = Boolean(config?.isText || parentStaticConfig?.isText);
+		const validStyles = config?.validStyles || (config?.isInput ? stylePropsInput : config?.isText ? stylePropsText : parentStaticConfig?.validStyles);
 		const acceptsClassName = config?.acceptsClassName ?? (isPlainStyledComponent || resolvedIsReactNative || parentStaticConfig?.isHOC && parentStaticConfig?.acceptsClassName);
 		const conf = {
 			...parentStaticConfig,
 			...config,
 			...!isPlainStyledComponent && { Component },
 			variants,
-			compoundVariants: mergedCompoundVariants,
 			baseClassName: mergedBaseClassName,
 			defaultProps,
 			defaultVariants,
 			isText,
+			isInput,
+			validStyles,
 			acceptsClassName,
 			context: mergedContext,
 			contextProps: mergedContextProps,
 			isStyledHOC: Boolean(parentStaticConfig?.isHOC),
 			parentStaticConfig,
+			displayName: displayName || ComponentIn[componentDisplayName],
 			...frontend && { styleFrontend: frontend }
 		};
+		conf.variantStyleResolver = resolveVariantStyle;
 		delete conf.isReactNative;
 		if (defaultProps["children"] || !acceptsClassName || mergedContext) conf.neverFlatten = true;
 		return conf;
-	})() || {}), displayName || ComponentIn[componentDisplayName]);
+	})() || {});
 	for (const key in ComponentIn) {
 		if (key === "propTypes") continue;
 		if (key in component) continue;
@@ -138,10 +97,6 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
 	}
 	return component;
 }
-const styledExport = new Proxy(styled, { get(target, prop) {
-	if (prop in target) return target[prop];
-	return (options) => styledHtml(prop, options);
-} });
 
-export { createFrontendStyled, createVariantResolver, styledExport as styled, styledHtml };
+export { createFrontendStyled, styled };
 //# sourceMappingURL=styled.mjs.map

package/dist/esm/styled.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":[],"sources":["esm/styled.js"],"sourcesContent":["import { createComponent } from \"./createComponent\";\nimport { componentDisplayName, setComponentDisplayName } from \"./helpers/componentDisplayName\";\nimport { mergeVariants } from \"./helpers/mergeVariants\";\nimport { warnOnce } from \"./helpers/warnOnce\";\nimport { createVariantResolver } from \"./types\";\n\nconst textLikeElements = /* @__PURE__ */ new Set([\n\t\"a\",\n\t\"abbr\",\n\t\"b\",\n\t\"bdi\",\n\t\"bdo\",\n\t\"cite\",\n\t\"code\",\n\t\"data\",\n\t\"del\",\n\t\"dfn\",\n\t\"em\",\n\t\"i\",\n\t\"ins\",\n\t\"kbd\",\n\t\"label\",\n\t\"mark\",\n\t\"q\",\n\t\"s\",\n\t\"samp\",\n\t\"small\",\n\t\"span\",\n\t\"strong\",\n\t\"sub\",\n\t\"sup\",\n\t\"time\",\n\t\"u\",\n\t\"var\"\n]);\nfunction styledHtml(tag, options) {\n\tconst isText = textLikeElements.has(tag);\n\tconst { variants, displayName, defaultVariants, context, ...defaultProps } = options || {};\n\tconst conf = {\n\t\tComponent: tag,\n\t\tvariants,\n\t\tdefaultProps,\n\t\tdefaultVariants,\n\t\tisText,\n\t\tacceptsClassName: true,\n\t\tcontext\n\t};\n\tif (defaultProps[\"children\"] || context) conf.neverFlatten = true;\n\treturn setComponentDisplayName(createComponent(conf), displayName);\n}\nfunction styled(...args) {\n\treturn styledImpl(void 0, ...args);\n}\nfunction createFrontendStyled(frontend) {\n\treturn (ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) => styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig);\n}\nfunction styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) {\n\tconst hasBaseClassName = typeof optionsOrBaseClassName === \"string\";\n\tconst baseClassName = hasBaseClassName ? optionsOrBaseClassName : void 0;\n\tconst optionsIn = hasBaseClassName ? configOrOptions : optionsOrBaseClassName;\n\tconst config = hasBaseClassName ? maybeConfig : configOrOptions;\n\tconst options = optionsIn;\n\tconst displayName = options?.displayName;\n\tif (process.env.NODE_ENV !== \"production\") {\n\t\tif (!ComponentIn) throw new Error(`No component given to styled()`);\n\t}\n\tconst parentStaticConfig = ComponentIn[\"staticConfig\"];\n\tconst requestedReactNativeInterop = Boolean(config?.isReactNative || parentStaticConfig?.isReactNative);\n\tif (process.env.NODE_ENV === \"development\" && requestedReactNativeInterop) warnOnce(\"isReactNative-web-removed\", \"The isReactNative styled-component option is native-only in Tamagui v3. React Native Web hosts on web are no longer adapted; use a component that accepts className, data-* attributes, and DOM events.\");\n\tconst isReactNative = false;\n\tconst isPlainStyledComponent = !!parentStaticConfig && !parentStaticConfig.isHOC;\n\tlet Component = parentStaticConfig?.isHOC && !parentStaticConfig?.isStyledHOC || isPlainStyledComponent ? ComponentIn : parentStaticConfig?.Component || ComponentIn;\n\tconst resolvedIsReactNative = Boolean(isReactNative);\n\tconst component = setComponentDisplayName(createComponent((() => {\n\t\tlet { variants, displayName: _displayName, defaultVariants, context, contextProps, compoundVariants, ...defaultProps } = options || {};\n\t\tlet parentDefaultVariants;\n\t\tlet parentDefaultProps;\n\t\tlet parentCompoundVariants;\n\t\tconst mergedBaseClassName = parentStaticConfig?.baseClassName && baseClassName ? `${parentStaticConfig.baseClassName} ${baseClassName}` : baseClassName || parentStaticConfig?.baseClassName;\n\t\tif (parentStaticConfig) {\n\t\t\tif (!(parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC)) {\n\t\t\t\tconst pdp = parentStaticConfig.defaultProps;\n\t\t\t\tfor (const key in pdp) {\n\t\t\t\t\tconst val = pdp[key];\n\t\t\t\t\tif (parentStaticConfig.defaultVariants) {\n\t\t\t\t\t\tif (key in parentStaticConfig.defaultVariants) {\n\t\t\t\t\t\t\tif (!defaultVariants || !(key in defaultVariants)) {\n\t\t\t\t\t\t\t\tparentDefaultVariants ||= {};\n\t\t\t\t\t\t\t\tparentDefaultVariants[key] = val;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (!(key in defaultProps) && (!defaultVariants || !(key in defaultVariants))) {\n\t\t\t\t\t\tparentDefaultProps ||= {};\n\t\t\t\t\t\tparentDefaultProps[key] = pdp[key];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (parentStaticConfig.variants) variants = mergeVariants(parentStaticConfig.variants, variants);\n\t\t\t\tparentCompoundVariants = parentStaticConfig.compoundVariants;\n\t\t\t}\n\t\t}\n\t\tconst mergedCompoundVariants = parentCompoundVariants || compoundVariants ? [...parentCompoundVariants || [], ...compoundVariants || []] : void 0;\n\t\tconst mergedContext = context || parentStaticConfig?.context;\n\t\tconst mergedContextProps = context ? contextProps : contextProps || parentStaticConfig?.contextProps;\n\t\tif (parentDefaultProps || defaultVariants || parentDefaultVariants) defaultProps = {\n\t\t\t...parentDefaultProps,\n\t\t\t...parentDefaultVariants,\n\t\t\t...defaultProps,\n\t\t\t...defaultVariants\n\t\t};\n\t\tconst isText = Boolean(config?.isText || parentStaticConfig?.isText);\n\t\tconst acceptsClassName = config?.acceptsClassName ?? (isPlainStyledComponent || resolvedIsReactNative || parentStaticConfig?.isHOC && parentStaticConfig?.acceptsClassName);\n\t\tconst conf = {\n\t\t\t...parentStaticConfig,\n\t\t\t...config,\n\t\t\t...!isPlainStyledComponent && { Component },\n\t\t\tvariants,\n\t\t\tcompoundVariants: mergedCompoundVariants,\n\t\t\tbaseClassName: mergedBaseClassName,\n\t\t\tdefaultProps,\n\t\t\tdefaultVariants,\n\t\t\tisText,\n\t\t\tacceptsClassName,\n\t\t\tcontext: mergedContext,\n\t\t\tcontextProps: mergedContextProps,\n\t\t\tisStyledHOC: Boolean(parentStaticConfig?.isHOC),\n\t\t\tparentStaticConfig,\n\t\t\t...frontend && { styleFrontend: frontend }\n\t\t};\n\t\tdelete conf.isReactNative;\n\t\tif (defaultProps[\"children\"] || !acceptsClassName || mergedContext) conf.neverFlatten = true;\n\t\treturn conf;\n\t})() || {}), displayName || ComponentIn[componentDisplayName]);\n\tfor (const key in ComponentIn) {\n\t\tif (key === \"propTypes\") continue;\n\t\tif (key in component) continue;\n\t\tcomponent[key] = ComponentIn[key];\n\t}\n\treturn component;\n}\nconst styledExport = new Proxy(styled, { get(target, prop) {\n\tif (prop in target) return target[prop];\n\treturn (options) => styledHtml(prop, options);\n} });\n\nexport { createFrontendStyled, createVariantResolver, styledExport as styled, styledHtml };"],"mappings":"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"}
+{"version":3,"file":"styled.js","names":[],"sources":["esm/styled.js"],"sourcesContent":["import { stylePropsInput, stylePropsText } from \"@tamagui/helpers\";\nimport { createComponent } from \"./createComponent\";\nimport { componentDisplayName } from \"./helpers/componentDisplayName\";\nimport { mergeVariants } from \"./helpers/mergeVariants\";\nimport { resolveVariantStyle } from \"./helpers/resolveVariantStyle\";\nimport { styledDynamic } from \"./helpers/styledDynamic\";\nimport { warnOnce } from \"./helpers/warnOnce\";\n\nfunction styledFn(...args) {\n\treturn styledImpl(void 0, ...args);\n}\nconst styled = Object.assign(styledFn, { dynamic: styledDynamic });\nfunction createFrontendStyled(frontend) {\n\treturn (ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) => styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig);\n}\nfunction styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) {\n\tconst hasBaseClassName = typeof optionsOrBaseClassName === \"string\";\n\tconst baseClassName = hasBaseClassName ? optionsOrBaseClassName : void 0;\n\tconst optionsIn = hasBaseClassName ? configOrOptions : optionsOrBaseClassName;\n\tconst config = hasBaseClassName ? maybeConfig : configOrOptions;\n\tconst options = optionsIn;\n\tconst displayName = options?.displayName;\n\tif (!ComponentIn) throw new Error(process.env.NODE_ENV === \"development\" ? \"No component given to styled()\" : \"❌ Error 006\");\n\tconst parentStaticConfig = ComponentIn[\"staticConfig\"];\n\tconst requestedReactNativeInterop = Boolean(config?.isReactNative || parentStaticConfig?.isReactNative);\n\tif (process.env.NODE_ENV === \"development\" && requestedReactNativeInterop) warnOnce(\"isReactNative-web-removed\", \"The isReactNative styled-component option is native-only in Tamagui v3. React Native Web hosts on web are no longer adapted; use a component that accepts className, data-* attributes, and DOM events.\");\n\tconst isReactNative = false;\n\tconst isPlainStyledComponent = !!parentStaticConfig && !parentStaticConfig.isHOC;\n\tlet Component = parentStaticConfig?.isHOC && !parentStaticConfig?.isStyledHOC || isPlainStyledComponent ? ComponentIn : parentStaticConfig?.Component || ComponentIn;\n\tconst resolvedIsReactNative = Boolean(isReactNative);\n\tconst component = createComponent((() => {\n\t\tlet { variants, displayName: _displayName, defaultVariants, context, contextProps, ...defaultProps } = options || {};\n\t\tlet parentDefaultVariants;\n\t\tlet parentDefaultProps;\n\t\tconst mergedBaseClassName = parentStaticConfig?.baseClassName && baseClassName ? `${parentStaticConfig.baseClassName} ${baseClassName}` : baseClassName || parentStaticConfig?.baseClassName;\n\t\tif (parentStaticConfig) {\n\t\t\tif (!(parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC)) {\n\t\t\t\tconst pdp = parentStaticConfig.defaultProps;\n\t\t\t\tfor (const key in pdp) {\n\t\t\t\t\tconst val = pdp[key];\n\t\t\t\t\tif (parentStaticConfig.defaultVariants) {\n\t\t\t\t\t\tif (key in parentStaticConfig.defaultVariants) {\n\t\t\t\t\t\t\tif (!defaultVariants || !(key in defaultVariants)) {\n\t\t\t\t\t\t\t\tparentDefaultVariants ||= {};\n\t\t\t\t\t\t\t\tparentDefaultVariants[key] = val;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (!(key in defaultProps) && (!defaultVariants || !(key in defaultVariants))) {\n\t\t\t\t\t\tparentDefaultProps ||= {};\n\t\t\t\t\t\tparentDefaultProps[key] = pdp[key];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (parentStaticConfig.variants) variants = mergeVariants(parentStaticConfig.variants, variants);\n\t\t\t}\n\t\t}\n\t\tconst mergedContext = context || parentStaticConfig?.context;\n\t\tconst mergedContextProps = context ? contextProps : contextProps || parentStaticConfig?.contextProps;\n\t\tif (parentDefaultProps || defaultVariants || parentDefaultVariants) defaultProps = {\n\t\t\t...parentDefaultProps,\n\t\t\t...parentDefaultVariants,\n\t\t\t...defaultProps,\n\t\t\t...defaultVariants\n\t\t};\n\t\tconst isInput = Boolean(config?.isInput || parentStaticConfig?.isInput);\n\t\tconst isText = Boolean(config?.isText || parentStaticConfig?.isText);\n\t\tconst validStyles = config?.validStyles || (config?.isInput ? stylePropsInput : config?.isText ? stylePropsText : parentStaticConfig?.validStyles);\n\t\tconst acceptsClassName = config?.acceptsClassName ?? (isPlainStyledComponent || resolvedIsReactNative || parentStaticConfig?.isHOC && parentStaticConfig?.acceptsClassName);\n\t\tconst conf = {\n\t\t\t...parentStaticConfig,\n\t\t\t...config,\n\t\t\t...!isPlainStyledComponent && { Component },\n\t\t\tvariants,\n\t\t\tbaseClassName: mergedBaseClassName,\n\t\t\tdefaultProps,\n\t\t\tdefaultVariants,\n\t\t\tisText,\n\t\t\tisInput,\n\t\t\tvalidStyles,\n\t\t\tacceptsClassName,\n\t\t\tcontext: mergedContext,\n\t\t\tcontextProps: mergedContextProps,\n\t\t\tisStyledHOC: Boolean(parentStaticConfig?.isHOC),\n\t\t\tparentStaticConfig,\n\t\t\tdisplayName: displayName || ComponentIn[componentDisplayName],\n\t\t\t...frontend && { styleFrontend: frontend }\n\t\t};\n\t\tconf.variantStyleResolver = resolveVariantStyle;\n\t\tdelete conf.isReactNative;\n\t\tif (defaultProps[\"children\"] || !acceptsClassName || mergedContext) conf.neverFlatten = true;\n\t\treturn conf;\n\t})() || {});\n\tfor (const key in ComponentIn) {\n\t\tif (key === \"propTypes\") continue;\n\t\tif (key in component) continue;\n\t\tcomponent[key] = ComponentIn[key];\n\t}\n\treturn component;\n}\n\nexport { createFrontendStyled, styled };"],"mappings":"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"}

package/dist/esm/styled.native.js

@@ -1,57 +1,16 @@
+import { stylePropsInput, stylePropsText } from "@tamagui/helpers";
 import { createComponent } from "./createComponent.native.js";
-import { componentDisplayName, setComponentDisplayName } from "./helpers/componentDisplayName.native.js";
+import { componentDisplayName } from "./helpers/componentDisplayName.native.js";
 import { mergeVariants } from "./helpers/mergeVariants.native.js";
+import { resolveVariantStyle } from "./helpers/resolveVariantStyle.native.js";
+import { styledDynamic } from "./helpers/styledDynamic.native.js";
 import { getReactNativeConfig } from "./setupReactNative.native.js";
-import { createVariantResolver } from "./types.native.js";
 
-var textLikeElements = /* @__PURE__ */ new Set([
-	"a",
-	"abbr",
-	"b",
-	"bdi",
-	"bdo",
-	"cite",
-	"code",
-	"data",
-	"del",
-	"dfn",
-	"em",
-	"i",
-	"ins",
-	"kbd",
-	"label",
-	"mark",
-	"q",
-	"s",
-	"samp",
-	"small",
-	"span",
-	"strong",
-	"sub",
-	"sup",
-	"time",
-	"u",
-	"var"
-]);
-function styledHtml(tag, options) {
-	var isText = textLikeElements.has(tag);
-	var { variants, displayName, defaultVariants, context, ...defaultProps } = options || {};
-	var conf = {
-		Component: tag,
-		variants,
-		defaultProps,
-		defaultVariants,
-		isText,
-		acceptsClassName: true,
-		context
-	};
-	if (defaultProps["children"] || context) conf.neverFlatten = true;
-	return setComponentDisplayName(createComponent(conf), displayName);
-}
-function styled() {
+function styledFn() {
 	for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
 	return styledImpl(void 0, ...args);
 }
+var styled = Object.assign(styledFn, { dynamic: styledDynamic });
 function createFrontendStyled(frontend) {
 	return function(ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) {
 		return styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig);
@@ -64,9 +23,7 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
 	var config = hasBaseClassName ? maybeConfig : configOrOptions;
 	var options = optionsIn;
 	var displayName = options === null || options === void 0 ? void 0 : options.displayName;
-	if (process.env.NODE_ENV !== "production") {
-		if (!ComponentIn) throw new Error(`No component given to styled()`);
-	}
+	if (!ComponentIn) throw new Error(process.env.NODE_ENV === "development" ? "No component given to styled()" : "❌ Error 006");
 	var parentStaticConfig = ComponentIn["staticConfig"];
 	Boolean((config === null || config === void 0 ? void 0 : config.isReactNative) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isReactNative));
 	var isReactNative = Boolean((config === null || config === void 0 ? void 0 : config.isReactNative) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isReactNative));
@@ -74,11 +31,10 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
 	var Component = (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC) && !(parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isStyledHOC) || isPlainStyledComponent ? ComponentIn : (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.Component) || ComponentIn;
 	var reactNativeConfig = !parentStaticConfig ? getReactNativeConfig(Component) : void 0;
 	var resolvedIsReactNative = Boolean(reactNativeConfig || isReactNative);
-	var component = setComponentDisplayName(createComponent((function() {
-		var { variants, displayName: _displayName, defaultVariants, context, contextProps, compoundVariants, ...defaultProps } = options || {};
+	var component = createComponent((function() {
+		var { variants, displayName: _displayName, defaultVariants, context, contextProps, ...defaultProps } = options || {};
 		var parentDefaultVariants;
 		var parentDefaultProps;
-		var parentCompoundVariants;
 		var mergedBaseClassName = (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.baseClassName) && baseClassName ? `${parentStaticConfig.baseClassName} ${baseClassName}` : baseClassName || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.baseClassName);
 		if (parentStaticConfig) {
 			if (!(parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC)) {
@@ -99,10 +55,8 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
 					}
 				}
 				if (parentStaticConfig.variants) variants = mergeVariants(parentStaticConfig.variants, variants);
-				parentCompoundVariants = parentStaticConfig.compoundVariants;
 			}
 		}
-		var mergedCompoundVariants = parentCompoundVariants || compoundVariants ? [...parentCompoundVariants || [], ...compoundVariants || []] : void 0;
 		var mergedContext = context || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.context);
 		var mergedContextProps = context ? contextProps : contextProps || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.contextProps);
 		if (parentDefaultProps || defaultVariants || parentDefaultVariants) defaultProps = {
@@ -111,7 +65,9 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
 			...defaultProps,
 			...defaultVariants
 		};
+		var isInput = Boolean((config === null || config === void 0 ? void 0 : config.isInput) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isInput));
 		var isText = Boolean((config === null || config === void 0 ? void 0 : config.isText) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isText));
+		var validStyles = (config === null || config === void 0 ? void 0 : config.validStyles) || ((config === null || config === void 0 ? void 0 : config.isInput) ? stylePropsInput : (config === null || config === void 0 ? void 0 : config.isText) ? stylePropsText : parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.validStyles);
 		var _config_acceptsClassName;
 		var acceptsClassName = (_config_acceptsClassName = config === null || config === void 0 ? void 0 : config.acceptsClassName) !== null && _config_acceptsClassName !== void 0 ? _config_acceptsClassName : isPlainStyledComponent || resolvedIsReactNative || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC) && (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.acceptsClassName);
 		var conf = {
@@ -119,23 +75,26 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
 			...config,
 			...!isPlainStyledComponent && { Component },
 			variants,
-			compoundVariants: mergedCompoundVariants,
 			baseClassName: mergedBaseClassName,
 			defaultProps,
 			defaultVariants,
 			isReactNative: resolvedIsReactNative,
 			isText,
+			isInput,
+			validStyles,
 			acceptsClassName,
 			context: mergedContext,
 			contextProps: mergedContextProps,
 			...reactNativeConfig,
 			isStyledHOC: Boolean(parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC),
 			parentStaticConfig,
+			displayName: displayName || ComponentIn[componentDisplayName],
 			...frontend && { styleFrontend: frontend }
 		};
+		conf.variantStyleResolver = resolveVariantStyle;
 		if (defaultProps["children"] || !acceptsClassName || mergedContext) conf.neverFlatten = true;
 		return conf;
-	})() || {}), displayName || ComponentIn[componentDisplayName]);
+	})() || {});
 	for (var key in ComponentIn) {
 		if (key === "propTypes") continue;
 		if (key in component) continue;
@@ -143,12 +102,6 @@ function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptio
 	}
 	return component;
 }
-var styledExport = new Proxy(styled, { get(target, prop) {
-	if (prop in target) return target[prop];
-	return function(options) {
-		return styledHtml(prop, options);
-	};
-} });
 
-export { createFrontendStyled, createVariantResolver, styledExport as styled, styledHtml };
+export { createFrontendStyled, styled };
 //# sourceMappingURL=styled.native.js.map

package/dist/esm/styled.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.native.js","names":[],"sources":["esm/styled.native.js"],"sourcesContent":["import { createComponent } from \"./createComponent\";\nimport { componentDisplayName, setComponentDisplayName } from \"./helpers/componentDisplayName\";\nimport { mergeVariants } from \"./helpers/mergeVariants\";\nimport { getReactNativeConfig } from \"./setupReactNative\";\nimport { createVariantResolver } from \"./types\";\n\nvar textLikeElements = /* @__PURE__ */ new Set([\n\t\"a\",\n\t\"abbr\",\n\t\"b\",\n\t\"bdi\",\n\t\"bdo\",\n\t\"cite\",\n\t\"code\",\n\t\"data\",\n\t\"del\",\n\t\"dfn\",\n\t\"em\",\n\t\"i\",\n\t\"ins\",\n\t\"kbd\",\n\t\"label\",\n\t\"mark\",\n\t\"q\",\n\t\"s\",\n\t\"samp\",\n\t\"small\",\n\t\"span\",\n\t\"strong\",\n\t\"sub\",\n\t\"sup\",\n\t\"time\",\n\t\"u\",\n\t\"var\"\n]);\nfunction styledHtml(tag, options) {\n\tvar isText = textLikeElements.has(tag);\n\tvar { variants, displayName, defaultVariants, context, ...defaultProps } = options || {};\n\tvar conf = {\n\t\tComponent: tag,\n\t\tvariants,\n\t\tdefaultProps,\n\t\tdefaultVariants,\n\t\tisText,\n\t\tacceptsClassName: true,\n\t\tcontext\n\t};\n\tif (defaultProps[\"children\"] || context) conf.neverFlatten = true;\n\treturn setComponentDisplayName(createComponent(conf), displayName);\n}\nfunction styled() {\n\tfor (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];\n\treturn styledImpl(void 0, ...args);\n}\nfunction createFrontendStyled(frontend) {\n\treturn function(ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) {\n\t\treturn styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig);\n\t};\n}\nfunction styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) {\n\tvar hasBaseClassName = typeof optionsOrBaseClassName === \"string\";\n\tvar baseClassName = hasBaseClassName ? optionsOrBaseClassName : void 0;\n\tvar optionsIn = hasBaseClassName ? configOrOptions : optionsOrBaseClassName;\n\tvar config = hasBaseClassName ? maybeConfig : configOrOptions;\n\tvar options = optionsIn;\n\tvar displayName = options === null || options === void 0 ? void 0 : options.displayName;\n\tif (process.env.NODE_ENV !== \"production\") {\n\t\tif (!ComponentIn) throw new Error(`No component given to styled()`);\n\t}\n\tvar parentStaticConfig = ComponentIn[\"staticConfig\"];\n\tBoolean((config === null || config === void 0 ? void 0 : config.isReactNative) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isReactNative));\n\tvar isReactNative = Boolean((config === null || config === void 0 ? void 0 : config.isReactNative) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isReactNative));\n\tvar isPlainStyledComponent = !!parentStaticConfig && !(isReactNative || parentStaticConfig.isHOC);\n\tvar Component = (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC) && !(parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isStyledHOC) || isPlainStyledComponent ? ComponentIn : (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.Component) || ComponentIn;\n\tvar reactNativeConfig = !parentStaticConfig ? getReactNativeConfig(Component) : void 0;\n\tvar resolvedIsReactNative = Boolean(reactNativeConfig || isReactNative);\n\tvar component = setComponentDisplayName(createComponent((function() {\n\t\tvar { variants, displayName: _displayName, defaultVariants, context, contextProps, compoundVariants, ...defaultProps } = options || {};\n\t\tvar parentDefaultVariants;\n\t\tvar parentDefaultProps;\n\t\tvar parentCompoundVariants;\n\t\tvar mergedBaseClassName = (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.baseClassName) && baseClassName ? `${parentStaticConfig.baseClassName} ${baseClassName}` : baseClassName || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.baseClassName);\n\t\tif (parentStaticConfig) {\n\t\t\tif (!(parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC)) {\n\t\t\t\tvar pdp = parentStaticConfig.defaultProps;\n\t\t\t\tfor (var key2 in pdp) {\n\t\t\t\t\tvar val = pdp[key2];\n\t\t\t\t\tif (parentStaticConfig.defaultVariants) {\n\t\t\t\t\t\tif (key2 in parentStaticConfig.defaultVariants) {\n\t\t\t\t\t\t\tif (!defaultVariants || !(key2 in defaultVariants)) {\n\t\t\t\t\t\t\t\tparentDefaultVariants || (parentDefaultVariants = {});\n\t\t\t\t\t\t\t\tparentDefaultVariants[key2] = val;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (!(key2 in defaultProps) && (!defaultVariants || !(key2 in defaultVariants))) {\n\t\t\t\t\t\tparentDefaultProps || (parentDefaultProps = {});\n\t\t\t\t\t\tparentDefaultProps[key2] = pdp[key2];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (parentStaticConfig.variants) variants = mergeVariants(parentStaticConfig.variants, variants);\n\t\t\t\tparentCompoundVariants = parentStaticConfig.compoundVariants;\n\t\t\t}\n\t\t}\n\t\tvar mergedCompoundVariants = parentCompoundVariants || compoundVariants ? [...parentCompoundVariants || [], ...compoundVariants || []] : void 0;\n\t\tvar mergedContext = context || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.context);\n\t\tvar mergedContextProps = context ? contextProps : contextProps || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.contextProps);\n\t\tif (parentDefaultProps || defaultVariants || parentDefaultVariants) defaultProps = {\n\t\t\t...parentDefaultProps,\n\t\t\t...parentDefaultVariants,\n\t\t\t...defaultProps,\n\t\t\t...defaultVariants\n\t\t};\n\t\tvar isText = Boolean((config === null || config === void 0 ? void 0 : config.isText) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isText));\n\t\tvar _config_acceptsClassName;\n\t\tvar acceptsClassName = (_config_acceptsClassName = config === null || config === void 0 ? void 0 : config.acceptsClassName) !== null && _config_acceptsClassName !== void 0 ? _config_acceptsClassName : isPlainStyledComponent || resolvedIsReactNative || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC) && (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.acceptsClassName);\n\t\tvar conf = {\n\t\t\t...parentStaticConfig,\n\t\t\t...config,\n\t\t\t...!isPlainStyledComponent && { Component },\n\t\t\tvariants,\n\t\t\tcompoundVariants: mergedCompoundVariants,\n\t\t\tbaseClassName: mergedBaseClassName,\n\t\t\tdefaultProps,\n\t\t\tdefaultVariants,\n\t\t\tisReactNative: resolvedIsReactNative,\n\t\t\tisText,\n\t\t\tacceptsClassName,\n\t\t\tcontext: mergedContext,\n\t\t\tcontextProps: mergedContextProps,\n\t\t\t...reactNativeConfig,\n\t\t\tisStyledHOC: Boolean(parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC),\n\t\t\tparentStaticConfig,\n\t\t\t...frontend && { styleFrontend: frontend }\n\t\t};\n\t\tif (defaultProps[\"children\"] || !acceptsClassName || mergedContext) conf.neverFlatten = true;\n\t\treturn conf;\n\t})() || {}), displayName || ComponentIn[componentDisplayName]);\n\tfor (var key in ComponentIn) {\n\t\tif (key === \"propTypes\") continue;\n\t\tif (key in component) continue;\n\t\tcomponent[key] = ComponentIn[key];\n\t}\n\treturn component;\n}\nvar styledExport = new Proxy(styled, { get(target, prop) {\n\tif (prop in target) return target[prop];\n\treturn function(options) {\n\t\treturn styledHtml(prop, options);\n\t};\n} });\n\nexport { createFrontendStyled, createVariantResolver, styledExport as styled, styledHtml };"],"mappings":"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"}
+{"version":3,"file":"styled.native.js","names":[],"sources":["esm/styled.native.js"],"sourcesContent":["import { stylePropsInput, stylePropsText } from \"@tamagui/helpers\";\nimport { createComponent } from \"./createComponent\";\nimport { componentDisplayName } from \"./helpers/componentDisplayName\";\nimport { mergeVariants } from \"./helpers/mergeVariants\";\nimport { resolveVariantStyle } from \"./helpers/resolveVariantStyle\";\nimport { styledDynamic } from \"./helpers/styledDynamic\";\nimport { getReactNativeConfig } from \"./setupReactNative\";\n\nfunction styledFn() {\n\tfor (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];\n\treturn styledImpl(void 0, ...args);\n}\nvar styled = Object.assign(styledFn, { dynamic: styledDynamic });\nfunction createFrontendStyled(frontend) {\n\treturn function(ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) {\n\t\treturn styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig);\n\t};\n}\nfunction styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) {\n\tvar hasBaseClassName = typeof optionsOrBaseClassName === \"string\";\n\tvar baseClassName = hasBaseClassName ? optionsOrBaseClassName : void 0;\n\tvar optionsIn = hasBaseClassName ? configOrOptions : optionsOrBaseClassName;\n\tvar config = hasBaseClassName ? maybeConfig : configOrOptions;\n\tvar options = optionsIn;\n\tvar displayName = options === null || options === void 0 ? void 0 : options.displayName;\n\tif (!ComponentIn) throw new Error(process.env.NODE_ENV === \"development\" ? \"No component given to styled()\" : \"❌ Error 006\");\n\tvar parentStaticConfig = ComponentIn[\"staticConfig\"];\n\tBoolean((config === null || config === void 0 ? void 0 : config.isReactNative) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isReactNative));\n\tvar isReactNative = Boolean((config === null || config === void 0 ? void 0 : config.isReactNative) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isReactNative));\n\tvar isPlainStyledComponent = !!parentStaticConfig && !(isReactNative || parentStaticConfig.isHOC);\n\tvar Component = (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC) && !(parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isStyledHOC) || isPlainStyledComponent ? ComponentIn : (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.Component) || ComponentIn;\n\tvar reactNativeConfig = !parentStaticConfig ? getReactNativeConfig(Component) : void 0;\n\tvar resolvedIsReactNative = Boolean(reactNativeConfig || isReactNative);\n\tvar component = createComponent((function() {\n\t\tvar { variants, displayName: _displayName, defaultVariants, context, contextProps, ...defaultProps } = options || {};\n\t\tvar parentDefaultVariants;\n\t\tvar parentDefaultProps;\n\t\tvar mergedBaseClassName = (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.baseClassName) && baseClassName ? `${parentStaticConfig.baseClassName} ${baseClassName}` : baseClassName || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.baseClassName);\n\t\tif (parentStaticConfig) {\n\t\t\tif (!(parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC)) {\n\t\t\t\tvar pdp = parentStaticConfig.defaultProps;\n\t\t\t\tfor (var key2 in pdp) {\n\t\t\t\t\tvar val = pdp[key2];\n\t\t\t\t\tif (parentStaticConfig.defaultVariants) {\n\t\t\t\t\t\tif (key2 in parentStaticConfig.defaultVariants) {\n\t\t\t\t\t\t\tif (!defaultVariants || !(key2 in defaultVariants)) {\n\t\t\t\t\t\t\t\tparentDefaultVariants || (parentDefaultVariants = {});\n\t\t\t\t\t\t\t\tparentDefaultVariants[key2] = val;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif (!(key2 in defaultProps) && (!defaultVariants || !(key2 in defaultVariants))) {\n\t\t\t\t\t\tparentDefaultProps || (parentDefaultProps = {});\n\t\t\t\t\t\tparentDefaultProps[key2] = pdp[key2];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif (parentStaticConfig.variants) variants = mergeVariants(parentStaticConfig.variants, variants);\n\t\t\t}\n\t\t}\n\t\tvar mergedContext = context || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.context);\n\t\tvar mergedContextProps = context ? contextProps : contextProps || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.contextProps);\n\t\tif (parentDefaultProps || defaultVariants || parentDefaultVariants) defaultProps = {\n\t\t\t...parentDefaultProps,\n\t\t\t...parentDefaultVariants,\n\t\t\t...defaultProps,\n\t\t\t...defaultVariants\n\t\t};\n\t\tvar isInput = Boolean((config === null || config === void 0 ? void 0 : config.isInput) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isInput));\n\t\tvar isText = Boolean((config === null || config === void 0 ? void 0 : config.isText) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isText));\n\t\tvar validStyles = (config === null || config === void 0 ? void 0 : config.validStyles) || ((config === null || config === void 0 ? void 0 : config.isInput) ? stylePropsInput : (config === null || config === void 0 ? void 0 : config.isText) ? stylePropsText : parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.validStyles);\n\t\tvar _config_acceptsClassName;\n\t\tvar acceptsClassName = (_config_acceptsClassName = config === null || config === void 0 ? void 0 : config.acceptsClassName) !== null && _config_acceptsClassName !== void 0 ? _config_acceptsClassName : isPlainStyledComponent || resolvedIsReactNative || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC) && (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.acceptsClassName);\n\t\tvar conf = {\n\t\t\t...parentStaticConfig,\n\t\t\t...config,\n\t\t\t...!isPlainStyledComponent && { Component },\n\t\t\tvariants,\n\t\t\tbaseClassName: mergedBaseClassName,\n\t\t\tdefaultProps,\n\t\t\tdefaultVariants,\n\t\t\tisReactNative: resolvedIsReactNative,\n\t\t\tisText,\n\t\t\tisInput,\n\t\t\tvalidStyles,\n\t\t\tacceptsClassName,\n\t\t\tcontext: mergedContext,\n\t\t\tcontextProps: mergedContextProps,\n\t\t\t...reactNativeConfig,\n\t\t\tisStyledHOC: Boolean(parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC),\n\t\t\tparentStaticConfig,\n\t\t\tdisplayName: displayName || ComponentIn[componentDisplayName],\n\t\t\t...frontend && { styleFrontend: frontend }\n\t\t};\n\t\tconf.variantStyleResolver = resolveVariantStyle;\n\t\tif (defaultProps[\"children\"] || !acceptsClassName || mergedContext) conf.neverFlatten = true;\n\t\treturn conf;\n\t})() || {});\n\tfor (var key in ComponentIn) {\n\t\tif (key === \"propTypes\") continue;\n\t\tif (key in component) continue;\n\t\tcomponent[key] = ComponentIn[key];\n\t}\n\treturn component;\n}\n\nexport { createFrontendStyled, styled };"],"mappings":"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"}

package/dist/esm/types.mjs

@@ -1,23 +1,5 @@
-const variantResolverNames = [
-	"Size",
-	"Space",
-	"Color",
-	"Radius",
-	"ZIndex",
-	"Theme",
-	"FontSize",
-	"FontStyle",
-	"FontTransform",
-	"FontLineHeight",
-	"FontLetterSpacing",
-	"number",
-	"string",
-	"boolean",
-	"any"
-];
-function createVariantResolver(key, resolver) {
-	return resolver;
-}
+const stylePieceSymbol = /* @__PURE__ */ Symbol.for("tamagui.stylePiece");
+const styledDynamicSymbol = /* @__PURE__ */ Symbol.for("tamagui.styledDynamic");
 
-export { createVariantResolver, variantResolverNames };
+export { stylePieceSymbol, styledDynamicSymbol };
 //# sourceMappingURL=types.mjs.map

package/dist/esm/types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["esm/types.js"],"sourcesContent":["const variantResolverNames = [\n  \"Size\",\n  \"Space\",\n  \"Color\",\n  \"Radius\",\n  \"ZIndex\",\n  \"Theme\",\n  \"FontSize\",\n  \"FontStyle\",\n  \"FontTransform\",\n  \"FontLineHeight\",\n  \"FontLetterSpacing\",\n  \"number\",\n  \"string\",\n  \"boolean\",\n  \"any\"\n];\nfunction createVariantResolver(key, resolver) {\n  return resolver;\n}\nexport {\n  createVariantResolver,\n  variantResolverNames\n};\n//# sourceMappingURL=types.js.map\n"],"mappings":";AAAA,MAAM,uBAAuB;CAC3B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AACA,SAAS,sBAAsB,KAAK,UAAU;CAC5C,OAAO;AACT"}
+{"version":3,"file":"types.js","names":[],"sources":["esm/types.js"],"sourcesContent":["const stylePieceSymbol = /* @__PURE__ */ Symbol.for(\"tamagui.stylePiece\");\nconst styledDynamicSymbol = /* @__PURE__ */ Symbol.for(\"tamagui.styledDynamic\");\nexport {\n  stylePieceSymbol,\n  styledDynamicSymbol\n};\n//# sourceMappingURL=types.js.map\n"],"mappings":";AAAA,MAAM,mBAAmC,uBAAO,IAAI,oBAAoB;AACxE,MAAM,sBAAsC,uBAAO,IAAI,uBAAuB"}

package/dist/esm/types.native.js

@@ -1,23 +1,5 @@
-var variantResolverNames = [
-	"Size",
-	"Space",
-	"Color",
-	"Radius",
-	"ZIndex",
-	"Theme",
-	"FontSize",
-	"FontStyle",
-	"FontTransform",
-	"FontLineHeight",
-	"FontLetterSpacing",
-	"number",
-	"string",
-	"boolean",
-	"any"
-];
-function createVariantResolver(key, resolver) {
-	return resolver;
-}
+var stylePieceSymbol = /* @__PURE__ */ Symbol.for("tamagui.stylePiece");
+var styledDynamicSymbol = /* @__PURE__ */ Symbol.for("tamagui.styledDynamic");
 
-export { createVariantResolver, variantResolverNames };
+export { stylePieceSymbol, styledDynamicSymbol };
 //# sourceMappingURL=types.native.js.map

package/dist/esm/types.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.native.js","names":[],"sources":["esm/types.native.js"],"sourcesContent":["var variantResolverNames = [\n  \"Size\",\n  \"Space\",\n  \"Color\",\n  \"Radius\",\n  \"ZIndex\",\n  \"Theme\",\n  \"FontSize\",\n  \"FontStyle\",\n  \"FontTransform\",\n  \"FontLineHeight\",\n  \"FontLetterSpacing\",\n  \"number\",\n  \"string\",\n  \"boolean\",\n  \"any\"\n];\nfunction createVariantResolver(key, resolver) {\n  return resolver;\n}\nexport {\n  createVariantResolver,\n  variantResolverNames\n};\n//# sourceMappingURL=types.js.map\n"],"mappings":";AAAA,IAAI,uBAAuB;CACzB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AACA,SAAS,sBAAsB,KAAK,UAAU;CAC5C,OAAO;AACT"}
+{"version":3,"file":"types.native.js","names":[],"sources":["esm/types.native.js"],"sourcesContent":["var stylePieceSymbol = /* @__PURE__ */ Symbol.for(\"tamagui.stylePiece\");\nvar styledDynamicSymbol = /* @__PURE__ */ Symbol.for(\"tamagui.styledDynamic\");\nexport {\n  stylePieceSymbol,\n  styledDynamicSymbol\n};\n//# sourceMappingURL=types.js.map\n"],"mappings":";AAAA,IAAI,mBAAmC,uBAAO,IAAI,oBAAoB;AACtE,IAAI,sBAAsC,uBAAO,IAAI,uBAAuB"}

package/dist/esm/views/TamaguiProvider.mjs

@@ -20,7 +20,7 @@ function firstThemeKey(config) {
 	}
 	return _cachedFirstKey;
 }
-function TamaguiProvider({ children, disableInjectCSS, config, className, defaultTheme: defaultThemeProp, reset, insets, isSubtreeRoot }) {
+function TamaguiProvider({ children, disableInjectCSS, config, className, defaultTheme: defaultThemeProp, insets, isSubtreeRoot }) {
 	const defaultTheme = defaultThemeProp || firstThemeKey(config) || "light";
 	useIsomorphicLayoutEffect(() => {
 		updateMediaListeners();
@@ -42,7 +42,6 @@ function TamaguiProvider({ children, disableInjectCSS, config, className, defaul
 		insets: memoizedInsets,
 		children: /* @__PURE__ */ jsx(ThemeProvider, {
 			defaultTheme,
-			reset,
 			className,
 			isSubtreeRoot,
 			children: /* @__PURE__ */ jsx(TamaguiRoot, {

package/dist/esm/views/TamaguiProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TamaguiProvider.js","names":[],"sources":["esm/views/TamaguiProvider.js"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { ClientOnly } from \"@tamagui/use-did-finish-ssr\";\nimport React, { useEffect } from \"react\";\nimport { getSetting } from \"../config\";\nimport { ComponentContext } from \"../contexts/ComponentContext\";\nimport { stopAccumulatingRules } from \"../helpers/insertStyleRule\";\nimport { updateMediaListeners } from \"../hooks/useMedia\";\nimport { ConfigRevisionCheck } from \"./ConfigRevisionCheck\";\nimport { SafeAreaTracker, hasSafeAreaTracker } from \"./SafeAreaTracker\";\nimport { TamaguiRoot } from \"./TamaguiRoot\";\nimport { ThemeProvider } from \"./ThemeProvider\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\n\nlet _cachedFirstKey;\nlet _cachedConfig;\nfunction firstThemeKey(config) {\n\tif (config !== _cachedConfig) {\n\t\t_cachedConfig = config;\n\t\t_cachedFirstKey = config?.themes ? Object.keys(config.themes)[0] : void 0;\n\t}\n\treturn _cachedFirstKey;\n}\nfunction TamaguiProvider({ children, disableInjectCSS, config, className, defaultTheme: defaultThemeProp, reset, insets, isSubtreeRoot }) {\n\tconst defaultTheme = defaultThemeProp || firstThemeKey(config) || \"light\";\n\tuseIsomorphicLayoutEffect(() => {\n\t\tupdateMediaListeners();\n\t\tif (!process.env.TAMAGUI_DID_OUTPUT_CSS) return stopAccumulatingRules();\n\t}, []);\n\tconst memoizedInsets = React.useMemo(() => insets, [\n\t\tinsets?.top,\n\t\tinsets?.right,\n\t\tinsets?.bottom,\n\t\tinsets?.left\n\t]);\n\tconst configuredAnimationDriver = config?.animations;\n\tconst defaultAnimationDriver = !configuredAnimationDriver || configuredAnimationDriver.isStub ? null : configuredAnimationDriver;\n\tuseEffect(() => {\n\t\tdefaultAnimationDriver?.onMount?.();\n\t}, []);\n\tlet contents = /* @__PURE__ */ jsx(ComponentContext.Provider, {\n\t\tanimationDriver: defaultAnimationDriver,\n\t\tinsets: memoizedInsets,\n\t\tchildren: /* @__PURE__ */ jsx(ThemeProvider, {\n\t\t\tdefaultTheme,\n\t\t\treset,\n\t\t\tclassName,\n\t\t\tisSubtreeRoot,\n\t\t\tchildren: /* @__PURE__ */ jsx(TamaguiRoot, {\n\t\t\t\ttheme: defaultTheme,\n\t\t\t\tisRootRoot: true,\n\t\t\t\tchildren\n\t\t\t})\n\t\t})\n\t});\n\tif (getSetting(\"disableSSR\")) contents = /* @__PURE__ */ jsx(ClientOnly, {\n\t\tenabled: true,\n\t\tchildren: contents\n\t});\n\treturn /* @__PURE__ */ jsxs(Fragment, { children: [\n\t\t!process.env.TAMAGUI_DID_OUTPUT_CSS && config && !disableInjectCSS && /* @__PURE__ */ jsx(\"style\", {\n\t\t\tprecedence: \"default\",\n\t\t\thref: \"tamagui-css\",\n\t\t\tchildren: config.getCSS()\n\t\t}, \"tamagui-css\"),\n\t\tprocess.env.NODE_ENV !== \"production\" && config && /* @__PURE__ */ jsx(ConfigRevisionCheck, { config }),\n\t\thasSafeAreaTracker() && /* @__PURE__ */ jsx(SafeAreaTracker, {}),\n\t\tcontents\n\t] });\n}\n\nexport { TamaguiProvider };"],"mappings":";;;;;;;;;;;;;;AAaA,IAAI;AACJ,IAAI;AACJ,SAAS,cAAc,QAAQ;CAC9B,IAAI,WAAW,eAAe;EAC7B,gBAAgB;EAChB,kBAAkB,QAAQ,SAAS,OAAO,KAAK,OAAO,MAAM,CAAC,CAAC,KAAK,KAAK;CACzE;CACA,OAAO;AACR;AACA,SAAS,gBAAgB,EAAE,UAAU,kBAAkB,QAAQ,WAAW,cAAc,kBAAkB,OAAO,QAAQ,iBAAiB;CACzI,MAAM,eAAe,oBAAoB,cAAc,MAAM,KAAK;CAClE,gCAAgC;EAC/B,qBAAqB;EACrB,IAAI,CAAC,QAAQ,IAAI,wBAAwB,OAAO,sBAAsB;CACvE,GAAG,CAAC,CAAC;CACL,MAAM,iBAAiB,MAAM,cAAc,QAAQ;EAClD,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;CACT,CAAC;CACD,MAAM,4BAA4B,QAAQ;CAC1C,MAAM,yBAAyB,CAAC,6BAA6B,0BAA0B,SAAS,OAAO;CACvG,gBAAgB;EACf,wBAAwB,UAAU;CACnC,GAAG,CAAC,CAAC;CACL,IAAI,WAA2B,oBAAI,iBAAiB,UAAU;EAC7D,iBAAiB;EACjB,QAAQ;EACR,UAA0B,oBAAI,eAAe;GAC5C;GACA;GACA;GACA;GACA,UAA0B,oBAAI,aAAa;IAC1C,OAAO;IACP,YAAY;IACZ;GACD,CAAC;EACF,CAAC;CACF,CAAC;CACD,IAAI,WAAW,YAAY,GAAG,WAA2B,oBAAI,YAAY;EACxE,SAAS;EACT,UAAU;CACX,CAAC;CACD,OAAuB,qBAAK,UAAU,EAAE,UAAU;EACjD,CAAC,QAAQ,IAAI,0BAA0B,UAAU,CAAC,oBAAoC,oBAAI,SAAS;GAClG,YAAY;GACZ,MAAM;GACN,UAAU,OAAO,OAAO;EACzB,GAAG,aAAa;EAChB,QAAQ,IAAI,aAAa,gBAAgB,UAA0B,oBAAI,qBAAqB,EAAE,OAAO,CAAC;EACtG,mBAAmB,KAAqB,oBAAI,iBAAiB,CAAC,CAAC;EAC/D;CACD,EAAE,CAAC;AACJ"}
+{"version":3,"file":"TamaguiProvider.js","names":[],"sources":["esm/views/TamaguiProvider.js"],"sourcesContent":["import { useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { ClientOnly } from \"@tamagui/use-did-finish-ssr\";\nimport React, { useEffect } from \"react\";\nimport { getSetting } from \"../config\";\nimport { ComponentContext } from \"../contexts/ComponentContext\";\nimport { stopAccumulatingRules } from \"../helpers/insertStyleRule\";\nimport { updateMediaListeners } from \"../hooks/useMedia\";\nimport { ConfigRevisionCheck } from \"./ConfigRevisionCheck\";\nimport { SafeAreaTracker, hasSafeAreaTracker } from \"./SafeAreaTracker\";\nimport { TamaguiRoot } from \"./TamaguiRoot\";\nimport { ThemeProvider } from \"./ThemeProvider\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\n\nlet _cachedFirstKey;\nlet _cachedConfig;\nfunction firstThemeKey(config) {\n\tif (config !== _cachedConfig) {\n\t\t_cachedConfig = config;\n\t\t_cachedFirstKey = config?.themes ? Object.keys(config.themes)[0] : void 0;\n\t}\n\treturn _cachedFirstKey;\n}\nfunction TamaguiProvider({ children, disableInjectCSS, config, className, defaultTheme: defaultThemeProp, insets, isSubtreeRoot }) {\n\tconst defaultTheme = defaultThemeProp || firstThemeKey(config) || \"light\";\n\tuseIsomorphicLayoutEffect(() => {\n\t\tupdateMediaListeners();\n\t\tif (!process.env.TAMAGUI_DID_OUTPUT_CSS) return stopAccumulatingRules();\n\t}, []);\n\tconst memoizedInsets = React.useMemo(() => insets, [\n\t\tinsets?.top,\n\t\tinsets?.right,\n\t\tinsets?.bottom,\n\t\tinsets?.left\n\t]);\n\tconst configuredAnimationDriver = config?.animations;\n\tconst defaultAnimationDriver = !configuredAnimationDriver || configuredAnimationDriver.isStub ? null : configuredAnimationDriver;\n\tuseEffect(() => {\n\t\tdefaultAnimationDriver?.onMount?.();\n\t}, []);\n\tlet contents = /* @__PURE__ */ jsx(ComponentContext.Provider, {\n\t\tanimationDriver: defaultAnimationDriver,\n\t\tinsets: memoizedInsets,\n\t\tchildren: /* @__PURE__ */ jsx(ThemeProvider, {\n\t\t\tdefaultTheme,\n\t\t\tclassName,\n\t\t\tisSubtreeRoot,\n\t\t\tchildren: /* @__PURE__ */ jsx(TamaguiRoot, {\n\t\t\t\ttheme: defaultTheme,\n\t\t\t\tisRootRoot: true,\n\t\t\t\tchildren\n\t\t\t})\n\t\t})\n\t});\n\tif (getSetting(\"disableSSR\")) contents = /* @__PURE__ */ jsx(ClientOnly, {\n\t\tenabled: true,\n\t\tchildren: contents\n\t});\n\treturn /* @__PURE__ */ jsxs(Fragment, { children: [\n\t\t!process.env.TAMAGUI_DID_OUTPUT_CSS && config && !disableInjectCSS && /* @__PURE__ */ jsx(\"style\", {\n\t\t\tprecedence: \"default\",\n\t\t\thref: \"tamagui-css\",\n\t\t\tchildren: config.getCSS()\n\t\t}, \"tamagui-css\"),\n\t\tprocess.env.NODE_ENV !== \"production\" && config && /* @__PURE__ */ jsx(ConfigRevisionCheck, { config }),\n\t\thasSafeAreaTracker() && /* @__PURE__ */ jsx(SafeAreaTracker, {}),\n\t\tcontents\n\t] });\n}\n\nexport { TamaguiProvider };"],"mappings":";;;;;;;;;;;;;;AAaA,IAAI;AACJ,IAAI;AACJ,SAAS,cAAc,QAAQ;CAC9B,IAAI,WAAW,eAAe;EAC7B,gBAAgB;EAChB,kBAAkB,QAAQ,SAAS,OAAO,KAAK,OAAO,MAAM,CAAC,CAAC,KAAK,KAAK;CACzE;CACA,OAAO;AACR;AACA,SAAS,gBAAgB,EAAE,UAAU,kBAAkB,QAAQ,WAAW,cAAc,kBAAkB,QAAQ,iBAAiB;CAClI,MAAM,eAAe,oBAAoB,cAAc,MAAM,KAAK;CAClE,gCAAgC;EAC/B,qBAAqB;EACrB,IAAI,CAAC,QAAQ,IAAI,wBAAwB,OAAO,sBAAsB;CACvE,GAAG,CAAC,CAAC;CACL,MAAM,iBAAiB,MAAM,cAAc,QAAQ;EAClD,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;CACT,CAAC;CACD,MAAM,4BAA4B,QAAQ;CAC1C,MAAM,yBAAyB,CAAC,6BAA6B,0BAA0B,SAAS,OAAO;CACvG,gBAAgB;EACf,wBAAwB,UAAU;CACnC,GAAG,CAAC,CAAC;CACL,IAAI,WAA2B,oBAAI,iBAAiB,UAAU;EAC7D,iBAAiB;EACjB,QAAQ;EACR,UAA0B,oBAAI,eAAe;GAC5C;GACA;GACA;GACA,UAA0B,oBAAI,aAAa;IAC1C,OAAO;IACP,YAAY;IACZ;GACD,CAAC;EACF,CAAC;CACF,CAAC;CACD,IAAI,WAAW,YAAY,GAAG,WAA2B,oBAAI,YAAY;EACxE,SAAS;EACT,UAAU;CACX,CAAC;CACD,OAAuB,qBAAK,UAAU,EAAE,UAAU;EACjD,CAAC,QAAQ,IAAI,0BAA0B,UAAU,CAAC,oBAAoC,oBAAI,SAAS;GAClG,YAAY;GACZ,MAAM;GACN,UAAU,OAAO,OAAO;EACzB,GAAG,aAAa;EAChB,QAAQ,IAAI,aAAa,gBAAgB,UAA0B,oBAAI,qBAAqB,EAAE,OAAO,CAAC;EACtG,mBAAmB,KAAqB,oBAAI,iBAAiB,CAAC,CAAC;EAC/D;CACD,EAAE,CAAC;AACJ"}

package/dist/esm/views/TamaguiProvider.native.js

@@ -20,7 +20,7 @@ function firstThemeKey(config) {
 	return _cachedFirstKey;
 }
 function TamaguiProvider(param) {
-	var { children, disableInjectCSS, config, className, defaultTheme: defaultThemeProp, reset, insets, isSubtreeRoot } = param;
+	var { children, disableInjectCSS, config, className, defaultTheme: defaultThemeProp, insets, isSubtreeRoot } = param;
 	var defaultTheme = defaultThemeProp || firstThemeKey(config) || "light";
 	useIsomorphicLayoutEffect(function() {
 		updateMediaListeners();
@@ -45,7 +45,6 @@ function TamaguiProvider(param) {
 		insets: memoizedInsets,
 		children: /* @__PURE__ */ jsx(ThemeProvider, {
 			defaultTheme,
-			reset,
 			className,
 			isSubtreeRoot,
 			children: /* @__PURE__ */ jsx(TamaguiRoot, {

package/dist/esm/views/TamaguiProvider.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"TamaguiProvider.native.js","names":[],"sources":["esm/views/TamaguiProvider.native.js"],"sourcesContent":["import { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nimport { useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { ClientOnly } from \"@tamagui/use-did-finish-ssr\";\nimport React, { useEffect } from \"react\";\nimport { getSetting } from \"../config\";\nimport { ComponentContext } from \"../contexts/ComponentContext\";\nimport { stopAccumulatingRules } from \"../helpers/insertStyleRule\";\nimport { updateMediaListeners } from \"../hooks/useMedia\";\nimport { SafeAreaTracker, hasSafeAreaTracker } from \"./SafeAreaTracker\";\nimport { TamaguiRoot } from \"./TamaguiRoot\";\nimport { ThemeProvider } from \"./ThemeProvider\";\n\nvar _cachedFirstKey;\nvar _cachedConfig;\nfunction firstThemeKey(config) {\n\tif (config !== _cachedConfig) {\n\t\t_cachedConfig = config;\n\t\t_cachedFirstKey = (config === null || config === void 0 ? void 0 : config.themes) ? Object.keys(config.themes)[0] : void 0;\n\t}\n\treturn _cachedFirstKey;\n}\nfunction TamaguiProvider(param) {\n\tvar { children, disableInjectCSS, config, className, defaultTheme: defaultThemeProp, reset, insets, isSubtreeRoot } = param;\n\tvar defaultTheme = defaultThemeProp || firstThemeKey(config) || \"light\";\n\tuseIsomorphicLayoutEffect(function() {\n\t\tupdateMediaListeners();\n\t\tif (!process.env.TAMAGUI_DID_OUTPUT_CSS) return stopAccumulatingRules();\n\t}, []);\n\tvar memoizedInsets = React.useMemo(function() {\n\t\treturn insets;\n\t}, [\n\t\tinsets === null || insets === void 0 ? void 0 : insets.top,\n\t\tinsets === null || insets === void 0 ? void 0 : insets.right,\n\t\tinsets === null || insets === void 0 ? void 0 : insets.bottom,\n\t\tinsets === null || insets === void 0 ? void 0 : insets.left\n\t]);\n\tvar configuredAnimationDriver = config === null || config === void 0 ? void 0 : config.animations;\n\tvar defaultAnimationDriver = !configuredAnimationDriver || configuredAnimationDriver.isStub ? null : configuredAnimationDriver;\n\tuseEffect(function() {\n\t\tvar _defaultAnimationDriver_onMount;\n\t\tdefaultAnimationDriver === null || defaultAnimationDriver === void 0 || (_defaultAnimationDriver_onMount = defaultAnimationDriver.onMount) == null || _defaultAnimationDriver_onMount.call(defaultAnimationDriver);\n\t}, []);\n\tvar contents = /* @__PURE__ */ jsx(ComponentContext.Provider, {\n\t\tanimationDriver: defaultAnimationDriver,\n\t\tinsets: memoizedInsets,\n\t\tchildren: /* @__PURE__ */ jsx(ThemeProvider, {\n\t\t\tdefaultTheme,\n\t\t\treset,\n\t\t\tclassName,\n\t\t\tisSubtreeRoot,\n\t\t\tchildren: /* @__PURE__ */ jsx(TamaguiRoot, {\n\t\t\t\ttheme: defaultTheme,\n\t\t\t\tisRootRoot: true,\n\t\t\t\tchildren\n\t\t\t})\n\t\t})\n\t});\n\tif (getSetting(\"disableSSR\")) contents = /* @__PURE__ */ jsx(ClientOnly, {\n\t\tenabled: true,\n\t\tchildren: contents\n\t});\n\treturn /* @__PURE__ */ jsxs(Fragment, { children: [\n\t\t!process.env.TAMAGUI_DID_OUTPUT_CSS && false,\n\t\tprocess.env.NODE_ENV !== \"production\" && false,\n\t\thasSafeAreaTracker() && /* @__PURE__ */ jsx(SafeAreaTracker, {}),\n\t\tcontents\n\t] });\n}\n\nexport { TamaguiProvider };"],"mappings":";;;;;;;;;;;;;AAYA,IAAI;AACJ,IAAI;AACJ,SAAS,cAAc,QAAQ;CAC9B,IAAI,WAAW,eAAe;EAC7B,gBAAgB;EAChB,mBAAmB,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO,UAAU,OAAO,KAAK,OAAO,MAAM,CAAC,CAAC,KAAK,KAAK;CAC1H;CACA,OAAO;AACR;AACA,SAAS,gBAAgB,OAAO;CAC/B,IAAI,EAAE,UAAU,kBAAkB,QAAQ,WAAW,cAAc,kBAAkB,OAAO,QAAQ,kBAAkB;CACtH,IAAI,eAAe,oBAAoB,cAAc,MAAM,KAAK;CAChE,0BAA0B,WAAW;EACpC,qBAAqB;EACrB,IAAI,CAAC,QAAQ,IAAI,wBAAwB,OAAO,sBAAsB;CACvE,GAAG,CAAC,CAAC;CACL,IAAI,iBAAiB,MAAM,QAAQ,WAAW;EAC7C,OAAO;CACR,GAAG;EACF,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO;EACvD,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO;EACvD,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO;EACvD,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO;CACxD,CAAC;CACD,IAAI,4BAA4B,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO;CACvF,IAAI,yBAAyB,CAAC,6BAA6B,0BAA0B,SAAS,OAAO;CACrG,UAAU,WAAW;EACpB,IAAI;EACJ,2BAA2B,QAAQ,2BAA2B,KAAK,MAAM,kCAAkC,uBAAuB,YAAY,QAAQ,gCAAgC,KAAK,sBAAsB;CAClN,GAAG,CAAC,CAAC;CACL,IAAI,WAA2B,oBAAI,iBAAiB,UAAU;EAC7D,iBAAiB;EACjB,QAAQ;EACR,UAA0B,oBAAI,eAAe;GAC5C;GACA;GACA;GACA;GACA,UAA0B,oBAAI,aAAa;IAC1C,OAAO;IACP,YAAY;IACZ;GACD,CAAC;EACF,CAAC;CACF,CAAC;CACD,IAAI,WAAW,YAAY,GAAG,WAA2B,oBAAI,YAAY;EACxE,SAAS;EACT,UAAU;CACX,CAAC;CACD,OAAuB,qBAAK,UAAU,EAAE,UAAU;EACjD,CAAC,QAAQ,IAAI,0BAA0B;EACvC,QAAQ,IAAI,aAAa,gBAAgB;EACzC,mBAAmB,KAAqB,oBAAI,iBAAiB,CAAC,CAAC;EAC/D;CACD,EAAE,CAAC;AACJ"}
+{"version":3,"file":"TamaguiProvider.native.js","names":[],"sources":["esm/views/TamaguiProvider.native.js"],"sourcesContent":["import { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nimport { useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { ClientOnly } from \"@tamagui/use-did-finish-ssr\";\nimport React, { useEffect } from \"react\";\nimport { getSetting } from \"../config\";\nimport { ComponentContext } from \"../contexts/ComponentContext\";\nimport { stopAccumulatingRules } from \"../helpers/insertStyleRule\";\nimport { updateMediaListeners } from \"../hooks/useMedia\";\nimport { SafeAreaTracker, hasSafeAreaTracker } from \"./SafeAreaTracker\";\nimport { TamaguiRoot } from \"./TamaguiRoot\";\nimport { ThemeProvider } from \"./ThemeProvider\";\n\nvar _cachedFirstKey;\nvar _cachedConfig;\nfunction firstThemeKey(config) {\n\tif (config !== _cachedConfig) {\n\t\t_cachedConfig = config;\n\t\t_cachedFirstKey = (config === null || config === void 0 ? void 0 : config.themes) ? Object.keys(config.themes)[0] : void 0;\n\t}\n\treturn _cachedFirstKey;\n}\nfunction TamaguiProvider(param) {\n\tvar { children, disableInjectCSS, config, className, defaultTheme: defaultThemeProp, insets, isSubtreeRoot } = param;\n\tvar defaultTheme = defaultThemeProp || firstThemeKey(config) || \"light\";\n\tuseIsomorphicLayoutEffect(function() {\n\t\tupdateMediaListeners();\n\t\tif (!process.env.TAMAGUI_DID_OUTPUT_CSS) return stopAccumulatingRules();\n\t}, []);\n\tvar memoizedInsets = React.useMemo(function() {\n\t\treturn insets;\n\t}, [\n\t\tinsets === null || insets === void 0 ? void 0 : insets.top,\n\t\tinsets === null || insets === void 0 ? void 0 : insets.right,\n\t\tinsets === null || insets === void 0 ? void 0 : insets.bottom,\n\t\tinsets === null || insets === void 0 ? void 0 : insets.left\n\t]);\n\tvar configuredAnimationDriver = config === null || config === void 0 ? void 0 : config.animations;\n\tvar defaultAnimationDriver = !configuredAnimationDriver || configuredAnimationDriver.isStub ? null : configuredAnimationDriver;\n\tuseEffect(function() {\n\t\tvar _defaultAnimationDriver_onMount;\n\t\tdefaultAnimationDriver === null || defaultAnimationDriver === void 0 || (_defaultAnimationDriver_onMount = defaultAnimationDriver.onMount) == null || _defaultAnimationDriver_onMount.call(defaultAnimationDriver);\n\t}, []);\n\tvar contents = /* @__PURE__ */ jsx(ComponentContext.Provider, {\n\t\tanimationDriver: defaultAnimationDriver,\n\t\tinsets: memoizedInsets,\n\t\tchildren: /* @__PURE__ */ jsx(ThemeProvider, {\n\t\t\tdefaultTheme,\n\t\t\tclassName,\n\t\t\tisSubtreeRoot,\n\t\t\tchildren: /* @__PURE__ */ jsx(TamaguiRoot, {\n\t\t\t\ttheme: defaultTheme,\n\t\t\t\tisRootRoot: true,\n\t\t\t\tchildren\n\t\t\t})\n\t\t})\n\t});\n\tif (getSetting(\"disableSSR\")) contents = /* @__PURE__ */ jsx(ClientOnly, {\n\t\tenabled: true,\n\t\tchildren: contents\n\t});\n\treturn /* @__PURE__ */ jsxs(Fragment, { children: [\n\t\t!process.env.TAMAGUI_DID_OUTPUT_CSS && false,\n\t\tprocess.env.NODE_ENV !== \"production\" && false,\n\t\thasSafeAreaTracker() && /* @__PURE__ */ jsx(SafeAreaTracker, {}),\n\t\tcontents\n\t] });\n}\n\nexport { TamaguiProvider };"],"mappings":";;;;;;;;;;;;;AAYA,IAAI;AACJ,IAAI;AACJ,SAAS,cAAc,QAAQ;CAC9B,IAAI,WAAW,eAAe;EAC7B,gBAAgB;EAChB,mBAAmB,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO,UAAU,OAAO,KAAK,OAAO,MAAM,CAAC,CAAC,KAAK,KAAK;CAC1H;CACA,OAAO;AACR;AACA,SAAS,gBAAgB,OAAO;CAC/B,IAAI,EAAE,UAAU,kBAAkB,QAAQ,WAAW,cAAc,kBAAkB,QAAQ,kBAAkB;CAC/G,IAAI,eAAe,oBAAoB,cAAc,MAAM,KAAK;CAChE,0BAA0B,WAAW;EACpC,qBAAqB;EACrB,IAAI,CAAC,QAAQ,IAAI,wBAAwB,OAAO,sBAAsB;CACvE,GAAG,CAAC,CAAC;CACL,IAAI,iBAAiB,MAAM,QAAQ,WAAW;EAC7C,OAAO;CACR,GAAG;EACF,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO;EACvD,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO;EACvD,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO;EACvD,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO;CACxD,CAAC;CACD,IAAI,4BAA4B,WAAW,QAAQ,WAAW,KAAK,IAAI,KAAK,IAAI,OAAO;CACvF,IAAI,yBAAyB,CAAC,6BAA6B,0BAA0B,SAAS,OAAO;CACrG,UAAU,WAAW;EACpB,IAAI;EACJ,2BAA2B,QAAQ,2BAA2B,KAAK,MAAM,kCAAkC,uBAAuB,YAAY,QAAQ,gCAAgC,KAAK,sBAAsB;CAClN,GAAG,CAAC,CAAC;CACL,IAAI,WAA2B,oBAAI,iBAAiB,UAAU;EAC7D,iBAAiB;EACjB,QAAQ;EACR,UAA0B,oBAAI,eAAe;GAC5C;GACA;GACA;GACA,UAA0B,oBAAI,aAAa;IAC1C,OAAO;IACP,YAAY;IACZ;GACD,CAAC;EACF,CAAC;CACF,CAAC;CACD,IAAI,WAAW,YAAY,GAAG,WAA2B,oBAAI,YAAY;EACxE,SAAS;EACT,UAAU;CACX,CAAC;CACD,OAAuB,qBAAK,UAAU,EAAE,UAAU;EACjD,CAAC,QAAQ,IAAI,0BAA0B;EACvC,QAAQ,IAAI,aAAa,gBAAgB;EACzC,mBAAmB,KAAqB,oBAAI,iBAAiB,CAAC,CAAC;EAC/D;CACD,EAAE,CAAC;AACJ"}