@tamagui/web 2.7.7 → 3.0.0-beta.1093.1

package/dist/esm/styled.mjs

@@ -1,133 +1,102 @@
+import { stylePropsInput, stylePropsText } from "@tamagui/helpers";
 import { createComponent } from "./createComponent.mjs";
+import { componentDisplayName } from "./helpers/componentDisplayName.mjs";
 import { mergeVariants } from "./helpers/mergeVariants.mjs";
-import { getReactNativeConfig } from "./setupReactNative.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,
-    name,
-    defaultVariants,
-    context,
-    ...defaultProps
-  } = options || {};
-  const conf = {
-    Component: tag,
-    variants,
-    defaultProps,
-    defaultVariants,
-    componentName: name,
-    isReactNative: false,
-    isText,
-    acceptsClassName: true,
-    context
-  };
-  if (defaultProps["children"] || context) {
-    conf.neverFlatten = true;
-  }
-  const component = createComponent(conf);
-  return component;
+import { resolveVariantStyle } from "./helpers/resolveVariantStyle.mjs";
+import { styledDynamic } from "./helpers/styledDynamic.mjs";
+import { warnOnce } from "./helpers/warnOnce.mjs";
+
+function styledFn(...args) {
+	return styledImpl(void 0, ...args);
 }
-function styled(ComponentIn, options, config) {
-  if (process.env.NODE_ENV !== "production") {
-    if (!ComponentIn) {
-      throw new Error(`No component given to styled()`);
-    }
-  }
-  const parentStaticConfig = ComponentIn["staticConfig"];
-  const isPlainStyledComponent = !!parentStaticConfig && !(parentStaticConfig.isReactNative || parentStaticConfig.isHOC);
-  const isNonStyledHOC = parentStaticConfig?.isHOC && !parentStaticConfig?.isStyledHOC;
-  let Component = isNonStyledHOC || isPlainStyledComponent ? ComponentIn : parentStaticConfig?.Component || ComponentIn;
-  const reactNativeConfig = !parentStaticConfig ? getReactNativeConfig(Component) : void 0;
-  const isReactNative = Boolean(reactNativeConfig || config?.isReactNative || parentStaticConfig?.isReactNative);
-  const staticConfigProps = (() => {
-    let {
-      variants,
-      name,
-      defaultVariants,
-      context,
-      ...defaultProps
-    } = options || {};
-    let parentDefaultVariants;
-    let parentDefaultProps;
-    if (parentStaticConfig) {
-      const avoid = parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC;
-      if (!avoid) {
-        const pdp = parentStaticConfig.defaultProps;
-        for (const key in pdp) {
-          const val = pdp[key];
-          if (parentStaticConfig.defaultVariants) {
-            if (key in parentStaticConfig.defaultVariants) {
-              if (!defaultVariants || !(key in defaultVariants)) {
-                parentDefaultVariants ||= {};
-                parentDefaultVariants[key] = val;
-              }
-            }
-          }
-          if (!(key in defaultProps) && (!defaultVariants || !(key in defaultVariants))) {
-            parentDefaultProps ||= {};
-            parentDefaultProps[key] = pdp[key];
-          }
-        }
-        if (parentStaticConfig.variants) {
-          variants = mergeVariants(parentStaticConfig.variants, variants);
-        }
-      }
-    }
-    if (parentDefaultProps || defaultVariants || parentDefaultVariants) {
-      defaultProps = {
-        ...parentDefaultProps,
-        ...parentDefaultVariants,
-        ...defaultProps,
-        ...defaultVariants
-      };
-    }
-    if (parentStaticConfig?.isHOC) {
-      if (name) {
-        defaultProps.componentName = name;
-      }
-    }
-    const isText = Boolean(config?.isText || parentStaticConfig?.isText);
-    const acceptsClassName = config?.acceptsClassName ?? (isPlainStyledComponent || isReactNative || parentStaticConfig?.isHOC && parentStaticConfig?.acceptsClassName);
-    const conf = {
-      ...parentStaticConfig,
-      ...config,
-      ...(!isPlainStyledComponent && {
-        Component
-      }),
-      // @ts-expect-error
-      variants,
-      defaultProps,
-      defaultVariants,
-      componentName: name || parentStaticConfig?.componentName,
-      isReactNative,
-      isText,
-      acceptsClassName,
-      context,
-      ...reactNativeConfig,
-      isStyledHOC: Boolean(parentStaticConfig?.isHOC),
-      parentStaticConfig
-    };
-    if (defaultProps["children"] || !acceptsClassName || context) {
-      conf.neverFlatten = true;
-    }
-    return conf;
-  })();
-  const component = createComponent(staticConfigProps || {});
-  for (const key in ComponentIn) {
-    if (key === "propTypes") continue;
-    if (key in component) continue;
-    component[key] = ComponentIn[key];
-  }
-  return component;
+const styled = Object.assign(styledFn, { dynamic: styledDynamic });
+function createFrontendStyled(frontend) {
+	return (ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) => styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig);
 }
-const styledExport = new Proxy(styled, {
-  get(target, prop) {
-    if (prop in target) {
-      return target[prop];
-    }
-    return options => styledHtml(prop, options);
-  }
-});
-export { styledExport as styled, styledHtml };
+function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) {
+	const hasBaseClassName = typeof optionsOrBaseClassName === "string";
+	const baseClassName = hasBaseClassName ? optionsOrBaseClassName : void 0;
+	const optionsIn = hasBaseClassName ? configOrOptions : optionsOrBaseClassName;
+	const config = hasBaseClassName ? maybeConfig : configOrOptions;
+	const options = optionsIn;
+	const displayName = options?.displayName;
+	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.");
+	const isReactNative = false;
+	const isPlainStyledComponent = !!parentStaticConfig && !parentStaticConfig.isHOC;
+	let Component = parentStaticConfig?.isHOC && !parentStaticConfig?.isStyledHOC || isPlainStyledComponent ? ComponentIn : parentStaticConfig?.Component || ComponentIn;
+	const resolvedIsReactNative = Boolean(isReactNative);
+	const component = createComponent((() => {
+		let { variants, displayName: _displayName, defaultVariants, context, contextProps, ...defaultProps } = options || {};
+		let parentDefaultVariants;
+		let parentDefaultProps;
+		const mergedBaseClassName = parentStaticConfig?.baseClassName && baseClassName ? `${parentStaticConfig.baseClassName} ${baseClassName}` : baseClassName || parentStaticConfig?.baseClassName;
+		if (parentStaticConfig) {
+			if (!(parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC)) {
+				const pdp = parentStaticConfig.defaultProps;
+				for (const key in pdp) {
+					const val = pdp[key];
+					if (parentStaticConfig.defaultVariants) {
+						if (key in parentStaticConfig.defaultVariants) {
+							if (!defaultVariants || !(key in defaultVariants)) {
+								parentDefaultVariants ||= {};
+								parentDefaultVariants[key] = val;
+							}
+						}
+					}
+					if (!(key in defaultProps) && (!defaultVariants || !(key in defaultVariants))) {
+						parentDefaultProps ||= {};
+						parentDefaultProps[key] = pdp[key];
+					}
+				}
+				if (parentStaticConfig.variants) variants = mergeVariants(parentStaticConfig.variants, variants);
+			}
+		}
+		const mergedContext = context || parentStaticConfig?.context;
+		const mergedContextProps = context ? contextProps : contextProps || parentStaticConfig?.contextProps;
+		if (parentDefaultProps || defaultVariants || parentDefaultVariants) defaultProps = {
+			...parentDefaultProps,
+			...parentDefaultVariants,
+			...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,
+			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;
+	})() || {});
+	for (const key in ComponentIn) {
+		if (key === "propTypes") continue;
+		if (key in component) continue;
+		component[key] = ComponentIn[key];
+	}
+	return component;
+}
+
+export { createFrontendStyled, styled };
 //# sourceMappingURL=styled.mjs.map

package/dist/esm/styled.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["createComponent","mergeVariants","getReactNativeConfig","textLikeElements","Set","styledHtml","tag","options","isText","has","variants","name","defaultVariants","context","defaultProps","conf","Component","componentName","isReactNative","acceptsClassName","neverFlatten","component","styled","ComponentIn","config","process","env","NODE_ENV","Error","parentStaticConfig","isPlainStyledComponent","isHOC","isNonStyledHOC","isStyledHOC","reactNativeConfig","Boolean","staticConfigProps","parentDefaultVariants","parentDefaultProps","avoid","pdp","key","val","styledExport","Proxy","get","target","prop"],"sources":["../../src/styled.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"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,136 +1,107 @@
+import { stylePropsInput, stylePropsText } from "@tamagui/helpers";
 import { createComponent } from "./createComponent.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";
-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,
-    name,
-    defaultVariants,
-    context,
-    ...defaultProps
-  } = options || {};
-  var conf = {
-    Component: tag,
-    variants,
-    defaultProps,
-    defaultVariants,
-    componentName: name,
-    isReactNative: false,
-    isText,
-    acceptsClassName: true,
-    context
-  };
-  if (defaultProps["children"] || context) {
-    conf.neverFlatten = true;
-  }
-  var component = createComponent(conf);
-  return component;
+
+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);
 }
-function styled(ComponentIn, options, config) {
-  if (process.env.NODE_ENV !== "production") {
-    if (!ComponentIn) {
-      throw new Error(`No component given to styled()`);
-    }
-  }
-  var parentStaticConfig = ComponentIn["staticConfig"];
-  var isPlainStyledComponent = !!parentStaticConfig && !(parentStaticConfig.isReactNative || parentStaticConfig.isHOC);
-  var isNonStyledHOC = (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC) && !(parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isStyledHOC);
-  var Component = isNonStyledHOC || isPlainStyledComponent ? ComponentIn : (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.Component) || ComponentIn;
-  var reactNativeConfig = !parentStaticConfig ? getReactNativeConfig(Component) : void 0;
-  var isReactNative = Boolean(reactNativeConfig || (config === null || config === void 0 ? void 0 : config.isReactNative) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isReactNative));
-  var staticConfigProps = function () {
-    var {
-      variants,
-      name,
-      defaultVariants,
-      context,
-      ...defaultProps
-    } = options || {};
-    var parentDefaultVariants;
-    var parentDefaultProps;
-    if (parentStaticConfig) {
-      var avoid = parentStaticConfig.isHOC && !parentStaticConfig.isStyledHOC;
-      if (!avoid) {
-        var pdp = parentStaticConfig.defaultProps;
-        for (var key2 in pdp) {
-          var val = pdp[key2];
-          if (parentStaticConfig.defaultVariants) {
-            if (key2 in parentStaticConfig.defaultVariants) {
-              if (!defaultVariants || !(key2 in defaultVariants)) {
-                parentDefaultVariants || (parentDefaultVariants = {});
-                parentDefaultVariants[key2] = val;
-              }
-            }
-          }
-          if (!(key2 in defaultProps) && (!defaultVariants || !(key2 in defaultVariants))) {
-            parentDefaultProps || (parentDefaultProps = {});
-            parentDefaultProps[key2] = pdp[key2];
-          }
-        }
-        if (parentStaticConfig.variants) {
-          variants = mergeVariants(parentStaticConfig.variants, variants);
-        }
-      }
-    }
-    if (parentDefaultProps || defaultVariants || parentDefaultVariants) {
-      defaultProps = {
-        ...parentDefaultProps,
-        ...parentDefaultVariants,
-        ...defaultProps,
-        ...defaultVariants
-      };
-    }
-    if (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC) {
-      if (name) {
-        defaultProps.componentName = name;
-      }
-    }
-    var isText = Boolean((config === null || config === void 0 ? void 0 : config.isText) || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isText));
-    var _config_acceptsClassName;
-    var acceptsClassName = (_config_acceptsClassName = config === null || config === void 0 ? void 0 : config.acceptsClassName) !== null && _config_acceptsClassName !== void 0 ? _config_acceptsClassName : isPlainStyledComponent || isReactNative || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC) && (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.acceptsClassName);
-    var conf = {
-      ...parentStaticConfig,
-      ...config,
-      ...(!isPlainStyledComponent && {
-        Component
-      }),
-      // @ts-expect-error
-      variants,
-      defaultProps,
-      defaultVariants,
-      componentName: name || (parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.componentName),
-      isReactNative,
-      isText,
-      acceptsClassName,
-      context,
-      ...reactNativeConfig,
-      isStyledHOC: Boolean(parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC),
-      parentStaticConfig
-    };
-    if (defaultProps["children"] || !acceptsClassName || context) {
-      conf.neverFlatten = true;
-    }
-    return conf;
-  }();
-  var component = createComponent(staticConfigProps || {});
-  for (var key in ComponentIn) {
-    if (key === "propTypes") continue;
-    if (key in component) continue;
-    component[key] = ComponentIn[key];
-  }
-  return component;
+var styled = Object.assign(styledFn, { dynamic: styledDynamic });
+function createFrontendStyled(frontend) {
+	return function(ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) {
+		return styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig);
+	};
 }
-var styledExport = new Proxy(styled, {
-  get(target, prop) {
-    if (prop in target) {
-      return target[prop];
-    }
-    return function (options) {
-      return styledHtml(prop, options);
-    };
-  }
-});
-export { styledExport as styled, styledHtml };
+function styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) {
+	var hasBaseClassName = typeof optionsOrBaseClassName === "string";
+	var baseClassName = hasBaseClassName ? optionsOrBaseClassName : void 0;
+	var optionsIn = hasBaseClassName ? configOrOptions : optionsOrBaseClassName;
+	var config = hasBaseClassName ? maybeConfig : configOrOptions;
+	var options = optionsIn;
+	var displayName = options === null || options === void 0 ? void 0 : options.displayName;
+	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));
+	var isPlainStyledComponent = !!parentStaticConfig && !(isReactNative || parentStaticConfig.isHOC);
+	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 = createComponent((function() {
+		var { variants, displayName: _displayName, defaultVariants, context, contextProps, ...defaultProps } = options || {};
+		var parentDefaultVariants;
+		var parentDefaultProps;
+		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)) {
+				var pdp = parentStaticConfig.defaultProps;
+				for (var key2 in pdp) {
+					var val = pdp[key2];
+					if (parentStaticConfig.defaultVariants) {
+						if (key2 in parentStaticConfig.defaultVariants) {
+							if (!defaultVariants || !(key2 in defaultVariants)) {
+								parentDefaultVariants || (parentDefaultVariants = {});
+								parentDefaultVariants[key2] = val;
+							}
+						}
+					}
+					if (!(key2 in defaultProps) && (!defaultVariants || !(key2 in defaultVariants))) {
+						parentDefaultProps || (parentDefaultProps = {});
+						parentDefaultProps[key2] = pdp[key2];
+					}
+				}
+				if (parentStaticConfig.variants) variants = mergeVariants(parentStaticConfig.variants, variants);
+			}
+		}
+		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 = {
+			...parentDefaultProps,
+			...parentDefaultVariants,
+			...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 = {
+			...parentStaticConfig,
+			...config,
+			...!isPlainStyledComponent && { Component },
+			variants,
+			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;
+	})() || {});
+	for (var key in ComponentIn) {
+		if (key === "propTypes") continue;
+		if (key in component) continue;
+		component[key] = ComponentIn[key];
+	}
+	return component;
+}
+
+export { createFrontendStyled, styled };
 //# sourceMappingURL=styled.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createComponent","mergeVariants","getReactNativeConfig","textLikeElements","Set","styledHtml","tag","options","isText","has","variants","name","defaultVariants","context","defaultProps","conf","Component","componentName","isReactNative","acceptsClassName","neverFlatten","component","styled","ComponentIn","config","process","env","NODE_ENV","Error","parentStaticConfig","isPlainStyledComponent","isHOC","isNonStyledHOC","isStyledHOC","reactNativeConfig","Boolean","staticConfigProps","parentDefaultVariants","parentDefaultProps","avoid","pdp","key2","val","_config_acceptsClassName","key","styledExport","Proxy","get","target","prop"],"sources":["../../src/styled.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"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/theme-update.mjs

@@ -0,0 +1,3 @@
+export * from "./helpers/variables.mjs"
+
+export * from "./views/ThemeUpdate.mjs"

package/dist/esm/theme-update.native.js

@@ -0,0 +1,3 @@
+export * from "./helpers/variables.native.js"
+
+export * from "./views/ThemeUpdate.native.js"

package/dist/esm/type-utils.mjs

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=type-utils.mjs.map

package/dist/esm/type-utils.native.js

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=type-utils.native.js.map

package/dist/esm/types.mjs

@@ -1,2 +1,5 @@
+const stylePieceSymbol = /* @__PURE__ */ Symbol.for("tamagui.stylePiece");
+const styledDynamicSymbol = /* @__PURE__ */ Symbol.for("tamagui.styledDynamic");
 
+export { stylePieceSymbol, styledDynamicSymbol };
 //# sourceMappingURL=types.mjs.map

package/dist/esm/types.mjs.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}
+{"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,2 +1,5 @@
+var stylePieceSymbol = /* @__PURE__ */ Symbol.for("tamagui.stylePiece");
+var styledDynamicSymbol = /* @__PURE__ */ Symbol.for("tamagui.styledDynamic");
 
+export { stylePieceSymbol, styledDynamicSymbol };
 //# sourceMappingURL=types.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}
+{"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/ConfigRevisionCheck.mjs

@@ -0,0 +1,43 @@
+import { useIsomorphicLayoutEffect } from "@tamagui/constants";
+import React from "react";
+import { getConfigRevisionSnapshot } from "../helpers/grammarConfig.mjs";
+import { jsx } from "react/jsx-runtime";
+
+const partNames = [
+	"media",
+	"themeNames",
+	"themeVariables",
+	"tokens",
+	"fonts",
+	"shorthands"
+];
+function ConfigRevisionCheck({ config }) {
+	const ref = React.useRef(null);
+	const checked = React.useRef(false);
+	const client = getConfigRevisionSnapshot(config);
+	const clientParts = JSON.stringify(client.parts);
+	useIsomorphicLayoutEffect(() => {
+		if (checked.current) return;
+		checked.current = true;
+		const marker = ref.current;
+		const serverRevision = marker?.getAttribute("data-tamagui-config-revision");
+		const serverPartsJSON = marker?.getAttribute("data-tamagui-config-revision-parts");
+		if (!serverRevision || !serverPartsJSON || serverRevision === client.revision) return;
+		let serverParts = {};
+		try {
+			serverParts = JSON.parse(serverPartsJSON);
+		} catch {}
+		const differingParts = partNames.filter((part) => serverParts[part] !== client.parts[part]);
+		console.error(`[tamagui] Server/client config revision mismatch during hydration: server "${serverRevision}", client "${client.revision}". Differing parts: ${differingParts.join(", ") || "unknown"}. Every input to the config revision must have identical names and queries in both environments; values may be omitted from an optimized client config, but their theme, variable, token, font, media, and shorthand names must remain.`);
+	}, [client.revision, clientParts]);
+	return /* @__PURE__ */ jsx("span", {
+		ref,
+		"aria-hidden": true,
+		hidden: true,
+		"data-tamagui-config-revision": client.revision,
+		"data-tamagui-config-revision-parts": clientParts
+	});
+}
+
+export { ConfigRevisionCheck };
+//# sourceMappingURL=ConfigRevisionCheck.mjs.map