@tamagui/core 1.0.1-beta.139 → 1.0.1-beta.142

package/dist/esm/createComponent.server.js

@@ -0,0 +1,408 @@
+import {
+  stylePropsView,
+  validPseudoKeys,
+  validStyles
+} from "@tamagui/helpers";
+import { useForceUpdate } from "@tamagui/use-force-update";
+import React, {
+  Children,
+  Fragment,
+  forwardRef,
+  memo,
+  useContext,
+  useState
+} from "react";
+import { StyleSheet, View } from "react-native";
+import { getConfig, onConfiguredOnce } from "./conf";
+import { stackDefaultStyles } from "./constants/constants";
+import { isWeb } from "./constants/platform";
+import { FontLanguageContext } from "./contexts/FontLanguageContext";
+import { TextAncestorContext } from "./contexts/TextAncestorContext";
+import { extendStaticConfig, parseStaticConfig } from "./helpers/extendStaticConfig";
+import { insertSplitStyles, useSplitStyles } from "./helpers/getSplitStyles";
+import { mergeProps } from "./helpers/mergeProps";
+import { proxyThemeVariables } from "./helpers/proxyThemeVariables";
+import { useTheme } from "./hooks/useTheme";
+React["keep"];
+const isRSC = import.meta.env.SSR;
+const defaultComponentState = Object.freeze({
+  hover: false,
+  press: false,
+  pressIn: false,
+  focus: false,
+  mounted: false,
+  animation: null
+});
+const mouseUps = /* @__PURE__ */ new Set();
+if (typeof document !== "undefined") {
+  const cancelTouches = () => {
+    mouseUps.forEach((x) => x());
+    mouseUps.clear();
+  };
+  document.addEventListener("mouseup", cancelTouches);
+  document.addEventListener("touchend", cancelTouches);
+  document.addEventListener("touchcancel", cancelTouches);
+}
+function mergeShorthands({ defaultProps }, { shorthands }) {
+  for (const key in defaultProps) {
+    defaultProps[shorthands[key] || key] = defaultProps[key];
+  }
+}
+let initialTheme;
+let config;
+function createComponent(configIn, ParentComponent) {
+  const staticConfig = (() => {
+    const next = extendStaticConfig(configIn, ParentComponent);
+    if ("parsed" in next) {
+      return next;
+    } else {
+      return parseStaticConfig(next);
+    }
+  })();
+  const defaultComponentClassName = `is_${staticConfig.componentName}`;
+  let tamaguiConfig;
+  let AnimatedText;
+  let AnimatedView;
+  let avoidClasses = true;
+  let defaultNativeStyle;
+  let defaultNativeStyleSheet;
+  let tamaguiDefaultProps;
+  let initialSplitStyles;
+  const component = forwardRef((propsIn, forwardedRef) => {
+    let props;
+    if (tamaguiDefaultProps && !propsIn.asChild) {
+      props = mergeProps(tamaguiDefaultProps, propsIn)[0];
+    } else {
+      props = propsIn;
+    }
+    const { Component, isText, isZStack } = staticConfig;
+    const componentName = props.componentName || staticConfig.componentName;
+    const componentClassName = props.asChild ? "" : props.componentName ? `is_${props.componentName}` : defaultComponentClassName;
+    if (process.env.NODE_ENV === "development") {
+      if (props["debug"]) {
+        const name = `${componentName || (Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "[Unnamed Component]"}`;
+        const banner = `${name} ${propsIn["data-is"] || ""}`;
+        console.group(`%c \u{1F41B} ${banner}`, "background: yellow;");
+        console.log("props", propsIn);
+        if (props["debug"] === "break") {
+          debugger;
+        }
+      }
+    }
+    const forceUpdate = useForceUpdate();
+    config = config || getConfig();
+    const theme = useTheme(props.theme, componentName, props, forceUpdate);
+    const states = isRSC ? [defaultComponentState, null] : useState(defaultComponentState);
+    const state = propsIn.forceStyle ? { ...states[0], [propsIn.forceStyle]: true } : states[0];
+    const shouldAvoidClasses = !!(props.animation && avoidClasses);
+    const shouldForcePseudo = !!propsIn.forceStyle;
+    const hasTextAncestor = !!(isWeb && isText ? useContext(TextAncestorContext) : false);
+    const splitStyleState = !shouldAvoidClasses && !shouldForcePseudo ? {
+      ...state,
+      hasTextAncestor,
+      dynamicStylesInline: true
+    } : {
+      ...state,
+      noClassNames: true,
+      dynamicStylesInline: true,
+      hasTextAncestor,
+      resolveVariablesAs: "value"
+    };
+    const languageContext = isRSC ? null : useContext(FontLanguageContext);
+    const splitStyles = useSplitStyles(props, staticConfig, theme, splitStyleState, props.asChild ? null : initialSplitStyles == null ? void 0 : initialSplitStyles.classNames, languageContext || void 0, props["debug"]);
+    console.log("hi2");
+    return propsIn.children;
+  });
+  if (staticConfig.componentName) {
+    component.displayName = staticConfig.componentName;
+  }
+  onConfiguredOnce((conf) => {
+    if (isRSC)
+      return;
+    if (process.env.IS_STATIC === "is_static")
+      return;
+    tamaguiConfig = conf;
+    mergeShorthands(staticConfig, tamaguiConfig);
+    if (tamaguiConfig.animations) {
+      avoidClasses = !!tamaguiConfig.animations.avoidClasses;
+      AnimatedText = tamaguiConfig.animations.Text;
+      AnimatedView = tamaguiConfig.animations.View;
+    }
+    initialTheme = initialTheme || proxyThemeVariables(conf.themes[conf.defaultTheme || Object.keys(conf.themes)[0]]);
+    config = getConfig();
+    let defaultPropsIn = staticConfig.defaultProps || {};
+    const parentNames = [...staticConfig.parentNames || [], staticConfig.componentName];
+    if (config.defaultProps && parentNames && staticConfig.componentName) {
+      defaultPropsIn = mergeConfigDefaultProps(staticConfig.componentName, defaultPropsIn, config.defaultProps, parentNames, conf);
+    }
+    const debug = true ? defaultPropsIn["debug"] : false;
+    if (process.env.NODE_ENV === "development" && debug === "break") {
+      debugger;
+    }
+    const [parentProps, parentClassNames] = mergeProps(defaultPropsIn, {}, true);
+    initialSplitStyles = insertSplitStyles(parentProps, staticConfig, initialTheme, {
+      mounted: true,
+      hover: false,
+      press: false,
+      pressIn: false,
+      focus: false,
+      resolveVariablesAs: "both",
+      keepVariantsAsProps: true
+    }, void 0, void 0, debug);
+    const [defaults, defaultsClassnames] = mergeProps(component.defaultProps, initialSplitStyles.viewProps, true);
+    initialSplitStyles.classNames = {
+      ...parentClassNames,
+      ...defaultsClassnames,
+      ...initialSplitStyles.classNames
+    };
+    defaultNativeStyle = {};
+    const validStyles2 = staticConfig.validStyles || stylePropsView;
+    if (!isWeb) {
+      for (const key in staticConfig.defaultProps) {
+        const val = staticConfig.defaultProps[key];
+        if (validPseudoKeys[key])
+          continue;
+        if (typeof val === "string" && val[0] === "$" || !validStyles2[key]) {
+          defaults[key] = val;
+        } else {
+          defaultNativeStyle[key] = val;
+        }
+      }
+    }
+    defaultNativeStyleSheet = StyleSheet.create({
+      base: defaultNativeStyle
+    });
+    if (Object.keys(defaults).length) {
+      tamaguiDefaultProps = defaults;
+    }
+    if (process.env.NODE_ENV === "development" && debug) {
+      if (process.env.IS_STATIC !== "is_static") {
+        console.log(`\u{1F41B} [${staticConfig.componentName || "Component"}]`, {
+          staticConfig,
+          initialSplitStyles,
+          tamaguiDefaultProps,
+          defaultNativeStyle,
+          defaults,
+          defaultPropsIn
+        });
+      }
+    }
+  });
+  let res = component;
+  if (configIn.memo) {
+    res = memo(res);
+  }
+  res.staticConfig = {
+    validStyles: staticConfig.validStyles || stylePropsView,
+    ...staticConfig
+  };
+  res.extractable = (Component, conf) => {
+    Component.staticConfig = extendStaticConfig({
+      Component,
+      ...conf,
+      neverFlatten: true,
+      isExtractable: true,
+      defaultProps: {
+        ...Component.defaultProps,
+        ...conf == null ? void 0 : conf.defaultProps
+      }
+    }, res);
+    return Component;
+  };
+  return res;
+}
+const Unspaced = (props) => {
+  return props.children;
+};
+Unspaced["isUnspaced"] = true;
+const Spacer = createComponent({
+  memo: true,
+  componentName: "Spacer",
+  validStyles,
+  defaultProps: {
+    ...stackDefaultStyles,
+    size: true
+  },
+  variants: {
+    size: {
+      "...size": (size, { tokens }) => {
+        size = size == true ? "$true" : size;
+        const sizePx = tokens.space[size] ?? size;
+        return {
+          width: sizePx,
+          height: sizePx,
+          minWidth: sizePx,
+          minHeight: sizePx
+        };
+      }
+    },
+    flex: {
+      true: {
+        flexGrow: 1
+      }
+    },
+    direction: {
+      horizontal: {
+        height: 0,
+        minHeight: 0
+      },
+      vertical: {
+        width: 0,
+        minWidth: 0
+      },
+      both: {}
+    }
+  },
+  defaultVariants: {
+    direction: "both"
+  }
+});
+function spacedChildren({
+  isZStack,
+  children,
+  space,
+  direction,
+  spaceFlex,
+  separator
+}) {
+  const hasSpace = !!(space || spaceFlex);
+  const hasSeparator = !(separator === void 0 || separator === null);
+  if (!hasSpace && !hasSeparator && !isZStack) {
+    return children;
+  }
+  const childrenList = Children.toArray(children);
+  if (childrenList.length <= 1 && !isZStack) {
+    return childrenList;
+  }
+  const final = [];
+  for (const [index, child] of childrenList.entries()) {
+    const isEmpty = child === null || child === void 0 || Array.isArray(child) && child.length === 0;
+    if (isEmpty || !child || child["key"] && !isZStack) {
+      final.push(child);
+    } else {
+      final.push(/* @__PURE__ */ React.createElement(Fragment, {
+        key: index
+      }, isZStack ? /* @__PURE__ */ React.createElement(AbsoluteFill, null, child) : child));
+    }
+    if (isUnspaced(child) && index === 0) {
+      continue;
+    }
+    if (isZStack) {
+      continue;
+    }
+    const next = childrenList[index + 1];
+    if (next && !isUnspaced(next)) {
+      if (separator) {
+        if (hasSpace) {
+          final.push(createSpacer({
+            key: `_${index}_before_sep_spacer`,
+            direction,
+            space,
+            spaceFlex
+          }));
+        }
+        final.push(React.isValidElement(separator) ? React.cloneElement(separator, { key: `sep_${index}` }) : separator);
+        if (hasSpace) {
+          final.push(createSpacer({
+            key: `_${index}_after_sep_spacer`,
+            direction,
+            space,
+            spaceFlex
+          }));
+        }
+      } else {
+        final.push(createSpacer({
+          key: `_${index}_spacer`,
+          direction,
+          space,
+          spaceFlex
+        }));
+      }
+    }
+  }
+  return final;
+}
+function createSpacer({ key, direction, space, spaceFlex }) {
+  return /* @__PURE__ */ React.createElement(Spacer, {
+    key,
+    size: space,
+    direction,
+    ...spaceFlex && {
+      flex: spaceFlex
+    }
+  });
+}
+function isUnspaced(child) {
+  var _a, _b;
+  return ((_a = child == null ? void 0 : child["type"]) == null ? void 0 : _a["isVisuallyHidden"]) || ((_b = child == null ? void 0 : child["type"]) == null ? void 0 : _b["isUnspaced"]);
+}
+function AbsoluteFill(props) {
+  return /* @__PURE__ */ React.createElement(View, {
+    pointerEvents: "box-none",
+    style: StyleSheet.absoluteFill
+  }, props.children);
+}
+function processIDRefList(idRefList) {
+  return Array.isArray(idRefList) ? idRefList.join(" ") : idRefList;
+}
+const accessibilityRoleToWebRole = {
+  adjustable: "slider",
+  button: "button",
+  header: "heading",
+  image: "img",
+  imagebutton: null,
+  keyboardkey: null,
+  label: null,
+  link: "link",
+  none: "presentation",
+  search: "search",
+  summary: "region",
+  text: null
+};
+function addPseudoToStyles(styles, initialPseudos, pseudos, name, force = false) {
+  const pseudoStyle = pseudos[name];
+  const shouldNestObject = isWeb && name !== "enterStyle" && name !== "exitStyle";
+  const defaultPseudoStyle = initialPseudos[name];
+  const style = defaultPseudoStyle ? { ...defaultPseudoStyle, ...pseudoStyle } : pseudoStyle;
+  if (style) {
+    styles.push(shouldNestObject && !force ? { [name]: style } : style);
+  }
+}
+const DefaultProps = /* @__PURE__ */ new Map();
+function mergeConfigDefaultProps(name, props, configDefaults, parentNames, conf) {
+  const len = parentNames.length;
+  let prev;
+  for (let i = 0; i < len; i++) {
+    const n = parentNames[i];
+    if (!n)
+      continue;
+    if (DefaultProps.has(n)) {
+      prev = DefaultProps.get(n);
+      continue;
+    }
+    const props2 = configDefaults[n];
+    if (!props2) {
+      if (prev) {
+        DefaultProps.set(n, prev);
+      }
+      continue;
+    }
+    prev = mergeProps(prev || {}, props2, false, conf.inverseShorthands)[0];
+    DefaultProps.set(n, prev);
+  }
+  const ourDefaultsMerged = DefaultProps.get(name);
+  if (ourDefaultsMerged) {
+    return mergeProps(props, ourDefaultsMerged, false, conf.inverseShorthands)[0];
+  }
+  return props;
+}
+export {
+  Spacer,
+  Unspaced,
+  accessibilityRoleToWebRole,
+  createComponent,
+  mouseUps,
+  processIDRefList,
+  spacedChildren
+};
+//# sourceMappingURL=createComponent.server.js.map

package/dist/esm/createComponent.server.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createComponent.server.tsx"],
+  "sourcesContent": ["/* eslint-disable react-hooks/rules-of-hooks */\nimport {\n  composeEventHandlers,\n  stylePropsView,\n  validPseudoKeys,\n  validStyles,\n} from '@tamagui/helpers'\nimport {\n  useElementLayout,\n  useMergeRefs,\n  usePlatformMethods,\n  useResponderEvents,\n} from '@tamagui/rnw'\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 { getConfig, onConfiguredOnce } from './conf'\nimport { stackDefaultStyles } from './constants/constants'\nimport { isClient, isWeb, useIsomorphicLayoutEffect } from './constants/platform'\nimport { FontLanguageContext } from './contexts/FontLanguageContext'\nimport { TextAncestorContext } from './contexts/TextAncestorContext'\nimport { assignNativePropsToWeb } from './helpers/assignNativePropsToWeb'\nimport { getReturnVariablesAs } from './helpers/createPropMapper'\nimport { createShallowUpdate } from './helpers/createShallowUpdate'\nimport { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig'\nimport { SplitStyleResult, insertSplitStyles, useSplitStyles } from './helpers/getSplitStyles'\nimport { getAllSelectors } from './helpers/insertStyleRule'\nimport { mergeProps } from './helpers/mergeProps'\nimport { proxyThemeVariables } from './helpers/proxyThemeVariables'\nimport { useFeatures } from './hooks/useFeatures'\nimport { mediaState } from './hooks/useMedia'\nimport { usePressable } from './hooks/usePressable'\nimport { getThemeManager, useTheme } from './hooks/useTheme'\nimport {\n  SpaceDirection,\n  SpaceTokens,\n  SpacerProps,\n  StaticConfig,\n  StaticConfigParsed,\n  StylableComponent,\n  TamaguiComponent,\n  TamaguiComponentState,\n  TamaguiConfig,\n  TamaguiElement,\n  TamaguiInternalConfig,\n  UseAnimationHook,\n} from './types'\nimport { usePressability } from './vendor/Pressability'\nimport { Slot, mergeEvent } from './views/Slot'\nimport { wrapThemeManagerContext } from './views/Theme'\n\nReact['keep']\n\n// @ts-ignore\nconst isRSC = import.meta.env.SSR\n\nconst defaultComponentState: TamaguiComponentState = Object.freeze({\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  const cancelTouches = () => {\n    mouseUps.forEach((x) => x())\n    mouseUps.clear()\n  }\n  document.addEventListener('mouseup', cancelTouches)\n  document.addEventListener('touchend', cancelTouches)\n  document.addEventListener('touchcancel', cancelTouches)\n}\n\n// mutates\nfunction mergeShorthands({ defaultProps }: StaticConfigParsed, { shorthands }: TamaguiConfig) {\n  // they are defined in correct order already { ...parent, ...child }\n  for (const key in defaultProps) {\n    defaultProps[shorthands[key] || key] = defaultProps[key]\n  }\n}\n\nlet initialTheme: any\nlet config: TamaguiInternalConfig\n\nexport function createComponent<\n  ComponentPropTypes extends Object = {},\n  Ref = TamaguiElement,\n  BaseProps = never\n>(configIn: Partial<StaticConfig> | StaticConfigParsed, ParentComponent?: StylableComponent) {\n  const staticConfig = (() => {\n    const next = extendStaticConfig(configIn, ParentComponent)\n    if ('parsed' in next) {\n      return next\n    } else {\n      return parseStaticConfig(next)\n    }\n  })()\n\n  const defaultComponentClassName = `is_${staticConfig.componentName}`\n  let tamaguiConfig: TamaguiInternalConfig\n  let AnimatedText: any\n  let AnimatedView: any\n  let avoidClasses = true\n  let defaultNativeStyle: any\n  let defaultNativeStyleSheet: StyleSheet.NamedStyles<{ base: {} }>\n  let tamaguiDefaultProps: any\n  let initialSplitStyles: SplitStyleResult\n\n  // see onConfiguredOnce below which attaches a name then to this component\n  const component = forwardRef<Ref, ComponentPropTypes>((propsIn: any, forwardedRef) => {\n    // React inserts default props after your props for some reason...\n    // order important so we do loops, you can't just spread because JS does weird things\n    let props: any\n    if (tamaguiDefaultProps && !propsIn.asChild) {\n      props = mergeProps(tamaguiDefaultProps, propsIn)[0]\n    } else {\n      props = propsIn\n    }\n\n    const { Component, isText, isZStack } = staticConfig\n    const componentName = props.componentName || staticConfig.componentName\n    const componentClassName = props.asChild\n      ? ''\n      : props.componentName\n      ? `is_${props.componentName}`\n      : defaultComponentClassName\n\n    if (process.env.NODE_ENV === 'development') {\n      if (props['debug']) {\n        const name = `${\n          componentName || Component?.displayName || Component?.name || '[Unnamed Component]'\n        }`\n        const banner = `${name} ${propsIn['data-is'] || ''}`\n        // eslint-disable-next-line no-console\n        console.group(`%c \uD83D\uDC1B ${banner}`, 'background: yellow;')\n        // eslint-disable-next-line no-console\n        console.log('props', propsIn)\n        // eslint-disable-next-line no-console\n        // console.log('ref', hostRef, '(click to view)')\n        if (props['debug'] === 'break') {\n          // eslint-disable-next-line no-debugger\n          debugger\n        }\n      }\n    }\n\n    const forceUpdate = useForceUpdate()\n    config = config || getConfig()\n    const theme = useTheme(props.theme, componentName, props, forceUpdate)\n\n    const states = isRSC\n      ? ([defaultComponentState, null as any] as [\n          TamaguiComponentState,\n          React.Dispatch<React.SetStateAction<TamaguiComponentState>>\n        ])\n      : useState<TamaguiComponentState>(defaultComponentState)\n    const state = propsIn.forceStyle ? { ...states[0], [propsIn.forceStyle]: true } : states[0]\n\n    const shouldAvoidClasses = !!(props.animation && avoidClasses)\n    const shouldForcePseudo = !!propsIn.forceStyle\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const hasTextAncestor = !!(isWeb && isText ? useContext(TextAncestorContext) : false)\n    const splitStyleState =\n      !shouldAvoidClasses && !shouldForcePseudo\n        ? {\n            ...state,\n            hasTextAncestor,\n            dynamicStylesInline: true,\n          }\n        : ({\n            ...state,\n            noClassNames: true,\n            dynamicStylesInline: true,\n            hasTextAncestor,\n            resolveVariablesAs: 'value',\n          } as const)\n\n    const languageContext = isRSC ? null : useContext(FontLanguageContext)\n\n    const splitStyles = useSplitStyles(\n      props,\n      staticConfig,\n      theme,\n      splitStyleState,\n      props.asChild ? null : initialSplitStyles?.classNames,\n      languageContext || undefined,\n      props['debug']\n    )\n\n    console.log('hi2')\n\n    return propsIn.children\n  })\n\n  if (staticConfig.componentName) {\n    component.displayName = staticConfig.componentName\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 (isRSC) return\n    // in static mode we just use these to lookup configuration\n    // ... we likely want this? need to test\n    if (process.env.IS_STATIC === 'is_static') return\n\n    tamaguiConfig = conf\n\n    // do this to make sure shorthands don't duplicate with.. longhands\n    mergeShorthands(staticConfig, tamaguiConfig)\n\n    if (tamaguiConfig.animations) {\n      avoidClasses = !!tamaguiConfig.animations.avoidClasses\n      AnimatedText = tamaguiConfig.animations.Text\n      AnimatedView = tamaguiConfig.animations.View\n    }\n\n    initialTheme =\n      initialTheme ||\n      proxyThemeVariables(conf.themes[conf.defaultTheme || Object.keys(conf.themes)[0]])\n\n    // adds in user defined default props\n    config = getConfig()\n\n    let defaultPropsIn = staticConfig.defaultProps || {}\n\n    // because we run createTamagui after styled() defs, have to do some work here\n    // gather defaults props one time and merge downwards\n    // find last unprocessed and process\n    const parentNames = [...(staticConfig.parentNames || []), staticConfig.componentName]\n\n    if (config.defaultProps && parentNames && staticConfig.componentName) {\n      defaultPropsIn = mergeConfigDefaultProps(\n        staticConfig.componentName,\n        defaultPropsIn,\n        config.defaultProps,\n        parentNames,\n        conf\n      )\n    }\n\n    const debug = true ? defaultPropsIn['debug'] : false\n\n    if (process.env.NODE_ENV === 'development' && debug === 'break') {\n      // eslint-disable-next-line no-debugger\n      debugger\n    }\n\n    // remove all classNames\n    const [parentProps, parentClassNames] = mergeProps(defaultPropsIn, {}, true)\n\n    initialSplitStyles = insertSplitStyles(\n      parentProps,\n      staticConfig,\n      initialTheme,\n      {\n        mounted: true,\n        hover: false,\n        press: false,\n        pressIn: false,\n        focus: false,\n        resolveVariablesAs: 'both',\n        keepVariantsAsProps: true,\n      },\n      undefined,\n      undefined,\n      debug\n    )\n\n    // must preserve prop order\n    // leave out className because we handle that already with initialSplitStyles.classNames\n    // otherwise it confuses variant functions getting className props\n    const [defaults, defaultsClassnames] = mergeProps(\n      component.defaultProps as any,\n      initialSplitStyles.viewProps,\n      true\n      // conf.inverseShorthands\n    )\n\n    // avoid passing className props to variants\n    initialSplitStyles.classNames = {\n      ...parentClassNames,\n      ...defaultsClassnames,\n      ...initialSplitStyles.classNames,\n    }\n\n    defaultNativeStyle = {}\n\n    const validStyles = staticConfig.validStyles || stylePropsView\n\n    // split - keep variables on props to be processed using theme values at runtime (native)\n    if (!isWeb) {\n      for (const key in staticConfig.defaultProps) {\n        const val = staticConfig.defaultProps[key]\n        if (validPseudoKeys[key]) continue\n        if ((typeof val === 'string' && val[0] === '$') || !validStyles[key]) {\n          defaults[key] = val\n        } else {\n          defaultNativeStyle[key] = val\n        }\n      }\n    }\n\n    defaultNativeStyleSheet = StyleSheet.create({\n      base: defaultNativeStyle,\n    })\n\n    if (Object.keys(defaults).length) {\n      tamaguiDefaultProps = defaults\n    }\n\n    // add debug logs\n    if (process.env.NODE_ENV === 'development' && debug) {\n      if (process.env.IS_STATIC !== 'is_static') {\n        // eslint-disable-next-line no-console\n        console.log(`\uD83D\uDC1B [${staticConfig.componentName || 'Component'}]`, {\n          staticConfig,\n          initialSplitStyles,\n          tamaguiDefaultProps,\n          defaultNativeStyle,\n          defaults,\n          defaultPropsIn,\n        })\n      }\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: staticConfig.validStyles || stylePropsView,\n    ...staticConfig,\n  }\n\n  // res.extractable HoC\n  res.extractable = (Component: any, conf?: Partial<StaticConfig>) => {\n    Component.staticConfig = extendStaticConfig(\n      {\n        Component,\n        ...conf,\n        neverFlatten: true,\n        isExtractable: true,\n        defaultProps: {\n          ...Component.defaultProps,\n          ...conf?.defaultProps,\n        },\n      },\n      res\n    )\n    return Component\n  }\n\n  return res\n}\n\n// for elements to avoid spacing\nexport const Unspaced = (props: { children?: any }) => {\n  return props.children\n}\nUnspaced['isUnspaced'] = true\n\n// dont used styled() here to avoid circular deps\n// keep inline to avoid circular deps\n\nexport const Spacer = createComponent<SpacerProps>({\n  memo: true,\n  componentName: 'Spacer',\n  validStyles,\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.space[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        flexGrow: 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      both: {},\n    },\n  },\n\n  defaultVariants: {\n    direction: 'both',\n  },\n})\n\nexport type SpacedChildrenProps = {\n  isZStack?: boolean\n  children?: React.ReactNode\n  space?: SpaceTokens | number | null\n  spaceFlex?: boolean | number\n  direction?: SpaceDirection\n  separator?: React.ReactNode\n}\n\nexport function spacedChildren({\n  isZStack,\n  children,\n  space,\n  direction,\n  spaceFlex,\n  separator,\n}: SpacedChildrenProps) {\n  const hasSpace = !!(space || spaceFlex)\n  const hasSeparator = !(separator === undefined || separator === null)\n  if (!hasSpace && !hasSeparator && !isZStack) {\n    return children\n  }\n  const childrenList = Children.toArray(children)\n  if (childrenList.length <= 1 && !isZStack) {\n    return childrenList\n  }\n  const final: React.ReactNode[] = []\n  for (const [index, child] of childrenList.entries()) {\n    const isEmpty =\n      child === null || child === undefined || (Array.isArray(child) && child.length === 0)\n\n    // push them all, but wrap some in Fragment\n    if (isEmpty || !child || (child['key'] && !isZStack)) {\n      final.push(child)\n    } else {\n      final.push(\n        <Fragment key={index}>{isZStack ? <AbsoluteFill>{child}</AbsoluteFill> : child}</Fragment>\n      )\n    }\n\n    // first child unspaced avoid insert space\n    if (isUnspaced(child) && index === 0) {\n      continue\n    }\n\n    // no spacing on ZStack\n    if (isZStack) {\n      continue\n    }\n\n    const next = childrenList[index + 1]\n\n    if (next && !isUnspaced(next)) {\n      if (separator) {\n        if (hasSpace) {\n          final.push(\n            createSpacer({\n              key: `_${index}_before_sep_spacer`,\n              direction,\n              space,\n              spaceFlex,\n            })\n          )\n        }\n        final.push(\n          React.isValidElement(separator)\n            ? React.cloneElement(separator, { key: `sep_${index}` })\n            : separator\n        )\n        if (hasSpace) {\n          final.push(\n            createSpacer({\n              key: `_${index}_after_sep_spacer`,\n              direction,\n              space,\n              spaceFlex,\n            })\n          )\n        }\n      } else {\n        final.push(\n          createSpacer({\n            key: `_${index}_spacer`,\n            direction,\n            space,\n            spaceFlex,\n          })\n        )\n      }\n    }\n  }\n\n  return final\n}\n\ntype CreateSpacerProps = SpacedChildrenProps & { key: string }\n\nfunction createSpacer({ key, direction, space, spaceFlex }: CreateSpacerProps) {\n  return (\n    <Spacer\n      key={key}\n      size={space}\n      direction={direction}\n      {...(spaceFlex && {\n        flex: spaceFlex,\n      })}\n    />\n  )\n}\n\nfunction isUnspaced(child: React.ReactNode) {\n  // console.log('unspaced?', child, getMedia())\n  return child?.['type']?.['isVisuallyHidden'] || child?.['type']?.['isUnspaced']\n}\n\nfunction AbsoluteFill(props: { children?: any }) {\n  return (\n    <View pointerEvents=\"box-none\" style={StyleSheet.absoluteFill}>\n      {props.children}\n    </View>\n  )\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\nexport function processIDRefList(idRefList: string | Array<string>): string {\n  return Array.isArray(idRefList) ? idRefList.join(' ') : idRefList\n}\n\nexport const accessibilityRoleToWebRole = {\n  adjustable: 'slider',\n  button: 'button',\n  header: 'heading',\n  image: 'img',\n  imagebutton: null,\n  keyboardkey: null,\n  label: null,\n  link: 'link',\n  none: 'presentation',\n  search: 'search',\n  summary: 'region',\n  text: null,\n}\n\nfunction addPseudoToStyles(\n  styles: any[],\n  initialPseudos: SplitStyleResult['pseudos'],\n  pseudos: any,\n  name: string,\n  force = false\n) {\n  // on web use pseudo object { hoverStyle } to keep specificity with concatClassName\n  const pseudoStyle = pseudos[name]\n  const shouldNestObject = isWeb && name !== 'enterStyle' && name !== 'exitStyle'\n  const defaultPseudoStyle = initialPseudos[name]\n  const style = defaultPseudoStyle ? { ...defaultPseudoStyle, ...pseudoStyle } : pseudoStyle\n  if (style) {\n    styles.push(shouldNestObject && !force ? { [name]: style } : style)\n  }\n}\n\nconst DefaultProps = new Map()\n\nfunction mergeConfigDefaultProps(\n  name: string,\n  props: Record<string, any>,\n  configDefaults: Record<string, Object>,\n  parentNames: (string | undefined)[],\n  conf: TamaguiInternalConfig\n) {\n  const len = parentNames.length\n  let prev\n\n  for (let i = 0; i < len; i++) {\n    const n = parentNames[i]\n    if (!n) continue\n    if (DefaultProps.has(n)) {\n      prev = DefaultProps.get(n)\n      continue\n    }\n    const props = configDefaults[n]\n    if (!props) {\n      if (prev) {\n        DefaultProps.set(n, prev)\n      }\n      continue\n    }\n    prev = mergeProps(prev || {}, props, false, conf.inverseShorthands)[0]\n    DefaultProps.set(n, prev)\n  }\n\n  // overwrite the user defined defaults on top of internal defined defaults\n  const ourDefaultsMerged = DefaultProps.get(name)\n  if (ourDefaultsMerged) {\n    return mergeProps(props, ourDefaultsMerged, false, conf.inverseShorthands)[0]\n  }\n  return props\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/createTamagui.js

@@ -1,7 +1,6 @@
-import { configListeners, setConfig } from "./conf";
-import { isWeb } from "./constants/platform";
+import { configListeners, setConfig } from "./config";
+import { isRSC, isWeb } from "./constants/platform";
 import { createVariables } from "./createVariables";
-import { createTamaguiProvider } from "./helpers/createTamaguiProvider";
 import { getThemeCSSRules } from "./helpers/getThemeCSSRules";
 import { getAllRules } from "./helpers/insertStyleRule";
 import {
@@ -14,26 +13,28 @@ import { configureMedia } from "./hooks/useMedia";
 import { parseFont, registerFontVariables } from "./insertFont";
 import { Tamagui } from "./Tamagui";
 const createdConfigs = /* @__PURE__ */ new WeakMap();
-function createTamagui(config) {
-  if (createdConfigs.has(config)) {
-    return config;
+function createTamagui(configIn) {
+  if (createdConfigs.has(configIn)) {
+    return configIn;
   }
   if (process.env.NODE_ENV === "development") {
-    if (!config.tokens) {
+    if (!configIn.tokens) {
       throw new Error(`Must define tokens`);
     }
-    if (!config.themes) {
+    if (!configIn.themes) {
       throw new Error(`Must define themes`);
     }
-    if (!config.fonts) {
+    if (!configIn.fonts) {
       throw new Error(`Must define fonts`);
     }
   }
   configureMedia({
-    queries: config.media,
-    defaultActive: config.mediaQueryDefaultActive
+    queries: configIn.media,
+    defaultActive: configIn.mediaQueryDefaultActive
   });
-  const fontTokens = createVariables(config.fonts, "", true);
+  const fontTokens = Object.fromEntries(Object.entries(configIn.fonts).map(([k, v]) => {
+    return [k, createVariables(v, "f", true)];
+  }));
   const fontsParsed = (() => {
     const res = {};
     for (const familyName in fontTokens) {
@@ -42,7 +43,7 @@ function createTamagui(config) {
     return res;
   })();
   const themeConfig = (() => {
-    const themes = { ...config.themes };
+    const themes = { ...configIn.themes };
     let cssRuleSets = [];
     if (isWeb) {
       let declarationsToRuleSet2 = function(decs, selector = "") {
@@ -51,9 +52,9 @@ function createTamagui(config) {
       var declarationsToRuleSet = declarationsToRuleSet2;
       const declarations = [];
       const fontDeclarations = {};
-      for (const key in config.tokens) {
-        for (const skey in config.tokens[key]) {
-          const val = config.tokens[key][skey];
+      for (const key in configIn.tokens) {
+        for (const skey in configIn.tokens[key]) {
+          const val = configIn.tokens[key][skey];
           registerCSSVariable(val);
           declarations.push(variableToCSS(val));
         }
@@ -64,7 +65,7 @@ function createTamagui(config) {
         const fontVars = registerFontVariables(fontParsed);
         fontDeclarations[key] = { name: name.slice(1), declarations: fontVars, language };
       }
-      const sep = process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
+      const sep = process.env.NODE_ENV === "development" ? configIn.cssStyleSeparator || " " : "";
       cssRuleSets.push(declarationsToRuleSet2(declarations));
       if (fontDeclarations) {
         for (const key in fontDeclarations) {
@@ -98,12 +99,12 @@ function createTamagui(config) {
       };
       existing.set(rawTheme, dedupedThemes[themeName]);
     }
-    if (isWeb) {
+    if (isWeb || isRSC) {
       for (const themeName in dedupedThemes) {
         cssRuleSets = [
           ...cssRuleSets,
           ...getThemeCSSRules({
-            config,
+            config: configIn,
             themeName,
             ...dedupedThemes[themeName]
           })
@@ -122,41 +123,39 @@ function createTamagui(config) {
       css
     };
   })();
-  const tokensParsed = parseTokens(config.tokens);
+  const tokensParsed = parseTokens(configIn.tokens);
   const getCSS = () => {
     return `${themeConfig.css}
 ${getAllRules().join("\n")}`;
   };
-  const shorthands = config.shorthands || {};
-  const next = {
+  const shorthands = configIn.shorthands || {};
+  const config = {
     fontLanguages: [],
     defaultTheme: "light",
     animations: {},
     media: {},
-    ...config,
-    shorthands,
+    ...configIn,
+    shorthands: { ...shorthands },
     inverseShorthands: shorthands ? Object.fromEntries(Object.entries(shorthands).map(([k, v]) => [v, k])) : {},
     themes: themeConfig.themes,
     fontsParsed,
     themeConfig,
     tokensParsed,
     parsed: true,
-    getCSS,
-    Provider: null
+    getCSS
   };
-  next.Provider = createTamaguiProvider(next);
-  setConfig(next);
+  setConfig(config);
   if (configListeners.size) {
-    configListeners.forEach((cb) => cb(next));
+    configListeners.forEach((cb) => cb(config));
     configListeners.clear();
   }
-  createdConfigs.set(next, true);
+  createdConfigs.set(config, true);
   if (process.env.NODE_ENV === "development") {
     if (!globalThis["Tamagui"]) {
       globalThis["Tamagui"] = Tamagui;
     }
   }
-  return next;
+  return config;
 }
 const parseTokens = (tokens) => {
   const res = {};