@tamagui/core 1.0.0-beta.202 → 1.0.0-beta.208

package/dist/cjs/Tamagui.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
@@ -15,6 +17,7 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Tamagui_exports = {};
 __export(Tamagui_exports, {
@@ -23,12 +26,14 @@ __export(Tamagui_exports, {
   setIdentifierValue: () => setIdentifierValue
 });
 module.exports = __toCommonJS(Tamagui_exports);
+var Helpers = __toESM(require("@tamagui/helpers"));
 var import_rnw = require("./constants/rnw");
 var import_insertStyleRule = require("./helpers/insertStyleRule");
 class TamaguiManager {
   constructor() {
     this.config = null;
     this.rnw = import_rnw.rnw;
+    this.Helpers = Helpers;
   }
   get allSelectors() {
     return (0, import_insertStyleRule.getAllSelectors)();

package/dist/cjs/Tamagui.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Tamagui.ts"],
-  "sourcesContent": ["import { rnw } from './constants/rnw'\nimport { getAllSelectors, getAllTransforms } from './helpers/insertStyleRule'\nimport { TamaguiInternalConfig } from './types'\n\n// serves a central store for state\n\nclass TamaguiManager {\n  config: TamaguiInternalConfig | null = null\n  rnw = rnw\n\n  get allSelectors() {\n    return getAllSelectors()\n  }\n\n  get allTransforms() {\n    return getAllTransforms()\n  }\n\n  get identifierToValue() {\n    return identifierToValue\n  }\n}\n\nexport const Tamagui = new TamaguiManager()\n\nconst identifierToValue = new Map<string, any>()\n\nexport const getValueFromIdentifier = (identifier: string) => {\n  return identifierToValue.get(identifier)\n}\n\nexport const setIdentifierValue = (identifier: string, value: any) => {\n  identifierToValue.set(identifier, value)\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,6BAAkD;AAKlD,MAAM,eAAe;AAAA,EAArB;AACE,kBAAuC;AACvC,eAAM;AAAA;AAAA,MAEF,eAAe;AACjB,WAAO,4CAAgB;AAAA,EACzB;AAAA,MAEI,gBAAgB;AAClB,WAAO,6CAAiB;AAAA,EAC1B;AAAA,MAEI,oBAAoB;AACtB,WAAO;AAAA,EACT;AACF;AAfA;AAiBO,MAAM,UAAU,IAAI,eAAe;AAE1C,MAAM,oBAAoB,oBAAI,IAAiB;AAExC,MAAM,yBAAyB,wBAAC,eAAuB;AAC5D,SAAO,kBAAkB,IAAI,UAAU;AACzC,GAFsC;AAI/B,MAAM,qBAAqB,wBAAC,YAAoB,UAAe;AACpE,oBAAkB,IAAI,YAAY,KAAK;AACzC,GAFkC;",
+  "sourcesContent": ["import * as Helpers from '@tamagui/helpers'\n\nimport { rnw } from './constants/rnw'\nimport { getAllSelectors, getAllTransforms } from './helpers/insertStyleRule'\nimport { TamaguiInternalConfig } from './types'\n\n// serves a central store for state\n\nclass TamaguiManager {\n  config: TamaguiInternalConfig | null = null\n  rnw = rnw\n  Helpers = Helpers\n\n  get allSelectors() {\n    return getAllSelectors()\n  }\n\n  get allTransforms() {\n    return getAllTransforms()\n  }\n\n  get identifierToValue() {\n    return identifierToValue\n  }\n}\n\nexport const Tamagui = new TamaguiManager()\n\nconst identifierToValue = new Map<string, any>()\n\nexport const getValueFromIdentifier = (identifier: string) => {\n  return identifierToValue.get(identifier)\n}\n\nexport const setIdentifierValue = (identifier: string, value: any) => {\n  identifierToValue.set(identifier, value)\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAAyB;AAEzB,iBAAoB;AACpB,6BAAkD;AAKlD,MAAM,eAAe;AAAA,EAArB;AACE,kBAAuC;AACvC,eAAM;AACN,mBAAU;AAAA;AAAA,MAEN,eAAe;AACjB,WAAO,4CAAgB;AAAA,EACzB;AAAA,MAEI,gBAAgB;AAClB,WAAO,6CAAiB;AAAA,EAC1B;AAAA,MAEI,oBAAoB;AACtB,WAAO;AAAA,EACT;AACF;AAhBA;AAkBO,MAAM,UAAU,IAAI,eAAe;AAE1C,MAAM,oBAAoB,oBAAI,IAAiB;AAExC,MAAM,yBAAyB,wBAAC,eAAuB;AAC5D,SAAO,kBAAkB,IAAI,UAAU;AACzC,GAFsC;AAI/B,MAAM,qBAAqB,wBAAC,YAAoB,UAAe;AACpE,oBAAkB,IAAI,YAAY,KAAK;AACzC,GAFkC;",
   "names": []
 }

package/dist/cjs/createComponent.js

@@ -53,6 +53,7 @@ __export(createComponent_exports, {
   AbsoluteFill: () => AbsoluteFill,
   Spacer: () => Spacer,
   createComponent: () => createComponent,
+  defaultComponentState: () => defaultComponentState,
   mouseUps: () => mouseUps,
   spacedChildren: () => spacedChildren
 });
@@ -66,14 +67,24 @@ var import_constants = require("./constants/constants");
 var import_platform = require("./constants/platform");
 var import_rnw = require("./constants/rnw");
 var import_createVariable = require("./createVariable");
-var import_defaultComponentState = require("./defaultComponentState");
+var import_createShallowUpdate = require("./helpers/createShallowUpdate");
 var import_extendStaticConfig = require("./helpers/extendStaticConfig");
 var import_getSplitStyles = require("./helpers/getSplitStyles");
+var import_insertStyleRule = require("./helpers/insertStyleRule");
 var import_wrapThemeManagerContext = require("./helpers/wrapThemeManagerContext");
 var import_useFeatures = require("./hooks/useFeatures");
 var import_usePressable = require("./hooks/usePressable");
 var import_useTheme = require("./hooks/useTheme");
 var import_TextAncestorContext = require("./views/TextAncestorContext");
+import_react.default["keep"];
+const defaultComponentState = {
+  hover: false,
+  press: false,
+  pressIn: false,
+  focus: false,
+  mounted: false,
+  animation: null
+};
 const mouseUps = /* @__PURE__ */ new Set();
 if (typeof document !== "undefined") {
   document.addEventListener("mouseup", () => {
@@ -81,19 +92,6 @@ if (typeof document !== "undefined") {
     mouseUps.clear();
   });
 }
-function createShallowUpdate(setter) {
-  return (next) => {
-    setter((prev) => {
-      for (const key in next) {
-        if (prev[key] !== next[key]) {
-          return __spreadValues(__spreadValues({}, prev), next);
-        }
-      }
-      return prev;
-    });
-  };
-}
-__name(createShallowUpdate, "createShallowUpdate");
 function createComponent(configIn) {
   let staticConfig;
   if ("parsed" in configIn) {
@@ -113,7 +111,7 @@ function createComponent(configIn) {
   let defaultNativeStyleSheet = null;
   let defaultsClassName = null;
   let initialTheme;
-  let splitStyleResult = null;
+  let defaultSplitStyleResult = null;
   function addPseudoToStyles(styles, name, pseudos) {
     const pseudoStyle = pseudos[name];
     if (pseudoStyle) {
@@ -129,29 +127,32 @@ function createComponent(configIn) {
     var _a, _c, _d, _e;
     if (process.env.NODE_ENV === "development") {
       if (props["debug"]) {
-        console.warn(componentName || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]", " debug prop on:", { props: Object.entries(props) });
+        console.warn(componentName || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]", "debug on");
+        console.log("props in:", props);
         if (props["debug"] === "break")
           debugger;
       }
     }
     const forceUpdate = (0, import_use_force_update.useForceUpdate)();
     const theme = (0, import_useTheme.useTheme)(props.theme, componentName, props, forceUpdate);
-    const [state, set_] = (0, import_react.useState)(import_defaultComponentState.defaultComponentState);
-    const setStateShallow = createShallowUpdate(set_);
-    const shouldAvoidClasses = !!(state.animation && avoidClasses);
-    const splitInfo = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, theme, shouldAvoidClasses ? __spreadProps(__spreadValues({}, state), { noClassNames: true, resolveVariablesAs: "value" }) : state, defaultsClassName);
-    const { viewProps: viewPropsIn, pseudos, medias, style, classNames } = splitInfo;
+    const [state, set_] = (0, import_react.useState)(defaultComponentState);
+    const setStateShallow = (0, import_createShallowUpdate.createShallowUpdate)(set_);
+    const shouldAvoidClasses = !!(props.animation && avoidClasses);
+    const splitStyles = (0, import_getSplitStyles.getSplitStyles)(props, staticConfig, theme, shouldAvoidClasses ? __spreadProps(__spreadValues({}, state), { noClassNames: true, resolveVariablesAs: "value" }) : state, shouldAvoidClasses ? null : defaultsClassName);
+    const { viewProps: viewPropsIn, pseudos, medias, style, classNames } = splitStyles;
     const useAnimations = (_a = tamaguiConfig.animations) == null ? void 0 : _a.useAnimations;
     const isAnimated = !!(useAnimations && props.animation);
     const hasEnterStyle = !!props.enterStyle;
-    const styleWithPseudos = props.animation ? merge(__spreadValues(__spreadValues({}, defaultNativeStyle), style), state.hover && pseudos.hoverStyle, state.press && pseudos.pressStyle, state.focus && pseudos.focusStyle, hasEnterStyle && !state.mounted && pseudos.enterStyle, ...Object.values(medias)) : null;
     const features = (0, import_useFeatures.useFeatures)(props, {
       forceUpdate,
       setStateShallow,
       useAnimations,
       state,
-      style: styleWithPseudos,
-      pseudos
+      style: props.animation ? __spreadValues(__spreadValues({}, defaultNativeStyle), style) : null,
+      pseudos,
+      staticConfig,
+      theme,
+      onDidAnimate: props.onDidAnimate
     });
     const _b = viewPropsIn, {
       tag,
@@ -250,18 +251,16 @@ function createComponent(configIn) {
         isMounted: true
       };
     }
-    (0, import_react.useEffect)(() => {
-      if (hasEnterStyle) {
-        setStateShallow({
-          mounted: true
-        });
-      }
+    (0, import_platform.useIsomorphicLayoutEffect)(() => {
+      setStateShallow({
+        mounted: true
+      });
       internal.current.isMounted = true;
       return () => {
         mouseUps.delete(unPress);
         internal.current.isMounted = false;
       };
-    }, []);
+    }, [hasEnterStyle]);
     if (nativeID) {
       viewProps.id = nativeID;
     }
@@ -333,7 +332,7 @@ function createComponent(configIn) {
         const className = classList.join(" ");
         if (process.env.NODE_ENV === "development") {
           if (props["debug"]) {
-            console.log("  \xBB className", { isStringElement, pseudos, state, defaultsClassName, classNames, propsClassName: props.className, style, classList, className: className.trim().split(" "), themeClassName: theme.className });
+            console.log("  \xBB className", { isStringElement, pseudos, state, defaultsClassName, classNames, propsClassName: props.className, style, classList, className: className.trim().split(" "), themeClassName: theme.className, values: Object.fromEntries(Object.entries(classNames).map(([k, v]) => [v, (0, import_insertStyleRule.getAllSelectors)()[v]])) });
           }
         }
         viewProps.className = className;
@@ -374,7 +373,7 @@ function createComponent(configIn) {
         viewProps.ref = forwardedRef;
       }
     }
-    const attachPress = !!(pseudos && pseudos.pressStyle || onPress || onPressOut || onPressIn);
+    const attachPress = !!(pseudos && pseudos.pressStyle || defaultPseudos && defaultPseudos.pressStyle || onPress || onPressOut || onPressIn);
     const isHoverable = import_platform.isWeb && !import_platform.isTouchDevice;
     const attachHover = isHoverable && !!(pseudos && pseudos.hoverStyle || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave);
     const pressEventKey = isStringElement ? "onClick" : "onPress";
@@ -387,7 +386,6 @@ function createComponent(configIn) {
         pressIn: false
       });
     }, []);
-    console.log("attachHover, attachHover", attachHover, pseudos && pseudos.hoverStyle);
     const events = shouldAttach ? __spreadProps(__spreadValues(__spreadValues({}, !import_platform.isWeb && {
       onPressOut: (e) => {
         unPress();
@@ -479,9 +477,9 @@ function createComponent(configIn) {
       }
     }
     content = (0, import_react.createElement)(ViewComponent, viewProps, childEls);
-    console.log("should", attachHover);
     if (import_platform.isWeb && events && attachHover) {
       content = /* @__PURE__ */ import_react.default.createElement("span", {
+        className: "tui_Hoverable",
         style: {
           display: "contents"
         },
@@ -492,7 +490,7 @@ function createComponent(configIn) {
     if (process.env.NODE_ENV === "development") {
       if (props["debug"]) {
         viewProps["debug"] = true;
-        console.log("  \xBB ", __spreadValues({ propsIn: __spreadValues({}, props), propsOut: __spreadValues({}, viewProps), animationStyles, isStringElement, classNamesIn: (_d = props.className) == null ? void 0 : _d.split(" "), classNamesOut: (_e = viewProps.className) == null ? void 0 : _e.split(" "), pressProps, events, shouldAttach, ViewComponent, viewProps, state, styles, pseudos, content, childEls, shouldAvoidClasses, animation: props.animation, style, defaultNativeStyle, splitStyleResult }, typeof window !== "undefined" ? { theme, themeState: theme.__state, themeClassName: theme.className, staticConfig, tamaguiConfig } : null));
+        console.log("  \xBB ", __spreadValues({ propsIn: __spreadValues({}, props), propsOut: __spreadValues({}, viewProps), state, splitStyles, defaultsClassName, animationStyles, isStringElement, classNamesIn: (_d = props.className) == null ? void 0 : _d.split(" "), classNamesOut: (_e = viewProps.className) == null ? void 0 : _e.split(" "), pressProps, events, shouldAttach, ViewComponent, viewProps, styles, pseudos, content, childEls, shouldAvoidClasses, avoidClasses, animation: props.animation, style, defaultNativeStyle, defaultSplitStyleResult }, typeof window !== "undefined" ? { theme, themeState: theme.__state, themeClassName: theme.className, staticConfig, tamaguiConfig } : null));
       }
     }
     if (features.length) {
@@ -502,17 +500,24 @@ function createComponent(configIn) {
   });
   (0, import_conf.onConfiguredOnce)((conf) => {
     var _a, _b, _c, _d;
+    if (process.env.IS_STATIC === "is_static") {
+      return;
+    }
     const shouldDebug = (_a = staticConfig.defaultProps) == null ? void 0 : _a.debug;
     tamaguiConfig = conf;
     avoidClasses = !!((_b = tamaguiConfig.animations) == null ? void 0 : _b.avoidClasses);
     AnimatedText = (_c = tamaguiConfig.animations) == null ? void 0 : _c.Text;
     AnimatedView = (_d = tamaguiConfig == null ? void 0 : tamaguiConfig.animations) == null ? void 0 : _d.View;
     initialTheme = conf.themes[conf.defaultTheme || Object.keys(conf.themes)[0]];
-    splitStyleResult = (0, import_getSplitStyles.getSplitStyles)(staticConfig.defaultProps, staticConfig, initialTheme, {
+    defaultSplitStyleResult = (0, import_getSplitStyles.getSplitStyles)(staticConfig.defaultProps, staticConfig, initialTheme, {
       mounted: true,
-      resolveVariablesAs: "variable"
+      hover: false,
+      press: false,
+      pressIn: false,
+      focus: false,
+      resolveVariablesAs: "both"
     });
-    const { classNames, pseudos, style, viewProps } = splitStyleResult;
+    const { classNames, pseudos, style, viewProps } = defaultSplitStyleResult;
     if (import_platform.isWeb) {
       defaultsClassName = classNames;
     }
@@ -528,13 +533,14 @@ function createComponent(configIn) {
     component.displayName = staticConfig.componentName;
     component.defaultProps = __spreadValues(__spreadValues({}, viewProps), component.defaultProps);
     if (process.env.NODE_ENV === "development" && shouldDebug && process.env.IS_STATIC !== "is_static") {
-      console.log(`\u{1F41B} [${staticConfig.componentName || "Component"}]`, __spreadValues({ staticConfig }, splitStyleResult));
+      console.log(`\u{1F41B} [${staticConfig.componentName || "Component"}]`, __spreadValues({ staticConfig }, defaultSplitStyleResult));
     }
   });
   let res = component;
   if (configIn.memo) {
     res = (0, import_react.memo)(res);
   }
+  res["whyDidYouRender"] = true;
   res["staticConfig"] = __spreadValues({
     validStyles: validStyleProps
   }, staticConfig);
@@ -550,6 +556,7 @@ function createComponent(configIn) {
 __name(createComponent, "createComponent");
 const Spacer = createComponent({
   memo: true,
+  componentName: "Spacer",
   defaultProps: __spreadProps(__spreadValues({}, import_constants.stackDefaultStyles), {
     size: true
   }),
@@ -626,38 +633,6 @@ function spacedChildren({
   return next;
 }
 __name(spacedChildren, "spacedChildren");
-const merge = /* @__PURE__ */ __name((...styles) => {
-  if (!styles[0])
-    return;
-  const res = {};
-  const len = styles.length;
-  for (let i = len - 1; i >= 0; i--) {
-    const cur = styles[i];
-    if (!cur)
-      continue;
-    for (const key in cur) {
-      const val = cur[key];
-      if (key !== "transform") {
-        if (!(key in res)) {
-          res[key] = val;
-        }
-        continue;
-      }
-      if (!res.transform) {
-        res.transform = val;
-        continue;
-      }
-      for (const t of val) {
-        const tkey = Object.keys(t)[0];
-        if (res.transform.find((existing) => tkey in existing)) {
-          continue;
-        }
-        res.transform.push(t);
-      }
-    }
-  }
-  return res;
-}, "merge");
 const AbsoluteFill = /* @__PURE__ */ __name((props) => import_platform.isWeb ? /* @__PURE__ */ import_react.default.createElement("div", {
   style: {
     position: "absolute",

package/dist/cjs/createComponent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createComponent.tsx"],
-  "sourcesContent": ["import { stylePropsView } from '@tamagui/helpers'\nimport { useForceUpdate } from '@tamagui/use-force-update'\nimport React, {\n  Children,\n  Fragment,\n  createElement,\n  forwardRef,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport { StyleSheet, Text, View, ViewStyle } from 'react-native'\n\nimport { onConfiguredOnce } from './conf'\nimport { stackDefaultStyles } from './constants/constants'\nimport { isAndroid, isTouchDevice, isWeb } from './constants/platform'\nimport { rnw } from './constants/rnw'\nimport { isVariable } from './createVariable'\nimport { ComponentState, defaultComponentState } from './defaultComponentState'\nimport { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig'\nimport {\n  ClassNamesObject,\n  PseudoStyles,\n  SplitStyleResult,\n  getSplitStyles,\n} from './helpers/getSplitStyles'\nimport { wrapThemeManagerContext } from './helpers/wrapThemeManagerContext'\nimport { useFeatures } from './hooks/useFeatures'\nimport { usePressable } from './hooks/usePressable'\nimport { getThemeManagerIfChanged, useTheme } from './hooks/useTheme'\nimport {\n  SpaceTokens,\n  StackProps,\n  StaticConfig,\n  StaticConfigParsed,\n  TamaguiComponent,\n  TamaguiInternalConfig,\n  UseAnimationHook,\n} from './types'\nimport { TextAncestorContext } from './views/TextAncestorContext'\n\nexport const mouseUps = new Set<Function>()\n\nif (typeof document !== 'undefined') {\n  document.addEventListener('mouseup', () => {\n    mouseUps.forEach((x) => x())\n    mouseUps.clear()\n  })\n}\n\ntype DefaultProps = {}\n\nfunction createShallowUpdate(setter: React.Dispatch<React.SetStateAction<ComponentState>>) {\n  return (next: Partial<ComponentState>) => {\n    setter((prev) => {\n      for (const key in next) {\n        if (prev[key] !== next[key]) {\n          return { ...prev, ...next }\n        }\n      }\n      return prev\n    })\n  }\n}\n\nexport function createComponent<\n  ComponentPropTypes extends Object = DefaultProps,\n  Ref = View,\n  BaseProps = never\n>(configIn: Partial<StaticConfig> | StaticConfigParsed) {\n  let staticConfig: StaticConfigParsed\n  if ('parsed' in configIn) {\n    staticConfig = configIn\n  } else {\n    staticConfig = parseStaticConfig(configIn)\n  }\n\n  const { Component, validStyles, isText, isZStack, componentName } = staticConfig\n  const componentClassName = `is_${componentName}`\n  const validStyleProps = validStyles || stylePropsView\n\n  // split out default styles vs props so we can assign it to component.defaultProps\n  let tamaguiConfig: TamaguiInternalConfig\n  let AnimatedText: any\n  let AnimatedView: any\n  let avoidClasses = true\n\n  // web uses className, native uses style\n  let defaultPseudos: PseudoStyles = {}\n  let defaultNativeStyle: any\n  let defaultNativeStyleSheet: StyleSheet.NamedStyles<{ base: {} }> | null = null\n  let defaultsClassName: ClassNamesObject | null = null\n  let initialTheme: any\n  let splitStyleResult: SplitStyleResult | null = null\n\n  function addPseudoToStyles(styles: any[], name: string, pseudos: any) {\n    // on web use pseudo object { hoverStyle } to keep specificity with concatClassName\n    const pseudoStyle = pseudos[name]\n    if (pseudoStyle) {\n      styles.push(isWeb ? { [name]: pseudoStyle } : pseudoStyle)\n    }\n    const defaultPseudoStyle = defaultPseudos[name]\n    if (defaultPseudoStyle) {\n      styles.push(isWeb ? { [name]: defaultPseudoStyle } : defaultPseudoStyle)\n    }\n  }\n\n  // see onConfiguredOnce below which attaches a name then to this component\n  const component = forwardRef<Ref, ComponentPropTypes>((props: any, forwardedRef) => {\n    if (process.env.NODE_ENV === 'development') {\n      if (props['debug']) {\n        // prettier-ignore\n        console.warn(componentName || Component?.displayName || Component?.name || '[Unnamed Component]', ' debug prop on:', { props: Object.entries(props) })\n        if (props['debug'] === 'break') debugger\n      }\n    }\n\n    const forceUpdate = useForceUpdate()\n    const theme = useTheme(props.theme, componentName, props, forceUpdate)\n    const [state, set_] = useState<ComponentState>(defaultComponentState)\n    const setStateShallow = createShallowUpdate(set_)\n\n    const shouldAvoidClasses = !!(state.animation && avoidClasses)\n    const splitInfo = getSplitStyles(\n      props,\n      staticConfig,\n      theme,\n      shouldAvoidClasses ? { ...state, noClassNames: true, resolveVariablesAs: 'value' } : state,\n      defaultsClassName\n    )\n\n    const { viewProps: viewPropsIn, pseudos, medias, style, classNames } = splitInfo\n    const useAnimations = tamaguiConfig.animations?.useAnimations as UseAnimationHook | undefined\n    const isAnimated = !!(useAnimations && props.animation)\n    const hasEnterStyle = !!props.enterStyle\n\n    const styleWithPseudos = props.animation\n      ? merge(\n          { ...defaultNativeStyle, ...style },\n          state.hover && pseudos.hoverStyle,\n          state.press && pseudos.pressStyle,\n          state.focus && pseudos.focusStyle,\n          hasEnterStyle && !state.mounted && pseudos.enterStyle,\n          ...Object.values(medias)\n        )\n      : null\n\n    const features = useFeatures(props, {\n      forceUpdate,\n      setStateShallow,\n      useAnimations,\n      state,\n      style: styleWithPseudos,\n      pseudos,\n    })\n\n    const {\n      tag,\n      hitSlop,\n      children,\n      pointerEvents,\n      onPress,\n      onPressIn,\n      onPressOut,\n      onHoverIn,\n      onHoverOut,\n      space,\n      disabled,\n      onMouseEnter,\n      onMouseLeave,\n      hrefAttrs,\n      onMoveShouldSetResponder,\n      onMoveShouldSetResponderCapture,\n      onResponderEnd,\n      onResponderGrant,\n      onResponderMove,\n      onResponderReject,\n      onResponderRelease,\n      onResponderStart,\n      onResponderTerminate,\n      onResponderTerminationRequest,\n      onScrollShouldSetResponder,\n      onScrollShouldSetResponderCapture,\n      onSelectionChangeShouldSetResponder,\n      onSelectionChangeShouldSetResponderCapture,\n      onStartShouldSetResponder,\n      onStartShouldSetResponderCapture,\n      onMouseDown,\n      nativeID,\n\n      accessible,\n      accessibilityRole,\n\n      // android\n      collapsable,\n      focusable,\n\n      // ignore from here on out\n      theme: _themeProp,\n      // @ts-ignore\n      defaultVariants,\n\n      // TODO feature load layout hook\n      onLayout,\n      ...viewPropsRest\n    } = viewPropsIn\n\n    let viewProps: StackProps = viewPropsRest\n\n    // from react-native-web\n    if (process.env.NODE_ENV === 'development' && !isText && isWeb) {\n      Children.toArray(props.children).forEach((item) => {\n        if (typeof item === 'string') {\n          console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <View>.`)\n        }\n      })\n    }\n\n    const hasTextAncestor = isWeb ? useContext(TextAncestorContext) : false\n    const hostRef = useRef(null)\n\n    // isMounted\n    const internal = useRef<{ isMounted: boolean }>()\n    if (!internal.current) {\n      internal.current = {\n        isMounted: true,\n      }\n    }\n    useEffect(() => {\n      if (hasEnterStyle) {\n        // we need to use state to properly have mounted go from false => true\n        setStateShallow({\n          mounted: true,\n        })\n      }\n      internal.current!.isMounted = true\n      return () => {\n        mouseUps.delete(unPress)\n        internal.current!.isMounted = false\n      }\n    }, [])\n\n    if (nativeID) {\n      viewProps.id = nativeID\n    }\n\n    if (isAndroid) {\n      if (collapsable) viewProps.collapsable = collapsable\n      if (focusable) viewProps.focusable = focusable\n    }\n\n    if (!isWeb) {\n      if (accessible) viewProps.accessible = accessible\n      if (accessibilityRole) viewProps.accessibilityRole = accessibilityRole\n    }\n\n    if (isWeb) {\n      // from react-native-web\n      rnw.useResponderEvents(hostRef, {\n        onMoveShouldSetResponder,\n        onMoveShouldSetResponderCapture,\n        onResponderEnd,\n        onResponderGrant,\n        onResponderMove,\n        onResponderReject,\n        onResponderRelease,\n        onResponderStart,\n        onResponderTerminate,\n        onResponderTerminationRequest,\n        onScrollShouldSetResponder,\n        onScrollShouldSetResponderCapture,\n        onSelectionChangeShouldSetResponder,\n        onSelectionChangeShouldSetResponderCapture,\n        onStartShouldSetResponder,\n        onStartShouldSetResponderCapture,\n      })\n    }\n\n    // get the right component\n    const isTaggable = !Component || typeof Component === 'string'\n\n    // default to tag, fallback to component (when both strings)\n    const element = isWeb ? (isTaggable ? tag || Component : Component) : Component\n    const BaseTextComponent = !isWeb ? Text : element || 'span'\n    const BaseViewComponent = !isWeb ? View : element || (hasTextAncestor ? 'span' : 'div')\n    let ViewComponent = isText\n      ? (isAnimated ? AnimatedText || Text : null) || BaseTextComponent\n      : (isAnimated ? AnimatedView || View : null) || BaseViewComponent\n\n    ViewComponent = Component || ViewComponent\n\n    let styles: any[]\n\n    const isStringElement = typeof ViewComponent === 'string'\n    const animationStyles = state.animation ? state.animation.style : null\n\n    if (isStringElement && shouldAvoidClasses) {\n      styles = {\n        ...defaultNativeStyle,\n        ...animationStyles,\n        ...medias,\n      }\n    } else {\n      styles = [\n        isWeb ? null : defaultNativeStyleSheet ? (defaultNativeStyleSheet.base as ViewStyle) : null,\n        // parity w react-native-web, only for text in text\n        // TODO this should be able to be done w css to replicate after extraction:\n        //  (.text .text { display: inline-flex; }) (but if they set display we'd need stronger precendence)\n        // isText && hasTextAncestor && isWeb ? { display: 'inline-flex' } : null,\n        // style,\n        animationStyles ? animationStyles : style,\n        medias,\n      ]\n      if (!animationStyles) {\n        state.hover && addPseudoToStyles(styles, 'hoverStyle', pseudos)\n        state.focus && addPseudoToStyles(styles, 'focusStyle', pseudos)\n        state.press && addPseudoToStyles(styles, 'pressStyle', pseudos)\n      }\n    }\n\n    // TODO i think can still render this first part using reanimated\n    // that way we get some of the classnames we probably want here (componentName/font/etc)\n    // can just remove  && !shouldAvoidClasses and add in a viewProps.style = styles in isWeb\n\n    if (isWeb) {\n      // const hasntSetInitialAnimationState = props.animation && !state.animation\n      // const disableInsertStyles = hasntSetInitialAnimationState || shouldAvoidClasses || false\n      // const stylesClassNames = useStylesAsClassname(\n      //   Array.isArray(styles) ? styles : [styles],\n      //   disableInsertStyles,\n      //   props.debug\n      // )\n      if (!shouldAvoidClasses) {\n        const fontFamilyName = isText\n          ? props.fontFamily || staticConfig.defaultProps.fontFamily\n          : null\n        const fontFamily =\n          fontFamilyName && fontFamilyName[0] === '$' ? fontFamilyName.slice(1) : null\n        const classList = [\n          componentName ? componentClassName : '',\n          fontFamily ? `font_${fontFamily}` : '',\n          theme.className,\n          classNames ? Object.values(classNames).join(' ') : '',\n        ]\n\n        // TODO restore this to isText classList\n        // hasTextAncestor === true && cssText.textHasAncestor,\n        // TODO MOVE TO VARIANTS [number] [any]\n        // numberOfLines != null && numberOfLines > 1 && cssText.textMultiLine,\n\n        const className = classList.join(' ')\n        if (process.env.NODE_ENV === 'development') {\n          if (props['debug']) {\n            // prettier-ignore\n            console.log('  \u00BB className', { isStringElement, pseudos, state, defaultsClassName, classNames, propsClassName: props.className, style, classList, className: className.trim().split(' '), themeClassName: theme.className })\n          }\n        }\n        viewProps.className = className\n        viewProps.style = animationStyles\n      } else {\n        viewProps.style = styles\n      }\n    } else {\n      viewProps.style = styles\n    }\n\n    if (pointerEvents) {\n      viewProps.pointerEvents = pointerEvents\n    }\n\n    if (isWeb) {\n      // from react-native-web\n      const platformMethodsRef = rnw.usePlatformMethods(viewProps)\n      const setRef = rnw.useMergeRefs(hostRef, platformMethodsRef, forwardedRef)\n\n      if (!isAnimated) {\n        // @ts-ignore\n        viewProps.ref = setRef\n      } else {\n        if (forwardedRef) {\n          // @ts-ignore\n          viewProps.ref = forwardedRef\n        }\n      }\n\n      if (props.href != null && hrefAttrs != null) {\n        const { download, rel, target } = hrefAttrs\n        if (download != null) {\n          viewProps.download = download\n        }\n        if (rel != null) {\n          viewProps.rel = rel\n        }\n        if (typeof target === 'string') {\n          viewProps.target = target.charAt(0) !== '_' ? '_' + target : target\n        }\n      }\n    } else {\n      if (forwardedRef) {\n        // @ts-ignore\n        viewProps.ref = forwardedRef\n      }\n    }\n\n    // TODO need to loop active variants and see if they have matchin pseudos and apply as well\n    const attachPress = !!((pseudos && pseudos.pressStyle) || onPress || onPressOut || onPressIn)\n    const isHoverable = isWeb && !isTouchDevice\n    const attachHover =\n      isHoverable &&\n      !!((pseudos && pseudos.hoverStyle) || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave)\n    const pressEventKey = isStringElement ? 'onClick' : 'onPress'\n\n    // check presence to prevent reparenting bugs, allows for onPress={x ? function : undefined} usage\n    // while avoiding reparenting...\n    // once proper reparenting is supported, we can remove this and use that...\n    const shouldAttach =\n      attachPress ||\n      attachHover ||\n      'pressStyle' in props ||\n      'onPress' in props ||\n      'onPressIn' in props ||\n      'onPressOut' in props ||\n      (isWeb &&\n        ('hoverStyle' in props ||\n          'onHoverIn' in props ||\n          'onHoverOut' in props ||\n          'onMouseEnter' in props ||\n          'onMouseLeave' in props))\n\n    const unPress = useCallback(() => {\n      if (!internal.current!.isMounted) return\n      setStateShallow({\n        press: false,\n        pressIn: false,\n      })\n    }, [])\n\n    console.log('attachHover, attachHover', attachHover, pseudos && pseudos.hoverStyle)\n\n    const events = shouldAttach\n      ? {\n          ...(!isWeb && {\n            // non web\n            onPressOut: (e) => {\n              unPress()\n              onPressOut?.(e)\n            },\n          }),\n          ...(isHoverable && {\n            onMouseEnter: attachHover\n              ? (e) => {\n                  let next: Partial<typeof state> = {}\n                  if (attachHover) {\n                    next.hover = true\n                  }\n                  if (state.pressIn) {\n                    next.press = true\n                  }\n                  if (Object.keys(next).length) {\n                    setStateShallow(next)\n                  }\n                  onHoverIn?.(e)\n                  onMouseEnter?.(e)\n                }\n              : undefined,\n            onMouseLeave: attachHover\n              ? (e) => {\n                  let next: Partial<typeof state> = {}\n                  mouseUps.add(unPress)\n                  if (attachHover) {\n                    next.hover = false\n                  }\n                  if (state.pressIn) {\n                    next.press = false\n                    next.pressIn = false\n                  }\n                  if (Object.keys(next).length) {\n                    setStateShallow(next)\n                  }\n                  onHoverOut?.(e)\n                  onMouseLeave?.(e)\n                }\n              : undefined,\n          }),\n          onMouseDown: attachPress\n            ? (e) => {\n                setStateShallow({\n                  press: true,\n                  pressIn: true,\n                })\n                onPressIn?.(e)\n                onMouseDown?.(e)\n              }\n            : null,\n          [pressEventKey]: attachPress\n            ? (e) => {\n                // this caused issue with next.js passing href\n                // e.preventDefault()\n                onPress?.(e)\n                unPress()\n                onPressOut?.(e)\n              }\n            : null,\n        }\n      : null\n\n    let childEls = !children\n      ? children\n      : wrapThemeManagerContext(\n          spacedChildren({\n            children,\n            space,\n            flexDirection: props.flexDirection || staticConfig.defaultProps?.flexDirection,\n            isZStack: isZStack,\n          }),\n          getThemeManagerIfChanged(theme)\n        )\n\n    // TODO once we do the above we can then rely entirely on pressStyle returned here isntead of above pressStyle logic\n    const [pressProps] = usePressable(\n      events\n        ? {\n            disabled,\n            ...(hitSlop && {\n              hitSlop,\n            }),\n            onPressIn: events.onMouseDown,\n            onPressOut: events.onPressOut,\n            onPress: events[pressEventKey],\n          }\n        : {\n            disabled: true,\n          }\n    )\n\n    let content: any\n\n    // replicate react-native-web's `createElement`\n    if (isWeb) {\n      if (staticConfig.isReactNativeWeb) {\n        viewProps.dataSet = {\n          ...viewProps.dataSet,\n          className: viewProps.className,\n        }\n      } else {\n        const rnProps = rnw.createDOMProps(viewProps)\n        const className =\n          rnProps.className && rnProps.className !== viewProps.className\n            ? `${rnProps.className} ${viewProps.className}`\n            : viewProps.className\n\n        // additive\n        Object.assign(viewProps, rnProps)\n\n        // we already handle Text/View properly\n        if (className) {\n          viewProps.className = className\n        }\n      }\n    }\n\n    if (events) {\n      if (!isStringElement) {\n        Object.assign(viewProps, pressProps)\n      } else {\n        Object.assign(viewProps, events)\n      }\n    }\n\n    content = createElement(ViewComponent, viewProps, childEls)\n\n    console.log('should', attachHover)\n    if (isWeb && events && attachHover) {\n      content = (\n        <span\n          style={{\n            display: 'contents',\n          }}\n          onMouseEnter={events.onMouseEnter}\n          onMouseLeave={events.onMouseLeave}\n        >\n          {content}\n        </span>\n      )\n    }\n\n    if (process.env.NODE_ENV === 'development') {\n      if (props['debug']) {\n        viewProps['debug'] = true\n        // prettier-ignore\n        console.log('  \u00BB ', { propsIn: { ...props }, propsOut: { ...viewProps }, animationStyles, isStringElement, classNamesIn: props.className?.split(' '), classNamesOut: viewProps.className?.split(' '), pressProps, events, shouldAttach, ViewComponent, viewProps, state, styles, pseudos, content, childEls, shouldAvoidClasses, animation: props.animation, style, defaultNativeStyle, splitStyleResult, ...(typeof window !== 'undefined' ? { theme, themeState: theme.__state, themeClassName:  theme.className, staticConfig, tamaguiConfig } : null) })\n      }\n    }\n\n    if (features.length) {\n      return (\n        <>\n          {features}\n          {content}\n        </>\n      )\n    }\n\n    return content\n  })\n\n  // Once configuration is run and all components are registered\n  // get default props + className and analyze styles\n  onConfiguredOnce((conf) => {\n    const shouldDebug = staticConfig.defaultProps?.debug\n    tamaguiConfig = conf\n    avoidClasses = !!tamaguiConfig.animations?.avoidClasses\n    AnimatedText = tamaguiConfig.animations?.Text\n    AnimatedView = tamaguiConfig?.animations?.View\n    initialTheme = conf.themes[conf.defaultTheme || Object.keys(conf.themes)[0]]\n    splitStyleResult = getSplitStyles(staticConfig.defaultProps, staticConfig, initialTheme, {\n      mounted: true,\n      resolveVariablesAs: 'variable',\n    })\n\n    const { classNames, pseudos, style, viewProps } = splitStyleResult\n\n    if (isWeb) {\n      defaultsClassName = classNames\n    }\n\n    // for use in animations + native\n    defaultPseudos = pseudos\n    defaultNativeStyle = {}\n    for (const key in style) {\n      const v = style[key]\n      defaultNativeStyle[key] = isVariable(v) ? v.val : v\n    }\n    defaultNativeStyleSheet = StyleSheet.create({\n      base: defaultNativeStyle,\n    })\n\n    component.displayName = staticConfig.componentName\n\n    // @ts-ignore\n    component.defaultProps = {\n      ...viewProps,\n      ...component.defaultProps,\n    }\n\n    // prettier-ignore\n    if (process.env.NODE_ENV === 'development' && shouldDebug && process.env.IS_STATIC !== 'is_static') {\n      // prettier-ignore\n      console.log(`\uD83D\uDC1B [${staticConfig.componentName || 'Component'}]`, { staticConfig, ...splitStyleResult })\n    }\n  })\n\n  let res: TamaguiComponent<ComponentPropTypes, Ref, BaseProps> = component as any\n\n  if (configIn.memo) {\n    res = memo(res) as any\n  }\n\n  res['staticConfig'] = {\n    validStyles: validStyleProps,\n    ...staticConfig,\n  }\n\n  // res.extractable HoC\n  res['extractable'] = (Component: any, conf?: StaticConfig) => {\n    Component['staticConfig'] = extendStaticConfig(res, {\n      ...conf,\n      neverFlatten: true,\n      defaultProps: {\n        ...Component.defaultProps,\n        ...conf?.defaultProps,\n      },\n    })\n    return Component\n  }\n\n  return res\n}\n\n// dont used styled() here to avoid circular deps\n// keep inline to avoid circular deps\n\nexport const Spacer = createComponent<\n  Omit<StackProps, 'flex' | 'direction'> & {\n    size?: number | SpaceTokens\n    flex?: boolean | number\n    direction?: 'horizontal' | 'vertical'\n  }\n>({\n  memo: true,\n  defaultProps: {\n    ...stackDefaultStyles,\n    size: true,\n  },\n  variants: {\n    size: {\n      '...size': (size, { tokens }) => {\n        size = size == true ? '$true' : size\n        const sizePx = tokens.size[size] ?? size\n        return {\n          width: sizePx,\n          height: sizePx,\n          minWidth: sizePx,\n          minHeight: sizePx,\n        }\n      },\n    },\n\n    flex: {\n      true: {\n        flex: 1,\n      },\n    },\n\n    direction: {\n      horizontal: {\n        height: 0,\n        minHeight: 0,\n      },\n      vertical: {\n        width: 0,\n        minWidth: 0,\n      },\n    },\n  },\n})\n\nexport function spacedChildren({\n  isZStack,\n  children,\n  space,\n  flexDirection,\n  spaceFlex,\n}: {\n  isZStack?: boolean\n  children: any\n  space?: any\n  spaceFlex?: boolean | number\n  flexDirection?: ViewStyle['flexDirection']\n}) {\n  const childrenList = Children.toArray(children)\n  const len = childrenList.length\n  if (len === 1) {\n    return childrenList\n  }\n  const next: any[] = []\n  for (const [index, child] of childrenList.entries()) {\n    if (child === null || child === undefined) {\n      continue\n    }\n\n    if (!child || (child['key'] && !isZStack)) {\n      next.push(child)\n    } else {\n      next.push(\n        <Fragment key={index}>{isZStack ? <AbsoluteFill>{child}</AbsoluteFill> : child}</Fragment>\n      )\n    }\n\n    // allows for custom visually hidden components that dont insert spacing\n    if (child['type']?.['isVisuallyHidden']) {\n      continue\n    }\n\n    if (index !== len - 1) {\n      if (space) {\n        next.push(\n          <Spacer\n            key={`_${index}_spacer`}\n            direction={\n              flexDirection === 'row' || flexDirection === 'row-reverse' ? 'horizontal' : 'vertical'\n            }\n            size={space}\n            {...(spaceFlex && {\n              flex: spaceFlex,\n            })}\n          />\n        )\n      }\n    }\n  }\n  return next\n}\n\n// TODO this can be removed likey for bundle size, didnt help reanimated fix as i thought\nconst merge = (...styles: (ViewStyle | null | false | undefined)[]) => {\n  // ensure transforms get merged without duplicates:\n  // so if you have a:\n  //  transform: [{ scale: 1 }]\n  // rest[0]:\n  //  transform: [{ scale: 1.1 }]\n  // it gets properly merged so that rest[0] overwrites a\n  if (!styles[0]) return // never happens\n  const res: ViewStyle = {}\n\n  const len = styles.length\n  for (let i = len - 1; i >= 0; i--) {\n    const cur = styles[i]\n    if (!cur) continue\n\n    for (const key in cur) {\n      const val = cur[key]\n      if (key !== 'transform') {\n        if (!(key in res)) {\n          res[key] = val\n        }\n        continue\n      }\n      if (!res.transform) {\n        res.transform = val\n        continue\n      }\n      // transform\n      for (const t of val) {\n        const tkey = Object.keys(t)[0]\n        if (res.transform.find((existing) => tkey in existing)) {\n          continue\n        }\n        res.transform.push(t)\n      }\n    }\n  }\n\n  return res\n}\n\nexport const AbsoluteFill = (props: any) =>\n  isWeb ? (\n    <div\n      style={\n        {\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          right: 0,\n          bottom: 0,\n        } as any\n      }\n    >\n      {props.children}\n    </div>\n  ) : (\n    <View style={StyleSheet.absoluteFill}>{props.child}</View>\n  )\n\n// this can be done with CSS entirely right?\n// const shouldWrapTextAncestor = isWeb && isText && !hasTextAncestor\n// if (shouldWrapTextAncestor) {\n//   // from react-native-web\n//   content = createElement(TextAncestorContext.Provider, { value: true }, content)\n// }\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { stylePropsView } from '@tamagui/helpers'\nimport { useForceUpdate } from '@tamagui/use-force-update'\nimport React, {\n  Children,\n  Fragment,\n  createElement,\n  forwardRef,\n  memo,\n  useCallback,\n  useContext,\n  useRef,\n  useState,\n} from 'react'\nimport { StyleSheet, Text, View, ViewStyle } from 'react-native'\n\nimport { onConfiguredOnce } from './conf'\nimport { stackDefaultStyles } from './constants/constants'\nimport { isAndroid, isTouchDevice, isWeb, useIsomorphicLayoutEffect } from './constants/platform'\nimport { rnw } from './constants/rnw'\nimport { isVariable } from './createVariable'\nimport { createShallowUpdate } from './helpers/createShallowUpdate'\nimport { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig'\nimport { ClassNamesObject, SplitStyleResult, getSplitStyles } from './helpers/getSplitStyles'\nimport { getAllSelectors } from './helpers/insertStyleRule'\nimport { wrapThemeManagerContext } from './helpers/wrapThemeManagerContext'\nimport { useFeatures } from './hooks/useFeatures'\nimport { usePressable } from './hooks/usePressable'\nimport { getThemeManagerIfChanged, useTheme } from './hooks/useTheme'\nimport {\n  PseudoStyles,\n  SpaceTokens,\n  StackProps,\n  StaticConfig,\n  StaticConfigParsed,\n  TamaguiComponent,\n  TamaguiComponentState,\n  TamaguiInternalConfig,\n  UseAnimationHook,\n} from './types'\nimport { TextAncestorContext } from './views/TextAncestorContext'\n\nReact['keep']\n\nexport const defaultComponentState: TamaguiComponentState = {\n  hover: false,\n  press: false,\n  pressIn: false,\n  focus: false,\n  // only used by enterStyle\n  mounted: false,\n  animation: null,\n}\n\nexport const mouseUps = new Set<Function>()\nif (typeof document !== 'undefined') {\n  document.addEventListener('mouseup', () => {\n    mouseUps.forEach((x) => x())\n    mouseUps.clear()\n  })\n}\n\nexport function createComponent<\n  ComponentPropTypes extends Object = {},\n  Ref = View,\n  BaseProps = never\n>(configIn: Partial<StaticConfig> | StaticConfigParsed) {\n  let staticConfig: StaticConfigParsed\n  if ('parsed' in configIn) {\n    staticConfig = configIn\n  } else {\n    staticConfig = parseStaticConfig(configIn)\n  }\n\n  const { Component, validStyles, isText, isZStack, componentName } = staticConfig\n  const componentClassName = `is_${componentName}`\n  const validStyleProps = validStyles || stylePropsView\n\n  // split out default styles vs props so we can assign it to component.defaultProps\n  let tamaguiConfig: TamaguiInternalConfig\n  let AnimatedText: any\n  let AnimatedView: any\n  let avoidClasses = true\n\n  // web uses className, native uses style\n  let defaultPseudos: PseudoStyles = {}\n  let defaultNativeStyle: any\n  let defaultNativeStyleSheet: StyleSheet.NamedStyles<{ base: {} }> | null = null\n  let defaultsClassName: ClassNamesObject | null = null\n  let initialTheme: any\n  let defaultSplitStyleResult: SplitStyleResult | null = null\n\n  function addPseudoToStyles(styles: any[], name: string, pseudos: any) {\n    // on web use pseudo object { hoverStyle } to keep specificity with concatClassName\n    const pseudoStyle = pseudos[name]\n    if (pseudoStyle) {\n      styles.push(isWeb ? { [name]: pseudoStyle } : pseudoStyle)\n    }\n    const defaultPseudoStyle = defaultPseudos[name]\n    if (defaultPseudoStyle) {\n      styles.push(isWeb ? { [name]: defaultPseudoStyle } : defaultPseudoStyle)\n    }\n  }\n\n  // see onConfiguredOnce below which attaches a name then to this component\n  const component = forwardRef<Ref, ComponentPropTypes>((props: any, forwardedRef) => {\n    if (process.env.NODE_ENV === 'development') {\n      if (props['debug']) {\n        // prettier-ignore\n        console.warn(componentName || Component?.displayName || Component?.name || '[Unnamed Component]', 'debug on')\n        // keep separate react native warn touches every value on prop causing weird behavior\n        console.log('props in:', props)\n        if (props['debug'] === 'break') debugger\n      }\n    }\n\n    const forceUpdate = useForceUpdate()\n    const theme = useTheme(props.theme, componentName, props, forceUpdate)\n    const [state, set_] = useState<TamaguiComponentState>(defaultComponentState)\n    const setStateShallow = createShallowUpdate(set_)\n\n    const shouldAvoidClasses = !!(props.animation && avoidClasses)\n    const splitStyles = getSplitStyles(\n      props,\n      staticConfig,\n      theme,\n      shouldAvoidClasses ? { ...state, noClassNames: true, resolveVariablesAs: 'value' } : state,\n      shouldAvoidClasses ? null : defaultsClassName\n    )\n\n    const { viewProps: viewPropsIn, pseudos, medias, style, classNames } = splitStyles\n    const useAnimations = tamaguiConfig.animations?.useAnimations as UseAnimationHook | undefined\n    const isAnimated = !!(useAnimations && props.animation)\n    const hasEnterStyle = !!props.enterStyle\n\n    const features = useFeatures(props, {\n      forceUpdate,\n      setStateShallow,\n      useAnimations,\n      state,\n      style: props.animation ? { ...defaultNativeStyle, ...style } : null,\n      pseudos,\n      staticConfig,\n      theme,\n      onDidAnimate: props.onDidAnimate,\n    })\n\n    const {\n      tag,\n      hitSlop,\n      children,\n      pointerEvents,\n      onPress,\n      onPressIn,\n      onPressOut,\n      onHoverIn,\n      onHoverOut,\n      space,\n      disabled,\n      onMouseEnter,\n      onMouseLeave,\n      hrefAttrs,\n      onMoveShouldSetResponder,\n      onMoveShouldSetResponderCapture,\n      onResponderEnd,\n      onResponderGrant,\n      onResponderMove,\n      onResponderReject,\n      onResponderRelease,\n      onResponderStart,\n      onResponderTerminate,\n      onResponderTerminationRequest,\n      onScrollShouldSetResponder,\n      onScrollShouldSetResponderCapture,\n      onSelectionChangeShouldSetResponder,\n      onSelectionChangeShouldSetResponderCapture,\n      onStartShouldSetResponder,\n      onStartShouldSetResponderCapture,\n      onMouseDown,\n      nativeID,\n\n      accessible,\n      accessibilityRole,\n\n      // android\n      collapsable,\n      focusable,\n\n      // ignore from here on out\n      theme: _themeProp,\n      // @ts-ignore\n      defaultVariants,\n\n      // TODO feature load layout hook\n      onLayout,\n      ...viewPropsRest\n    } = viewPropsIn\n\n    let viewProps: StackProps = viewPropsRest\n\n    // from react-native-web\n    if (process.env.NODE_ENV === 'development' && !isText && isWeb) {\n      Children.toArray(props.children).forEach((item) => {\n        if (typeof item === 'string') {\n          console.error(`Unexpected text node: ${item}. A text node cannot be a child of a <View>.`)\n        }\n      })\n    }\n\n    const hasTextAncestor = isWeb ? useContext(TextAncestorContext) : false\n    const hostRef = useRef(null)\n\n    // isMounted\n    const internal = useRef<{ isMounted: boolean }>()\n    if (!internal.current) {\n      internal.current = {\n        isMounted: true,\n      }\n    }\n\n    useIsomorphicLayoutEffect(() => {\n      // we need to use state to properly have mounted go from false => true\n      setStateShallow({\n        mounted: true,\n      })\n      internal.current!.isMounted = true\n      return () => {\n        mouseUps.delete(unPress)\n        internal.current!.isMounted = false\n      }\n    }, [hasEnterStyle])\n\n    if (nativeID) {\n      viewProps.id = nativeID\n    }\n\n    if (isAndroid) {\n      if (collapsable) viewProps.collapsable = collapsable\n      if (focusable) viewProps.focusable = focusable\n    }\n\n    if (!isWeb) {\n      if (accessible) viewProps.accessible = accessible\n      if (accessibilityRole) viewProps.accessibilityRole = accessibilityRole\n    }\n\n    if (isWeb) {\n      // from react-native-web\n      rnw.useResponderEvents(hostRef, {\n        onMoveShouldSetResponder,\n        onMoveShouldSetResponderCapture,\n        onResponderEnd,\n        onResponderGrant,\n        onResponderMove,\n        onResponderReject,\n        onResponderRelease,\n        onResponderStart,\n        onResponderTerminate,\n        onResponderTerminationRequest,\n        onScrollShouldSetResponder,\n        onScrollShouldSetResponderCapture,\n        onSelectionChangeShouldSetResponder,\n        onSelectionChangeShouldSetResponderCapture,\n        onStartShouldSetResponder,\n        onStartShouldSetResponderCapture,\n      })\n    }\n\n    // get the right component\n    const isTaggable = !Component || typeof Component === 'string'\n\n    // default to tag, fallback to component (when both strings)\n    const element = isWeb ? (isTaggable ? tag || Component : Component) : Component\n    const BaseTextComponent = !isWeb ? Text : element || 'span'\n    const BaseViewComponent = !isWeb ? View : element || (hasTextAncestor ? 'span' : 'div')\n    let ViewComponent = isText\n      ? (isAnimated ? AnimatedText || Text : null) || BaseTextComponent\n      : (isAnimated ? AnimatedView || View : null) || BaseViewComponent\n\n    ViewComponent = Component || ViewComponent\n\n    let styles: any[]\n\n    const isStringElement = typeof ViewComponent === 'string'\n    const animationStyles = state.animation ? state.animation.style : null\n\n    if (isStringElement && shouldAvoidClasses) {\n      styles = {\n        ...defaultNativeStyle,\n        ...animationStyles,\n        ...medias,\n      }\n    } else {\n      styles = [\n        isWeb ? null : defaultNativeStyleSheet ? (defaultNativeStyleSheet.base as ViewStyle) : null,\n        // parity w react-native-web, only for text in text\n        // TODO this should be able to be done w css to replicate after extraction:\n        //  (.text .text { display: inline-flex; }) (but if they set display we'd need stronger precendence)\n        // isText && hasTextAncestor && isWeb ? { display: 'inline-flex' } : null,\n        // style,\n        animationStyles ? animationStyles : style,\n        medias,\n      ]\n      if (!animationStyles) {\n        state.hover && addPseudoToStyles(styles, 'hoverStyle', pseudos)\n        state.focus && addPseudoToStyles(styles, 'focusStyle', pseudos)\n        state.press && addPseudoToStyles(styles, 'pressStyle', pseudos)\n      }\n    }\n\n    // TODO i think can still render this first part using reanimated\n    // that way we get some of the classnames we probably want here (componentName/font/etc)\n    // can just remove  && !shouldAvoidClasses and add in a viewProps.style = styles in isWeb\n\n    if (isWeb) {\n      // const hasntSetInitialAnimationState = props.animation && !state.animation\n      // const disableInsertStyles = hasntSetInitialAnimationState || shouldAvoidClasses || false\n      // const stylesClassNames = useStylesAsClassname(\n      //   Array.isArray(styles) ? styles : [styles],\n      //   disableInsertStyles,\n      //   props.debug\n      // )\n      if (!shouldAvoidClasses) {\n        const fontFamilyName = isText\n          ? props.fontFamily || staticConfig.defaultProps.fontFamily\n          : null\n        const fontFamily =\n          fontFamilyName && fontFamilyName[0] === '$' ? fontFamilyName.slice(1) : null\n        const classList = [\n          componentName ? componentClassName : '',\n          fontFamily ? `font_${fontFamily}` : '',\n          theme.className,\n          classNames ? Object.values(classNames).join(' ') : '',\n        ]\n\n        // TODO restore this to isText classList\n        // hasTextAncestor === true && cssText.textHasAncestor,\n        // TODO MOVE TO VARIANTS [number] [any]\n        // numberOfLines != null && numberOfLines > 1 && cssText.textMultiLine,\n\n        const className = classList.join(' ')\n        if (process.env.NODE_ENV === 'development') {\n          if (props['debug']) {\n            // prettier-ignore\n            console.log('  \u00BB className', { isStringElement, pseudos, state, defaultsClassName, classNames, propsClassName: props.className, style, classList, className: className.trim().split(' '), themeClassName: theme.className, values: Object.fromEntries(Object.entries(classNames).map(([k, v]) => [v, getAllSelectors()[v]])) })\n          }\n        }\n        viewProps.className = className\n        viewProps.style = animationStyles\n      } else {\n        viewProps.style = styles\n      }\n    } else {\n      viewProps.style = styles\n    }\n\n    if (pointerEvents) {\n      viewProps.pointerEvents = pointerEvents\n    }\n\n    if (isWeb) {\n      // from react-native-web\n      const platformMethodsRef = rnw.usePlatformMethods(viewProps)\n      const setRef = rnw.useMergeRefs(hostRef, platformMethodsRef, forwardedRef)\n\n      if (!isAnimated) {\n        // @ts-ignore\n        viewProps.ref = setRef\n      } else {\n        if (forwardedRef) {\n          // @ts-ignore\n          viewProps.ref = forwardedRef\n        }\n      }\n\n      if (props.href != null && hrefAttrs != null) {\n        const { download, rel, target } = hrefAttrs\n        if (download != null) {\n          viewProps.download = download\n        }\n        if (rel != null) {\n          viewProps.rel = rel\n        }\n        if (typeof target === 'string') {\n          viewProps.target = target.charAt(0) !== '_' ? '_' + target : target\n        }\n      }\n    } else {\n      if (forwardedRef) {\n        // @ts-ignore\n        viewProps.ref = forwardedRef\n      }\n    }\n\n    // TODO need to loop active variants and see if they have matchin pseudos and apply as well\n    const attachPress = !!(\n      (pseudos && pseudos.pressStyle) ||\n      (defaultPseudos && defaultPseudos.pressStyle) ||\n      onPress ||\n      onPressOut ||\n      onPressIn\n    )\n    const isHoverable = isWeb && !isTouchDevice\n    const attachHover =\n      isHoverable &&\n      !!((pseudos && pseudos.hoverStyle) || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave)\n    const pressEventKey = isStringElement ? 'onClick' : 'onPress'\n\n    // check presence to prevent reparenting bugs, allows for onPress={x ? function : undefined} usage\n    // while avoiding reparenting...\n    // once proper reparenting is supported, we can remove this and use that...\n    const shouldAttach =\n      attachPress ||\n      attachHover ||\n      'pressStyle' in props ||\n      'onPress' in props ||\n      'onPressIn' in props ||\n      'onPressOut' in props ||\n      (isWeb &&\n        ('hoverStyle' in props ||\n          'onHoverIn' in props ||\n          'onHoverOut' in props ||\n          'onMouseEnter' in props ||\n          'onMouseLeave' in props))\n\n    const unPress = useCallback(() => {\n      if (!internal.current!.isMounted) return\n      setStateShallow({\n        press: false,\n        pressIn: false,\n      })\n    }, [])\n\n    const events = shouldAttach\n      ? {\n          ...(!isWeb && {\n            // non web\n            onPressOut: (e) => {\n              unPress()\n              onPressOut?.(e)\n            },\n          }),\n          ...(isHoverable && {\n            onMouseEnter: attachHover\n              ? (e) => {\n                  let next: Partial<typeof state> = {}\n                  if (attachHover) {\n                    next.hover = true\n                  }\n                  if (state.pressIn) {\n                    next.press = true\n                  }\n                  if (Object.keys(next).length) {\n                    setStateShallow(next)\n                  }\n                  onHoverIn?.(e)\n                  onMouseEnter?.(e)\n                }\n              : undefined,\n            onMouseLeave: attachHover\n              ? (e) => {\n                  let next: Partial<typeof state> = {}\n                  mouseUps.add(unPress)\n                  if (attachHover) {\n                    next.hover = false\n                  }\n                  if (state.pressIn) {\n                    next.press = false\n                    next.pressIn = false\n                  }\n                  if (Object.keys(next).length) {\n                    setStateShallow(next)\n                  }\n                  onHoverOut?.(e)\n                  onMouseLeave?.(e)\n                }\n              : undefined,\n          }),\n          onMouseDown: attachPress\n            ? (e) => {\n                setStateShallow({\n                  press: true,\n                  pressIn: true,\n                })\n                onPressIn?.(e)\n                onMouseDown?.(e)\n              }\n            : null,\n          [pressEventKey]: attachPress\n            ? (e) => {\n                // this caused issue with next.js passing href\n                // e.preventDefault()\n                onPress?.(e)\n                unPress()\n                onPressOut?.(e)\n              }\n            : null,\n        }\n      : null\n\n    let childEls = !children\n      ? children\n      : wrapThemeManagerContext(\n          spacedChildren({\n            children,\n            space,\n            flexDirection: props.flexDirection || staticConfig.defaultProps?.flexDirection,\n            isZStack: isZStack,\n          }),\n          getThemeManagerIfChanged(theme)\n        )\n\n    // TODO once we do the above we can then rely entirely on pressStyle returned here isntead of above pressStyle logic\n    const [pressProps] = usePressable(\n      events\n        ? {\n            disabled,\n            ...(hitSlop && {\n              hitSlop,\n            }),\n            onPressIn: events.onMouseDown,\n            onPressOut: events.onPressOut,\n            onPress: events[pressEventKey],\n          }\n        : {\n            disabled: true,\n          }\n    )\n\n    let content: any\n\n    // replicate react-native-web's `createElement`\n    if (isWeb) {\n      if (staticConfig.isReactNativeWeb) {\n        viewProps.dataSet = {\n          ...viewProps.dataSet,\n          className: viewProps.className,\n        }\n      } else {\n        const rnProps = rnw.createDOMProps(viewProps)\n        const className =\n          rnProps.className && rnProps.className !== viewProps.className\n            ? `${rnProps.className} ${viewProps.className}`\n            : viewProps.className\n\n        // additive\n        Object.assign(viewProps, rnProps)\n\n        // we already handle Text/View properly\n        if (className) {\n          viewProps.className = className\n        }\n      }\n    }\n\n    if (events) {\n      if (!isStringElement) {\n        Object.assign(viewProps, pressProps)\n      } else {\n        Object.assign(viewProps, events)\n      }\n    }\n\n    content = createElement(ViewComponent, viewProps, childEls)\n\n    if (isWeb && events && attachHover) {\n      content = (\n        <span\n          className=\"tui_Hoverable\"\n          style={{\n            display: 'contents',\n          }}\n          onMouseEnter={events.onMouseEnter}\n          onMouseLeave={events.onMouseLeave}\n        >\n          {content}\n        </span>\n      )\n    }\n\n    if (process.env.NODE_ENV === 'development') {\n      if (props['debug']) {\n        viewProps['debug'] = true\n        // prettier-ignore\n        console.log('  \u00BB ', { propsIn: { ...props }, propsOut: { ...viewProps }, state, splitStyles, defaultsClassName, animationStyles, isStringElement, classNamesIn: props.className?.split(' '), classNamesOut: viewProps.className?.split(' '), pressProps, events, shouldAttach, ViewComponent, viewProps, styles, pseudos, content, childEls, shouldAvoidClasses, avoidClasses, animation: props.animation, style, defaultNativeStyle, defaultSplitStyleResult, ...(typeof window !== 'undefined' ? { theme, themeState: theme.__state, themeClassName:  theme.className, staticConfig, tamaguiConfig } : null) })\n      }\n    }\n\n    if (features.length) {\n      return (\n        <>\n          {features}\n          {content}\n        </>\n      )\n    }\n\n    return content\n  })\n\n  // Once configuration is run and all components are registered\n  // get default props + className and analyze styles\n  onConfiguredOnce((conf) => {\n    if (process.env.IS_STATIC === 'is_static') {\n      // in static mode we just use these to lookup configuration\n      return\n    }\n    const shouldDebug = staticConfig.defaultProps?.debug\n    tamaguiConfig = conf\n    avoidClasses = !!tamaguiConfig.animations?.avoidClasses\n    AnimatedText = tamaguiConfig.animations?.Text\n    AnimatedView = tamaguiConfig?.animations?.View\n    initialTheme = conf.themes[conf.defaultTheme || Object.keys(conf.themes)[0]]\n    defaultSplitStyleResult = getSplitStyles(\n      staticConfig.defaultProps,\n      staticConfig,\n      initialTheme,\n      {\n        mounted: true,\n        hover: false,\n        press: false,\n        pressIn: false,\n        focus: false,\n        resolveVariablesAs: 'both',\n      }\n    )\n\n    const { classNames, pseudos, style, viewProps } = defaultSplitStyleResult\n\n    if (isWeb) {\n      defaultsClassName = classNames\n    }\n\n    // for use in animations + native\n    defaultPseudos = pseudos\n    defaultNativeStyle = {}\n    for (const key in style) {\n      const v = style[key]\n      defaultNativeStyle[key] = isVariable(v) ? v.val : v\n    }\n    defaultNativeStyleSheet = StyleSheet.create({\n      base: defaultNativeStyle,\n    })\n\n    component.displayName = staticConfig.componentName\n\n    // @ts-ignore\n    component.defaultProps = {\n      ...viewProps,\n      ...component.defaultProps,\n    }\n\n    // prettier-ignore\n    if (process.env.NODE_ENV === 'development' && shouldDebug && process.env.IS_STATIC !== 'is_static') {\n      // prettier-ignore\n      console.log(`\uD83D\uDC1B [${staticConfig.componentName || 'Component'}]`, { staticConfig, ...defaultSplitStyleResult })\n    }\n  })\n\n  let res: TamaguiComponent<ComponentPropTypes, Ref, BaseProps> = component as any\n\n  if (configIn.memo) {\n    res = memo(res) as any\n  }\n\n  res['whyDidYouRender'] = true\n\n  res['staticConfig'] = {\n    validStyles: validStyleProps,\n    ...staticConfig,\n  }\n\n  // res.extractable HoC\n  res['extractable'] = (Component: any, conf?: StaticConfig) => {\n    Component['staticConfig'] = extendStaticConfig(res, {\n      ...conf,\n      neverFlatten: true,\n      defaultProps: {\n        ...Component.defaultProps,\n        ...conf?.defaultProps,\n      },\n    })\n    return Component\n  }\n\n  return res\n}\n\n// dont used styled() here to avoid circular deps\n// keep inline to avoid circular deps\n\nexport const Spacer = createComponent<\n  Omit<StackProps, 'flex' | 'direction'> & {\n    size?: number | SpaceTokens\n    flex?: boolean | number\n    direction?: 'horizontal' | 'vertical'\n  }\n>({\n  memo: true,\n  componentName: 'Spacer',\n  defaultProps: {\n    ...stackDefaultStyles,\n    size: true,\n  },\n  variants: {\n    size: {\n      '...size': (size, { tokens }) => {\n        size = size == true ? '$true' : size\n        const sizePx = tokens.size[size] ?? size\n        return {\n          width: sizePx,\n          height: sizePx,\n          minWidth: sizePx,\n          minHeight: sizePx,\n        }\n      },\n    },\n\n    flex: {\n      true: {\n        flex: 1,\n      },\n    },\n\n    direction: {\n      horizontal: {\n        height: 0,\n        minHeight: 0,\n      },\n      vertical: {\n        width: 0,\n        minWidth: 0,\n      },\n    },\n  },\n})\n\nexport function spacedChildren({\n  isZStack,\n  children,\n  space,\n  flexDirection,\n  spaceFlex,\n}: {\n  isZStack?: boolean\n  children: any\n  space?: any\n  spaceFlex?: boolean | number\n  flexDirection?: ViewStyle['flexDirection']\n}) {\n  const childrenList = Children.toArray(children)\n  const len = childrenList.length\n  if (len === 1) {\n    return childrenList\n  }\n  const next: any[] = []\n  for (const [index, child] of childrenList.entries()) {\n    if (child === null || child === undefined) {\n      continue\n    }\n\n    if (!child || (child['key'] && !isZStack)) {\n      next.push(child)\n    } else {\n      next.push(\n        <Fragment key={index}>{isZStack ? <AbsoluteFill>{child}</AbsoluteFill> : child}</Fragment>\n      )\n    }\n\n    // allows for custom visually hidden components that dont insert spacing\n    if (child['type']?.['isVisuallyHidden']) {\n      continue\n    }\n\n    if (index !== len - 1) {\n      if (space) {\n        next.push(\n          <Spacer\n            key={`_${index}_spacer`}\n            direction={\n              flexDirection === 'row' || flexDirection === 'row-reverse' ? 'horizontal' : 'vertical'\n            }\n            size={space}\n            {...(spaceFlex && {\n              flex: spaceFlex,\n            })}\n          />\n        )\n      }\n    }\n  }\n  return next\n}\n\nexport const AbsoluteFill = (props: any) =>\n  isWeb ? (\n    <div\n      style={\n        {\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          right: 0,\n          bottom: 0,\n        } as any\n      }\n    >\n      {props.children}\n    </div>\n  ) : (\n    <View style={StyleSheet.absoluteFill}>{props.child}</View>\n  )\n\n// this can be done with CSS entirely right?\n// const shouldWrapTextAncestor = isWeb && isText && !hasTextAncestor\n// if (shouldWrapTextAncestor) {\n//   // from react-native-web\n//   content = createElement(TextAncestorContext.Provider, { value: true }, content)\n// }\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/defaultComponentState.js

@@ -1,31 +1 @@
-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 defaultComponentState_exports = {};
-__export(defaultComponentState_exports, {
-  defaultComponentState: () => defaultComponentState
-});
-module.exports = __toCommonJS(defaultComponentState_exports);
-const defaultComponentState = {
-  hover: false,
-  press: false,
-  pressIn: false,
-  focus: false,
-  mounted: false,
-  animation: null
-};
 //# sourceMappingURL=defaultComponentState.js.map

package/dist/cjs/defaultComponentState.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../src/defaultComponentState.tsx"],
-  "sourcesContent": ["export type ComponentState = typeof defaultComponentState\n\nexport const defaultComponentState = {\n  hover: false,\n  press: false,\n  pressIn: false,\n  focus: false,\n  // only used by enterStyle\n  mounted: false,\n  animation: null as null | {\n    style?: any\n    avoidClasses?: boolean\n  },\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,wBAAwB;AAAA,EACnC,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,SAAS;AAAA,EACT,WAAW;AAIb;",
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
   "names": []
 }

package/dist/cjs/helpers/createMediaStyle.js

@@ -35,6 +35,8 @@ const createMediaStyle = /* @__PURE__ */ __name(({ identifier, rules }, mediaKey
   const mediaSelector = (0, import_useMedia.mediaObjectToString)(mediaQueries[mediaKey]);
   const mediaQuery = `${screenStr} and ${mediaSelector}`;
   const styleInner = rules[0].replace(identifier, nextIdentifier);
+  if (styleInner.includes("2:r;"))
+    debugger;
   let styleRule = "";
   if (styleInner.includes("@media")) {
     styleRule = styleInner.replace("{", ` and ${mediaQuery} {`);

package/dist/cjs/helpers/createMediaStyle.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/createMediaStyle.ts"],
-  "sourcesContent": ["import { StyleObject } from '@tamagui/helpers'\n\nimport { mediaObjectToString } from '../hooks/useMedia'\nimport { MediaQueries } from '../types'\n\n// TODO have this be used by extractMediaStyle in tamagui static\n// not synced to static/constants for now\nexport const MEDIA_SEP = '_'\n\nexport const createMediaStyle = (\n  { identifier, rules }: StyleObject,\n  mediaKey: string,\n  mediaQueries: MediaQueries,\n  negate?: boolean,\n  importance?: number\n) => {\n  const mediaKeys = Object.keys(mediaQueries)\n  const importance_ = Math.max(\n    0,\n    importance == undefined ? mediaKeys.indexOf(mediaKey) : importance || 0\n  )\n  const precendencePrefix = new Array(importance_ + 1).fill(':root').join('')\n  const negKey = negate ? '0' : ''\n  const ogPrefix = identifier.slice(0, identifier.indexOf('-') + 1)\n  const nextIdentifier = `${identifier.replace(\n    ogPrefix,\n    `${ogPrefix}${MEDIA_SEP}${mediaKey}${negKey}${MEDIA_SEP}`\n  )}`\n  const screenStr = negate ? 'not all' : 'screen'\n  const mediaSelector = mediaObjectToString(mediaQueries[mediaKey])\n  const mediaQuery = `${screenStr} and ${mediaSelector}`\n  const styleInner = rules[0].replace(identifier, nextIdentifier)\n  // combines media queries if they already exist\n  let styleRule = ''\n  if (styleInner.includes('@media')) {\n    // combine\n    styleRule = styleInner.replace('{', ` and ${mediaQuery} {`)\n  } else {\n    styleRule = `@media ${mediaQuery} { ${precendencePrefix} ${styleInner} }`\n  }\n  return {\n    styleRule,\n    identifier: nextIdentifier,\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,sBAAoC;AAK7B,MAAM,YAAY;AAElB,MAAM,mBAAmB,wBAC9B,EAAE,YAAY,SACd,UACA,cACA,QACA,eACG;AACH,QAAM,YAAY,OAAO,KAAK,YAAY;AAC1C,QAAM,cAAc,KAAK,IACvB,GACA,cAAc,SAAY,UAAU,QAAQ,QAAQ,IAAI,cAAc,CACxE;AACA,QAAM,oBAAoB,IAAI,MAAM,cAAc,CAAC,EAAE,KAAK,OAAO,EAAE,KAAK,EAAE;AAC1E,QAAM,SAAS,SAAS,MAAM;AAC9B,QAAM,WAAW,WAAW,MAAM,GAAG,WAAW,QAAQ,GAAG,IAAI,CAAC;AAChE,QAAM,iBAAiB,GAAG,WAAW,QACnC,UACA,GAAG,WAAW,YAAY,WAAW,SAAS,WAChD;AACA,QAAM,YAAY,SAAS,YAAY;AACvC,QAAM,gBAAgB,yCAAoB,aAAa,SAAS;AAChE,QAAM,aAAa,GAAG,iBAAiB;AACvC,QAAM,aAAa,MAAM,GAAG,QAAQ,YAAY,cAAc;AAE9D,MAAI,YAAY;AAChB,MAAI,WAAW,SAAS,QAAQ,GAAG;AAEjC,gBAAY,WAAW,QAAQ,KAAK,QAAQ,cAAc;AAAA,EAC5D,OAAO;AACL,gBAAY,UAAU,gBAAgB,qBAAqB;AAAA,EAC7D;AACA,SAAO;AAAA,IACL;AAAA,IACA,YAAY;AAAA,EACd;AACF,GAnCgC;",
+  "sourcesContent": ["import { StyleObject } from '@tamagui/helpers'\n\nimport { mediaObjectToString } from '../hooks/useMedia'\nimport { MediaQueries } from '../types'\n\n// TODO have this be used by extractMediaStyle in tamagui static\n// not synced to static/constants for now\nexport const MEDIA_SEP = '_'\n\nexport const createMediaStyle = (\n  { identifier, rules }: StyleObject,\n  mediaKey: string,\n  mediaQueries: MediaQueries,\n  negate?: boolean,\n  importance?: number\n) => {\n  const mediaKeys = Object.keys(mediaQueries)\n  const importance_ = Math.max(\n    0,\n    importance == undefined ? mediaKeys.indexOf(mediaKey) : importance || 0\n  )\n  const precendencePrefix = new Array(importance_ + 1).fill(':root').join('')\n  const negKey = negate ? '0' : ''\n  const ogPrefix = identifier.slice(0, identifier.indexOf('-') + 1)\n  const nextIdentifier = `${identifier.replace(\n    ogPrefix,\n    `${ogPrefix}${MEDIA_SEP}${mediaKey}${negKey}${MEDIA_SEP}`\n  )}`\n  const screenStr = negate ? 'not all' : 'screen'\n  const mediaSelector = mediaObjectToString(mediaQueries[mediaKey])\n  const mediaQuery = `${screenStr} and ${mediaSelector}`\n  const styleInner = rules[0].replace(identifier, nextIdentifier)\n  if (styleInner.includes('2:r;')) debugger\n  // combines media queries if they already exist\n  let styleRule = ''\n  if (styleInner.includes('@media')) {\n    // combine\n    styleRule = styleInner.replace('{', ` and ${mediaQuery} {`)\n  } else {\n    styleRule = `@media ${mediaQuery} { ${precendencePrefix} ${styleInner} }`\n  }\n  return {\n    styleRule,\n    identifier: nextIdentifier,\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,sBAAoC;AAK7B,MAAM,YAAY;AAElB,MAAM,mBAAmB,wBAC9B,EAAE,YAAY,SACd,UACA,cACA,QACA,eACG;AACH,QAAM,YAAY,OAAO,KAAK,YAAY;AAC1C,QAAM,cAAc,KAAK,IACvB,GACA,cAAc,SAAY,UAAU,QAAQ,QAAQ,IAAI,cAAc,CACxE;AACA,QAAM,oBAAoB,IAAI,MAAM,cAAc,CAAC,EAAE,KAAK,OAAO,EAAE,KAAK,EAAE;AAC1E,QAAM,SAAS,SAAS,MAAM;AAC9B,QAAM,WAAW,WAAW,MAAM,GAAG,WAAW,QAAQ,GAAG,IAAI,CAAC;AAChE,QAAM,iBAAiB,GAAG,WAAW,QACnC,UACA,GAAG,WAAW,YAAY,WAAW,SAAS,WAChD;AACA,QAAM,YAAY,SAAS,YAAY;AACvC,QAAM,gBAAgB,yCAAoB,aAAa,SAAS;AAChE,QAAM,aAAa,GAAG,iBAAiB;AACvC,QAAM,aAAa,MAAM,GAAG,QAAQ,YAAY,cAAc;AAC9D,MAAI,WAAW,SAAS,MAAM;AAAG;AAEjC,MAAI,YAAY;AAChB,MAAI,WAAW,SAAS,QAAQ,GAAG;AAEjC,gBAAY,WAAW,QAAQ,KAAK,QAAQ,cAAc;AAAA,EAC5D,OAAO;AACL,gBAAY,UAAU,gBAAgB,qBAAqB;AAAA,EAC7D;AACA,SAAO;AAAA,IACL;AAAA,IACA,YAAY;AAAA,EACd;AACF,GApCgC;",
   "names": []
 }