@tamagui/web 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/setupReactNative.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["to","__toCommonJS","mod","__copyProps","__defProp","value","setupReactNative_exports","__export","getReactNativeConfig","module","exports","ReactNativeStaticConfigs","WeakMap","Component","_Component_State","_Component_propTypes","_Component_propTypes1","_Component_propTypes2","propTypes","onTextInput","onChangeText","RNConfigs","TextInput","getSizeWithHeaders","Image","textBreakStrategy","Text","default","isReactNative","inlineProps","Set","isText","isInput"],"sources":["../../src/setupReactNative.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;EAAA;EAAA,OAAAA,EAAA;AAAA;AAAA,IAAAC,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAEAC,QAAM,CAAAD,wBAA2B;EAAAE,oBAAI,EAAAA,CAAA,KAA2CA;AAAA;AAEzEC,MAAA,CAAAC,OAAS,GAAAT,YAAA,CAAqBK,wBAAgB;AACnD,IAAAK,wBAAgB,sBAAAC,OAAA;AAEhB,SAAIJ,oBAAYA,CAAAK,SAAmB;EACjC,IAAAC,gBAAc;EACZ,KAAAD,SAAO;EAAU,IACnBE,oBAAA,EAAAC,qBAAA,EAAAC,qBAAA;EACA,MAAAF,oBAAc,GAAAF,SAAoB,CAAAK,SAAA,cAAAH,oBAAA,uBAAAA,oBAAA,CAAAI,WAAA,OAAAH,qBAAA,GAAAH,SAAA,CAAAK,SAAA,cAAAF,qBAAA,uBAAAA,qBAAA,CAAAI,YAAA,UAAAC,SAAA,CAAAC,SAAA;EAChC,IAAAT,SAAO,CAAAU,kBAAU,SAAAF,SAAA,CAAAG,KAAA;EAAA,IACnB,CAAAP,qBAAA,GAAAJ,SAAA,CAAAK,SAAA,cAAAD,qBAAA,uBAAAA,qBAAA,CAAAQ,iBAAA,SAAAJ,SAAA,CAAAK,IAAA;EACA,OAAIL,SAAA,CAAUM,OAAA;AACZ;AAAiB,IACnBN,SAAA;EAKAG,KAAA;IACFI,aAAA;IACAC,WAAI,iBAAqB,IAAAC,GAAU,EACjC,OACF,SACA,QAAI,CACF;EAAiB,CACnB;EACAJ,IAAA,EACE;IAGAE,aAAO,MAAU;IACnBG,MAAA;EACA;EACET,SAAA,EAAO;IACTM,aAAA;IAEAI,OAAO;IACTD,MAAA;EAEA;EAAkBJ,OAChB,EAAO;IAAAC,aAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"setupReactNative.native.js","names":[],"sources":["cjs/setupReactNative.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n\tfor (var name in all) __defProp(target, name, {\n\t\tget: all[name],\n\t\tenumerable: true\n\t});\n};\nvar __copyProps = (to, from, except, desc) => {\n\tif (from && typeof from === \"object\" || typeof from === \"function\") {\n\t\tfor (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {\n\t\t\tget: () => from[key],\n\t\t\tenumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable\n\t\t});\n\t}\n\treturn to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar setupReactNative_exports = {};\n__export(setupReactNative_exports, { getReactNativeConfig: () => getReactNativeConfig });\nmodule.exports = __toCommonJS(setupReactNative_exports);\nvar ReactNativeStaticConfigs = /* @__PURE__ */ new WeakMap();\nfunction getReactNativeConfig(Component) {\n\tvar _Component_State;\n\tif (!Component) return;\n\tvar _Component_propTypes, _Component_propTypes1, _Component_propTypes2;\n\tif (((_Component_propTypes = Component.propTypes) === null || _Component_propTypes === void 0 ? void 0 : _Component_propTypes.onTextInput) || ((_Component_propTypes1 = Component.propTypes) === null || _Component_propTypes1 === void 0 ? void 0 : _Component_propTypes1.onChangeText)) return RNConfigs.TextInput;\n\tif (Component.getSizeWithHeaders) return RNConfigs.Image;\n\tif ((_Component_propTypes2 = Component.propTypes) === null || _Component_propTypes2 === void 0 ? void 0 : _Component_propTypes2.textBreakStrategy) return RNConfigs.Text;\n\treturn RNConfigs.default;\n}\nvar RNConfigs = {\n\tImage: {\n\t\tisReactNative: true,\n\t\tinlineProps: /* @__PURE__ */ new Set([\n\t\t\t\"src\",\n\t\t\t\"width\",\n\t\t\t\"height\"\n\t\t])\n\t},\n\tText: {\n\t\tisReactNative: true,\n\t\tisText: true\n\t},\n\tTextInput: {\n\t\tisReactNative: true,\n\t\tisInput: true,\n\t\tisText: true\n\t},\n\tdefault: { isReactNative: true }\n};\n//# sourceMappingURL=setupReactNative.js.map\n"],"mappings":";;;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC/B,KAAK,IAAI,QAAQ,KAAK,UAAU,QAAQ,MAAM;EAC7C,KAAK,IAAI;EACT,YAAY;CACb,CAAC;AACF;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC7C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EACnE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GAAG,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QAAQ,UAAU,IAAI,KAAK;GAC9G,WAAW,KAAK;GAChB,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAC3D,CAAC;CACF;CACA,OAAO;AACR;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,2BAA2B,CAAC;AAChC,SAAS,0BAA0B,EAAE,4BAA4B,qBAAqB,CAAC;AACvF,OAAO,UAAU,aAAa,wBAAwB;AACtD,IAAI,2CAA2C,IAAI,QAAQ;AAC3D,SAAS,qBAAqB,WAAW;CACxC,IAAI;CACJ,IAAI,CAAC,WAAW;CAChB,IAAI,sBAAsB,uBAAuB;CACjD,MAAM,uBAAuB,UAAU,eAAe,QAAQ,yBAAyB,KAAK,IAAI,KAAK,IAAI,qBAAqB,kBAAkB,wBAAwB,UAAU,eAAe,QAAQ,0BAA0B,KAAK,IAAI,KAAK,IAAI,sBAAsB,eAAe,OAAO,UAAU;CAC3S,IAAI,UAAU,oBAAoB,OAAO,UAAU;CACnD,KAAK,wBAAwB,UAAU,eAAe,QAAQ,0BAA0B,KAAK,IAAI,KAAK,IAAI,sBAAsB,mBAAmB,OAAO,UAAU;CACpK,OAAO,UAAU;AAClB;AACA,IAAI,YAAY;CACf,OAAO;EACN,eAAe;EACf,6BAA6B,IAAI,IAAI;GACpC;GACA;GACA;EACD,CAAC;CACF;CACA,MAAM;EACL,eAAe;EACf,QAAQ;CACT;CACA,WAAW;EACV,eAAe;EACf,SAAS;EACT,QAAQ;CACT;CACA,SAAS,EAAE,eAAe,KAAK;AAChC"}

package/dist/cjs/styled.cjs

@@ -1,159 +1,188 @@
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var styled_exports = {};
 __export(styled_exports, {
-  styled: () => styledExport,
-  styledHtml: () => styledHtml
+	createFrontendStyled: () => createFrontendStyled,
+	createVariantResolver: () => import_types.createVariantResolver,
+	styled: () => styledExport,
+	styledHtml: () => styledHtml
 });
 module.exports = __toCommonJS(styled_exports);
 var import_createComponent = require("./createComponent.cjs");
+var import_componentDisplayName = require("./helpers/componentDisplayName.cjs");
 var import_mergeVariants = require("./helpers/mergeVariants.cjs");
 var import_setupReactNative = require("./setupReactNative.cjs");
-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"]);
+var import_types = require("./types.cjs");
+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 = (0, import_createComponent.createComponent)(conf);
-  return component;
+	const isText = textLikeElements.has(tag);
+	const { variants, displayName, defaultVariants, context, ...defaultProps } = options || {};
+	const conf = {
+		Component: tag,
+		variants,
+		defaultProps,
+		defaultVariants,
+		isReactNative: false,
+		isText,
+		acceptsClassName: true,
+		context
+	};
+	if (defaultProps["children"] || context) {
+		conf.neverFlatten = true;
+	}
+	const component = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)(conf), displayName);
+	return component;
 }
-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 ? (0, import_setupReactNative.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 = (0, import_mergeVariants.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 = (0, import_createComponent.createComponent)(staticConfigProps || {});
-  for (const key in ComponentIn) {
-    if (key === "propTypes") continue;
-    if (key in component) continue;
-    component[key] = ComponentIn[key];
-  }
-  return component;
+function styled(...args) {
+	return styledImpl(void 0, ...args);
 }
-const styledExport = new Proxy(styled, {
-  get(target, prop) {
-    if (prop in target) {
-      return target[prop];
-    }
-    return options => styledHtml(prop, options);
-  }
-});
+function createFrontendStyled(frontend) {
+	return (ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) => styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig);
+}
+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 (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 ? (0, import_setupReactNative.getReactNativeConfig)(Component) : void 0;
+	const isReactNative = Boolean(reactNativeConfig || config?.isReactNative || parentStaticConfig?.isReactNative);
+	const staticConfigProps = (() => {
+		let { variants, displayName: _displayName, defaultVariants, context, contextProps, compoundVariants, ...defaultProps } = options || {};
+		let parentDefaultVariants;
+		let parentDefaultProps;
+		let parentCompoundVariants;
+		const mergedBaseClassName = parentStaticConfig?.baseClassName && baseClassName ? `${parentStaticConfig.baseClassName} ${baseClassName}` : baseClassName || parentStaticConfig?.baseClassName;
+		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 = (0, import_mergeVariants.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 = {
+				...parentDefaultProps,
+				...parentDefaultVariants,
+				...defaultProps,
+				...defaultVariants
+			};
+		}
+		const isText = Boolean(config?.isText || parentStaticConfig?.isText);
+		const acceptsClassName = config?.acceptsClassName ?? (isPlainStyledComponent || isReactNative || parentStaticConfig?.isHOC && parentStaticConfig?.acceptsClassName);
+		const conf = {
+			...parentStaticConfig,
+			...config,
+			...!isPlainStyledComponent && { Component },
+			variants,
+			compoundVariants: mergedCompoundVariants,
+			baseClassName: mergedBaseClassName,
+			defaultProps,
+			defaultVariants,
+			isReactNative,
+			isText,
+			acceptsClassName,
+			context: mergedContext,
+			contextProps: mergedContextProps,
+			...reactNativeConfig,
+			isStyledHOC: Boolean(parentStaticConfig?.isHOC),
+			parentStaticConfig,
+			...frontend && { styleFrontend: frontend }
+		};
+		if (defaultProps["children"] || !acceptsClassName || mergedContext) {
+			conf.neverFlatten = true;
+		}
+		return conf;
+	})();
+	const component = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)(staticConfigProps || {}), displayName || ComponentIn[import_componentDisplayName.componentDisplayName]);
+	for (const key in ComponentIn) {
+		if (key === "propTypes") continue;
+		if (key in component) continue;
+		component[key] = ComponentIn[key];
+	}
+	return component;
+}
+const styledExport = new Proxy(styled, { get(target, prop) {
+	if (prop in target) {
+		return target[prop];
+	}
+	return (options) => styledHtml(prop, options);
+} });

package/dist/cjs/styled.native.cjs

@@ -0,0 +1,198 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styled_exports = {};
+__export(styled_exports, {
+	createFrontendStyled: () => createFrontendStyled,
+	createVariantResolver: () => import_types.createVariantResolver,
+	styled: () => styledExport,
+	styledHtml: () => styledHtml
+});
+module.exports = __toCommonJS(styled_exports);
+var import_createComponent = require("./createComponent.native.js");
+var import_componentDisplayName = require("./helpers/componentDisplayName.native.js");
+var import_mergeVariants = require("./helpers/mergeVariants.native.js");
+var import_setupReactNative = require("./setupReactNative.native.js");
+var import_types = require("./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,
+		isReactNative: false,
+		isText,
+		acceptsClassName: true,
+		context
+	};
+	if (defaultProps["children"] || context) {
+		conf.neverFlatten = true;
+	}
+	var component = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)(conf), displayName);
+	return component;
+}
+function styled() {
+	for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+		args[_key] = arguments[_key];
+	}
+	return styledImpl(void 0, ...args);
+}
+function createFrontendStyled(frontend) {
+	return function(ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig) {
+		return styledImpl(frontend, ComponentIn, optionsOrBaseClassName, configOrOptions, maybeConfig);
+	};
+}
+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 (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 ? (0, import_setupReactNative.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, displayName: _displayName, defaultVariants, context, contextProps, compoundVariants, ...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) {
+			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 = (0, import_mergeVariants.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 = {
+				...parentDefaultProps,
+				...parentDefaultVariants,
+				...defaultProps,
+				...defaultVariants
+			};
+		}
+		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 },
+			variants,
+			compoundVariants: mergedCompoundVariants,
+			baseClassName: mergedBaseClassName,
+			defaultProps,
+			defaultVariants,
+			isReactNative,
+			isText,
+			acceptsClassName,
+			context: mergedContext,
+			contextProps: mergedContextProps,
+			...reactNativeConfig,
+			isStyledHOC: Boolean(parentStaticConfig === null || parentStaticConfig === void 0 ? void 0 : parentStaticConfig.isHOC),
+			parentStaticConfig,
+			...frontend && { styleFrontend: frontend }
+		};
+		if (defaultProps["children"] || !acceptsClassName || mergedContext) {
+			conf.neverFlatten = true;
+		}
+		return conf;
+	})();
+	var component = (0, import_componentDisplayName.setComponentDisplayName)((0, import_createComponent.createComponent)(staticConfigProps || {}), displayName || ComponentIn[import_componentDisplayName.componentDisplayName]);
+	for (var key in ComponentIn) {
+		if (key === "propTypes") continue;
+		if (key in component) continue;
+		component[key] = ComponentIn[key];
+	}
+	return component;
+}
+var styledExport = new Proxy(styled, { get(target, prop) {
+	if (prop in target) {
+		return target[prop];
+	}
+	return function(options) {
+		return styledHtml(prop, options);
+	};
+} });