@tamagui/core 1.0.1-beta.186 → 1.0.1-beta.188

package/dist/cjs/addTheme.js

@@ -21,8 +21,8 @@ __export(addTheme_exports, {
   addTheme: () => addTheme
 });
 module.exports = __toCommonJS(addTheme_exports);
+var import_constants = require("@tamagui/constants");
 var import_config = require("./config");
-var import_platform = require("./constants/platform");
 var import_getThemeCSSRules = require("./helpers/getThemeCSSRules");
 var import_themes = require("./helpers/themes");
 function addTheme({
@@ -48,7 +48,7 @@ function addTheme({
   const themeProxied = (0, import_themes.proxyThemeToParents)(themeName, theme, config.themes);
   config.themes[themeName] = themeProxied;
   let cssRules = [];
-  if (import_platform.isWeb) {
+  if (import_constants.isWeb) {
     if (insertCSS) {
       cssRules = (0, import_getThemeCSSRules.getThemeCSSRules)({
         config,

package/dist/cjs/addTheme.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/addTheme.ts"],
-  "sourcesContent": ["import { getConfig, updateConfig } from './config'\nimport { isWeb } from './constants/platform'\nimport { getThemeCSSRules } from './helpers/getThemeCSSRules'\nimport { ensureThemeVariable, proxyThemeToParents } from './helpers/themes'\nimport { ThemeDefinition, ThemeParsed } from './types'\n\nexport function addTheme({\n  name: themeName,\n  theme: themeIn,\n  insertCSS,\n  update,\n}: {\n  name: string\n  theme: ThemeDefinition\n  insertCSS?: boolean\n  update?: boolean\n}) {\n  const config = getConfig()\n  if (process.env.NODE_ENV === 'development') {\n    if (!config) {\n      throw new Error(`Must run createTamagui once before loading theme`)\n    }\n    if (!update && config.themes[themeName]) {\n      throw new Error(`Already defined theme \"${themeName}\", use updateTheme to change values`)\n    }\n  }\n\n  const theme = { ...themeIn } as ThemeParsed\n  for (const key in theme) {\n    ensureThemeVariable(theme, key)\n  }\n\n  const themeProxied = proxyThemeToParents(themeName, theme, config.themes)\n  config.themes[themeName] = themeProxied\n\n  let cssRules: string[] = []\n\n  if (isWeb) {\n    if (insertCSS) {\n      cssRules = getThemeCSSRules({\n        config,\n        themeName,\n        names: [themeName],\n        theme,\n      })\n      const id = `tamagui_theme_style_${themeName}`\n      const existing = document.querySelector(`#${id}`)\n      const style = document.createElement('style')\n      style.id = id\n      style.appendChild(document.createTextNode(cssRules.join('\\n')))\n      document.head.appendChild(style)\n      if (existing) {\n        existing.parentElement?.removeChild(existing)\n      }\n    }\n  }\n\n  updateConfig('themes', { ...config.themes, [themeName]: themeProxied })\n\n  // trigger updates in components\n\n  return {\n    theme: themeProxied,\n    cssRules,\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAwC;AACxC,sBAAsB;AACtB,8BAAiC;AACjC,oBAAyD;AAGlD,SAAS,SAAS;AAAA,EACvB,MAAM;AAAA,EACN,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAKG;AAhBH;AAiBE,QAAM,aAAS,yBAAU;AACzB,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,QAAQ;AACX,YAAM,IAAI,MAAM,kDAAkD;AAAA,IACpE;AACA,QAAI,CAAC,UAAU,OAAO,OAAO,YAAY;AACvC,YAAM,IAAI,MAAM,0BAA0B,8CAA8C;AAAA,IAC1F;AAAA,EACF;AAEA,QAAM,QAAQ,EAAE,GAAG,QAAQ;AAC3B,aAAW,OAAO,OAAO;AACvB,2CAAoB,OAAO,GAAG;AAAA,EAChC;AAEA,QAAM,mBAAe,mCAAoB,WAAW,OAAO,OAAO,MAAM;AACxE,SAAO,OAAO,aAAa;AAE3B,MAAI,WAAqB,CAAC;AAE1B,MAAI,uBAAO;AACT,QAAI,WAAW;AACb,qBAAW,0CAAiB;AAAA,QAC1B;AAAA,QACA;AAAA,QACA,OAAO,CAAC,SAAS;AAAA,QACjB;AAAA,MACF,CAAC;AACD,YAAM,KAAK,uBAAuB;AAClC,YAAM,WAAW,SAAS,cAAc,IAAI,IAAI;AAChD,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,KAAK;AACX,YAAM,YAAY,SAAS,eAAe,SAAS,KAAK,IAAI,CAAC,CAAC;AAC9D,eAAS,KAAK,YAAY,KAAK;AAC/B,UAAI,UAAU;AACZ,uBAAS,kBAAT,mBAAwB,YAAY;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAEA,kCAAa,UAAU,EAAE,GAAG,OAAO,QAAQ,CAAC,YAAY,aAAa,CAAC;AAItE,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\n\nimport { getConfig, updateConfig } from './config'\nimport { getThemeCSSRules } from './helpers/getThemeCSSRules'\nimport { ensureThemeVariable, proxyThemeToParents } from './helpers/themes'\nimport { ThemeDefinition, ThemeParsed } from './types'\n\nexport function addTheme({\n  name: themeName,\n  theme: themeIn,\n  insertCSS,\n  update,\n}: {\n  name: string\n  theme: ThemeDefinition\n  insertCSS?: boolean\n  update?: boolean\n}) {\n  const config = getConfig()\n  if (process.env.NODE_ENV === 'development') {\n    if (!config) {\n      throw new Error(`Must run createTamagui once before loading theme`)\n    }\n    if (!update && config.themes[themeName]) {\n      throw new Error(`Already defined theme \"${themeName}\", use updateTheme to change values`)\n    }\n  }\n\n  const theme = { ...themeIn } as ThemeParsed\n  for (const key in theme) {\n    ensureThemeVariable(theme, key)\n  }\n\n  const themeProxied = proxyThemeToParents(themeName, theme, config.themes)\n  config.themes[themeName] = themeProxied\n\n  let cssRules: string[] = []\n\n  if (isWeb) {\n    if (insertCSS) {\n      cssRules = getThemeCSSRules({\n        config,\n        themeName,\n        names: [themeName],\n        theme,\n      })\n      const id = `tamagui_theme_style_${themeName}`\n      const existing = document.querySelector(`#${id}`)\n      const style = document.createElement('style')\n      style.id = id\n      style.appendChild(document.createTextNode(cssRules.join('\\n')))\n      document.head.appendChild(style)\n      if (existing) {\n        existing.parentElement?.removeChild(existing)\n      }\n    }\n  }\n\n  updateConfig('themes', { ...config.themes, [themeName]: themeProxied })\n\n  // trigger updates in components\n\n  return {\n    theme: themeProxied,\n    cssRules,\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AAEtB,oBAAwC;AACxC,8BAAiC;AACjC,oBAAyD;AAGlD,SAAS,SAAS;AAAA,EACvB,MAAM;AAAA,EACN,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAKG;AAjBH;AAkBE,QAAM,aAAS,yBAAU;AACzB,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,QAAQ;AACX,YAAM,IAAI,MAAM,kDAAkD;AAAA,IACpE;AACA,QAAI,CAAC,UAAU,OAAO,OAAO,YAAY;AACvC,YAAM,IAAI,MAAM,0BAA0B,8CAA8C;AAAA,IAC1F;AAAA,EACF;AAEA,QAAM,QAAQ,EAAE,GAAG,QAAQ;AAC3B,aAAW,OAAO,OAAO;AACvB,2CAAoB,OAAO,GAAG;AAAA,EAChC;AAEA,QAAM,mBAAe,mCAAoB,WAAW,OAAO,OAAO,MAAM;AACxE,SAAO,OAAO,aAAa;AAE3B,MAAI,WAAqB,CAAC;AAE1B,MAAI,wBAAO;AACT,QAAI,WAAW;AACb,qBAAW,0CAAiB;AAAA,QAC1B;AAAA,QACA;AAAA,QACA,OAAO,CAAC,SAAS;AAAA,QACjB;AAAA,MACF,CAAC;AACD,YAAM,KAAK,uBAAuB;AAClC,YAAM,WAAW,SAAS,cAAc,IAAI,IAAI;AAChD,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,KAAK;AACX,YAAM,YAAY,SAAS,eAAe,SAAS,KAAK,IAAI,CAAC,CAAC;AAC9D,eAAS,KAAK,YAAY,KAAK;AAC/B,UAAI,UAAU;AACZ,uBAAS,kBAAT,mBAAwB,YAAY;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAEA,kCAAa,UAAU,EAAE,GAAG,OAAO,QAAQ,CAAC,YAAY,aAAa,CAAC;AAItE,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/cjs/constants/constants.js

@@ -23,13 +23,13 @@ __export(constants_exports, {
   stackDefaultStyles: () => stackDefaultStyles
 });
 module.exports = __toCommonJS(constants_exports);
-var import_platform = require("./platform");
+var import_constants = require("@tamagui/constants");
 const THEME_NAME_SEPARATOR = "_";
 const THEME_CLASSNAME_PREFIX = `t_`;
 const stackDefaultStyles = {
   alignItems: "stretch",
   flexShrink: 0,
-  ...import_platform.isWeb && {
+  ...import_constants.isWeb && {
     display: "flex",
     flexBasis: "auto",
     boxSizing: "border-box"

package/dist/cjs/constants/constants.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/constants/constants.ts"],
-  "sourcesContent": ["import { isWeb } from './platform'\n\nexport const THEME_NAME_SEPARATOR = '_'\nexport const THEME_CLASSNAME_PREFIX = `t_`\n\nexport const stackDefaultStyles = {\n  alignItems: 'stretch',\n  flexShrink: 0,\n  // more accurately match react-native defaults on web\n  ...(isWeb && {\n    display: 'flex',\n    flexBasis: 'auto',\n    boxSizing: 'border-box',\n  }),\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAsB;AAEf,MAAM,uBAAuB;AAC7B,MAAM,yBAAyB;AAE/B,MAAM,qBAAqB;AAAA,EAChC,YAAY;AAAA,EACZ,YAAY;AAAA,EAEZ,GAAI,yBAAS;AAAA,IACX,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF;",
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\n\nexport const THEME_NAME_SEPARATOR = '_'\nexport const THEME_CLASSNAME_PREFIX = `t_`\n\nexport const stackDefaultStyles = {\n  alignItems: 'stretch',\n  flexShrink: 0,\n  // more accurately match react-native defaults on web\n  ...(isWeb && {\n    display: 'flex',\n    flexBasis: 'auto',\n    boxSizing: 'border-box',\n  }),\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AAEf,MAAM,uBAAuB;AAC7B,MAAM,yBAAyB;AAE/B,MAAM,qBAAqB;AAAA,EAChC,YAAY;AAAA,EACZ,YAAY;AAAA,EAEZ,GAAI,0BAAS;AAAA,IACX,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AACF;",
   "names": []
 }

package/dist/cjs/createComponent.js

@@ -34,14 +34,14 @@ __export(createComponent_exports, {
 });
 module.exports = __toCommonJS(createComponent_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_constants = require("@tamagui/constants");
 var import_helpers = require("@tamagui/helpers");
 var import_rnw = require("@tamagui/rnw");
 var import_use_force_update = require("@tamagui/use-force-update");
 var import_react = __toESM(require("react"));
 var import_react_native = require("react-native");
 var import_config = require("./config");
-var import_constants = require("./constants/constants");
-var import_platform = require("./constants/platform");
+var import_constants2 = require("./constants/constants");
 var import_FontLanguageContext = require("./contexts/FontLanguageContext");
 var import_TextAncestorContext = require("./contexts/TextAncestorContext");
 var import_assignNativePropsToWeb = require("./helpers/assignNativePropsToWeb");
@@ -114,7 +114,7 @@ function createComponent(configIn, ParentComponent) {
     const state = propsIn.forceStyle ? { ...states[0], [propsIn.forceStyle]: true } : states[0];
     const shouldAvoidClasses = !!(props.animation && avoidClasses) || !staticConfig.acceptsClassName;
     const shouldForcePseudo = !!propsIn.forceStyle;
-    const hasTextAncestor = !!(import_platform.isWeb && isText ? (0, import_react.useContext)(import_TextAncestorContext.TextAncestorContext) : false);
+    const hasTextAncestor = !!(import_constants.isWeb && isText ? (0, import_react.useContext)(import_TextAncestorContext.TextAncestorContext) : false);
     const splitStyleState = !shouldAvoidClasses && !shouldForcePseudo ? {
       ...state,
       hasTextAncestor,
@@ -126,7 +126,7 @@ function createComponent(configIn, ParentComponent) {
       hasTextAncestor,
       resolveVariablesAs: "value"
     };
-    const languageContext = import_platform.isRSC ? null : (0, import_react.useContext)(import_FontLanguageContext.FontLanguageContext);
+    const languageContext = import_constants.isRSC ? null : (0, import_react.useContext)(import_FontLanguageContext.FontLanguageContext);
     const splitStyles = (0, import_getSplitStyles.useSplitStyles)(
       props,
       staticConfig,
@@ -169,7 +169,7 @@ function createComponent(configIn, ParentComponent) {
       classNames,
       mediaKeys
     } = splitStyles;
-    (0, import_platform.useIsomorphicLayoutEffect)(() => {
+    (0, import_constants.useIsomorphicLayoutEffect)(() => {
       if (!mediaKeys.length) {
         return;
       }
@@ -203,7 +203,7 @@ function createComponent(configIn, ParentComponent) {
     }
     const animationFeatureStylesIn = props.animation ? { ...defaultNativeStyle, ...splitStylesStyle } : null;
     const propsWithAnimation = props;
-    if (!import_platform.isRSC && isAnimated && useAnimations) {
+    if (!import_constants.isRSC && isAnimated && useAnimations) {
       const animationState = useAnimations(propsWithAnimation, {
         state,
         pseudos,
@@ -284,9 +284,9 @@ function createComponent(configIn, ParentComponent) {
       ...nonTamaguiProps
     } = viewPropsIn;
     const isTaggable = !Component || typeof Component === "string";
-    const element = import_platform.isWeb ? isTaggable ? tag || Component : Component : Component;
-    const BaseTextComponent = !import_platform.isWeb ? import_react_native.Text : element || "span";
-    const BaseViewComponent = !import_platform.isWeb ? import_react_native.View : element || (hasTextAncestor ? "span" : "div");
+    const element = import_constants.isWeb ? isTaggable ? tag || Component : Component : Component;
+    const BaseTextComponent = !import_constants.isWeb ? import_react_native.Text : element || "span";
+    const BaseViewComponent = !import_constants.isWeb ? import_react_native.View : element || (hasTextAncestor ? "span" : "div");
     let elementType = isText ? (isAnimated ? AnimatedText || import_react_native.Text : null) || BaseTextComponent : (isAnimated ? AnimatedView || import_react_native.View : null) || BaseViewComponent;
     elementType = Component || elementType;
     const isStringElement = typeof elementType === "string";
@@ -294,7 +294,7 @@ function createComponent(configIn, ParentComponent) {
     let viewProps;
     const hasEnterStyle = !!props.enterStyle;
     const shouldSetMounted = Boolean(
-      (import_platform.isWeb ? import_platform.isClient : true) && (hasEnterStyle || props.animation) && !state.mounted
+      (import_constants.isWeb ? import_constants.isClient : true) && (hasEnterStyle || props.animation) && !state.mounted
     );
     const setMounted = shouldSetMounted ? () => {
       setTimeout(
@@ -303,7 +303,7 @@ function createComponent(configIn, ParentComponent) {
             mounted: true
           });
         },
-        import_platform.isWeb ? 10 : 0
+        import_constants.isWeb ? 10 : 0
       );
     } : void 0;
     if (process.env.TAMAGUI_TARGET === "web" && !staticConfig.isReactNativeWeb) {
@@ -381,7 +381,7 @@ function createComponent(configIn, ParentComponent) {
       } = nonTamaguiProps;
       viewProps = webProps;
       (0, import_assignNativePropsToWeb.assignNativePropsToWeb)(elementType, viewProps, nonTamaguiProps);
-      if (!import_platform.isRSC) {
+      if (!import_constants.isRSC) {
         (0, import_rnw.useElementLayout)(hostRef, onLayout);
         (0, import_rnw.useResponderEvents)(hostRef, {
           onMoveShouldSetResponder,
@@ -440,7 +440,7 @@ function createComponent(configIn, ParentComponent) {
         viewProps.ref = forwardedRef;
       }
     }
-    if (process.env.NODE_ENV === "development" && !isText && import_platform.isWeb && !staticConfig.isHOC) {
+    if (process.env.NODE_ENV === "development" && !isText && import_constants.isWeb && !staticConfig.isHOC) {
       import_react.Children.toArray(props.children).forEach((item) => {
         if (typeof item === "string") {
           console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <View>.`);
@@ -453,7 +453,7 @@ function createComponent(configIn, ParentComponent) {
         pressIn: false
       });
     }, [setStateShallow]);
-    if (!import_platform.isRSC) {
+    if (!import_constants.isRSC) {
       (0, import_react.useEffect)(() => {
         return () => {
           mouseUps.delete(unPress);
@@ -469,7 +469,7 @@ function createComponent(configIn, ParentComponent) {
         ...medias
       };
     } else {
-      styles = [import_platform.isWeb ? null : defaultNativeStyle, animationStyles ?? splitStylesStyle, medias];
+      styles = [import_constants.isWeb ? null : defaultNativeStyle, animationStyles ?? splitStylesStyle, medias];
       if (!animationStyles && initialSplitStyles) {
         const initPseudos = initialSplitStyles.pseudos;
         !state.mounted && addPseudoToStyles(styles, initPseudos, pseudos, "enterStyle");
@@ -563,14 +563,14 @@ function createComponent(configIn, ParentComponent) {
     }
     const initialPseudos = initialSplitStyles == null ? void 0 : initialSplitStyles.pseudos;
     const attachPress = !!((pseudos == null ? void 0 : pseudos.pressStyle) || (initialPseudos == null ? void 0 : initialPseudos.pressStyle) || onPress || onPressOut || onPressIn || onClick);
-    const isHoverable = import_platform.isWeb;
+    const isHoverable = import_constants.isWeb;
     const attachHover = isHoverable && !!(pseudos && pseudos.hoverStyle || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave);
     const handlesPressEvents = !isStringElement && !asChild;
     const pressKey = handlesPressEvents ? "onPress" : "onClick";
     const pressInKey = handlesPressEvents ? "onPressIn" : "onMouseDown";
     const pressOutKey = handlesPressEvents ? "onPressOut" : "onMouseUp";
-    const shouldAttach = !asChild && (attachPress || attachHover || "pressStyle" in props || "onPress" in props || "onPressIn" in props || "onPressOut" in props || import_platform.isWeb && ("hoverStyle" in props || "onHoverIn" in props || "onHoverOut" in props || "onMouseEnter" in props || "onMouseLeave" in props));
-    const events = shouldAttach && !import_platform.isRSC ? {
+    const shouldAttach = !asChild && (attachPress || attachHover || "pressStyle" in props || "onPress" in props || "onPressIn" in props || "onPressOut" in props || import_constants.isWeb && ("hoverStyle" in props || "onHoverIn" in props || "onHoverOut" in props || "onMouseEnter" in props || "onMouseLeave" in props));
+    const events = shouldAttach && !import_constants.isRSC ? {
       [pressOutKey]: attachPress ? (e) => {
         unPress();
         onPressOut == null ? void 0 : onPressOut(e);
@@ -616,7 +616,7 @@ function createComponent(configIn, ParentComponent) {
         });
         onPressIn == null ? void 0 : onPressIn(e);
         onMouseDown == null ? void 0 : onMouseDown(e);
-        if (import_platform.isWeb) {
+        if (import_constants.isWeb) {
           mouseUps.add(unPress);
         }
       } : null,
@@ -625,7 +625,7 @@ function createComponent(configIn, ParentComponent) {
         onClick == null ? void 0 : onClick(e);
         onPress == null ? void 0 : onPress(e);
       } : null,
-      ...!import_platform.isWeb && {
+      ...!import_constants.isWeb && {
         cancelable: !props.rejectResponderTermination,
         disabled: props.disabled !== null ? props.disabled : (_e = props.accessibilityState) == null ? void 0 : _e.disabled,
         hitSlop: props.hitSlop,
@@ -672,7 +672,7 @@ function createComponent(configIn, ParentComponent) {
         onPressOut
       };
     }
-    if (!import_platform.isRSC && import_platform.isWeb) {
+    if (!import_constants.isRSC && import_constants.isWeb) {
       const [pressableProps] = (0, import_usePressable.usePressable)(
         events ? {
           disabled,
@@ -723,7 +723,7 @@ function createComponent(configIn, ParentComponent) {
     if (process.env.TAMAGUI_TARGET === "web") {
       const isAnimatedRNWView = isAnimated && typeof elementType !== "string";
       const shouldWrapWithComponentTheme = !!theme.className && isAnimatedRNWView && (0, import_createPropMapper.getReturnVariablesAs)(props, splitStyleState) === "non-color-value";
-      const shouldWrapWithHover = Boolean(events || import_platform.isRSC) && attachHover;
+      const shouldWrapWithHover = Boolean(events || import_constants.isRSC) && attachHover;
       if (shouldWrapWithHover || shouldWrapWithComponentTheme) {
         const themeClassName = shouldWrapWithComponentTheme ? `${theme.className}` : "";
         const hoverClassName = shouldWrapWithHover ? "t_Hoverable" : "";
@@ -835,7 +835,7 @@ function createComponent(configIn, ParentComponent) {
     };
     defaultNativeStyle = {};
     const validStyles2 = staticConfig.validStyles || import_helpers.stylePropsView;
-    if (!import_platform.isWeb) {
+    if (!import_constants.isWeb) {
       for (const key in staticConfig.defaultProps) {
         const val = staticConfig.defaultProps[key];
         if (import_helpers.validPseudoKeys[key])
@@ -898,7 +898,7 @@ const Spacer = createComponent({
   componentName: "Spacer",
   validStyles: import_helpers.validStyles,
   defaultProps: {
-    ...import_constants.stackDefaultStyles,
+    ...import_constants2.stackDefaultStyles,
     tag: "span",
     size: true
   },
@@ -1059,7 +1059,7 @@ const accessibilityRoleToWebRole = {
 };
 function addPseudoToStyles(styles, initialPseudos, pseudos, name, force = false) {
   const pseudoStyle = pseudos[name];
-  const shouldNestObject = import_platform.isWeb && name !== "enterStyle" && name !== "exitStyle";
+  const shouldNestObject = import_constants.isWeb && name !== "enterStyle" && name !== "exitStyle";
   const defaultPseudoStyle = initialPseudos[name];
   const style = defaultPseudoStyle ? { ...defaultPseudoStyle, ...pseudoStyle } : pseudoStyle;
   if (style) {