@tamagui/core 1.0.0-alpha.59 → 1.0.0-alpha.64

package/dist/cjs/createComponent.js

@@ -276,7 +276,7 @@ function createComponent(configIn) {
       const className = (0, import_helpers.concatClassName)(...classList);
       if (process.env.NODE_ENV === "development") {
         if (props["debug"]) {
-          console.log("\u{1F95A} className", { style, styles, classList, stylesClassNames, className: className.trim().split(" ") });
+          console.log("\xBB className", { style, styles, classList, stylesClassNames, className: className.trim().split(" ") });
         }
       }
       viewProps.className = className;
@@ -415,11 +415,11 @@ function createComponent(configIn) {
     if (process.env.NODE_ENV === "development") {
       if (props["debug"]) {
         viewProps["debug"] = true;
-        console.log("\u{1F95A} props in:", props);
-        console.log("\u{1F95A} props out:", viewProps, (_b = viewProps.className) == null ? void 0 : _b.split(" "));
-        console.log("\u{1F95A} etc:", { shouldAttach, ViewComponent, viewProps, styles, pseudos, content, childEls });
+        console.log("\xBB props in:", props);
+        console.log("\xBB props out:", viewProps, (_b = viewProps.className) == null ? void 0 : _b.split(" "));
+        console.log("\xBB etc:", { shouldAttach, ViewComponent, viewProps, styles, pseudos, content, childEls });
         if (typeof window !== "undefined") {
-          console.log("\u{1F95A} component info", { staticConfig, tamaguiConfig });
+          console.log("\xBB component info", { staticConfig, tamaguiConfig });
         }
       }
     }
@@ -433,7 +433,7 @@ function createComponent(configIn) {
     const shouldDebug = (_a = staticConfig.defaultProps) == null ? void 0 : _a.debug;
     tamaguiConfig = conf;
     initialTheme = conf.themes[conf.defaultTheme || Object.keys(conf.themes)[0]];
-    const { classNames, pseudos, style, viewProps } = (0, import_getSplitStyles.getSplitStyles)(staticConfig.defaultProps, staticConfig, initialTheme, true);
+    const { classNames, pseudos, style, viewProps } = (0, import_getSplitStyles.getSplitStyles)(staticConfig.defaultProps, staticConfig, initialTheme);
     if (import_platform.isWeb) {
       if (classNames) {
         defaultsClassName += classNames + " ";

package/dist/cjs/createComponent.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createComponent.tsx"],
-  "sourcesContent": ["import './tamagui-base.css'\n\nimport { concatClassName, stylePropsView } from '@tamagui/helpers'\nimport { useForceUpdate } from '@tamagui/use-force-update'\nimport React, {\n  Children,\n  Fragment,\n  createElement,\n  forwardRef,\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 { isTouchDevice, isWeb } from './constants/platform'\nimport { rnw } from './constants/rnw'\nimport { addStylesUsingClassname, useStylesAsClassname } from './helpers/addStylesUsingClassname'\nimport { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig'\nimport { getSplitStyles } from './helpers/getSplitStyles'\nimport { useFeatures } from './hooks/useFeatures'\nimport { usePressable } from './hooks/usePressable'\nimport { useTheme } from './hooks/useTheme'\nimport {\n  SpaceTokens,\n  StaticComponent,\n  StaticConfig,\n  StaticConfigParsed,\n  TamaguiInternalConfig,\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\nconst defaultComponentState = {\n  hover: false,\n  press: false,\n  pressIn: false,\n}\n\ntype ComponentState = typeof defaultComponentState\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<ComponentPropTypes extends Object = DefaultProps>(\n  configIn: Partial<StaticConfig> | StaticConfigParsed\n) {\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 } = staticConfig\n  const validStyleProps = validStyles ?? stylePropsView\n\n  // split out default styles vs props so we can assign it to component.defaultProps\n  let defaultProps = null as any\n  let tamaguiConfig: TamaguiInternalConfig\n\n  // web uses className, native uses style\n  let defaultNativeStyle: StyleSheet.NamedStyles<{ base: {} }> | null = null\n  let defaultsClassName = ''\n  let initialTheme: any\n\n  // see onConfiguredOnce below which attaches a name then to this component\n\n  const component = forwardRef<View, ComponentPropTypes>((props: any, forwardedRef) => {\n    const forceUpdate = useForceUpdate()\n    const features = useFeatures(props, { forceUpdate })\n    const theme = useTheme()\n    const [state, set_] = useState<ComponentState>(defaultComponentState)\n    const set = createShallowUpdate(set_)\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    const {\n      viewProps: viewPropsIn,\n      pseudos,\n      style,\n      classNames,\n    } = getSplitStyles(props, staticConfig, theme)\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      onClick,\n\n      accessible,\n      accessibilityRole,\n\n      // TODO feature load layout hook\n      onLayout,\n      ...viewProps\n    } = viewPropsIn\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    // hasEverHadEvents prevents repareting if you remove onPress or similar...\n    const internal = useRef<{ isMounted: boolean; hasEverHadEvents?: boolean }>()\n    if (!internal.current) {\n      internal.current = {\n        isMounted: true,\n      }\n    }\n\n    useEffect(() => {\n      internal.current!.isMounted = true\n      return () => {\n        mouseUps.delete(unPress)\n        internal.current!.isMounted = false\n      }\n    }, [])\n\n    // element\n    const isInternalComponent = !Component || typeof Component === 'string'\n    // default to tag, fallback to component (when both strings)\n    const element = isWeb ? (isInternalComponent ? tag || Component : Component) : Component\n    const ReactView = !isWeb ? View : element || (hasTextAncestor ? 'span' : 'div')\n    const ReactText = !isWeb ? Text : element || 'span'\n    const ViewComponent = isText ? ReactText : ReactView\n\n    // styles\n    const isHovering = !isTouchDevice && !disabled && pseudos && state.hover\n    const isPressing = !disabled && pseudos && state.press\n\n    const styles = [\n      defaultNativeStyle ? defaultNativeStyle.base : 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      isHovering ? pseudos.hoverStyle || null : null,\n      isPressing ? pseudos.pressStyle || null : null,\n    ]\n\n    if (isWeb) {\n      const stylesClassNames = useStylesAsClassname(styles)\n      const classList = isText\n        ? [\n            defaultsClassName,\n            // hasTextAncestor === true && cssText.textHasAncestor,\n            // TODO MOVE TO VARIANTS [number] [any]\n            // numberOfLines != null && numberOfLines > 1 && cssText.textMultiLine,\n            classNames,\n            stylesClassNames,\n            props.className,\n          ]\n        : [defaultsClassName, props.className, classNames, stylesClassNames]\n\n      // @ts-ignore we are optimizing using arguments\n      const className = concatClassName(...classList)\n      if (process.env.NODE_ENV === 'development') {\n        if (props['debug']) {\n          // prettier-ignore\n          console.log('\uD83E\uDD5A className', { style, styles, classList, stylesClassNames, className: className.trim().split(' ') })\n        }\n      }\n      viewProps.className = className\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      viewProps.ref = setRef\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        viewProps.ref = forwardedRef\n      }\n    }\n\n    const attachPress = !!(\n      (pseudos && pseudos.pressStyle) ||\n      onPress ||\n      onPressOut ||\n      onPressIn ||\n      onClick\n    )\n    const attachHover =\n      isWeb &&\n      !isTouchDevice &&\n      !!((pseudos && pseudos.hoverStyle) || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave)\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      internal.current.hasEverHadEvents ||\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          'onClick' in props ||\n          'onHoverIn' in props ||\n          'onHoverOut' in props ||\n          'onMouseEnter' in props ||\n          'onMouseLeave' in props))\n\n    // never remove events as we wrap in a div (for now, may be able to remove..)\n    if (shouldAttach) {\n      internal.current.hasEverHadEvents = true\n    }\n\n    const unPress = useCallback(() => {\n      if (!internal.current!.isMounted) return\n      set({\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          ...(isWeb &&\n            !isTouchDevice && {\n              onMouseEnter:\n                attachHover || attachPress\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                        set(next)\n                      }\n                      onHoverIn?.(e)\n                      onMouseEnter?.(e)\n                    }\n                  : undefined,\n              onMouseLeave:\n                attachHover || attachPress\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                        set(next)\n                      }\n                      onHoverOut?.(e)\n                      onMouseLeave?.(e)\n                    }\n                  : undefined,\n            }),\n          onMouseDown: attachPress\n            ? (e) => {\n                set({\n                  press: true,\n                  pressIn: true,\n                })\n                onPressIn?.(e)\n                onMouseDown?.(e)\n              }\n            : (onPressIn as any),\n          onClick: attachPress\n            ? (e) => {\n                // this caused issue with next.js passing href\n                // e.preventDefault()\n                onPress?.(e)\n                onClick?.(e)\n                unPress()\n                onPressOut?.(e)\n              }\n            : (onPressOut as any),\n        }\n      : null\n\n    if (events) {\n      if (typeof ViewComponent !== 'string') {\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          disabled,\n          hitSlop,\n          onPressIn: events.onMouseDown,\n          onPressOut: events.onPressOut,\n          onPress: events.onClick,\n        })\n        Object.assign(viewProps, pressProps)\n      } else {\n        Object.assign(viewProps, events)\n      }\n    }\n\n    const childEls = spacedChildren({\n      children,\n      space,\n      flexDirection: props.flexDirection || defaultProps?.flexDirection,\n      isZStack: isZStack,\n    })\n\n    let content: any\n\n    // replicate react-native-web's `createElement`\n    if (isWeb && rnw) {\n      const domProps = rnw.createDOMProps(viewProps)\n      const className =\n        domProps.className && domProps.className !== viewProps.className\n          ? `${domProps.className} ${viewProps.className}`\n          : viewProps.className\n      Object.assign(viewProps, domProps)\n\n      if (staticConfig.isReactNativeWeb) {\n        viewProps.dataSet = viewProps.dataSet || {}\n        Object.assign(viewProps.dataSet, { __className: className })\n      } else {\n        // we already handle Text/View properly\n        viewProps.className = className\n      }\n\n      content = createElement(ViewComponent, viewProps, childEls)\n    } else {\n      content = createElement(ViewComponent, viewProps, childEls)\n    }\n\n    const shouldWrapTextAncestor = isWeb && isText && !hasTextAncestor\n    if (shouldWrapTextAncestor) {\n      // from react-native-web\n      content = createElement(TextAncestorContext.Provider, { value: true }, content)\n    }\n\n    if (process.env.NODE_ENV === 'development') {\n      if (props['debug']) {\n        viewProps['debug'] = true\n        console.log('\uD83E\uDD5A props in:', props)\n        console.log('\uD83E\uDD5A props out:', viewProps, viewProps.className?.split(' '))\n        // prettier-ignore\n        console.log('\uD83E\uDD5A etc:', { shouldAttach, ViewComponent, viewProps, styles, pseudos, content, childEls })\n        // only on browser because node expands it huge\n        if (typeof window !== 'undefined') {\n          console.log('\uD83E\uDD5A component info', { staticConfig, tamaguiConfig })\n        }\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    initialTheme = conf.themes[conf.defaultTheme || Object.keys(conf.themes)[0]]\n    const { classNames, pseudos, style, viewProps } = getSplitStyles(\n      staticConfig.defaultProps,\n      staticConfig,\n      initialTheme,\n      true\n    )\n    if (isWeb) {\n      if (classNames) {\n        defaultsClassName += classNames + ' '\n      }\n      defaultsClassName += addStylesUsingClassname([style, pseudos])\n      if (process.env.NODE_ENV === 'development' && shouldDebug) {\n        // prettier-ignore\n        console.log('tamagui \uD83D\uDC1B:', { defaultsClassName: defaultsClassName.split(' ') })\n      }\n    } else {\n      // native, create a default StyleSheet\n      // TODO handle pseudos\n      const sheetStyles = {}\n      for (const styleObj of style) {\n        Object.assign(sheetStyles, styleObj)\n      }\n      defaultNativeStyle = StyleSheet.create({\n        base: sheetStyles,\n      })\n    }\n    // @ts-ignore\n    component.defaultProps = {\n      ...viewProps,\n      ...component.defaultProps,\n    }\n    if (process.env.NODE_ENV === 'development' && shouldDebug) {\n      // prettier-ignore\n      console.log('tamagui \uD83D\uDC1B:', { initialTheme, classNames, pseudos, style, viewProps, defaultsClassName, component })\n    }\n  })\n\n  component['staticConfig'] = {\n    validStyles: validStyleProps,\n    ...staticConfig,\n  }\n\n  const res = component as any as StaticComponent<ComponentPropTypes, void>\n\n  // add 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\nlet hasWarnedOnce = false\n\n// dont used styled() here to avoid circular deps\n// keep inline to avoid circular deps\n\nexport const Spacer = createComponent<{ size?: number | SpaceTokens; flex?: boolean | number }>({\n  defaultProps: {\n    ...stackDefaultStyles,\n    size: true,\n  },\n  variants: {\n    size: {\n      '...size': (size, { tokens }) => {\n        size = size == true ? '$true' : size\n        return {\n          width: tokens.size[size] ?? size,\n          height: tokens.size[size] ?? size,\n        }\n      },\n    },\n\n    direction: {\n      horizontal: {\n        height: 0,\n      },\n      vertical: {\n        width: 0,\n      },\n    },\n  },\n})\n\nexport function spacedChildren({\n  isZStack,\n  children,\n  space,\n  flexDirection,\n}: {\n  isZStack?: boolean\n  children: any\n  space?: any\n  flexDirection?: ViewStyle['flexDirection']\n}) {\n  if (!space && !isZStack) {\n    return children\n  }\n  const childrenList = Children.toArray(children)\n  const len = childrenList.length\n  if (len === 1) {\n    return children\n  }\n  const next: any[] = []\n  for (const [index, child] of childrenList.entries()) {\n    if (child === null || child === undefined) {\n      continue\n    }\n\n    const key = `${child?.['key'] ?? index}`\n\n    next.push(\n      <Fragment key={key}>{isZStack ? <AbsoluteFill>{child}</AbsoluteFill> : child}</Fragment>\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={`${key}_spacer`}\n            // @ts-ignore TODO\n            direction={\n              flexDirection === 'row' || flexDirection === 'row-reverse' ? 'horizontal' : 'vertical'\n            }\n            size={space}\n          />\n        )\n      }\n    }\n  }\n  return next\n}\n\nexport const AbsoluteFill = (props: any) =>\n  isWeb ? (\n    <div className=\"tamagui-absolute-fill\">{props.children}</div>\n  ) : (\n    <View style={StyleSheet.absoluteFill}>{props.child}</View>\n  )\n"],
-  "mappings": "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",
+  "sourcesContent": ["import './tamagui-base.css'\n\nimport { concatClassName, stylePropsView } from '@tamagui/helpers'\nimport { useForceUpdate } from '@tamagui/use-force-update'\nimport React, {\n  Children,\n  Fragment,\n  createElement,\n  forwardRef,\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 { isTouchDevice, isWeb } from './constants/platform'\nimport { rnw } from './constants/rnw'\nimport { addStylesUsingClassname, useStylesAsClassname } from './helpers/addStylesUsingClassname'\nimport { extendStaticConfig, parseStaticConfig } from './helpers/extendStaticConfig'\nimport { getSplitStyles } from './helpers/getSplitStyles'\nimport { useFeatures } from './hooks/useFeatures'\nimport { usePressable } from './hooks/usePressable'\nimport { useTheme } from './hooks/useTheme'\nimport {\n  SpaceTokens,\n  StaticComponent,\n  StaticConfig,\n  StaticConfigParsed,\n  TamaguiInternalConfig,\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\nconst defaultComponentState = {\n  hover: false,\n  press: false,\n  pressIn: false,\n}\n\ntype ComponentState = typeof defaultComponentState\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<ComponentPropTypes extends Object = DefaultProps>(\n  configIn: Partial<StaticConfig> | StaticConfigParsed\n) {\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 } = staticConfig\n  const validStyleProps = validStyles ?? stylePropsView\n\n  // split out default styles vs props so we can assign it to component.defaultProps\n  let defaultProps = null as any\n  let tamaguiConfig: TamaguiInternalConfig\n\n  // web uses className, native uses style\n  let defaultNativeStyle: StyleSheet.NamedStyles<{ base: {} }> | null = null\n  let defaultsClassName = ''\n  let initialTheme: any\n\n  // see onConfiguredOnce below which attaches a name then to this component\n\n  const component = forwardRef<View, ComponentPropTypes>((props: any, forwardedRef) => {\n    const forceUpdate = useForceUpdate()\n    const features = useFeatures(props, { forceUpdate })\n    const theme = useTheme()\n    const [state, set_] = useState<ComponentState>(defaultComponentState)\n    const set = createShallowUpdate(set_)\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    const {\n      viewProps: viewPropsIn,\n      pseudos,\n      style,\n      classNames,\n    } = getSplitStyles(props, staticConfig, theme)\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      onClick,\n\n      accessible,\n      accessibilityRole,\n\n      // TODO feature load layout hook\n      onLayout,\n      ...viewProps\n    } = viewPropsIn\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    // hasEverHadEvents prevents repareting if you remove onPress or similar...\n    const internal = useRef<{ isMounted: boolean; hasEverHadEvents?: boolean }>()\n    if (!internal.current) {\n      internal.current = {\n        isMounted: true,\n      }\n    }\n\n    useEffect(() => {\n      internal.current!.isMounted = true\n      return () => {\n        mouseUps.delete(unPress)\n        internal.current!.isMounted = false\n      }\n    }, [])\n\n    // element\n    const isInternalComponent = !Component || typeof Component === 'string'\n    // default to tag, fallback to component (when both strings)\n    const element = isWeb ? (isInternalComponent ? tag || Component : Component) : Component\n    const ReactView = !isWeb ? View : element || (hasTextAncestor ? 'span' : 'div')\n    const ReactText = !isWeb ? Text : element || 'span'\n    const ViewComponent = isText ? ReactText : ReactView\n\n    // styles\n    const isHovering = !isTouchDevice && !disabled && pseudos && state.hover\n    const isPressing = !disabled && pseudos && state.press\n\n    const styles = [\n      defaultNativeStyle ? defaultNativeStyle.base : 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      isHovering ? pseudos.hoverStyle || null : null,\n      isPressing ? pseudos.pressStyle || null : null,\n    ]\n\n    if (isWeb) {\n      const stylesClassNames = useStylesAsClassname(styles)\n      const classList = isText\n        ? [\n            defaultsClassName,\n            // hasTextAncestor === true && cssText.textHasAncestor,\n            // TODO MOVE TO VARIANTS [number] [any]\n            // numberOfLines != null && numberOfLines > 1 && cssText.textMultiLine,\n            classNames,\n            stylesClassNames,\n            props.className,\n          ]\n        : [defaultsClassName, props.className, classNames, stylesClassNames]\n\n      // @ts-ignore we are optimizing using arguments\n      const className = concatClassName(...classList)\n      if (process.env.NODE_ENV === 'development') {\n        if (props['debug']) {\n          // prettier-ignore\n          console.log('\u00BB className', { style, styles, classList, stylesClassNames, className: className.trim().split(' ') })\n        }\n      }\n      viewProps.className = className\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      viewProps.ref = setRef\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        viewProps.ref = forwardedRef\n      }\n    }\n\n    const attachPress = !!(\n      (pseudos && pseudos.pressStyle) ||\n      onPress ||\n      onPressOut ||\n      onPressIn ||\n      onClick\n    )\n    const attachHover =\n      isWeb &&\n      !isTouchDevice &&\n      !!((pseudos && pseudos.hoverStyle) || onHoverIn || onHoverOut || onMouseEnter || onMouseLeave)\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      internal.current.hasEverHadEvents ||\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          'onClick' in props ||\n          'onHoverIn' in props ||\n          'onHoverOut' in props ||\n          'onMouseEnter' in props ||\n          'onMouseLeave' in props))\n\n    // never remove events as we wrap in a div (for now, may be able to remove..)\n    if (shouldAttach) {\n      internal.current.hasEverHadEvents = true\n    }\n\n    const unPress = useCallback(() => {\n      if (!internal.current!.isMounted) return\n      set({\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          ...(isWeb &&\n            !isTouchDevice && {\n              onMouseEnter:\n                attachHover || attachPress\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                        set(next)\n                      }\n                      onHoverIn?.(e)\n                      onMouseEnter?.(e)\n                    }\n                  : undefined,\n              onMouseLeave:\n                attachHover || attachPress\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                        set(next)\n                      }\n                      onHoverOut?.(e)\n                      onMouseLeave?.(e)\n                    }\n                  : undefined,\n            }),\n          onMouseDown: attachPress\n            ? (e) => {\n                set({\n                  press: true,\n                  pressIn: true,\n                })\n                onPressIn?.(e)\n                onMouseDown?.(e)\n              }\n            : (onPressIn as any),\n          onClick: attachPress\n            ? (e) => {\n                // this caused issue with next.js passing href\n                // e.preventDefault()\n                onPress?.(e)\n                onClick?.(e)\n                unPress()\n                onPressOut?.(e)\n              }\n            : (onPressOut as any),\n        }\n      : null\n\n    if (events) {\n      if (typeof ViewComponent !== 'string') {\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          disabled,\n          hitSlop,\n          onPressIn: events.onMouseDown,\n          onPressOut: events.onPressOut,\n          onPress: events.onClick,\n        })\n        Object.assign(viewProps, pressProps)\n      } else {\n        Object.assign(viewProps, events)\n      }\n    }\n\n    const childEls = spacedChildren({\n      children,\n      space,\n      flexDirection: props.flexDirection || defaultProps?.flexDirection,\n      isZStack: isZStack,\n    })\n\n    let content: any\n\n    // replicate react-native-web's `createElement`\n    if (isWeb && rnw) {\n      const domProps = rnw.createDOMProps(viewProps)\n      const className =\n        domProps.className && domProps.className !== viewProps.className\n          ? `${domProps.className} ${viewProps.className}`\n          : viewProps.className\n      Object.assign(viewProps, domProps)\n\n      if (staticConfig.isReactNativeWeb) {\n        viewProps.dataSet = viewProps.dataSet || {}\n        Object.assign(viewProps.dataSet, { __className: className })\n      } else {\n        // we already handle Text/View properly\n        viewProps.className = className\n      }\n\n      content = createElement(ViewComponent, viewProps, childEls)\n    } else {\n      content = createElement(ViewComponent, viewProps, childEls)\n    }\n\n    const shouldWrapTextAncestor = isWeb && isText && !hasTextAncestor\n    if (shouldWrapTextAncestor) {\n      // from react-native-web\n      content = createElement(TextAncestorContext.Provider, { value: true }, content)\n    }\n\n    if (process.env.NODE_ENV === 'development') {\n      if (props['debug']) {\n        viewProps['debug'] = true\n        console.log('\u00BB props in:', props)\n        console.log('\u00BB props out:', viewProps, viewProps.className?.split(' '))\n        // prettier-ignore\n        console.log('\u00BB etc:', { shouldAttach, ViewComponent, viewProps, styles, pseudos, content, childEls })\n        // only on browser because node expands it huge\n        if (typeof window !== 'undefined') {\n          console.log('\u00BB component info', { staticConfig, tamaguiConfig })\n        }\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    initialTheme = conf.themes[conf.defaultTheme || Object.keys(conf.themes)[0]]\n    const { classNames, pseudos, style, viewProps } = getSplitStyles(\n      staticConfig.defaultProps,\n      staticConfig,\n      initialTheme\n    )\n    if (isWeb) {\n      if (classNames) {\n        defaultsClassName += classNames + ' '\n      }\n      defaultsClassName += addStylesUsingClassname([style, pseudos])\n      if (process.env.NODE_ENV === 'development' && shouldDebug) {\n        // prettier-ignore\n        console.log('tamagui \uD83D\uDC1B:', { defaultsClassName: defaultsClassName.split(' ') })\n      }\n    } else {\n      // native, create a default StyleSheet\n      // TODO handle pseudos\n      const sheetStyles = {}\n      for (const styleObj of style) {\n        Object.assign(sheetStyles, styleObj)\n      }\n      defaultNativeStyle = StyleSheet.create({\n        base: sheetStyles,\n      })\n    }\n    // @ts-ignore\n    component.defaultProps = {\n      ...viewProps,\n      ...component.defaultProps,\n    }\n    if (process.env.NODE_ENV === 'development' && shouldDebug) {\n      // prettier-ignore\n      console.log('tamagui \uD83D\uDC1B:', { initialTheme, classNames, pseudos, style, viewProps, defaultsClassName, component })\n    }\n  })\n\n  component['staticConfig'] = {\n    validStyles: validStyleProps,\n    ...staticConfig,\n  }\n\n  const res = component as any as StaticComponent<ComponentPropTypes, void>\n\n  // add 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\nlet hasWarnedOnce = false\n\n// dont used styled() here to avoid circular deps\n// keep inline to avoid circular deps\n\nexport const Spacer = createComponent<{ size?: number | SpaceTokens; flex?: boolean | number }>({\n  defaultProps: {\n    ...stackDefaultStyles,\n    size: true,\n  },\n  variants: {\n    size: {\n      '...size': (size, { tokens }) => {\n        size = size == true ? '$true' : size\n        return {\n          width: tokens.size[size] ?? size,\n          height: tokens.size[size] ?? size,\n        }\n      },\n    },\n\n    direction: {\n      horizontal: {\n        height: 0,\n      },\n      vertical: {\n        width: 0,\n      },\n    },\n  },\n})\n\nexport function spacedChildren({\n  isZStack,\n  children,\n  space,\n  flexDirection,\n}: {\n  isZStack?: boolean\n  children: any\n  space?: any\n  flexDirection?: ViewStyle['flexDirection']\n}) {\n  if (!space && !isZStack) {\n    return children\n  }\n  const childrenList = Children.toArray(children)\n  const len = childrenList.length\n  if (len === 1) {\n    return children\n  }\n  const next: any[] = []\n  for (const [index, child] of childrenList.entries()) {\n    if (child === null || child === undefined) {\n      continue\n    }\n\n    const key = `${child?.['key'] ?? index}`\n\n    next.push(\n      <Fragment key={key}>{isZStack ? <AbsoluteFill>{child}</AbsoluteFill> : child}</Fragment>\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={`${key}_spacer`}\n            // @ts-ignore TODO\n            direction={\n              flexDirection === 'row' || flexDirection === 'row-reverse' ? 'horizontal' : 'vertical'\n            }\n            size={space}\n          />\n        )\n      }\n    }\n  }\n  return next\n}\n\nexport const AbsoluteFill = (props: any) =>\n  isWeb ? (\n    <div className=\"tamagui-absolute-fill\">{props.children}</div>\n  ) : (\n    <View style={StyleSheet.absoluteFill}>{props.child}</View>\n  )\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/createTamagui.js

@@ -186,7 +186,7 @@ const parseTokens = /* @__PURE__ */ __name((tokens) => {
 }, "parseTokens");
 function ensureThemeVariable(theme, key) {
   const val = theme[key];
-  if (!(val instanceof import_createVariable.Variable)) {
+  if (!(0, import_createVariable.isVariable)(val)) {
     theme[key] = (0, import_createVariable.createVariable)({
       name: key,
       val

package/dist/cjs/createTamagui.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createTamagui.ts"],
-  "sourcesContent": ["import { getStyleRules } from '@tamagui/helpers'\n\nimport { configListeners, getHasConfigured, setConfig } from './conf'\nimport { PREFIX } from './constants/constants'\nimport { isWeb } from './constants/platform'\nimport { Variable, createVariable } from './createVariable'\nimport { createTamaguiProvider } from './helpers/createTamaguiProvider'\nimport { configureMedia } from './hooks/useMedia'\nimport {\n  CreateTamaguiConfig,\n  GenericTamaguiConfig,\n  MediaQueryKey,\n  TamaguiInternalConfig,\n  TamaguiProviderProps,\n} from './types'\n\nexport type CreateTamaguiProps = TamaguiProviderProps & // we omit and re-declare it because we need to allow instantation types to be flexible\n  // user then re-defines the types after createTamagui returns the typed object they want\n  Partial<Omit<GenericTamaguiConfig, 'themes' | 'tokens'>> & {\n    tokens: GenericTamaguiConfig['tokens']\n    themes: {\n      [key: string]: {\n        [key: string]: string | number | Variable\n      }\n    }\n    // for ssr/native, will default to active\n    mediaQueryDefaultActive?: MediaQueryKey[]\n  }\n\nconst createdConfigs = new WeakMap<any, boolean>()\n\nexport function createTamagui<Conf extends CreateTamaguiProps>(\n  config: Conf\n): Conf extends CreateTamaguiConfig<infer A, infer B, infer C, infer D>\n  ? TamaguiInternalConfig<A, B, C, D>\n  : unknown {\n  // config is re-run by the @tamagui/static, dont double validate\n  if (createdConfigs.has(config)) {\n    return config as any\n  }\n\n  // test env loads a few times as it runs diff tests\n  if (getHasConfigured()) {\n    console.warn('Called createTamagui twice! Should never do so')\n    // throw new Error(`#000 createTamagui called twice`)\n  }\n\n  configureMedia({\n    queries: config.media as any,\n    defaultActive: config.mediaQueryDefaultActive,\n  })\n\n  const themeConfig = (() => {\n    let cssRules: string[] = []\n    const varsByValue = new Map<string, Variable>()\n\n    if (isWeb) {\n      // tokens\n      let tokenRule = `:root {`\n      const addVar = (v: Variable) => {\n        varsByValue[v.val] = v\n        const rule = `--${v.name}:${typeof v.val === 'number' ? `${v.val}px` : v.val};`\n        tokenRule += rule\n      }\n\n      for (const key in config.tokens) {\n        for (const skey in config.tokens[key]) {\n          const val = config.tokens[key][skey]\n          if (key === 'font') {\n            for (const fkey in val) {\n              if (fkey === 'family') {\n                addVar(val[fkey])\n              } else {\n                for (const fskey in val[fkey]) {\n                  addVar(val[fkey][fskey])\n                }\n              }\n            }\n          } else {\n            addVar(val)\n          }\n        }\n      }\n      cssRules.push(`${tokenRule}\\n}`)\n    }\n\n    // themes\n    for (const themeName in config.themes) {\n      // to allow using the same theme with diff names, be sure we don't mutate!\n      const theme = { ...config.themes[themeName] }\n      config.themes[themeName] = theme\n\n      let vars = ''\n\n      for (const themeKey in theme) {\n        if (isWeb) {\n          const val = theme[themeKey]\n          // TODO sanity check is necessary\n          const varName = val instanceof Variable ? val.name : varsByValue[val]?.name\n          vars += `--${themeKey}:${varName ? `var(--${varName});` : `${val}`};`\n        }\n\n        // make sure properly names theme variables\n        ensureThemeVariable(theme, themeKey)\n      }\n\n      if (isWeb) {\n        const [themeClassName, parentName] = themeName.includes('-')\n          ? themeName.split('-')\n          : [themeName, '']\n        // tiny hack for now assuming light/dark are typical parentName\n        const oppositeName = parentName === 'dark' ? 'light' : 'dark'\n        const cssParentSel = parentName ? `.${PREFIX}${parentName}` : ''\n        const cssChildSel = `.${PREFIX}${themeClassName}`\n        const cssSel = `${cssParentSel} ${cssChildSel}`\n        // we need to force specificity\n        const cssRule = `${cssSel}, .${PREFIX}${oppositeName} ${cssSel} {\\n${vars}\\n}`\n        cssRules.push(cssRule)\n      }\n    }\n\n    varsByValue.clear()\n    Object.freeze(cssRules)\n\n    return {\n      cssRules,\n      css: cssRules.join('\\n'),\n    }\n  })()\n\n  // faster lookups token keys become $keys to match input\n  const tokensParsed: any = parseTokens(config.tokens)\n\n  // we could do this above in theme loop\n  // all themes should match key and we just need variable name\n  // TODO once w react native we'd want to have a reverse lookup back to value\n  const themeParsed: any = {}\n  const firstKey = Object.keys(config.themes)[0]\n  for (const key in config.themes[firstKey]) {\n    // themeParsed[`$${key}`] = config.themes[firstKey][key]\n    const val = config.themes[firstKey][key].val\n    themeParsed[`$${key}`] = new Variable({ val, name: key })\n  }\n\n  const next: TamaguiInternalConfig = {\n    shorthands: {},\n    media: {},\n    ...config,\n    Provider: createTamaguiProvider({\n      defaultTheme: 'light',\n      ...config,\n    }),\n    themeConfig,\n    themeParsed,\n    tokensParsed,\n    parsed: true,\n    getCSS() {\n      return `${themeConfig.css}\\n${[...getStyleRules()].join('\\n')}`\n    },\n  }\n\n  setConfig(next)\n\n  if (configListeners.size) {\n    configListeners.forEach((cb) => cb(next))\n    configListeners.clear()\n  }\n\n  createdConfigs.set(next, true)\n\n  // @ts-expect-error\n  return next\n}\n\nconst parseTokens = (tokens: any) => {\n  const res: any = {}\n  for (const key in tokens) {\n    res[key] = {}\n    if (key === 'font') {\n      for (const family in tokens.font) {\n        const obj = {}\n        res.font[`$${family}`] = obj\n        for (const attrKey in tokens.font[family]) {\n          const attr = tokens.font[family][attrKey]\n          if (attrKey === 'family') {\n            obj[attrKey] = attr\n            continue\n          }\n          obj[attrKey] = Object.keys(attr).reduce((acc, cur) => {\n            acc[`$${cur}`] = attr[cur]\n            return acc\n          }, {})\n        }\n      }\n      continue\n    }\n    for (const skey in tokens[key]) {\n      res[key][`$${skey}`] = tokens[key][skey]\n    }\n  }\n\n  return res\n}\n\n// mutates, freeze after\n// shared by createTamagui so extracted here\nfunction ensureThemeVariable(theme: any, key: string) {\n  const val = theme[key]\n  if (!(val instanceof Variable)) {\n    theme[key] = createVariable({\n      name: key,\n      val,\n    })\n  } else {\n    if (val.name !== key) {\n      // rename to theme name\n      theme[key] = createVariable({\n        name: key,\n        val: val.val,\n      })\n    }\n  }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { getStyleRules } from '@tamagui/helpers'\n\nimport { configListeners, getHasConfigured, setConfig } from './conf'\nimport { PREFIX } from './constants/constants'\nimport { isWeb } from './constants/platform'\nimport { Variable, createVariable, isVariable } from './createVariable'\nimport { createTamaguiProvider } from './helpers/createTamaguiProvider'\nimport { configureMedia } from './hooks/useMedia'\nimport {\n  CreateTamaguiConfig,\n  GenericTamaguiConfig,\n  MediaQueryKey,\n  TamaguiInternalConfig,\n  TamaguiProviderProps,\n} from './types'\n\nexport type CreateTamaguiProps = TamaguiProviderProps & // we omit and re-declare it because we need to allow instantation types to be flexible\n  // user then re-defines the types after createTamagui returns the typed object they want\n  Partial<Omit<GenericTamaguiConfig, 'themes' | 'tokens'>> & {\n    tokens: GenericTamaguiConfig['tokens']\n    themes: {\n      [key: string]: {\n        [key: string]: string | number | Variable\n      }\n    }\n    // for ssr/native, will default to active\n    mediaQueryDefaultActive?: MediaQueryKey[]\n  }\n\nconst createdConfigs = new WeakMap<any, boolean>()\n\nexport function createTamagui<Conf extends CreateTamaguiProps>(\n  config: Conf\n): Conf extends CreateTamaguiConfig<infer A, infer B, infer C, infer D>\n  ? TamaguiInternalConfig<A, B, C, D>\n  : unknown {\n  // config is re-run by the @tamagui/static, dont double validate\n  if (createdConfigs.has(config)) {\n    return config as any\n  }\n\n  // test env loads a few times as it runs diff tests\n  if (getHasConfigured()) {\n    console.warn('Called createTamagui twice! Should never do so')\n    // throw new Error(`#000 createTamagui called twice`)\n  }\n\n  configureMedia({\n    queries: config.media as any,\n    defaultActive: config.mediaQueryDefaultActive,\n  })\n\n  const themeConfig = (() => {\n    let cssRules: string[] = []\n    const varsByValue = new Map<string, Variable>()\n\n    if (isWeb) {\n      // tokens\n      let tokenRule = `:root {`\n      const addVar = (v: Variable) => {\n        varsByValue[v.val] = v\n        const rule = `--${v.name}:${typeof v.val === 'number' ? `${v.val}px` : v.val};`\n        tokenRule += rule\n      }\n\n      for (const key in config.tokens) {\n        for (const skey in config.tokens[key]) {\n          const val = config.tokens[key][skey]\n          if (key === 'font') {\n            for (const fkey in val) {\n              if (fkey === 'family') {\n                addVar(val[fkey])\n              } else {\n                for (const fskey in val[fkey]) {\n                  addVar(val[fkey][fskey])\n                }\n              }\n            }\n          } else {\n            addVar(val)\n          }\n        }\n      }\n      cssRules.push(`${tokenRule}\\n}`)\n    }\n\n    // themes\n    for (const themeName in config.themes) {\n      // to allow using the same theme with diff names, be sure we don't mutate!\n      const theme = { ...config.themes[themeName] }\n      config.themes[themeName] = theme\n\n      let vars = ''\n\n      for (const themeKey in theme) {\n        if (isWeb) {\n          const val = theme[themeKey]\n          // TODO sanity check is necessary\n          const varName = val instanceof Variable ? val.name : varsByValue[val]?.name\n          vars += `--${themeKey}:${varName ? `var(--${varName});` : `${val}`};`\n        }\n\n        // make sure properly names theme variables\n        ensureThemeVariable(theme, themeKey)\n      }\n\n      if (isWeb) {\n        const [themeClassName, parentName] = themeName.includes('-')\n          ? themeName.split('-')\n          : [themeName, '']\n        // tiny hack for now assuming light/dark are typical parentName\n        const oppositeName = parentName === 'dark' ? 'light' : 'dark'\n        const cssParentSel = parentName ? `.${PREFIX}${parentName}` : ''\n        const cssChildSel = `.${PREFIX}${themeClassName}`\n        const cssSel = `${cssParentSel} ${cssChildSel}`\n        // we need to force specificity\n        const cssRule = `${cssSel}, .${PREFIX}${oppositeName} ${cssSel} {\\n${vars}\\n}`\n        cssRules.push(cssRule)\n      }\n    }\n\n    varsByValue.clear()\n    Object.freeze(cssRules)\n\n    return {\n      cssRules,\n      css: cssRules.join('\\n'),\n    }\n  })()\n\n  // faster lookups token keys become $keys to match input\n  const tokensParsed: any = parseTokens(config.tokens)\n\n  // we could do this above in theme loop\n  // all themes should match key and we just need variable name\n  // TODO once w react native we'd want to have a reverse lookup back to value\n  const themeParsed: any = {}\n  const firstKey = Object.keys(config.themes)[0]\n  for (const key in config.themes[firstKey]) {\n    // themeParsed[`$${key}`] = config.themes[firstKey][key]\n    const val = config.themes[firstKey][key].val\n    themeParsed[`$${key}`] = new Variable({ val, name: key })\n  }\n\n  const next: TamaguiInternalConfig = {\n    shorthands: {},\n    media: {},\n    ...config,\n    Provider: createTamaguiProvider({\n      defaultTheme: 'light',\n      ...config,\n    }),\n    themeConfig,\n    themeParsed,\n    tokensParsed,\n    parsed: true,\n    getCSS() {\n      return `${themeConfig.css}\\n${[...getStyleRules()].join('\\n')}`\n    },\n  }\n\n  setConfig(next)\n\n  if (configListeners.size) {\n    configListeners.forEach((cb) => cb(next))\n    configListeners.clear()\n  }\n\n  createdConfigs.set(next, true)\n\n  // @ts-expect-error\n  return next\n}\n\nconst parseTokens = (tokens: any) => {\n  const res: any = {}\n  for (const key in tokens) {\n    res[key] = {}\n    if (key === 'font') {\n      for (const family in tokens.font) {\n        const obj = {}\n        res.font[`$${family}`] = obj\n        for (const attrKey in tokens.font[family]) {\n          const attr = tokens.font[family][attrKey]\n          if (attrKey === 'family') {\n            obj[attrKey] = attr\n            continue\n          }\n          obj[attrKey] = Object.keys(attr).reduce((acc, cur) => {\n            acc[`$${cur}`] = attr[cur]\n            return acc\n          }, {})\n        }\n      }\n      continue\n    }\n    for (const skey in tokens[key]) {\n      res[key][`$${skey}`] = tokens[key][skey]\n    }\n  }\n\n  return res\n}\n\n// mutates, freeze after\n// shared by createTamagui so extracted here\nfunction ensureThemeVariable(theme: any, key: string) {\n  const val = theme[key]\n  if (!isVariable(val)) {\n    theme[key] = createVariable({\n      name: key,\n      val,\n    })\n  } else {\n    if (val.name !== key) {\n      // rename to theme name\n      theme[key] = createVariable({\n        name: key,\n        val: val.val,\n      })\n    }\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/createVariable.js

@@ -23,14 +23,18 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
 var createVariable_exports = {};
 __export(createVariable_exports, {
+  IS_VARIABLE_SYMBOL: () => IS_VARIABLE_SYMBOL,
   Variable: () => Variable,
   createVariable: () => createVariable,
   isVariable: () => isVariable
 });
 var import_platform = require("./constants/platform");
+var _a;
+const IS_VARIABLE_SYMBOL = "__isVariable__";
 class Variable {
   constructor({ val, name }) {
-    this.val = val;
+    this[_a] = true;
+    this.val = isVariable(val) ? val.val : val;
     this.name = name;
     this.variable = import_platform.isWeb ? `var(--${name})` : this.val;
   }
@@ -39,9 +43,10 @@ class Variable {
   }
 }
 __name(Variable, "Variable");
+_a = IS_VARIABLE_SYMBOL;
 const createVariable = /* @__PURE__ */ __name((props) => new Variable(props), "createVariable");
 function isVariable(v) {
-  return v instanceof Variable;
+  return v instanceof Variable || v && v[IS_VARIABLE_SYMBOL];
 }
 __name(isVariable, "isVariable");
 module.exports = __toCommonJS(createVariable_exports);

package/dist/cjs/createVariable.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createVariable.ts"],
-  "sourcesContent": ["import { isWeb } from './constants/platform'\n\nexport class Variable {\n  name: string\n  val: string | number\n  variable: string | number\n\n  constructor({ val, name }: VariableIn) {\n    // converting to px breaks rn\n    this.val = val //typeof val === 'string' ? val : `${val}px`\n    this.name = name\n    this.variable = isWeb ? `var(--${name})` : this.val\n  }\n\n  toString() {\n    return `${isWeb ? this.variable : this.val}`\n  }\n}\n\ntype VariableIn = { val: string | number; name: string }\n\nexport const createVariable = (props: VariableIn) => new Variable(props)\n\nexport function isVariable(v: Variable | any): v is Variable {\n  return v instanceof Variable\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAsB;AAEf,eAAe;AAAA,EAKpB,YAAY,EAAE,KAAK,QAAoB;AAErC,SAAK,MAAM;AACX,SAAK,OAAO;AACZ,SAAK,WAAW,wBAAQ,SAAS,UAAU,KAAK;AAAA;AAAA,EAGlD,WAAW;AACT,WAAO,GAAG,wBAAQ,KAAK,WAAW,KAAK;AAAA;AAAA;AAbpC;AAmBA,MAAM,iBAAiB,wBAAC,UAAsB,IAAI,SAAS,QAApC;AAEvB,oBAAoB,GAAkC;AAC3D,SAAO,aAAa;AAAA;AADN;",
+  "sourcesContent": ["import { isWeb } from './constants/platform'\n\nexport const IS_VARIABLE_SYMBOL = '__isVariable__'\n\nexport class Variable {\n  // because we have a separate node runtime we can't do instanceof\n  // ran into issues with this and it's potentially fixable but for now\n  // lets just do this\n  [IS_VARIABLE_SYMBOL] = true\n\n  name: string\n  val: string | number\n  variable: string | number\n\n  constructor({ val, name }: VariableIn) {\n    // converting to px breaks rn\n    this.val = isVariable(val) ? val.val : val\n    this.name = name\n    this.variable = isWeb ? `var(--${name})` : this.val\n  }\n\n  toString() {\n    return `${isWeb ? this.variable : this.val}`\n  }\n}\n\ntype VariableIn = { val: string | number | Variable; name: string }\n\nexport const createVariable = (props: VariableIn) => new Variable(props)\n\nexport function isVariable(v: Variable | any): v is Variable {\n  return v instanceof Variable || (v && v[IS_VARIABLE_SYMBOL])\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAsB;AAAtB;AAEO,MAAM,qBAAqB;AAE3B,eAAe;AAAA,EAUpB,YAAY,EAAE,KAAK,QAAoB;AANtC,eAAsB;AAQrB,SAAK,MAAM,WAAW,OAAO,IAAI,MAAM;AACvC,SAAK,OAAO;AACZ,SAAK,WAAW,wBAAQ,SAAS,UAAU,KAAK;AAAA;AAAA,EAGlD,WAAW;AACT,WAAO,GAAG,wBAAQ,KAAK,WAAW,KAAK;AAAA;AAAA;AAlBpC;AAJP,AAQG;AAoBI,MAAM,iBAAiB,wBAAC,UAAsB,IAAI,SAAS,QAApC;AAEvB,oBAAoB,GAAkC;AAC3D,SAAO,aAAa,YAAa,KAAK,EAAE;AAAA;AAD1B;",
   "names": []
 }

package/dist/cjs/helpers/createPropMapper.js

@@ -64,7 +64,7 @@ const createPropMapper = /* @__PURE__ */ __name((c) => {
       shouldReturn = true;
       value = getToken(key, value, conf, theme, fontFamily);
     }
-    if (value instanceof import_createVariable.Variable) {
+    if ((0, import_createVariable.isVariable)(value)) {
       shouldReturn = true;
       value = value.variable;
     }
@@ -81,7 +81,7 @@ const resolveTokens = /* @__PURE__ */ __name((input, conf, theme, fontFamily) =>
   for (const rKey in input) {
     const fKey = conf.shorthands[rKey] || rKey;
     const val = input[rKey];
-    if (val instanceof import_createVariable.Variable) {
+    if ((0, import_createVariable.isVariable)(val)) {
       res[fKey] = val.variable;
     } else if (typeof val === "string") {
       const fVal = val[0] === "$" ? getToken(fKey, val, conf, theme, fontFamily) : val;
@@ -124,7 +124,7 @@ const getToken = /* @__PURE__ */ __name((key, value, { tokensParsed, themeParsed
     valOrVar = ((_e = tokensParsed.font[fontFamily]) == null ? void 0 : _e.weight[value]) || value;
   }
   if (typeof valOrVar !== "undefined") {
-    if (valOrVar instanceof import_createVariable.Variable) {
+    if ((0, import_createVariable.isVariable)(valOrVar)) {
       return valOrVar.variable;
     } else {
       return valOrVar;
@@ -148,7 +148,7 @@ const getToken = /* @__PURE__ */ __name((key, value, { tokensParsed, themeParsed
     return spaceVar.variable;
   }
   if (value && value[0] === "$") {
-    console.warn("Missing token in theme", value, "in", theme);
+    console.warn(`\u26A0\uFE0F Missing token in theme ${theme.name}:`, value);
     return null;
   }
   return value;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/createPropMapper.ts"],
-  "sourcesContent": ["import { getTamagui } from '../conf'\nimport { isWeb } from '../constants/platform'\nimport { Variable } from '../createVariable'\nimport { StaticConfig, TamaguiInternalConfig } from '../types'\nimport { isObj } from './isObj'\n\nexport const createPropMapper = (c: StaticConfig) => {\n  const variants = c.variants\n  let variantsParsed\n  const defaultProps = c.defaultProps || {}\n\n  return (key: string, value: any, theme: any, props: any) => {\n    const conf = getTamagui()\n    if (!conf) {\n      console.trace('no conf! err')\n      return\n    }\n    if (variants && !variantsParsed) {\n      variantsParsed = parseVariants(variants, conf)\n    }\n\n    // handled here because we need to resolve this off tokens, its the only one-off like this\n    let fontFamily = props.fontFamily || defaultProps.fontFamily || '$body'\n\n    // expand variants\n    const variant = variantsParsed?.[key]\n    if (variant && typeof value !== 'undefined') {\n      const val =\n        value === true\n          ? variant['$true'] || variant['true']\n          : variant[value] ?? variant['...'] ?? value\n      let res = val\n      if (typeof res === 'function') {\n        res = res(value, { tokens: conf.tokensParsed, theme, props })\n      }\n      if (isObj(res)) {\n        res = resolveTokens(res, conf, theme, fontFamily)\n      }\n      return res\n    }\n\n    let shouldReturn = false\n\n    // handle shorthands\n    if (conf.shorthands[key]) {\n      shouldReturn = true\n      key = conf.shorthands[key]\n    }\n\n    if (value && value[0] === '$') {\n      shouldReturn = true\n      value = getToken(key, value, conf, theme, fontFamily)\n    }\n\n    if (value instanceof Variable) {\n      shouldReturn = true\n      value = value.variable\n    }\n\n    if (shouldReturn) {\n      return {\n        [key]: value,\n      }\n    }\n  }\n}\n\nconst resolveTokens = (input: Object, conf: TamaguiInternalConfig, theme: any, fontFamily: any) => {\n  let res = {}\n  for (const rKey in input) {\n    const fKey = conf.shorthands[rKey] || rKey\n    const val = input[rKey]\n    if (val instanceof Variable) {\n      res[fKey] = val.variable\n    } else if (typeof val === 'string') {\n      const fVal = val[0] === '$' ? getToken(fKey, val, conf, theme, fontFamily) : val\n      res[fKey] = fVal\n    } else {\n      if (isObj(val)) {\n        // for things like shadowOffset, hoverStyle which is a sub-object\n        res[fKey] = resolveTokens(val, conf, theme, fontFamily)\n      } else {\n        // nullish values cant be tokens so need no exrta parsing\n        res[fKey] = input[fKey]\n      }\n    }\n    if (process.env.NODE_ENV === 'development') {\n      if (res[fKey]?.[0] === '$') {\n        console.warn(`\u26A0\uFE0F Missing token in theme ${theme.name}:`, fKey, res[fKey])\n      }\n    }\n  }\n  return res\n}\n\nconst getToken = (\n  key: string,\n  value: string,\n  { tokensParsed, themeParsed }: TamaguiInternalConfig,\n  theme: any,\n  fontFamily: string | undefined = '$body'\n) => {\n  const tokenVal = themeParsed[value]\n  if (tokenVal) {\n    return isWeb && tokenVal.variable ? tokenVal.variable : tokenVal.val\n  }\n  let valOrVar: any\n  if (key === 'fontFamily') {\n    valOrVar = tokensParsed.font[value]?.family || value\n  }\n  if (key === 'fontSize') {\n    valOrVar = tokensParsed.font[fontFamily]?.size[value] || value\n  }\n  if (key === 'lineHeight') {\n    valOrVar = tokensParsed.font[fontFamily]?.lineHeight[value] || value\n  }\n  if (key === 'letterSpacing') {\n    valOrVar = tokensParsed.font[fontFamily]?.letterSpacing[value] || value\n  }\n  if (key === 'fontWeight') {\n    valOrVar = tokensParsed.font[fontFamily]?.weight[value] || value\n  }\n  if (typeof valOrVar !== 'undefined') {\n    if (valOrVar instanceof Variable) {\n      return valOrVar.variable\n    } else {\n      return valOrVar\n    }\n  }\n  for (const cat in tokenCategories) {\n    if (tokenCategories[cat][key]) {\n      const res = tokensParsed[cat][value]\n      if (res) {\n        return res.variable\n      } else {\n        const themeVar = themeParsed[value]\n        if (themeVar) {\n          return themeVar.variable\n        }\n      }\n    }\n  }\n  const spaceVar = tokensParsed.space[value]\n  if (spaceVar) {\n    return spaceVar.variable\n  }\n  if (value && value[0] === '$') {\n    console.warn('Missing token in theme', value, 'in', theme)\n    return null\n  }\n  return value\n}\n\n// just specificy the least costly, all else go to `space` (most keys - we can exclude)\nconst tokenCategories = {\n  radius: {\n    borderRadius: true,\n  },\n  size: {\n    width: true,\n    height: true,\n    minWidth: true,\n    minHeight: true,\n    maxWidth: true,\n    maxHeight: true,\n  },\n  color: {\n    color: true,\n    backgroundColor: true,\n    borderColor: true,\n    borderBottomColor: true,\n    borderTopColor: true,\n    borderLeftColor: true,\n    borderRightColor: true,\n  },\n}\n\n// turns variant spreads into individual lookups\nfunction parseVariants(variants: any, conf: TamaguiInternalConfig) {\n  return Object.keys(variants).reduce((acc, key) => {\n    acc[key] = Object.keys(variants[key]).reduce((vacc, vkey) => {\n      const variantVal = variants[key][vkey]\n      if (vkey.startsWith('...')) {\n        // set the default one at '...' for easy fallback on non-exact-variant-match\n        vacc['...'] = variantVal\n        const tokenKey = vkey.slice(3)\n        const tokens = conf.tokens[tokenKey]\n        for (const tkey in tokens) {\n          vacc[`$${tkey}`] = variantVal\n        }\n      } else {\n        vacc[vkey] = variantVal\n      }\n      return vacc\n    }, {})\n    return acc\n  }, {})\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { getTamagui } from '../conf'\nimport { isWeb } from '../constants/platform'\nimport { isVariable } from '../createVariable'\nimport { StaticConfig, TamaguiInternalConfig } from '../types'\nimport { isObj } from './isObj'\n\nexport const createPropMapper = (c: StaticConfig) => {\n  const variants = c.variants\n  let variantsParsed\n  const defaultProps = c.defaultProps || {}\n\n  return (key: string, value: any, theme: any, props: any) => {\n    const conf = getTamagui()\n    if (!conf) {\n      console.trace('no conf! err')\n      return\n    }\n    if (variants && !variantsParsed) {\n      variantsParsed = parseVariants(variants, conf)\n    }\n\n    // handled here because we need to resolve this off tokens, its the only one-off like this\n    let fontFamily = props.fontFamily || defaultProps.fontFamily || '$body'\n\n    // expand variants\n    const variant = variantsParsed?.[key]\n    if (variant && typeof value !== 'undefined') {\n      const val =\n        value === true\n          ? variant['$true'] || variant['true']\n          : variant[value] ?? variant['...'] ?? value\n      let res = val\n      if (typeof res === 'function') {\n        res = res(value, { tokens: conf.tokensParsed, theme, props })\n      }\n      if (isObj(res)) {\n        res = resolveTokens(res, conf, theme, fontFamily)\n      }\n      return res\n    }\n\n    let shouldReturn = false\n\n    // handle shorthands\n    if (conf.shorthands[key]) {\n      shouldReturn = true\n      key = conf.shorthands[key]\n    }\n\n    if (value && value[0] === '$') {\n      shouldReturn = true\n      value = getToken(key, value, conf, theme, fontFamily)\n    }\n\n    if (isVariable(value)) {\n      shouldReturn = true\n      value = value.variable\n    }\n\n    if (shouldReturn) {\n      return {\n        [key]: value,\n      }\n    }\n  }\n}\n\nconst resolveTokens = (input: Object, conf: TamaguiInternalConfig, theme: any, fontFamily: any) => {\n  let res = {}\n  for (const rKey in input) {\n    const fKey = conf.shorthands[rKey] || rKey\n    const val = input[rKey]\n    if (isVariable(val)) {\n      res[fKey] = val.variable\n    } else if (typeof val === 'string') {\n      const fVal = val[0] === '$' ? getToken(fKey, val, conf, theme, fontFamily) : val\n      res[fKey] = fVal\n    } else {\n      if (isObj(val)) {\n        // for things like shadowOffset, hoverStyle which is a sub-object\n        res[fKey] = resolveTokens(val, conf, theme, fontFamily)\n      } else {\n        // nullish values cant be tokens so need no exrta parsing\n        res[fKey] = input[fKey]\n      }\n    }\n    if (process.env.NODE_ENV === 'development') {\n      if (res[fKey]?.[0] === '$') {\n        console.warn(`\u26A0\uFE0F Missing token in theme ${theme.name}:`, fKey, res[fKey])\n      }\n    }\n  }\n  return res\n}\n\nconst getToken = (\n  key: string,\n  value: string,\n  { tokensParsed, themeParsed }: TamaguiInternalConfig,\n  theme: any,\n  fontFamily: string | undefined = '$body'\n) => {\n  const tokenVal = themeParsed[value]\n  if (tokenVal) {\n    return isWeb && tokenVal.variable ? tokenVal.variable : tokenVal.val\n  }\n  let valOrVar: any\n  if (key === 'fontFamily') {\n    valOrVar = tokensParsed.font[value]?.family || value\n  }\n  if (key === 'fontSize') {\n    valOrVar = tokensParsed.font[fontFamily]?.size[value] || value\n  }\n  if (key === 'lineHeight') {\n    valOrVar = tokensParsed.font[fontFamily]?.lineHeight[value] || value\n  }\n  if (key === 'letterSpacing') {\n    valOrVar = tokensParsed.font[fontFamily]?.letterSpacing[value] || value\n  }\n  if (key === 'fontWeight') {\n    valOrVar = tokensParsed.font[fontFamily]?.weight[value] || value\n  }\n  if (typeof valOrVar !== 'undefined') {\n    if (isVariable(valOrVar)) {\n      return valOrVar.variable\n    } else {\n      return valOrVar\n    }\n  }\n  for (const cat in tokenCategories) {\n    if (tokenCategories[cat][key]) {\n      const res = tokensParsed[cat][value]\n      if (res) {\n        return res.variable\n      } else {\n        const themeVar = themeParsed[value]\n        if (themeVar) {\n          return themeVar.variable\n        }\n      }\n    }\n  }\n  const spaceVar = tokensParsed.space[value]\n  if (spaceVar) {\n    return spaceVar.variable\n  }\n  if (value && value[0] === '$') {\n    console.warn(`\u26A0\uFE0F Missing token in theme ${theme.name}:`, value)\n    return null\n  }\n  return value\n}\n\n// just specificy the least costly, all else go to `space` (most keys - we can exclude)\nconst tokenCategories = {\n  radius: {\n    borderRadius: true,\n  },\n  size: {\n    width: true,\n    height: true,\n    minWidth: true,\n    minHeight: true,\n    maxWidth: true,\n    maxHeight: true,\n  },\n  color: {\n    color: true,\n    backgroundColor: true,\n    borderColor: true,\n    borderBottomColor: true,\n    borderTopColor: true,\n    borderLeftColor: true,\n    borderRightColor: true,\n  },\n}\n\n// turns variant spreads into individual lookups\nfunction parseVariants(variants: any, conf: TamaguiInternalConfig) {\n  return Object.keys(variants).reduce((acc, key) => {\n    acc[key] = Object.keys(variants[key]).reduce((vacc, vkey) => {\n      const variantVal = variants[key][vkey]\n      if (vkey.startsWith('...')) {\n        // set the default one at '...' for easy fallback on non-exact-variant-match\n        vacc['...'] = variantVal\n        const tokenKey = vkey.slice(3)\n        const tokens = conf.tokens[tokenKey]\n        for (const tkey in tokens) {\n          vacc[`$${tkey}`] = variantVal\n        }\n      } else {\n        vacc[vkey] = variantVal\n      }\n      return vacc\n    }, {})\n    return acc\n  }, {})\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/extendStaticConfig.ts"],
-  "sourcesContent": ["import React from 'react'\n\nimport { StaticComponent, StaticConfig, StaticConfigParsed } from '../types'\nimport { createPropMapper } from './createPropMapper'\n\nexport function extendStaticConfig(\n  // can be undefined when loading with @tamagui/fake-react-native\n  // could be fixed a bit cleaner\n  Component?: StaticComponent | React.Component<any>,\n  config: StaticConfig = {}\n): StaticConfigParsed | null {\n  const parent = (Component || {}) as any\n  if (!parent.staticConfig) {\n    // if no static config, we are extending an external component\n    parent.staticConfig = {\n      Component,\n    }\n  }\n\n  const variants = {\n    ...parent.staticConfig.variants,\n  }\n\n  // merge variants without clobbering previous... can we tho (typed??\n  if (config.variants) {\n    for (const key in config.variants) {\n      if (variants[key]) {\n        variants[key] = {\n          ...variants[key],\n          ...config.variants[key],\n        }\n      } else {\n        variants[key] = config.variants[key]\n      }\n    }\n  }\n\n  return parseStaticConfig({\n    ...parent.staticConfig,\n    ...config,\n    isZStack: config.isZStack || parent.staticConfig.isZStack,\n    variants,\n    isText: config.isText || parent.staticConfig.isText || false,\n    neverFlatten: config.neverFlatten ?? parent.staticConfig.neverFlatten,\n    ensureOverriddenProp: config.ensureOverriddenProp ?? parent.staticConfig.ensureOverriddenProp,\n    validStyles: config.validStyles\n      ? {\n          ...parent.staticConfig.validStyles,\n          ...config.validStyles,\n        }\n      : parent.staticConfig.validStyles,\n    validPropsExtra: {\n      ...parent.staticConfig.validPropsExtra,\n      ...config.validPropsExtra,\n    },\n    defaultProps: {\n      ...parent.staticConfig.defaultProps,\n      ...config.defaultProps,\n    },\n  })\n}\n\nexport const parseStaticConfig = (config: StaticConfig): StaticConfigParsed => {\n  return {\n    ...config,\n    parsed: true,\n    propMapper: createPropMapper(config),\n  }\n}\n"],
+  "sourcesContent": ["import React from 'react'\n\nimport { StaticComponent, StaticConfig, StaticConfigParsed } from '../types'\nimport { createPropMapper } from './createPropMapper'\n\nexport function extendStaticConfig(\n  // can be undefined when loading with @tamagui/fake-react-native\n  // could be fixed a bit cleaner\n  Component?: StaticComponent | React.Component<any> | ((props: any) => any),\n  config: StaticConfig = {}\n): StaticConfigParsed | null {\n  const parent = (Component || {}) as any\n  if (!parent.staticConfig) {\n    // if no static config, we are extending an external component\n    parent.staticConfig = {\n      Component,\n    }\n  }\n\n  const variants = {\n    ...parent.staticConfig.variants,\n  }\n\n  // merge variants without clobbering previous... can we tho (typed??\n  if (config.variants) {\n    for (const key in config.variants) {\n      if (variants[key]) {\n        variants[key] = {\n          ...variants[key],\n          ...config.variants[key],\n        }\n      } else {\n        variants[key] = config.variants[key]\n      }\n    }\n  }\n\n  return parseStaticConfig({\n    ...parent.staticConfig,\n    ...config,\n    isZStack: config.isZStack || parent.staticConfig.isZStack,\n    variants,\n    isText: config.isText || parent.staticConfig.isText || false,\n    neverFlatten: config.neverFlatten ?? parent.staticConfig.neverFlatten,\n    ensureOverriddenProp: config.ensureOverriddenProp ?? parent.staticConfig.ensureOverriddenProp,\n    validStyles: config.validStyles\n      ? {\n          ...parent.staticConfig.validStyles,\n          ...config.validStyles,\n        }\n      : parent.staticConfig.validStyles,\n    validPropsExtra: {\n      ...parent.staticConfig.validPropsExtra,\n      ...config.validPropsExtra,\n    },\n    defaultProps: {\n      ...parent.staticConfig.defaultProps,\n      ...config.defaultProps,\n    },\n  })\n}\n\nexport const parseStaticConfig = (config: StaticConfig): StaticConfigParsed => {\n  return {\n    ...config,\n    parsed: true,\n    propMapper: createPropMapper(config),\n  }\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,8BAAiC;AAE1B,4BAGL,WACA,SAAuB,IACI;AAC3B,QAAM,SAAU,aAAa;AAC7B,MAAI,CAAC,OAAO,cAAc;AAExB,WAAO,eAAe;AAAA,MACpB;AAAA;AAAA;AAIJ,QAAM,WAAW,mBACZ,OAAO,aAAa;AAIzB,MAAI,OAAO,UAAU;AACnB,eAAW,OAAO,OAAO,UAAU;AACjC,UAAI,SAAS,MAAM;AACjB,iBAAS,OAAO,kCACX,SAAS,OACT,OAAO,SAAS;AAAA,aAEhB;AACL,iBAAS,OAAO,OAAO,SAAS;AAAA;AAAA;AAAA;AAKtC,SAAO,kBAAkB,gDACpB,OAAO,eACP,SAFoB;AAAA,IAGvB,UAAU,OAAO,YAAY,OAAO,aAAa;AAAA,IACjD;AAAA,IACA,QAAQ,OAAO,UAAU,OAAO,aAAa,UAAU;AAAA,IACvD,cAAc,OAAO,gBAAgB,OAAO,aAAa;AAAA,IACzD,sBAAsB,OAAO,wBAAwB,OAAO,aAAa;AAAA,IACzE,aAAa,OAAO,cAChB,kCACK,OAAO,aAAa,cACpB,OAAO,eAEZ,OAAO,aAAa;AAAA,IACxB,iBAAiB,kCACZ,OAAO,aAAa,kBACpB,OAAO;AAAA,IAEZ,cAAc,kCACT,OAAO,aAAa,eACpB,OAAO;AAAA;AAAA;AApDA;AAyDT,MAAM,oBAAoB,wBAAC,WAA6C;AAC7E,SAAO,iCACF,SADE;AAAA,IAEL,QAAQ;AAAA,IACR,YAAY,8CAAiB;AAAA;AAAA,GAJA;",
   "names": []
 }

package/dist/cjs/helpers/getSplitStyles.js

@@ -46,7 +46,7 @@ var import_createMediaStyle = require("./createMediaStyle");
 var import_fixNativeShadow = require("./fixNativeShadow");
 var import_getStylesAtomic = require("./getStylesAtomic");
 var import_insertStyleRule = require("./insertStyleRule");
-const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, isSplittingDefaultProps) => {
+const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme) => {
   const validStyleProps = staticConfig.isText ? import_helpers.stylePropsText : import_helpers.validStyles;
   const viewProps = {};
   const style = [];
@@ -67,7 +67,7 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, isSpl
         const mediaStyles = (0, import_getStylesAtomic.getStylesAtomic)(mediaStyle);
         if (process.env.NODE_ENV === "development") {
           if (props["debug"]) {
-            console.log("mediaStyles", keyInit, { mediaProps, mediaStyle, mediaStyles });
+            console.log("mediaStyles", keyInit, { mediaProps, mediaStyle });
           }
         }
         for (const style2 of mediaStyles) {
@@ -77,7 +77,7 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, isSpl
           import_helpers.AllRules.add(out2.styleRule);
           (0, import_insertStyleRule.insertStyleRule)(out2.styleRule);
           if (process.env.NODE_ENV === "development" && props["debug"]) {
-            console.log("mediaProp", style2.identifier, out2, mediaProps, mediaStyle, mediaStyles);
+            console.log("mediaProp", style2.identifier, out2.styleRule);
           }
         }
       } else {
@@ -141,7 +141,7 @@ const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, isSpl
   }
   if (process.env.NODE_ENV === "development") {
     if (props["debug"]) {
-      console.log(" \u{1F95A} splitProps:", { props, viewProps, style });
+      console.log("  splitProps:", { props, viewProps, style });
     }
   }
   return {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getSplitStyles.tsx"],
-  "sourcesContent": ["import {\n  AllRules,\n  stylePropsText,\n  stylePropsTransform,\n  validStyles,\n  validStylesPseudo,\n} from '@tamagui/helpers'\nimport { ViewStyle } from 'react-native'\n\nimport { isWeb } from '../constants/platform'\nimport { mediaQueryConfig, mediaState } from '../hooks/useMedia'\nimport { StaticConfigParsed, ThemeObject } from '../types'\nimport { createMediaStyle } from './createMediaStyle'\nimport { fixNativeShadow } from './fixNativeShadow'\nimport { getStylesAtomic } from './getStylesAtomic'\nimport { insertStyleRule } from './insertStyleRule'\n\nexport type SplitStyles = ReturnType<typeof getSplitStyles>\n\n// TODO run over this, should be able to cut it down quite a bit\n\nexport const getSplitStyles = (\n  props: { [key: string]: any },\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject,\n  isSplittingDefaultProps?: boolean\n) => {\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const viewProps: Record<string, any> = {}\n  const style: any[] = []\n\n  let pseudos: { hoverStyle?: ViewStyle; pressStyle?: ViewStyle } | null = null\n  let cur: ViewStyle | null = null\n  let classNames: string[] | null = null\n\n  for (const keyInit in props) {\n    // be sure to sync next few lines below to getSubStyle (*1)\n    const valInit = props[keyInit]\n\n    // media\n    if (keyInit[0] === '$') {\n      const mediaKey = keyInit.slice(1)\n\n      if (!mediaQueryConfig[mediaKey]) {\n        // this isn't a media key, pass through\n        viewProps[keyInit] = valInit\n        continue\n      }\n\n      // dont check if media is active, we just apply *all* media styles\n      // we combine the media props on top regular props, could proxy this\n      // TODO test proxy here instead of merge\n      const mediaProps = { ...props, ...valInit }\n      // TODO media + hover\n      const mediaStyle = getSubStyle(valInit, staticConfig, theme, props)\n\n      if (isWeb) {\n        const mediaStyles = getStylesAtomic(mediaStyle)\n        if (process.env.NODE_ENV === 'development') {\n          if (props['debug']) {\n            console.log('mediaStyles', keyInit, { mediaProps, mediaStyle, mediaStyles })\n          }\n        }\n        for (const style of mediaStyles) {\n          const out = createMediaStyle(style, mediaKey, mediaQueryConfig)\n          classNames = classNames || []\n          classNames.push(out.identifier)\n          AllRules.add(out.styleRule)\n          insertStyleRule(out.styleRule)\n          if (process.env.NODE_ENV === 'development' && props['debug']) {\n            console.log('mediaProp', style.identifier, out, mediaProps, mediaStyle, mediaStyles)\n          }\n        }\n      } else {\n        if (mediaState[mediaKey]) {\n          style.push(mediaStyle)\n        }\n      }\n      continue\n    }\n\n    // pseudo\n    if (validStylesPseudo[keyInit]) {\n      if (!valInit) continue\n      pseudos = pseudos || {}\n      pseudos[keyInit] = getSubStyle(valInit, staticConfig, theme, props)\n      continue\n    }\n\n    const out = staticConfig.propMapper(keyInit, valInit, theme, props)\n    const expanded = out === true || !out ? [[keyInit, valInit]] : Object.entries(out)\n\n    for (const [key, val] of expanded) {\n      // const val = valueMap(valInit) ?? valInit\n      const keyFirstChar = key[0]\n      if (key === 'style' || (keyFirstChar === '_' && key.startsWith('_style'))) {\n        if (cur) {\n          // process last\n          fixNativeShadow(cur)\n          style.push(cur)\n          cur = null\n        }\n        fixNativeShadow(val)\n        style.push(val)\n        continue\n      }\n      // expand flex so it merged with flexShrink etc properly\n      // TODO this shouldn't be here...\n      if (key === 'flex') {\n        cur = cur || {}\n        // see spec for flex shorthand https://developer.mozilla.org/en-US/docs/Web/CSS/flex\n        // TODO this fixed a behavior but need to find / document / test\n        Object.assign(cur, {\n          flexGrow: val,\n          flexShrink: 1,\n        })\n        continue\n      }\n      if (!isWeb && key === 'pointerEvents') {\n        viewProps[key] = val\n        continue\n      }\n      if (validStyleProps[key]) {\n        // transforms\n        if (key in stylePropsTransform) {\n          cur = cur || {}\n          mergeTransform(cur, key, val)\n          continue\n        }\n        cur = cur || {}\n        cur[key] = val\n        continue\n      }\n\n      // pass to view props\n      if (!staticConfig.variants || !(key in staticConfig.variants)) {\n        viewProps[key] = val\n      }\n    }\n  }\n  // push last style\n  if (cur) {\n    fixNativeShadow(cur)\n    style.push(cur)\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (props['debug']) {\n      console.log(' \uD83E\uDD5A splitProps:', { props, viewProps, style })\n    }\n  }\n\n  return {\n    viewProps,\n    style,\n    pseudos,\n    classNames,\n  }\n}\n\nconst getSubStyle = (\n  styleIn: Object,\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject,\n  props: any\n): ViewStyle => {\n  const styleOut: ViewStyle = {}\n  for (const key in styleIn) {\n    // be sure to sync next few lines below to loop above (*1)\n    const val = styleIn[key]\n    const out = staticConfig.propMapper(key, val, theme, props)\n    const expanded = out === true || !out ? [[key, val]] : Object.entries(out)\n    for (const [skey, sval] of expanded) {\n      // const sval = valueMap(valInit)\n      if (skey in stylePropsTransform) {\n        mergeTransform(styleOut, skey, sval)\n      } else {\n        styleOut[skey] = sval\n      }\n    }\n  }\n  fixNativeShadow(styleOut)\n  return styleOut\n}\n\nconst mapTransformKeys = {\n  x: 'translateX',\n  y: 'translateY',\n}\n\nconst mergeTransform = (obj: ViewStyle, key: string, val: any) => {\n  const transform: any[] = obj.transform\n    ? Array.isArray(obj.transform)\n      ? obj.transform\n      : [obj.transform]\n    : []\n  transform.push({ [mapTransformKeys[key] || key]: val })\n  obj.transform = transform\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  AllRules,\n  stylePropsText,\n  stylePropsTransform,\n  validStyles,\n  validStylesPseudo,\n} from '@tamagui/helpers'\nimport { ViewStyle } from 'react-native'\n\nimport { isWeb } from '../constants/platform'\nimport { mediaQueryConfig, mediaState } from '../hooks/useMedia'\nimport { StaticConfigParsed, ThemeObject } from '../types'\nimport { createMediaStyle } from './createMediaStyle'\nimport { fixNativeShadow } from './fixNativeShadow'\nimport { getStylesAtomic } from './getStylesAtomic'\nimport { insertStyleRule } from './insertStyleRule'\n\nexport type SplitStyles = ReturnType<typeof getSplitStyles>\n\n// TODO run over this, should be able to cut it down quite a bit\n\nexport const getSplitStyles = (\n  props: { [key: string]: any },\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject\n) => {\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const viewProps: Record<string, any> = {}\n  const style: any[] = []\n\n  let pseudos: { hoverStyle?: ViewStyle; pressStyle?: ViewStyle } | null = null\n  let cur: ViewStyle | null = null\n  let classNames: string[] | null = null\n\n  for (const keyInit in props) {\n    // be sure to sync next few lines below to getSubStyle (*1)\n    const valInit = props[keyInit]\n\n    // media\n    if (keyInit[0] === '$') {\n      const mediaKey = keyInit.slice(1)\n\n      if (!mediaQueryConfig[mediaKey]) {\n        // this isn't a media key, pass through\n        viewProps[keyInit] = valInit\n        continue\n      }\n\n      // dont check if media is active, we just apply *all* media styles\n      // we combine the media props on top regular props, could proxy this\n      // TODO test proxy here instead of merge\n      const mediaProps = { ...props, ...valInit }\n      // TODO media + hover\n      const mediaStyle = getSubStyle(valInit, staticConfig, theme, props)\n\n      if (isWeb) {\n        const mediaStyles = getStylesAtomic(mediaStyle)\n        if (process.env.NODE_ENV === 'development') {\n          if (props['debug']) {\n            console.log('mediaStyles', keyInit, { mediaProps, mediaStyle })\n          }\n        }\n        for (const style of mediaStyles) {\n          const out = createMediaStyle(style, mediaKey, mediaQueryConfig)\n          classNames = classNames || []\n          classNames.push(out.identifier)\n          AllRules.add(out.styleRule)\n          insertStyleRule(out.styleRule)\n          if (process.env.NODE_ENV === 'development' && props['debug']) {\n            console.log('mediaProp', style.identifier, out.styleRule)\n          }\n        }\n      } else {\n        if (mediaState[mediaKey]) {\n          style.push(mediaStyle)\n        }\n      }\n      continue\n    }\n\n    // pseudo\n    if (validStylesPseudo[keyInit]) {\n      if (!valInit) continue\n      pseudos = pseudos || {}\n      pseudos[keyInit] = getSubStyle(valInit, staticConfig, theme, props)\n      continue\n    }\n\n    const out = staticConfig.propMapper(keyInit, valInit, theme, props)\n    const expanded = out === true || !out ? [[keyInit, valInit]] : Object.entries(out)\n\n    for (const [key, val] of expanded) {\n      // const val = valueMap(valInit) ?? valInit\n      const keyFirstChar = key[0]\n      if (key === 'style' || (keyFirstChar === '_' && key.startsWith('_style'))) {\n        if (cur) {\n          // process last\n          fixNativeShadow(cur)\n          style.push(cur)\n          cur = null\n        }\n        fixNativeShadow(val)\n        style.push(val)\n        continue\n      }\n      // expand flex so it merged with flexShrink etc properly\n      // TODO this shouldn't be here...\n      if (key === 'flex') {\n        cur = cur || {}\n        // see spec for flex shorthand https://developer.mozilla.org/en-US/docs/Web/CSS/flex\n        // TODO this fixed a behavior but need to find / document / test\n        Object.assign(cur, {\n          flexGrow: val,\n          flexShrink: 1,\n        })\n        continue\n      }\n      if (!isWeb && key === 'pointerEvents') {\n        viewProps[key] = val\n        continue\n      }\n      if (validStyleProps[key]) {\n        // transforms\n        if (key in stylePropsTransform) {\n          cur = cur || {}\n          mergeTransform(cur, key, val)\n          continue\n        }\n        cur = cur || {}\n        cur[key] = val\n        continue\n      }\n\n      // pass to view props\n      if (!staticConfig.variants || !(key in staticConfig.variants)) {\n        viewProps[key] = val\n      }\n    }\n  }\n  // push last style\n  if (cur) {\n    fixNativeShadow(cur)\n    style.push(cur)\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (props['debug']) {\n      console.log('  splitProps:', { props, viewProps, style })\n    }\n  }\n\n  return {\n    viewProps,\n    style,\n    pseudos,\n    classNames,\n  }\n}\n\nconst getSubStyle = (\n  styleIn: Object,\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject,\n  props: any\n): ViewStyle => {\n  const styleOut: ViewStyle = {}\n  for (const key in styleIn) {\n    // be sure to sync next few lines below to loop above (*1)\n    const val = styleIn[key]\n    const out = staticConfig.propMapper(key, val, theme, props)\n    const expanded = out === true || !out ? [[key, val]] : Object.entries(out)\n    for (const [skey, sval] of expanded) {\n      // const sval = valueMap(valInit)\n      if (skey in stylePropsTransform) {\n        mergeTransform(styleOut, skey, sval)\n      } else {\n        styleOut[skey] = sval\n      }\n    }\n  }\n  fixNativeShadow(styleOut)\n  return styleOut\n}\n\nconst mapTransformKeys = {\n  x: 'translateX',\n  y: 'translateY',\n}\n\nconst mergeTransform = (obj: ViewStyle, key: string, val: any) => {\n  const transform: any[] = obj.transform\n    ? Array.isArray(obj.transform)\n      ? obj.transform\n      : [obj.transform]\n    : []\n  transform.push({ [mapTransformKeys[key] || key]: val })\n  obj.transform = transform\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/hooks/useTheme.js

@@ -99,10 +99,10 @@ const useTheme = /* @__PURE__ */ __name(() => {
         const val = activeTheme[key];
         if (process.env.NODE_ENV === "development") {
           if (typeof val === "undefined") {
-            console.warn(`No theme value "${String(key)}" in`, activeTheme, themes);
+            console.warn(`No theme value "${String(key)}" in`, activeTheme);
             return null;
           }
-          if (!(val instanceof import_createVariable.Variable)) {
+          if (!(0, import_createVariable.isVariable)(val)) {
             console.warn("Non variable!", val);
           }
           if (val.name !== key) {

package/dist/cjs/hooks/useTheme.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/hooks/useTheme.tsx"],
-  "sourcesContent": ["import { useForceUpdate } from '@tamagui/use-force-update'\nimport React, { useContext, useEffect, useMemo, useRef, useState } from 'react'\n\nimport { GET_DEFAULT_THEME } from '../constants/constants'\nimport { useIsomorphicLayoutEffect } from '../constants/platform'\nimport { Variable } from '../createVariable'\nimport { ThemeName, ThemeObject } from '../types'\nimport { ThemeContext } from '../views/ThemeContext'\nimport { ThemeManagerContext } from '../views/ThemeManagerContext'\n\ntype UseThemeState = {\n  uuid: Object\n  keys: Set<string>\n  isRendering: boolean\n}\n\nconst areEqualSets = (a: Set<string>, b: Set<string>) => {\n  if (a.size !== b.size) return false\n  for (const val in a) {\n    if (!b.has(val)) {\n      return false\n    }\n  }\n  return true\n}\n\nexport const useThemeName = (opts?: { parent?: true }) => {\n  const parent = useContext(ThemeManagerContext)\n  const [name, setName] = useState(parent.name)\n\n  useIsomorphicLayoutEffect(() => {\n    return parent.onChangeTheme((next, manager) => {\n      setName(opts?.parent ? manager.parentName : next)\n    })\n  }, [parent])\n\n  return name || 'light'\n}\n\nexport const useDefaultThemeName = () => {\n  return useContext(ThemeContext)[GET_DEFAULT_THEME] as any as ThemeName\n}\n\nexport const useTheme = (): ThemeObject => {\n  const forceUpdate = useForceUpdate()\n  const manager = useContext(ThemeManagerContext)\n  const themes = useContext(ThemeContext) || {}\n\n  const state = useRef() as React.MutableRefObject<UseThemeState>\n  if (!state.current) {\n    state.current = {\n      uuid: {},\n      keys: new Set(),\n      isRendering: true,\n    }\n  }\n  state.current.isRendering = true\n\n  // track usage\n  useIsomorphicLayoutEffect(() => {\n    const st = state.current\n    st.isRendering = false\n    const cur = manager.keys.get(st.uuid)\n    if (!cur || !areEqualSets(st.keys, cur)) {\n      manager.track(st.uuid, st.keys)\n    }\n  })\n\n  useEffect(() => {\n    return manager.onUpdate(state.current.uuid, forceUpdate)\n  }, [])\n\n  const theme = (manager.name ? themes[manager.name] : themes.light) ?? themes.light ?? {}\n\n  return useMemo(\n    () => {\n      return new Proxy(theme, {\n        get(_, key: string) {\n          const name = manager.name\n          if (!name) {\n            return Reflect.get(_, key)\n          }\n          let activeTheme = themes[name]\n          if (!activeTheme) {\n            if (process.env.NODE_ENV !== 'test') {\n              console.error('No theme by name', name, 'only:', themes, 'keeping current theme')\n            }\n            activeTheme = theme\n          }\n          const val = activeTheme[key]\n          if (process.env.NODE_ENV === 'development') {\n            if (typeof val === 'undefined') {\n              console.warn(`No theme value \"${String(key)}\" in`, activeTheme, themes)\n              return null\n            }\n            if (!(val instanceof Variable)) {\n              console.warn('Non variable!', val)\n            }\n            if (val.name !== key) {\n              console.warn('Non-matching name for variable to key', key, val.name)\n            }\n          }\n          if (state.current.isRendering) {\n            state.current.keys.add(key)\n          }\n          return val\n        },\n      })\n    },\n    [\n      /* if concurrent mode wanted put manager.name here */\n    ]\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAA+B;AAC/B,mBAAwE;AAExE,uBAAkC;AAClC,sBAA0C;AAC1C,4BAAyB;AAEzB,0BAA6B;AAC7B,iCAAoC;AAQpC,MAAM,eAAe,wBAAC,GAAgB,MAAmB;AACvD,MAAI,EAAE,SAAS,EAAE;AAAM,WAAO;AAC9B,aAAW,OAAO,GAAG;AACnB,QAAI,CAAC,EAAE,IAAI,MAAM;AACf,aAAO;AAAA;AAAA;AAGX,SAAO;AAAA,GAPY;AAUd,MAAM,eAAe,wBAAC,SAA6B;AACxD,QAAM,SAAS,6BAAW;AAC1B,QAAM,CAAC,MAAM,WAAW,2BAAS,OAAO;AAExC,iDAA0B,MAAM;AAC9B,WAAO,OAAO,cAAc,CAAC,MAAM,YAAY;AAC7C,cAAQ,8BAAM,UAAS,QAAQ,aAAa;AAAA;AAAA,KAE7C,CAAC;AAEJ,SAAO,QAAQ;AAAA,GAVW;AAarB,MAAM,sBAAsB,6BAAM;AACvC,SAAO,6BAAW,kCAAc;AAAA,GADC;AAI5B,MAAM,WAAW,6BAAmB;AACzC,QAAM,cAAc;AACpB,QAAM,UAAU,6BAAW;AAC3B,QAAM,SAAS,6BAAW,qCAAiB;AAE3C,QAAM,QAAQ;AACd,MAAI,CAAC,MAAM,SAAS;AAClB,UAAM,UAAU;AAAA,MACd,MAAM;AAAA,MACN,MAAM,oBAAI;AAAA,MACV,aAAa;AAAA;AAAA;AAGjB,QAAM,QAAQ,cAAc;AAG5B,iDAA0B,MAAM;AAC9B,UAAM,KAAK,MAAM;AACjB,OAAG,cAAc;AACjB,UAAM,MAAM,QAAQ,KAAK,IAAI,GAAG;AAChC,QAAI,CAAC,OAAO,CAAC,aAAa,GAAG,MAAM,MAAM;AACvC,cAAQ,MAAM,GAAG,MAAM,GAAG;AAAA;AAAA;AAI9B,8BAAU,MAAM;AACd,WAAO,QAAQ,SAAS,MAAM,QAAQ,MAAM;AAAA,KAC3C;AAEH,QAAM,QAAS,SAAQ,OAAO,OAAO,QAAQ,QAAQ,OAAO,UAAU,OAAO,SAAS;AAEtF,SAAO,0BACL,MAAM;AACJ,WAAO,IAAI,MAAM,OAAO;AAAA,MACtB,IAAI,GAAG,KAAa;AAClB,cAAM,OAAO,QAAQ;AACrB,YAAI,CAAC,MAAM;AACT,iBAAO,QAAQ,IAAI,GAAG;AAAA;AAExB,YAAI,cAAc,OAAO;AACzB,YAAI,CAAC,aAAa;AAChB,cAAI,QAAQ,IAAI,aAAa,QAAQ;AACnC,oBAAQ,MAAM,oBAAoB,MAAM,SAAS,QAAQ;AAAA;AAE3D,wBAAc;AAAA;AAEhB,cAAM,MAAM,YAAY;AACxB,YAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,cAAI,OAAO,QAAQ,aAAa;AAC9B,oBAAQ,KAAK,mBAAmB,OAAO,YAAY,aAAa;AAChE,mBAAO;AAAA;AAET,cAAI,CAAE,gBAAe,iCAAW;AAC9B,oBAAQ,KAAK,iBAAiB;AAAA;AAEhC,cAAI,IAAI,SAAS,KAAK;AACpB,oBAAQ,KAAK,yCAAyC,KAAK,IAAI;AAAA;AAAA;AAGnE,YAAI,MAAM,QAAQ,aAAa;AAC7B,gBAAM,QAAQ,KAAK,IAAI;AAAA;AAEzB,eAAO;AAAA;AAAA;AAAA,KAIb;AAAA,GAlEoB;",
+  "sourcesContent": ["import { useForceUpdate } from '@tamagui/use-force-update'\nimport React, { useContext, useEffect, useMemo, useRef, useState } from 'react'\n\nimport { GET_DEFAULT_THEME } from '../constants/constants'\nimport { useIsomorphicLayoutEffect } from '../constants/platform'\nimport { isVariable } from '../createVariable'\nimport { ThemeName, ThemeObject } from '../types'\nimport { ThemeContext } from '../views/ThemeContext'\nimport { ThemeManagerContext } from '../views/ThemeManagerContext'\n\ntype UseThemeState = {\n  uuid: Object\n  keys: Set<string>\n  isRendering: boolean\n}\n\nconst areEqualSets = (a: Set<string>, b: Set<string>) => {\n  if (a.size !== b.size) return false\n  for (const val in a) {\n    if (!b.has(val)) {\n      return false\n    }\n  }\n  return true\n}\n\nexport const useThemeName = (opts?: { parent?: true }) => {\n  const parent = useContext(ThemeManagerContext)\n  const [name, setName] = useState(parent.name)\n\n  useIsomorphicLayoutEffect(() => {\n    return parent.onChangeTheme((next, manager) => {\n      setName(opts?.parent ? manager.parentName : next)\n    })\n  }, [parent])\n\n  return name || 'light'\n}\n\nexport const useDefaultThemeName = () => {\n  return useContext(ThemeContext)[GET_DEFAULT_THEME] as any as ThemeName\n}\n\nexport const useTheme = (): ThemeObject => {\n  const forceUpdate = useForceUpdate()\n  const manager = useContext(ThemeManagerContext)\n  const themes = useContext(ThemeContext) || {}\n\n  const state = useRef() as React.MutableRefObject<UseThemeState>\n  if (!state.current) {\n    state.current = {\n      uuid: {},\n      keys: new Set(),\n      isRendering: true,\n    }\n  }\n  state.current.isRendering = true\n\n  // track usage\n  useIsomorphicLayoutEffect(() => {\n    const st = state.current\n    st.isRendering = false\n    const cur = manager.keys.get(st.uuid)\n    if (!cur || !areEqualSets(st.keys, cur)) {\n      manager.track(st.uuid, st.keys)\n    }\n  })\n\n  useEffect(() => {\n    return manager.onUpdate(state.current.uuid, forceUpdate)\n  }, [])\n\n  const theme = (manager.name ? themes[manager.name] : themes.light) ?? themes.light ?? {}\n\n  return useMemo(\n    () => {\n      return new Proxy(theme, {\n        get(_, key: string) {\n          const name = manager.name\n          if (!name) {\n            return Reflect.get(_, key)\n          }\n          let activeTheme = themes[name]\n          if (!activeTheme) {\n            if (process.env.NODE_ENV !== 'test') {\n              console.error('No theme by name', name, 'only:', themes, 'keeping current theme')\n            }\n            activeTheme = theme\n          }\n          const val = activeTheme[key]\n          if (process.env.NODE_ENV === 'development') {\n            if (typeof val === 'undefined') {\n              console.warn(`No theme value \"${String(key)}\" in`, activeTheme)\n              return null\n            }\n            if (!isVariable(val)) {\n              console.warn('Non variable!', val)\n            }\n            if (val.name !== key) {\n              console.warn('Non-matching name for variable to key', key, val.name)\n            }\n          }\n          if (state.current.isRendering) {\n            state.current.keys.add(key)\n          }\n          return val\n        },\n      })\n    },\n    [\n      /* if concurrent mode wanted put manager.name here */\n    ]\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAA+B;AAC/B,mBAAwE;AAExE,uBAAkC;AAClC,sBAA0C;AAC1C,4BAA2B;AAE3B,0BAA6B;AAC7B,iCAAoC;AAQpC,MAAM,eAAe,wBAAC,GAAgB,MAAmB;AACvD,MAAI,EAAE,SAAS,EAAE;AAAM,WAAO;AAC9B,aAAW,OAAO,GAAG;AACnB,QAAI,CAAC,EAAE,IAAI,MAAM;AACf,aAAO;AAAA;AAAA;AAGX,SAAO;AAAA,GAPY;AAUd,MAAM,eAAe,wBAAC,SAA6B;AACxD,QAAM,SAAS,6BAAW;AAC1B,QAAM,CAAC,MAAM,WAAW,2BAAS,OAAO;AAExC,iDAA0B,MAAM;AAC9B,WAAO,OAAO,cAAc,CAAC,MAAM,YAAY;AAC7C,cAAQ,8BAAM,UAAS,QAAQ,aAAa;AAAA;AAAA,KAE7C,CAAC;AAEJ,SAAO,QAAQ;AAAA,GAVW;AAarB,MAAM,sBAAsB,6BAAM;AACvC,SAAO,6BAAW,kCAAc;AAAA,GADC;AAI5B,MAAM,WAAW,6BAAmB;AACzC,QAAM,cAAc;AACpB,QAAM,UAAU,6BAAW;AAC3B,QAAM,SAAS,6BAAW,qCAAiB;AAE3C,QAAM,QAAQ;AACd,MAAI,CAAC,MAAM,SAAS;AAClB,UAAM,UAAU;AAAA,MACd,MAAM;AAAA,MACN,MAAM,oBAAI;AAAA,MACV,aAAa;AAAA;AAAA;AAGjB,QAAM,QAAQ,cAAc;AAG5B,iDAA0B,MAAM;AAC9B,UAAM,KAAK,MAAM;AACjB,OAAG,cAAc;AACjB,UAAM,MAAM,QAAQ,KAAK,IAAI,GAAG;AAChC,QAAI,CAAC,OAAO,CAAC,aAAa,GAAG,MAAM,MAAM;AACvC,cAAQ,MAAM,GAAG,MAAM,GAAG;AAAA;AAAA;AAI9B,8BAAU,MAAM;AACd,WAAO,QAAQ,SAAS,MAAM,QAAQ,MAAM;AAAA,KAC3C;AAEH,QAAM,QAAS,SAAQ,OAAO,OAAO,QAAQ,QAAQ,OAAO,UAAU,OAAO,SAAS;AAEtF,SAAO,0BACL,MAAM;AACJ,WAAO,IAAI,MAAM,OAAO;AAAA,MACtB,IAAI,GAAG,KAAa;AAClB,cAAM,OAAO,QAAQ;AACrB,YAAI,CAAC,MAAM;AACT,iBAAO,QAAQ,IAAI,GAAG;AAAA;AAExB,YAAI,cAAc,OAAO;AACzB,YAAI,CAAC,aAAa;AAChB,cAAI,QAAQ,IAAI,aAAa,QAAQ;AACnC,oBAAQ,MAAM,oBAAoB,MAAM,SAAS,QAAQ;AAAA;AAE3D,wBAAc;AAAA;AAEhB,cAAM,MAAM,YAAY;AACxB,YAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,cAAI,OAAO,QAAQ,aAAa;AAC9B,oBAAQ,KAAK,mBAAmB,OAAO,YAAY;AACnD,mBAAO;AAAA;AAET,cAAI,CAAC,sCAAW,MAAM;AACpB,oBAAQ,KAAK,iBAAiB;AAAA;AAEhC,cAAI,IAAI,SAAS,KAAK;AACpB,oBAAQ,KAAK,yCAAyC,KAAK,IAAI;AAAA;AAAA;AAGnE,YAAI,MAAM,QAAQ,aAAa;AAC7B,gBAAM,QAAQ,KAAK,IAAI;AAAA;AAEzB,eAAO;AAAA;AAAA;AAAA,KAIb;AAAA,GAlEoB;",
   "names": []
 }

package/dist/cjs/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/styled.ts"],
-  "sourcesContent": ["import * as React from 'react'\n\nimport { createComponent } from './createComponent'\nimport { extendStaticConfig } from './helpers/extendStaticConfig'\nimport {\n  MediaProps,\n  PseudoProps,\n  StaticComponent,\n  StaticConfig,\n  TamaguiConfig,\n  Themes,\n  Tokens,\n} from './types'\n\nexport function styled<\n  ParentComponent extends StaticComponent | React.Component<any>,\n  Variants extends GetVariants<ParentComponent>\n>(\n  Component: ParentComponent,\n  options?: GetProps<ParentComponent> & {\n    variants?: Variants\n  },\n  staticExtractionOptions?: StaticConfig\n) {\n  const staticConfigProps: StaticConfig = (() => {\n    if (options) {\n      const { variants, ...defaultProps } = options\n      return { ...staticExtractionOptions, variants, defaultProps }\n    }\n    return {}\n  })()\n  const config = extendStaticConfig(Component, staticConfigProps)\n  const component = createComponent(config!) // error is good here its on init\n  type VariantProps = GetVariantProps<Variants>\n  return component as StaticComponent<\n    // if not options/variants passed just styled(Text):\n    keyof VariantProps extends never\n      ? GetProps<ParentComponent>\n      : // if options passed: styled(Text, { ... })\n        Omit<GetProps<ParentComponent>, keyof VariantProps> &\n          VariantProps &\n          MediaProps<VariantProps> &\n          PseudoProps<VariantProps>,\n    void\n  >\n}\n\n// type ParentVariants = A extends StaticComponent<any, infer Variants> ? Variants : {}\n\nexport type GetProps<A> = A extends StaticComponent<infer Props>\n  ? Props\n  : A extends React.Component<infer Props>\n  ? Props\n  : {}\n\nexport type GetVariants<ParentComponent extends StaticComponent | React.Component<any>> = void | {\n  [key: string]: {\n    [key: string]:\n      | Partial<GetProps<ParentComponent>>\n      | ((\n          val: any,\n          config: {\n            tokens: TamaguiConfig['tokens']\n            theme: Themes extends { [key: string]: infer B } ? B : unknown\n            props: GetProps<ParentComponent>\n          }\n        ) => Partial<GetProps<ParentComponent>>)\n  }\n}\n\nexport type GetVariantProps<Variants> = Variants extends void\n  ? {}\n  : {\n      // ensure variants actually defined\n      [Key in keyof Variants]?: keyof Variants[Key] extends `...${infer VariantSpread}`\n        ? VariantSpread extends keyof Tokens\n          ? keyof Tokens[VariantSpread] extends string | number\n            ? `$${keyof Tokens[VariantSpread]}` | null\n            : unknown\n          : unknown\n        : keyof Variants[Key] extends 'true'\n        ? boolean | null\n        : keyof Exclude<Variants[Key], undefined>\n    }\n\n// type X = { ok: 1 }\n// type Y = { okk: 2; ok: 3 }\n// type Z = X & Y\n// type Z2 = Z\n\n// TODO get name\n// const displayName = `styled(Component)`\n// Object.defineProperty(component, 'name', {\n//   value: displayName,\n//   writable: false,\n// })\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA,6BAAgC;AAChC,gCAAmC;AAW5B,gBAIL,WACA,SAGA,yBACA;AACA,QAAM,oBAAmC,OAAM;AAC7C,QAAI,SAAS;AACX,YAAsC,cAA9B,eAA8B,IAAjB,yBAAiB,IAAjB,CAAb;AACR,aAAO,iCAAK,0BAAL,EAA8B,UAAU;AAAA;AAEjD,WAAO;AAAA;AAET,QAAM,SAAS,kDAAmB,WAAW;AAC7C,QAAM,YAAY,4CAAgB;AAElC,SAAO;AAAA;AApBO;",
+  "sourcesContent": ["import * as React from 'react'\n\nimport { createComponent } from './createComponent'\nimport { extendStaticConfig } from './helpers/extendStaticConfig'\nimport {\n  MediaProps,\n  PseudoProps,\n  StaticComponent,\n  StaticConfig,\n  TamaguiConfig,\n  Themes,\n  Tokens,\n} from './types'\n\nexport function styled<\n  Props,\n  ParentComponent extends StaticComponent | React.Component<any>,\n  Variants extends GetVariants<GetProps<ParentComponent>>\n>(\n  Component: ParentComponent,\n  options?: GetProps<ParentComponent> & {\n    variants?: Variants\n  },\n  staticExtractionOptions?: StaticConfig\n) {\n  const staticConfigProps: StaticConfig = (() => {\n    if (options) {\n      const { variants, ...defaultProps } = options\n      return { ...staticExtractionOptions, variants, defaultProps }\n    }\n    return {}\n  })()\n  const config = extendStaticConfig(Component, staticConfigProps)\n  const component = createComponent(config!) // error is good here its on init\n\n  type VariantProps = GetVariantProps<Variants>\n  type ParentProps = Props extends Object ? Props : GetProps<ParentComponent>\n\n  return component as StaticComponent<\n    // if not options/variants passed just styled(Text):\n    keyof VariantProps extends never\n      ? ParentProps\n      : // if options passed: styled(Text, { ... })\n        Omit<ParentProps, keyof VariantProps> &\n          VariantProps &\n          MediaProps<VariantProps> &\n          PseudoProps<VariantProps>,\n    void\n  >\n}\n\n// type ParentVariants = A extends StaticComponent<any, infer Variants> ? Variants : {}\n\nexport type GetProps<A> = A extends StaticComponent<infer Props>\n  ? Props\n  : A extends React.Component<infer Props>\n  ? Props\n  : A extends (props: infer Props) => any\n  ? Props\n  : {}\n\nexport type GetVariants<Props> = void | {\n  [key: string]: {\n    [key: string]:\n      | Partial<Props>\n      | ((\n          val: any,\n          config: {\n            tokens: TamaguiConfig['tokens']\n            theme: Themes extends { [key: string]: infer B } ? B : unknown\n            props: Props\n          }\n        ) => Partial<Props>)\n  }\n}\n\nexport type GetVariantProps<Variants> = Variants extends void\n  ? {}\n  : {\n      // ensure variants actually defined\n      [Key in keyof Variants]?: keyof Variants[Key] extends `...${infer VariantSpread}`\n        ? VariantSpread extends keyof Tokens\n          ? keyof Tokens[VariantSpread] extends string | number\n            ? `$${keyof Tokens[VariantSpread]}` | null\n            : unknown\n          : unknown\n        : keyof Variants[Key] extends 'true'\n        ? boolean | null\n        : keyof Exclude<Variants[Key], undefined>\n    }\n\n// type X = { ok: 1 }\n// type Y = { okk: 2; ok: 3 }\n// type Z = X & Y\n// type Z2 = Z\n\n// TODO get name\n// const displayName = `styled(Component)`\n// Object.defineProperty(component, 'name', {\n//   value: displayName,\n//   writable: false,\n// })\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAEA,6BAAgC;AAChC,gCAAmC;AAW5B,gBAKL,WACA,SAGA,yBACA;AACA,QAAM,oBAAmC,OAAM;AAC7C,QAAI,SAAS;AACX,YAAsC,cAA9B,eAA8B,IAAjB,yBAAiB,IAAjB,CAAb;AACR,aAAO,iCAAK,0BAAL,EAA8B,UAAU;AAAA;AAEjD,WAAO;AAAA;AAET,QAAM,SAAS,kDAAmB,WAAW;AAC7C,QAAM,YAAY,4CAAgB;AAKlC,SAAO;AAAA;AAxBO;",
   "names": []
 }

package/dist/cjs/tamagui-base.css

@@ -5,4 +5,7 @@
   right: 0;
   bottom: 0;
 }
+.reset-appearance {
+  -webkit-appearance: none;
+}
 /*# sourceMappingURL=tamagui-base.css.map */

package/dist/cjs/tamagui-base.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/tamagui-base.css"],
-  "sourcesContent": [".tamagui-absolute-fill {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n"],
-  "mappings": "AAAA;AACE;AACA;AACA;AACA;AACA;AAAA;",
+  "sourcesContent": [".tamagui-absolute-fill {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n}\n\n.reset-appearance {\n  -webkit-appearance: none;\n}\n"],
+  "mappings": "AAAA;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;",
   "names": []
 }