tamagui 1.0.1-beta.21 → 1.0.1-beta.25

package/dist/cjs/index.js

@@ -31,7 +31,9 @@ __export(src_exports, {
   FontTransformTokens: () => import_core.FontTransformTokens,
   FontWeightTokens: () => import_core.FontWeightTokens,
   GenericFont: () => import_core.GenericFont,
+  GenericStackVariants: () => import_core.GenericStackVariants,
   GenericTamaguiConfig: () => import_core.GenericTamaguiConfig,
+  GenericTextVariants: () => import_core.GenericTextVariants,
   GetAnimationKeys: () => import_core.GetAnimationKeys,
   GetProps: () => import_core.GetProps,
   GetVariantProps: () => import_core.GetVariantProps,
@@ -91,6 +93,8 @@ __export(src_exports, {
   getStylesAtomic: () => import_core.getStylesAtomic,
   getThemes: () => import_core.getThemes,
   getTokens: () => import_core.getTokens,
+  getVariableName: () => import_core.getVariableName,
+  getVariableValue: () => import_core.getVariableValue,
   isChrome: () => import_core.isChrome,
   isObj: () => import_core.isObj,
   isSSR: () => import_core.isSSR,
@@ -180,7 +184,9 @@ __reExport(src_exports, require("./helpers/getFontSize"), module.exports);
   FontTransformTokens,
   FontWeightTokens,
   GenericFont,
+  GenericStackVariants,
   GenericTamaguiConfig,
+  GenericTextVariants,
   GetAnimationKeys,
   GetProps,
   GetVariantProps,
@@ -240,6 +246,8 @@ __reExport(src_exports, require("./helpers/getFontSize"), module.exports);
   getStylesAtomic,
   getThemes,
   getTokens,
+  getVariableName,
+  getVariableValue,
   isChrome,
   isObj,
   isSSR,

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["import './polyfills'\n\nexport { useSafeAreaInsets } from 'react-native-safe-area-context'\n\nexport * from '@tamagui/compose-refs'\nexport * from '@tamagui/create-context'\nexport * from '@tamagui/helpers'\nexport * from '@tamagui/popover'\nexport * from '@tamagui/popper'\nexport * from '@tamagui/stacks'\nexport * from '@tamagui/text'\nexport * from '@tamagui/tooltip'\nexport * from '@tamagui/separator'\nexport * from '@tamagui/use-controllable-state'\nexport * from '@tamagui/use-debounce'\nexport * from '@tamagui/use-force-update'\n\n// since we overlap with StackProps and potentially others\n// lets be explicit on what gets exported\nexport {\n  // types\n  AnimationKeys,\n  ColorTokens,\n  CreateTamaguiConfig,\n  CreateTamaguiProps,\n  FontColorTokens,\n  FontLetterSpacingTokens,\n  FontLineHeightTokens,\n  FontSizeTokens,\n  FontStyleTokens,\n  FontTokens,\n  FontTransformTokens,\n  FontWeightTokens,\n  GenericFont,\n  GenericTamaguiConfig,\n  GetAnimationKeys,\n  GetProps,\n  GetVariantProps,\n  Media,\n  MediaKeys,\n  MediaPropKeys,\n  MediaQueries,\n  mediaQueryConfig,\n  MediaQueryState,\n  RNWTextProps,\n  RNWViewProps,\n  Shorthands,\n  SizeTokens,\n  SpaceTokens,\n  StackPropsBase,\n  StackPropsBaseShared,\n  StaticConfig,\n  StaticConfigParsed,\n  TamaguiBaseTheme,\n  TamaguiComponent,\n  TamaguiComponentPropsBase,\n  TamaguiConfig,\n  TamaguiCustomConfig,\n  TamaguiInternalConfig,\n  TamaguiProviderProps,\n  TextProps,\n  TextPropsBase,\n  TextPropsBaseShared,\n  ThemeKeys,\n  ThemeName,\n  ThemeObject,\n  ThemeProps,\n  Themes,\n  ThemeValueFallback,\n  Tokens,\n  TransformStyleProps,\n  VariantSpreadExtras,\n  VariantSpreadFunction,\n  ZIndexTokens,\n  // components\n  Spacer,\n  Stack,\n  Text,\n  Theme,\n  ThemeInverse,\n  ThemeReset,\n  // context,\n  TextAncestorContext,\n  // constants\n  isChrome,\n  isSSR,\n  isTouchDevice,\n  isWeb,\n  isWebIOS,\n  supportsTouchWeb,\n  // helpers\n  addMediaQueryListener,\n  createComponent,\n  createFont,\n  createShorthands,\n  createTheme,\n  createTokens,\n  createVariable,\n  getConfig,\n  getHasConfigured,\n  getMedia,\n  getStylesAtomic,\n  getThemes,\n  getTokens,\n  isObj,\n  isTamaguiElement,\n  isVariable,\n  matchMedia,\n  mediaObjectToString,\n  mediaState,\n  spacedChildren,\n  styled,\n  themeable,\n  Variable,\n  withStaticProperties,\n  // hooks\n  useConstant,\n  useDefaultThemeName,\n  useIsMounted,\n  useIsomorphicLayoutEffect,\n  useIsTouchDevice,\n  useMedia,\n  usePressable,\n  useTheme,\n  useThemeName,\n  useUnmountEffect,\n} from '@tamagui/core'\n\nexport * from './createTamagui'\nexport * from './viewTypes'\n\nexport * from './hooks/useKeyboardDismissable'\n\nexport * from './views/Anchor'\nexport * from './views/BlurView'\nexport * from './views/Button'\nexport * from './views/Card'\nexport * from './views/Circle'\nexport * from './views/EnsureFlexed'\nexport * from './views/Form'\nexport * from './views/Grid'\nexport * from './views/Headings'\nexport * from './views/Hoverable'\nexport * from './views/Image'\nexport * from './views/Input'\nexport * from './views/InteractiveContainer'\nexport * from './views/Label'\nexport * from './views/Layouts'\nexport * from './views/LinearGradient'\nexport * from './views/Modal'\nexport * from './views/Overlay'\nexport * from './views/Square'\nexport * from './views/Switch'\nexport * from './views/Table'\nexport * from './views/TextArea'\nexport * from './views/Toast'\nexport * from './views/VisuallyHidden'\n\nexport * from './helpers/prevent'\nexport * from './helpers/getFontSize'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAO;AAEP,4CAAkC;AAElC,wBAAc,kCAJd;AAKA,wBAAc,oCALd;AAMA,wBAAc,6BANd;AAOA,wBAAc,6BAPd;AAQA,wBAAc,4BARd;AASA,wBAAc,4BATd;AAUA,wBAAc,0BAVd;AAWA,wBAAc,6BAXd;AAYA,wBAAc,+BAZd;AAaA,wBAAc,4CAbd;AAcA,wBAAc,kCAdd;AAeA,wBAAc,sCAfd;AAmBA,kBA2GO;AAEP,wBAAc,4BAhId;AAiIA,wBAAc,wBAjId;AAmIA,wBAAc,2CAnId;AAqIA,wBAAc,2BArId;AAsIA,wBAAc,6BAtId;AAuIA,wBAAc,2BAvId;AAwIA,wBAAc,yBAxId;AAyIA,wBAAc,2BAzId;AA0IA,wBAAc,iCA1Id;AA2IA,wBAAc,yBA3Id;AA4IA,wBAAc,yBA5Id;AA6IA,wBAAc,6BA7Id;AA8IA,wBAAc,8BA9Id;AA+IA,wBAAc,0BA/Id;AAgJA,wBAAc,0BAhJd;AAiJA,wBAAc,yCAjJd;AAkJA,wBAAc,0BAlJd;AAmJA,wBAAc,4BAnJd;AAoJA,wBAAc,mCApJd;AAqJA,wBAAc,0BArJd;AAsJA,wBAAc,4BAtJd;AAuJA,wBAAc,2BAvJd;AAwJA,wBAAc,2BAxJd;AAyJA,wBAAc,0BAzJd;AA0JA,wBAAc,6BA1Jd;AA2JA,wBAAc,0BA3Jd;AA4JA,wBAAc,mCA5Jd;AA8JA,wBAAc,8BA9Jd;AA+JA,wBAAc,kCA/Jd;",
+  "sourcesContent": ["import './polyfills'\n\nexport { useSafeAreaInsets } from 'react-native-safe-area-context'\n\nexport * from '@tamagui/compose-refs'\nexport * from '@tamagui/create-context'\nexport * from '@tamagui/helpers'\nexport * from '@tamagui/popover'\nexport * from '@tamagui/popper'\nexport * from '@tamagui/stacks'\nexport * from '@tamagui/text'\nexport * from '@tamagui/tooltip'\nexport * from '@tamagui/separator'\nexport * from '@tamagui/use-controllable-state'\nexport * from '@tamagui/use-debounce'\nexport * from '@tamagui/use-force-update'\n\n// since we overlap with StackProps and potentially others\n// lets be explicit on what gets exported\nexport {\n  // types\n  AnimationKeys,\n  ColorTokens,\n  CreateTamaguiConfig,\n  CreateTamaguiProps,\n  FontColorTokens,\n  FontLetterSpacingTokens,\n  FontLineHeightTokens,\n  FontSizeTokens,\n  FontStyleTokens,\n  FontTokens,\n  FontTransformTokens,\n  FontWeightTokens,\n  GenericFont,\n  GenericTamaguiConfig,\n  GetAnimationKeys,\n  GetProps,\n  GetVariantProps,\n  GenericTextVariants,\n  GenericStackVariants,\n  Media,\n  MediaKeys,\n  MediaPropKeys,\n  MediaQueries,\n  mediaQueryConfig,\n  MediaQueryState,\n  RNWTextProps,\n  RNWViewProps,\n  Shorthands,\n  SizeTokens,\n  SpaceTokens,\n  StackPropsBase,\n  StackPropsBaseShared,\n  StaticConfig,\n  StaticConfigParsed,\n  TamaguiBaseTheme,\n  TamaguiComponent,\n  TamaguiComponentPropsBase,\n  TamaguiConfig,\n  TamaguiCustomConfig,\n  TamaguiInternalConfig,\n  TamaguiProviderProps,\n  TextProps,\n  TextPropsBase,\n  TextPropsBaseShared,\n  ThemeKeys,\n  ThemeName,\n  ThemeObject,\n  ThemeProps,\n  Themes,\n  ThemeValueFallback,\n  Tokens,\n  TransformStyleProps,\n  VariantSpreadExtras,\n  VariantSpreadFunction,\n  ZIndexTokens,\n  // components\n  Spacer,\n  Stack,\n  Text,\n  Theme,\n  ThemeInverse,\n  ThemeReset,\n  // context,\n  TextAncestorContext,\n  // constants\n  isChrome,\n  isSSR,\n  isTouchDevice,\n  isWeb,\n  isWebIOS,\n  supportsTouchWeb,\n  // helpers\n  addMediaQueryListener,\n  createComponent,\n  createFont,\n  createShorthands,\n  createTheme,\n  createTokens,\n  createVariable,\n  getConfig,\n  getHasConfigured,\n  getMedia,\n  getStylesAtomic,\n  getThemes,\n  getTokens,\n  getVariableValue,\n  getVariableName,\n  isObj,\n  isTamaguiElement,\n  isVariable,\n  matchMedia,\n  mediaObjectToString,\n  mediaState,\n  spacedChildren,\n  styled,\n  themeable,\n  Variable,\n  withStaticProperties,\n  // hooks\n  useConstant,\n  useDefaultThemeName,\n  useIsMounted,\n  useIsomorphicLayoutEffect,\n  useIsTouchDevice,\n  useMedia,\n  usePressable,\n  useTheme,\n  useThemeName,\n  useUnmountEffect,\n} from '@tamagui/core'\n\nexport * from './createTamagui'\nexport * from './viewTypes'\n\nexport * from './hooks/useKeyboardDismissable'\n\nexport * from './views/Anchor'\nexport * from './views/BlurView'\nexport * from './views/Button'\nexport * from './views/Card'\nexport * from './views/Circle'\nexport * from './views/EnsureFlexed'\nexport * from './views/Form'\nexport * from './views/Grid'\nexport * from './views/Headings'\nexport * from './views/Hoverable'\nexport * from './views/Image'\nexport * from './views/Input'\nexport * from './views/InteractiveContainer'\nexport * from './views/Label'\nexport * from './views/Layouts'\nexport * from './views/LinearGradient'\nexport * from './views/Modal'\nexport * from './views/Overlay'\nexport * from './views/Square'\nexport * from './views/Switch'\nexport * from './views/Table'\nexport * from './views/TextArea'\nexport * from './views/Toast'\nexport * from './views/VisuallyHidden'\n\nexport * from './helpers/prevent'\nexport * from './helpers/getFontSize'\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAO;AAEP,4CAAkC;AAElC,wBAAc,kCAJd;AAKA,wBAAc,oCALd;AAMA,wBAAc,6BANd;AAOA,wBAAc,6BAPd;AAQA,wBAAc,4BARd;AASA,wBAAc,4BATd;AAUA,wBAAc,0BAVd;AAWA,wBAAc,6BAXd;AAYA,wBAAc,+BAZd;AAaA,wBAAc,4CAbd;AAcA,wBAAc,kCAdd;AAeA,wBAAc,sCAfd;AAmBA,kBA+GO;AAEP,wBAAc,4BApId;AAqIA,wBAAc,wBArId;AAuIA,wBAAc,2CAvId;AAyIA,wBAAc,2BAzId;AA0IA,wBAAc,6BA1Id;AA2IA,wBAAc,2BA3Id;AA4IA,wBAAc,yBA5Id;AA6IA,wBAAc,2BA7Id;AA8IA,wBAAc,iCA9Id;AA+IA,wBAAc,yBA/Id;AAgJA,wBAAc,yBAhJd;AAiJA,wBAAc,6BAjJd;AAkJA,wBAAc,8BAlJd;AAmJA,wBAAc,0BAnJd;AAoJA,wBAAc,0BApJd;AAqJA,wBAAc,yCArJd;AAsJA,wBAAc,0BAtJd;AAuJA,wBAAc,4BAvJd;AAwJA,wBAAc,mCAxJd;AAyJA,wBAAc,0BAzJd;AA0JA,wBAAc,4BA1Jd;AA2JA,wBAAc,2BA3Jd;AA4JA,wBAAc,2BA5Jd;AA6JA,wBAAc,0BA7Jd;AA8JA,wBAAc,6BA9Jd;AA+JA,wBAAc,0BA/Jd;AAgKA,wBAAc,mCAhKd;AAkKA,wBAAc,8BAlKd;AAmKA,wBAAc,kCAnKd;",
   "names": []
 }

package/dist/cjs/views/Button.js

@@ -59,7 +59,7 @@ var import_text = require("@tamagui/text");
 var import_react = __toESM(require("react"));
 var import_getFontSize = require("../helpers/getFontSize");
 import_react.default["createElement"];
-const ButtonFrame = (0, import_core.styled)(import_stacks.SizableStack, {
+const ButtonFrame = (0, import_core.styled)(import_stacks.ThemeableSizableStack, {
   name: "Button",
   tag: "button",
   size: "$4",

package/dist/cjs/views/Button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Button.tsx"],
-  "sourcesContent": ["import {\n  ButtonInsideButtonContext,\n  GetProps,\n  ReactComponentWithRef,\n  SizeTokens,\n  ThemeableProps,\n  buttonScaling,\n  getButtonSize,\n  getSizeScaledToFont,\n  getVariableValue,\n  spacedChildren,\n  styled,\n  themeable,\n  useTheme,\n} from '@tamagui/core'\nimport { SizableStack } from '@tamagui/stacks'\nimport { SizableText, SizableTextProps } from '@tamagui/text'\nimport React, { FunctionComponent, forwardRef, isValidElement, useContext } from 'react'\nimport { View } from 'react-native'\n\nimport { getFontSize } from '../helpers/getFontSize'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\ntype ButtonIconProps = { color?: string; size?: number }\ntype IconProp = JSX.Element | FunctionComponent<ButtonIconProps> | null\n\nexport type ButtonProps = GetProps<typeof ButtonFrame> &\n  ThemeableProps & {\n    // add icon before, passes color and size automatically if Component\n    icon?: IconProp\n    // add icon after, passes color and size automatically if Component\n    iconAfter?: IconProp\n    // adjust icon relative to size\n    // default: -1\n    scaleIcon?: number\n    // dont wrap inner contents in a text element\n    noTextWrap?: boolean\n    // make the spacing elements flex\n    spaceFlex?: number | boolean\n    // adjust internal space relative to icon size\n    scaleSpace?: number\n\n    // pass text properties:\n    color?: SizableTextProps['color']\n    fontWeight?: SizableTextProps['fontWeight']\n    fontSize?: SizableTextProps['fontSize']\n    fontFamily?: SizableTextProps['fontFamily']\n    letterSpacing?: SizableTextProps['letterSpacing']\n    textAlign?: SizableTextProps['textAlign']\n\n    // all the other text controls\n    textProps?: Partial<SizableTextProps>\n  }\n\nconst ButtonFrame = styled(SizableStack, {\n  name: 'Button',\n  tag: 'button',\n  size: '$4',\n  borderWidth: 0,\n  borderColor: '$borderColor',\n  justifyContent: 'center',\n  alignItems: 'center',\n  flexWrap: 'nowrap',\n  hoverable: true,\n  pressable: true,\n\n  // TODO only on hoverable/pressable!\n  // would need to merge variants\n  cursor: 'pointer',\n\n  variants: {\n    active: {\n      true: {\n        hoverStyle: {\n          backgroundColor: '$background',\n        },\n      },\n    },\n\n    circular: {\n      true: (_, extras) => {\n        const { props } = extras\n        const sizeVal = props.size ?? '$4'\n        const scale = getSizeScaledToFont(sizeVal, buttonScaling, extras)\n        const size = scale.minHeight\n        return {\n          width: size,\n          height: size,\n          maxWidth: size,\n          maxHeight: size,\n          minWidth: size,\n          minHeight: size,\n          borderRadius: 100_000,\n          paddingVertical: 0,\n          paddingHorizontal: 0,\n        }\n      },\n    },\n  },\n})\n\nconst ButtonComponent = forwardRef((props: ButtonProps, ref) => {\n  // careful not to desctructure and re-order props, order is important\n  const {\n    children,\n    icon,\n    iconAfter,\n    noTextWrap,\n    theme: themeName,\n    space,\n    spaceFlex,\n    scaleIcon = 1,\n    scaleSpace = 0.5,\n\n    // text props\n    color: colorProp,\n    fontWeight,\n    letterSpacing,\n    fontSize,\n    fontFamily,\n    textAlign,\n    textProps,\n    ...rest\n  } = props as ButtonProps\n\n  const isInsideButton = useContext(ButtonInsideButtonContext)\n  const theme = useTheme()\n  const size = props.size || '$4'\n\n  // get color from prop or theme\n  let color: any\n  // @ts-expect-error\n  if (theme && colorProp && colorProp in theme) {\n    // @ts-expect-error\n    color = theme[colorProp]\n  } else if (colorProp) {\n    color = colorProp\n  } else {\n    color = theme?.color\n  }\n  color = color?.toString()\n\n  const iconSize = getFontSize(size) * scaleIcon\n\n  const addTheme = (el: any) => {\n    if (isValidElement(el)) {\n      return el\n    }\n    if (el) {\n      return React.createElement(el, {\n        color,\n        size: iconSize,\n      })\n    }\n    return el\n  }\n  const themedIcon = icon ? addTheme(icon) : null\n  const themedIconAfter = iconAfter ? addTheme(iconAfter) : null\n\n  let contents = children\n\n  if (!noTextWrap && children) {\n    // in the case of using variables, like so:\n    // <Button>Hello, {name}</Button>\n    // it gives us props.children as ['Hello, ', 'name']\n    // but we don't want to wrap multiple SizableText around each part\n    // so we group them\n    let allChildren = React.Children.toArray(children)\n    let nextChildren: any[] = []\n    let lastIsString = false\n\n    function concatStringChildren() {\n      if (!lastIsString) return\n      const index = nextChildren.length - 1\n      const childrenStrings = nextChildren[index]\n      nextChildren[index] = (\n        <SizableText\n          key={index}\n          {...{\n            fontWeight,\n            letterSpacing,\n            fontSize,\n            fontFamily,\n            textAlign,\n            size,\n          }}\n          {...(colorProp && {\n            color: colorProp,\n          })}\n          flexGrow={1}\n          flexShrink={1}\n          ellipse\n          {...textProps}\n        >\n          {childrenStrings}\n        </SizableText>\n      )\n    }\n\n    for (const child of allChildren) {\n      const last = nextChildren[nextChildren.length - 1]\n      const isString = typeof child === 'string'\n      if (isString) {\n        if (lastIsString) {\n          last.push(child)\n        } else {\n          nextChildren.push([child])\n        }\n      } else {\n        concatStringChildren()\n        nextChildren.push(child)\n      }\n      lastIsString = isString\n    }\n    concatStringChildren()\n\n    contents = nextChildren\n  }\n\n  return (\n    // careful not to desctructure and re-order props, order is important\n    <ButtonInsideButtonContext.Provider value={true}>\n      <ButtonFrame\n        fontFamily={fontFamily}\n        // fixes SSR issue + DOM nesting issue of not allowing button in button\n        {...(isInsideButton && {\n          tag: 'span',\n        })}\n        ref={ref as any}\n        {...rest}\n      >\n        {themedIcon || themedIconAfter\n          ? spacedChildren({\n              // a bit arbitrary but scaling to font size is necessary so long as button does\n              space: getVariableValue(iconSize) * scaleSpace,\n              spaceFlex,\n              direction: props.flexDirection || 'row',\n              children: [themedIcon, contents, themedIconAfter],\n            })\n          : contents}\n      </ButtonFrame>\n    </ButtonInsideButtonContext.Provider>\n  )\n})\n\nexport const Button: ReactComponentWithRef<ButtonProps, HTMLButtonElement | View> =\n  ButtonFrame.extractable(themeable(ButtonComponent as any) as any, {\n    inlineProps: new Set([\n      // text props go here (can't really optimize them, but we never fully extract button anyway)\n      'color',\n      'fontWeight',\n      'fontSize',\n      'fontFamily',\n      'letterSpacing',\n      'textAlign',\n    ]),\n  })\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  ButtonInsideButtonContext,\n  GetProps,\n  ReactComponentWithRef,\n  ThemeableProps,\n  buttonScaling,\n  getSizeScaledToFont,\n  getVariableValue,\n  spacedChildren,\n  styled,\n  themeable,\n  useTheme,\n} from '@tamagui/core'\nimport { ThemeableSizableStack } from '@tamagui/stacks'\nimport { SizableText, SizableTextProps } from '@tamagui/text'\nimport React, { FunctionComponent, forwardRef, isValidElement, useContext } from 'react'\nimport { View } from 'react-native'\n\nimport { getFontSize } from '../helpers/getFontSize'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\ntype ButtonIconProps = { color?: string; size?: number }\ntype IconProp = JSX.Element | FunctionComponent<ButtonIconProps> | null\n\nexport type ButtonProps = GetProps<typeof ButtonFrame> &\n  ThemeableProps & {\n    // add icon before, passes color and size automatically if Component\n    icon?: IconProp\n    // add icon after, passes color and size automatically if Component\n    iconAfter?: IconProp\n    // adjust icon relative to size\n    // default: -1\n    scaleIcon?: number\n    // dont wrap inner contents in a text element\n    noTextWrap?: boolean\n    // make the spacing elements flex\n    spaceFlex?: number | boolean\n    // adjust internal space relative to icon size\n    scaleSpace?: number\n\n    // pass text properties:\n    color?: SizableTextProps['color']\n    fontWeight?: SizableTextProps['fontWeight']\n    fontSize?: SizableTextProps['fontSize']\n    fontFamily?: SizableTextProps['fontFamily']\n    letterSpacing?: SizableTextProps['letterSpacing']\n    textAlign?: SizableTextProps['textAlign']\n\n    // all the other text controls\n    textProps?: Partial<SizableTextProps>\n  }\n\nconst ButtonFrame = styled(ThemeableSizableStack, {\n  name: 'Button',\n  tag: 'button',\n  size: '$4',\n  borderWidth: 0,\n  borderColor: '$borderColor',\n  justifyContent: 'center',\n  alignItems: 'center',\n  flexWrap: 'nowrap',\n  hoverable: true,\n  pressable: true,\n\n  // TODO only on hoverable/pressable!\n  // would need to merge variants\n  cursor: 'pointer',\n\n  variants: {\n    active: {\n      true: {\n        hoverStyle: {\n          backgroundColor: '$background',\n        },\n      },\n    },\n\n    circular: {\n      true: (_, extras) => {\n        const { props } = extras\n        const sizeVal = props.size ?? '$4'\n        const scale = getSizeScaledToFont(sizeVal, buttonScaling, extras)\n        const size = scale.minHeight\n        return {\n          width: size,\n          height: size,\n          maxWidth: size,\n          maxHeight: size,\n          minWidth: size,\n          minHeight: size,\n          borderRadius: 100_000,\n          paddingVertical: 0,\n          paddingHorizontal: 0,\n        }\n      },\n    },\n  },\n})\n\nconst ButtonComponent = forwardRef((props: ButtonProps, ref) => {\n  // careful not to desctructure and re-order props, order is important\n  const {\n    children,\n    icon,\n    iconAfter,\n    noTextWrap,\n    theme: themeName,\n    space,\n    spaceFlex,\n    scaleIcon = 1,\n    scaleSpace = 0.5,\n\n    // text props\n    color: colorProp,\n    fontWeight,\n    letterSpacing,\n    fontSize,\n    fontFamily,\n    textAlign,\n    textProps,\n    ...rest\n  } = props as ButtonProps\n\n  const isInsideButton = useContext(ButtonInsideButtonContext)\n  const theme = useTheme()\n  const size = props.size || '$4'\n\n  // get color from prop or theme\n  let color: any\n  // @ts-expect-error\n  if (theme && colorProp && colorProp in theme) {\n    // @ts-expect-error\n    color = theme[colorProp]\n  } else if (colorProp) {\n    color = colorProp\n  } else {\n    color = theme?.color\n  }\n  color = color?.toString()\n\n  const iconSize = getFontSize(size) * scaleIcon\n\n  const addTheme = (el: any) => {\n    if (isValidElement(el)) {\n      return el\n    }\n    if (el) {\n      return React.createElement(el, {\n        color,\n        size: iconSize,\n      })\n    }\n    return el\n  }\n  const themedIcon = icon ? addTheme(icon) : null\n  const themedIconAfter = iconAfter ? addTheme(iconAfter) : null\n\n  let contents = children\n\n  if (!noTextWrap && children) {\n    // in the case of using variables, like so:\n    // <Button>Hello, {name}</Button>\n    // it gives us props.children as ['Hello, ', 'name']\n    // but we don't want to wrap multiple SizableText around each part\n    // so we group them\n    let allChildren = React.Children.toArray(children)\n    let nextChildren: any[] = []\n    let lastIsString = false\n\n    function concatStringChildren() {\n      if (!lastIsString) return\n      const index = nextChildren.length - 1\n      const childrenStrings = nextChildren[index]\n      nextChildren[index] = (\n        <SizableText\n          key={index}\n          {...{\n            fontWeight,\n            letterSpacing,\n            fontSize,\n            fontFamily,\n            textAlign,\n            size,\n          }}\n          {...(colorProp && {\n            color: colorProp,\n          })}\n          flexGrow={1}\n          flexShrink={1}\n          ellipse\n          {...textProps}\n        >\n          {childrenStrings}\n        </SizableText>\n      )\n    }\n\n    for (const child of allChildren) {\n      const last = nextChildren[nextChildren.length - 1]\n      const isString = typeof child === 'string'\n      if (isString) {\n        if (lastIsString) {\n          last.push(child)\n        } else {\n          nextChildren.push([child])\n        }\n      } else {\n        concatStringChildren()\n        nextChildren.push(child)\n      }\n      lastIsString = isString\n    }\n    concatStringChildren()\n\n    contents = nextChildren\n  }\n\n  return (\n    // careful not to desctructure and re-order props, order is important\n    <ButtonInsideButtonContext.Provider value={true}>\n      <ButtonFrame\n        fontFamily={fontFamily}\n        // fixes SSR issue + DOM nesting issue of not allowing button in button\n        {...(isInsideButton && {\n          tag: 'span',\n        })}\n        ref={ref as any}\n        {...rest}\n      >\n        {themedIcon || themedIconAfter\n          ? spacedChildren({\n              // a bit arbitrary but scaling to font size is necessary so long as button does\n              space: getVariableValue(iconSize) * scaleSpace,\n              spaceFlex,\n              direction: props.flexDirection || 'row',\n              children: [themedIcon, contents, themedIconAfter],\n            })\n          : contents}\n      </ButtonFrame>\n    </ButtonInsideButtonContext.Provider>\n  )\n})\n\nexport const Button: ReactComponentWithRef<ButtonProps, HTMLButtonElement | View> =\n  ButtonFrame.extractable(themeable(ButtonComponent as any) as any, {\n    inlineProps: new Set([\n      // text props go here (can't really optimize them, but we never fully extract button anyway)\n      'color',\n      'fontWeight',\n      'fontSize',\n      'fontFamily',\n      'letterSpacing',\n      'textAlign',\n    ]),\n  })\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/views/Card.js

@@ -42,7 +42,7 @@ var import_stacks = require("@tamagui/stacks");
 var import_react = __toESM(require("react"));
 import_react.default["createElement"];
 const getCardSize = (0, import_core.createGetStackSize)({ sizeX: 1, sizeY: 0.9 });
-const Card = (0, import_core.styled)(import_stacks.SizableStack, {
+const Card = (0, import_core.styled)(import_stacks.ThemeableSizableStack, {
   name: "Card",
   alignItems: "flex-start",
   flexDirection: "column",

package/dist/cjs/views/Card.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Card.tsx"],
-  "sourcesContent": ["import { GetProps, createGetStackSize, isVariable, styled } from '@tamagui/core'\nimport { SizableStack, getSizedElevation } from '@tamagui/stacks'\nimport React from 'react'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nconst getCardSize = createGetStackSize({ sizeX: 1, sizeY: 0.9 })\n\nexport const Card = styled(SizableStack, {\n  name: 'Card',\n  alignItems: 'flex-start',\n  flexDirection: 'column',\n  backgroundColor: '$background',\n  overflow: 'hidden',\n\n  variants: {\n    size: {\n      '...size': (size, extras) => {\n        const { tokens } = extras\n        const token = tokens.size[size]\n        const sizeNum = isVariable(token) ? +token.val : size\n        return {\n          ...getCardSize(size, extras),\n          ...getSizedElevation(sizeNum, extras),\n        }\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\nexport type CardProps = GetProps<typeof Card>\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiE;AACjE,oBAAgD;AAChD,mBAAkB;AAGlB,qBAAM;AAEN,MAAM,cAAc,oCAAmB,EAAE,OAAO,GAAG,OAAO,IAAI,CAAC;AAExD,MAAM,OAAO,wBAAO,4BAAc;AAAA,EACvC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,MAAM,WAAW;AAC3B,cAAM,EAAE,WAAW;AACnB,cAAM,QAAQ,OAAO,KAAK;AAC1B,cAAM,UAAU,4BAAW,KAAK,IAAI,CAAC,MAAM,MAAM;AACjD,eAAO,kCACF,YAAY,MAAM,MAAM,IACxB,qCAAkB,SAAS,MAAM;AAAA,MAExC;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;",
+  "sourcesContent": ["import { GetProps, createGetStackSize, isVariable, styled } from '@tamagui/core'\nimport { ThemeableSizableStack, getSizedElevation } from '@tamagui/stacks'\nimport React from 'react'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nconst getCardSize = createGetStackSize({ sizeX: 1, sizeY: 0.9 })\n\nexport const Card = styled(ThemeableSizableStack, {\n  name: 'Card',\n  alignItems: 'flex-start',\n  flexDirection: 'column',\n  backgroundColor: '$background',\n  overflow: 'hidden',\n\n  variants: {\n    size: {\n      '...size': (size, extras) => {\n        const { tokens } = extras\n        const token = tokens.size[size]\n        const sizeNum = isVariable(token) ? +token.val : size\n        return {\n          ...getCardSize(size, extras),\n          ...getSizedElevation(sizeNum, extras),\n        }\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\nexport type CardProps = GetProps<typeof Card>\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiE;AACjE,oBAAyD;AACzD,mBAAkB;AAGlB,qBAAM;AAEN,MAAM,cAAc,oCAAmB,EAAE,OAAO,GAAG,OAAO,IAAI,CAAC;AAExD,MAAM,OAAO,wBAAO,qCAAuB;AAAA,EAChD,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,MAAM,WAAW;AAC3B,cAAM,EAAE,WAAW;AACnB,cAAM,QAAQ,OAAO,KAAK;AAC1B,cAAM,UAAU,4BAAW,KAAK,IAAI,CAAC,MAAM,MAAM;AACjD,eAAO,kCACF,YAAY,MAAM,MAAM,IACxB,qCAAkB,SAAS,MAAM;AAAA,MAExC;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;",
   "names": []
 }

package/dist/cjs/views/Input.js

@@ -37,7 +37,7 @@ const Input = (0, import_core.styled)(import_react_native.TextInput, {
   focusStyle: {
     borderColor: "$borderColorFocus",
     borderWidth: 2,
-    margin: -1
+    marginHorizontal: -1
   },
   variants: {
     size: {

package/dist/cjs/views/Input.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Input.tsx"],
-  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { TextInput } from 'react-native'\n\nimport { inputSizeVariant } from '../helpers/inputHelpers'\n\nexport const Input = styled(TextInput, {\n  name: 'Input',\n  borderWidth: 1,\n  color: '$color',\n  borderColor: '$borderColor',\n  backgroundColor: '$background',\n  paddingVertical: '$2',\n  paddingHorizontal: '$2',\n\n  hoverStyle: {\n    borderColor: '$borderColorHover',\n  },\n\n  focusStyle: {\n    borderColor: '$borderColorFocus',\n    borderWidth: 2,\n    margin: -1,\n  },\n\n  variants: {\n    size: {\n      '...size': inputSizeVariant,\n    },\n  },\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\nexport type InputProps = GetProps<typeof Input>\n\n// fixes flex bug:\n// <XStack space=\"$1\">\n//   <Input flex={1} size=\"$1\" placeholder=\"Size 1...\" />\n//   <Button size=\"$1\">Go</Button>\n// </XStack>\n// ...(isWeb && {\n// flex: 1,\n// width: '0%',\n// }),\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AACjC,0BAA0B;AAE1B,0BAAiC;AAE1B,MAAM,QAAQ,wBAAO,+BAAW;AAAA,EACrC,MAAM;AAAA,EACN,aAAa;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EAEnB,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;",
+  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { TextInput } from 'react-native'\n\nimport { inputSizeVariant } from '../helpers/inputHelpers'\n\nexport const Input = styled(TextInput, {\n  name: 'Input',\n  borderWidth: 1,\n  color: '$color',\n  borderColor: '$borderColor',\n  backgroundColor: '$background',\n  paddingVertical: '$2',\n  paddingHorizontal: '$2',\n\n  hoverStyle: {\n    borderColor: '$borderColorHover',\n  },\n\n  focusStyle: {\n    borderColor: '$borderColorFocus',\n    borderWidth: 2,\n    marginHorizontal: -1,\n  },\n\n  variants: {\n    size: {\n      '...size': inputSizeVariant,\n    },\n  },\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\nexport type InputProps = GetProps<typeof Input>\n\n// fixes flex bug:\n// <XStack space=\"$1\">\n//   <Input flex={1} size=\"$1\" placeholder=\"Size 1...\" />\n//   <Button size=\"$1\">Go</Button>\n// </XStack>\n// ...(isWeb && {\n// flex: 1,\n// width: '0%',\n// }),\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AACjC,0BAA0B;AAE1B,0BAAiC;AAE1B,MAAM,QAAQ,wBAAO,+BAAW;AAAA,EACrC,MAAM;AAAA,EACN,aAAa;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EAEnB,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB;AAAA,EACpB;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;",
   "names": []
 }

package/dist/esm/index.js

@@ -30,6 +30,8 @@ import {
   GetAnimationKeys,
   GetProps,
   GetVariantProps,
+  GenericTextVariants,
+  GenericStackVariants,
   Media,
   MediaKeys,
   MediaPropKeys,
@@ -92,6 +94,8 @@ import {
   getStylesAtomic,
   getThemes,
   getTokens,
+  getVariableValue,
+  getVariableName,
   isObj,
   isTamaguiElement,
   isVariable,
@@ -157,7 +161,9 @@ export {
   FontTransformTokens,
   FontWeightTokens,
   GenericFont,
+  GenericStackVariants,
   GenericTamaguiConfig,
+  GenericTextVariants,
   GetAnimationKeys,
   GetProps,
   GetVariantProps,
@@ -217,6 +223,8 @@ export {
   getStylesAtomic,
   getThemes,
   getTokens,
+  getVariableName,
+  getVariableValue,
   isChrome,
   isObj,
   isSSR,

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["import './polyfills'\n\nexport { useSafeAreaInsets } from 'react-native-safe-area-context'\n\nexport * from '@tamagui/compose-refs'\nexport * from '@tamagui/create-context'\nexport * from '@tamagui/helpers'\nexport * from '@tamagui/popover'\nexport * from '@tamagui/popper'\nexport * from '@tamagui/stacks'\nexport * from '@tamagui/text'\nexport * from '@tamagui/tooltip'\nexport * from '@tamagui/separator'\nexport * from '@tamagui/use-controllable-state'\nexport * from '@tamagui/use-debounce'\nexport * from '@tamagui/use-force-update'\n\n// since we overlap with StackProps and potentially others\n// lets be explicit on what gets exported\nexport {\n  // types\n  AnimationKeys,\n  ColorTokens,\n  CreateTamaguiConfig,\n  CreateTamaguiProps,\n  FontColorTokens,\n  FontLetterSpacingTokens,\n  FontLineHeightTokens,\n  FontSizeTokens,\n  FontStyleTokens,\n  FontTokens,\n  FontTransformTokens,\n  FontWeightTokens,\n  GenericFont,\n  GenericTamaguiConfig,\n  GetAnimationKeys,\n  GetProps,\n  GetVariantProps,\n  Media,\n  MediaKeys,\n  MediaPropKeys,\n  MediaQueries,\n  mediaQueryConfig,\n  MediaQueryState,\n  RNWTextProps,\n  RNWViewProps,\n  Shorthands,\n  SizeTokens,\n  SpaceTokens,\n  StackPropsBase,\n  StackPropsBaseShared,\n  StaticConfig,\n  StaticConfigParsed,\n  TamaguiBaseTheme,\n  TamaguiComponent,\n  TamaguiComponentPropsBase,\n  TamaguiConfig,\n  TamaguiCustomConfig,\n  TamaguiInternalConfig,\n  TamaguiProviderProps,\n  TextProps,\n  TextPropsBase,\n  TextPropsBaseShared,\n  ThemeKeys,\n  ThemeName,\n  ThemeObject,\n  ThemeProps,\n  Themes,\n  ThemeValueFallback,\n  Tokens,\n  TransformStyleProps,\n  VariantSpreadExtras,\n  VariantSpreadFunction,\n  ZIndexTokens,\n  // components\n  Spacer,\n  Stack,\n  Text,\n  Theme,\n  ThemeInverse,\n  ThemeReset,\n  // context,\n  TextAncestorContext,\n  // constants\n  isChrome,\n  isSSR,\n  isTouchDevice,\n  isWeb,\n  isWebIOS,\n  supportsTouchWeb,\n  // helpers\n  addMediaQueryListener,\n  createComponent,\n  createFont,\n  createShorthands,\n  createTheme,\n  createTokens,\n  createVariable,\n  getConfig,\n  getHasConfigured,\n  getMedia,\n  getStylesAtomic,\n  getThemes,\n  getTokens,\n  isObj,\n  isTamaguiElement,\n  isVariable,\n  matchMedia,\n  mediaObjectToString,\n  mediaState,\n  spacedChildren,\n  styled,\n  themeable,\n  Variable,\n  withStaticProperties,\n  // hooks\n  useConstant,\n  useDefaultThemeName,\n  useIsMounted,\n  useIsomorphicLayoutEffect,\n  useIsTouchDevice,\n  useMedia,\n  usePressable,\n  useTheme,\n  useThemeName,\n  useUnmountEffect,\n} from '@tamagui/core'\n\nexport * from './createTamagui'\nexport * from './viewTypes'\n\nexport * from './hooks/useKeyboardDismissable'\n\nexport * from './views/Anchor'\nexport * from './views/BlurView'\nexport * from './views/Button'\nexport * from './views/Card'\nexport * from './views/Circle'\nexport * from './views/EnsureFlexed'\nexport * from './views/Form'\nexport * from './views/Grid'\nexport * from './views/Headings'\nexport * from './views/Hoverable'\nexport * from './views/Image'\nexport * from './views/Input'\nexport * from './views/InteractiveContainer'\nexport * from './views/Label'\nexport * from './views/Layouts'\nexport * from './views/LinearGradient'\nexport * from './views/Modal'\nexport * from './views/Overlay'\nexport * from './views/Square'\nexport * from './views/Switch'\nexport * from './views/Table'\nexport * from './views/TextArea'\nexport * from './views/Toast'\nexport * from './views/VisuallyHidden'\n\nexport * from './helpers/prevent'\nexport * from './helpers/getFontSize'\n"],
-  "mappings": "AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6GA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;",
+  "sourcesContent": ["import './polyfills'\n\nexport { useSafeAreaInsets } from 'react-native-safe-area-context'\n\nexport * from '@tamagui/compose-refs'\nexport * from '@tamagui/create-context'\nexport * from '@tamagui/helpers'\nexport * from '@tamagui/popover'\nexport * from '@tamagui/popper'\nexport * from '@tamagui/stacks'\nexport * from '@tamagui/text'\nexport * from '@tamagui/tooltip'\nexport * from '@tamagui/separator'\nexport * from '@tamagui/use-controllable-state'\nexport * from '@tamagui/use-debounce'\nexport * from '@tamagui/use-force-update'\n\n// since we overlap with StackProps and potentially others\n// lets be explicit on what gets exported\nexport {\n  // types\n  AnimationKeys,\n  ColorTokens,\n  CreateTamaguiConfig,\n  CreateTamaguiProps,\n  FontColorTokens,\n  FontLetterSpacingTokens,\n  FontLineHeightTokens,\n  FontSizeTokens,\n  FontStyleTokens,\n  FontTokens,\n  FontTransformTokens,\n  FontWeightTokens,\n  GenericFont,\n  GenericTamaguiConfig,\n  GetAnimationKeys,\n  GetProps,\n  GetVariantProps,\n  GenericTextVariants,\n  GenericStackVariants,\n  Media,\n  MediaKeys,\n  MediaPropKeys,\n  MediaQueries,\n  mediaQueryConfig,\n  MediaQueryState,\n  RNWTextProps,\n  RNWViewProps,\n  Shorthands,\n  SizeTokens,\n  SpaceTokens,\n  StackPropsBase,\n  StackPropsBaseShared,\n  StaticConfig,\n  StaticConfigParsed,\n  TamaguiBaseTheme,\n  TamaguiComponent,\n  TamaguiComponentPropsBase,\n  TamaguiConfig,\n  TamaguiCustomConfig,\n  TamaguiInternalConfig,\n  TamaguiProviderProps,\n  TextProps,\n  TextPropsBase,\n  TextPropsBaseShared,\n  ThemeKeys,\n  ThemeName,\n  ThemeObject,\n  ThemeProps,\n  Themes,\n  ThemeValueFallback,\n  Tokens,\n  TransformStyleProps,\n  VariantSpreadExtras,\n  VariantSpreadFunction,\n  ZIndexTokens,\n  // components\n  Spacer,\n  Stack,\n  Text,\n  Theme,\n  ThemeInverse,\n  ThemeReset,\n  // context,\n  TextAncestorContext,\n  // constants\n  isChrome,\n  isSSR,\n  isTouchDevice,\n  isWeb,\n  isWebIOS,\n  supportsTouchWeb,\n  // helpers\n  addMediaQueryListener,\n  createComponent,\n  createFont,\n  createShorthands,\n  createTheme,\n  createTokens,\n  createVariable,\n  getConfig,\n  getHasConfigured,\n  getMedia,\n  getStylesAtomic,\n  getThemes,\n  getTokens,\n  getVariableValue,\n  getVariableName,\n  isObj,\n  isTamaguiElement,\n  isVariable,\n  matchMedia,\n  mediaObjectToString,\n  mediaState,\n  spacedChildren,\n  styled,\n  themeable,\n  Variable,\n  withStaticProperties,\n  // hooks\n  useConstant,\n  useDefaultThemeName,\n  useIsMounted,\n  useIsomorphicLayoutEffect,\n  useIsTouchDevice,\n  useMedia,\n  usePressable,\n  useTheme,\n  useThemeName,\n  useUnmountEffect,\n} from '@tamagui/core'\n\nexport * from './createTamagui'\nexport * from './viewTypes'\n\nexport * from './hooks/useKeyboardDismissable'\n\nexport * from './views/Anchor'\nexport * from './views/BlurView'\nexport * from './views/Button'\nexport * from './views/Card'\nexport * from './views/Circle'\nexport * from './views/EnsureFlexed'\nexport * from './views/Form'\nexport * from './views/Grid'\nexport * from './views/Headings'\nexport * from './views/Hoverable'\nexport * from './views/Image'\nexport * from './views/Input'\nexport * from './views/InteractiveContainer'\nexport * from './views/Label'\nexport * from './views/Layouts'\nexport * from './views/LinearGradient'\nexport * from './views/Modal'\nexport * from './views/Overlay'\nexport * from './views/Square'\nexport * from './views/Switch'\nexport * from './views/Table'\nexport * from './views/TextArea'\nexport * from './views/Toast'\nexport * from './views/VisuallyHidden'\n\nexport * from './helpers/prevent'\nexport * from './helpers/getFontSize'\n"],
+  "mappings": "AAAA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiHA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;",
   "names": []
 }

package/dist/esm/views/Button.js

@@ -10,12 +10,12 @@ import {
   themeable,
   useTheme
 } from "@tamagui/core";
-import { SizableStack } from "@tamagui/stacks";
+import { ThemeableSizableStack } from "@tamagui/stacks";
 import { SizableText } from "@tamagui/text";
 import React, { forwardRef, isValidElement, useContext } from "react";
 import { getFontSize } from "../helpers/getFontSize";
 React["createElement"];
-const ButtonFrame = styled(SizableStack, {
+const ButtonFrame = styled(ThemeableSizableStack, {
   name: "Button",
   tag: "button",
   size: "$4",

package/dist/esm/views/Button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Button.tsx"],
-  "sourcesContent": ["import {\n  ButtonInsideButtonContext,\n  GetProps,\n  ReactComponentWithRef,\n  SizeTokens,\n  ThemeableProps,\n  buttonScaling,\n  getButtonSize,\n  getSizeScaledToFont,\n  getVariableValue,\n  spacedChildren,\n  styled,\n  themeable,\n  useTheme,\n} from '@tamagui/core'\nimport { SizableStack } from '@tamagui/stacks'\nimport { SizableText, SizableTextProps } from '@tamagui/text'\nimport React, { FunctionComponent, forwardRef, isValidElement, useContext } from 'react'\nimport { View } from 'react-native'\n\nimport { getFontSize } from '../helpers/getFontSize'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\ntype ButtonIconProps = { color?: string; size?: number }\ntype IconProp = JSX.Element | FunctionComponent<ButtonIconProps> | null\n\nexport type ButtonProps = GetProps<typeof ButtonFrame> &\n  ThemeableProps & {\n    // add icon before, passes color and size automatically if Component\n    icon?: IconProp\n    // add icon after, passes color and size automatically if Component\n    iconAfter?: IconProp\n    // adjust icon relative to size\n    // default: -1\n    scaleIcon?: number\n    // dont wrap inner contents in a text element\n    noTextWrap?: boolean\n    // make the spacing elements flex\n    spaceFlex?: number | boolean\n    // adjust internal space relative to icon size\n    scaleSpace?: number\n\n    // pass text properties:\n    color?: SizableTextProps['color']\n    fontWeight?: SizableTextProps['fontWeight']\n    fontSize?: SizableTextProps['fontSize']\n    fontFamily?: SizableTextProps['fontFamily']\n    letterSpacing?: SizableTextProps['letterSpacing']\n    textAlign?: SizableTextProps['textAlign']\n\n    // all the other text controls\n    textProps?: Partial<SizableTextProps>\n  }\n\nconst ButtonFrame = styled(SizableStack, {\n  name: 'Button',\n  tag: 'button',\n  size: '$4',\n  borderWidth: 0,\n  borderColor: '$borderColor',\n  justifyContent: 'center',\n  alignItems: 'center',\n  flexWrap: 'nowrap',\n  hoverable: true,\n  pressable: true,\n\n  // TODO only on hoverable/pressable!\n  // would need to merge variants\n  cursor: 'pointer',\n\n  variants: {\n    active: {\n      true: {\n        hoverStyle: {\n          backgroundColor: '$background',\n        },\n      },\n    },\n\n    circular: {\n      true: (_, extras) => {\n        const { props } = extras\n        const sizeVal = props.size ?? '$4'\n        const scale = getSizeScaledToFont(sizeVal, buttonScaling, extras)\n        const size = scale.minHeight\n        return {\n          width: size,\n          height: size,\n          maxWidth: size,\n          maxHeight: size,\n          minWidth: size,\n          minHeight: size,\n          borderRadius: 100_000,\n          paddingVertical: 0,\n          paddingHorizontal: 0,\n        }\n      },\n    },\n  },\n})\n\nconst ButtonComponent = forwardRef((props: ButtonProps, ref) => {\n  // careful not to desctructure and re-order props, order is important\n  const {\n    children,\n    icon,\n    iconAfter,\n    noTextWrap,\n    theme: themeName,\n    space,\n    spaceFlex,\n    scaleIcon = 1,\n    scaleSpace = 0.5,\n\n    // text props\n    color: colorProp,\n    fontWeight,\n    letterSpacing,\n    fontSize,\n    fontFamily,\n    textAlign,\n    textProps,\n    ...rest\n  } = props as ButtonProps\n\n  const isInsideButton = useContext(ButtonInsideButtonContext)\n  const theme = useTheme()\n  const size = props.size || '$4'\n\n  // get color from prop or theme\n  let color: any\n  // @ts-expect-error\n  if (theme && colorProp && colorProp in theme) {\n    // @ts-expect-error\n    color = theme[colorProp]\n  } else if (colorProp) {\n    color = colorProp\n  } else {\n    color = theme?.color\n  }\n  color = color?.toString()\n\n  const iconSize = getFontSize(size) * scaleIcon\n\n  const addTheme = (el: any) => {\n    if (isValidElement(el)) {\n      return el\n    }\n    if (el) {\n      return React.createElement(el, {\n        color,\n        size: iconSize,\n      })\n    }\n    return el\n  }\n  const themedIcon = icon ? addTheme(icon) : null\n  const themedIconAfter = iconAfter ? addTheme(iconAfter) : null\n\n  let contents = children\n\n  if (!noTextWrap && children) {\n    // in the case of using variables, like so:\n    // <Button>Hello, {name}</Button>\n    // it gives us props.children as ['Hello, ', 'name']\n    // but we don't want to wrap multiple SizableText around each part\n    // so we group them\n    let allChildren = React.Children.toArray(children)\n    let nextChildren: any[] = []\n    let lastIsString = false\n\n    function concatStringChildren() {\n      if (!lastIsString) return\n      const index = nextChildren.length - 1\n      const childrenStrings = nextChildren[index]\n      nextChildren[index] = (\n        <SizableText\n          key={index}\n          {...{\n            fontWeight,\n            letterSpacing,\n            fontSize,\n            fontFamily,\n            textAlign,\n            size,\n          }}\n          {...(colorProp && {\n            color: colorProp,\n          })}\n          flexGrow={1}\n          flexShrink={1}\n          ellipse\n          {...textProps}\n        >\n          {childrenStrings}\n        </SizableText>\n      )\n    }\n\n    for (const child of allChildren) {\n      const last = nextChildren[nextChildren.length - 1]\n      const isString = typeof child === 'string'\n      if (isString) {\n        if (lastIsString) {\n          last.push(child)\n        } else {\n          nextChildren.push([child])\n        }\n      } else {\n        concatStringChildren()\n        nextChildren.push(child)\n      }\n      lastIsString = isString\n    }\n    concatStringChildren()\n\n    contents = nextChildren\n  }\n\n  return (\n    // careful not to desctructure and re-order props, order is important\n    <ButtonInsideButtonContext.Provider value={true}>\n      <ButtonFrame\n        fontFamily={fontFamily}\n        // fixes SSR issue + DOM nesting issue of not allowing button in button\n        {...(isInsideButton && {\n          tag: 'span',\n        })}\n        ref={ref as any}\n        {...rest}\n      >\n        {themedIcon || themedIconAfter\n          ? spacedChildren({\n              // a bit arbitrary but scaling to font size is necessary so long as button does\n              space: getVariableValue(iconSize) * scaleSpace,\n              spaceFlex,\n              direction: props.flexDirection || 'row',\n              children: [themedIcon, contents, themedIconAfter],\n            })\n          : contents}\n      </ButtonFrame>\n    </ButtonInsideButtonContext.Provider>\n  )\n})\n\nexport const Button: ReactComponentWithRef<ButtonProps, HTMLButtonElement | View> =\n  ButtonFrame.extractable(themeable(ButtonComponent as any) as any, {\n    inlineProps: new Set([\n      // text props go here (can't really optimize them, but we never fully extract button anyway)\n      'color',\n      'fontWeight',\n      'fontSize',\n      'fontFamily',\n      'letterSpacing',\n      'textAlign',\n    ]),\n  })\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  ButtonInsideButtonContext,\n  GetProps,\n  ReactComponentWithRef,\n  ThemeableProps,\n  buttonScaling,\n  getSizeScaledToFont,\n  getVariableValue,\n  spacedChildren,\n  styled,\n  themeable,\n  useTheme,\n} from '@tamagui/core'\nimport { ThemeableSizableStack } from '@tamagui/stacks'\nimport { SizableText, SizableTextProps } from '@tamagui/text'\nimport React, { FunctionComponent, forwardRef, isValidElement, useContext } from 'react'\nimport { View } from 'react-native'\n\nimport { getFontSize } from '../helpers/getFontSize'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\ntype ButtonIconProps = { color?: string; size?: number }\ntype IconProp = JSX.Element | FunctionComponent<ButtonIconProps> | null\n\nexport type ButtonProps = GetProps<typeof ButtonFrame> &\n  ThemeableProps & {\n    // add icon before, passes color and size automatically if Component\n    icon?: IconProp\n    // add icon after, passes color and size automatically if Component\n    iconAfter?: IconProp\n    // adjust icon relative to size\n    // default: -1\n    scaleIcon?: number\n    // dont wrap inner contents in a text element\n    noTextWrap?: boolean\n    // make the spacing elements flex\n    spaceFlex?: number | boolean\n    // adjust internal space relative to icon size\n    scaleSpace?: number\n\n    // pass text properties:\n    color?: SizableTextProps['color']\n    fontWeight?: SizableTextProps['fontWeight']\n    fontSize?: SizableTextProps['fontSize']\n    fontFamily?: SizableTextProps['fontFamily']\n    letterSpacing?: SizableTextProps['letterSpacing']\n    textAlign?: SizableTextProps['textAlign']\n\n    // all the other text controls\n    textProps?: Partial<SizableTextProps>\n  }\n\nconst ButtonFrame = styled(ThemeableSizableStack, {\n  name: 'Button',\n  tag: 'button',\n  size: '$4',\n  borderWidth: 0,\n  borderColor: '$borderColor',\n  justifyContent: 'center',\n  alignItems: 'center',\n  flexWrap: 'nowrap',\n  hoverable: true,\n  pressable: true,\n\n  // TODO only on hoverable/pressable!\n  // would need to merge variants\n  cursor: 'pointer',\n\n  variants: {\n    active: {\n      true: {\n        hoverStyle: {\n          backgroundColor: '$background',\n        },\n      },\n    },\n\n    circular: {\n      true: (_, extras) => {\n        const { props } = extras\n        const sizeVal = props.size ?? '$4'\n        const scale = getSizeScaledToFont(sizeVal, buttonScaling, extras)\n        const size = scale.minHeight\n        return {\n          width: size,\n          height: size,\n          maxWidth: size,\n          maxHeight: size,\n          minWidth: size,\n          minHeight: size,\n          borderRadius: 100_000,\n          paddingVertical: 0,\n          paddingHorizontal: 0,\n        }\n      },\n    },\n  },\n})\n\nconst ButtonComponent = forwardRef((props: ButtonProps, ref) => {\n  // careful not to desctructure and re-order props, order is important\n  const {\n    children,\n    icon,\n    iconAfter,\n    noTextWrap,\n    theme: themeName,\n    space,\n    spaceFlex,\n    scaleIcon = 1,\n    scaleSpace = 0.5,\n\n    // text props\n    color: colorProp,\n    fontWeight,\n    letterSpacing,\n    fontSize,\n    fontFamily,\n    textAlign,\n    textProps,\n    ...rest\n  } = props as ButtonProps\n\n  const isInsideButton = useContext(ButtonInsideButtonContext)\n  const theme = useTheme()\n  const size = props.size || '$4'\n\n  // get color from prop or theme\n  let color: any\n  // @ts-expect-error\n  if (theme && colorProp && colorProp in theme) {\n    // @ts-expect-error\n    color = theme[colorProp]\n  } else if (colorProp) {\n    color = colorProp\n  } else {\n    color = theme?.color\n  }\n  color = color?.toString()\n\n  const iconSize = getFontSize(size) * scaleIcon\n\n  const addTheme = (el: any) => {\n    if (isValidElement(el)) {\n      return el\n    }\n    if (el) {\n      return React.createElement(el, {\n        color,\n        size: iconSize,\n      })\n    }\n    return el\n  }\n  const themedIcon = icon ? addTheme(icon) : null\n  const themedIconAfter = iconAfter ? addTheme(iconAfter) : null\n\n  let contents = children\n\n  if (!noTextWrap && children) {\n    // in the case of using variables, like so:\n    // <Button>Hello, {name}</Button>\n    // it gives us props.children as ['Hello, ', 'name']\n    // but we don't want to wrap multiple SizableText around each part\n    // so we group them\n    let allChildren = React.Children.toArray(children)\n    let nextChildren: any[] = []\n    let lastIsString = false\n\n    function concatStringChildren() {\n      if (!lastIsString) return\n      const index = nextChildren.length - 1\n      const childrenStrings = nextChildren[index]\n      nextChildren[index] = (\n        <SizableText\n          key={index}\n          {...{\n            fontWeight,\n            letterSpacing,\n            fontSize,\n            fontFamily,\n            textAlign,\n            size,\n          }}\n          {...(colorProp && {\n            color: colorProp,\n          })}\n          flexGrow={1}\n          flexShrink={1}\n          ellipse\n          {...textProps}\n        >\n          {childrenStrings}\n        </SizableText>\n      )\n    }\n\n    for (const child of allChildren) {\n      const last = nextChildren[nextChildren.length - 1]\n      const isString = typeof child === 'string'\n      if (isString) {\n        if (lastIsString) {\n          last.push(child)\n        } else {\n          nextChildren.push([child])\n        }\n      } else {\n        concatStringChildren()\n        nextChildren.push(child)\n      }\n      lastIsString = isString\n    }\n    concatStringChildren()\n\n    contents = nextChildren\n  }\n\n  return (\n    // careful not to desctructure and re-order props, order is important\n    <ButtonInsideButtonContext.Provider value={true}>\n      <ButtonFrame\n        fontFamily={fontFamily}\n        // fixes SSR issue + DOM nesting issue of not allowing button in button\n        {...(isInsideButton && {\n          tag: 'span',\n        })}\n        ref={ref as any}\n        {...rest}\n      >\n        {themedIcon || themedIconAfter\n          ? spacedChildren({\n              // a bit arbitrary but scaling to font size is necessary so long as button does\n              space: getVariableValue(iconSize) * scaleSpace,\n              spaceFlex,\n              direction: props.flexDirection || 'row',\n              children: [themedIcon, contents, themedIconAfter],\n            })\n          : contents}\n      </ButtonFrame>\n    </ButtonInsideButtonContext.Provider>\n  )\n})\n\nexport const Button: ReactComponentWithRef<ButtonProps, HTMLButtonElement | View> =\n  ButtonFrame.extractable(themeable(ButtonComponent as any) as any, {\n    inlineProps: new Set([\n      // text props go here (can't really optimize them, but we never fully extract button anyway)\n      'color',\n      'fontWeight',\n      'fontSize',\n      'fontFamily',\n      'letterSpacing',\n      'textAlign',\n    ]),\n  })\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/views/Card.js

@@ -1,9 +1,9 @@
 import { createGetStackSize, isVariable, styled } from "@tamagui/core";
-import { SizableStack, getSizedElevation } from "@tamagui/stacks";
+import { ThemeableSizableStack, getSizedElevation } from "@tamagui/stacks";
 import React from "react";
 React["createElement"];
 const getCardSize = createGetStackSize({ sizeX: 1, sizeY: 0.9 });
-const Card = styled(SizableStack, {
+const Card = styled(ThemeableSizableStack, {
   name: "Card",
   alignItems: "flex-start",
   flexDirection: "column",

package/dist/esm/views/Card.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Card.tsx"],
-  "sourcesContent": ["import { GetProps, createGetStackSize, isVariable, styled } from '@tamagui/core'\nimport { SizableStack, getSizedElevation } from '@tamagui/stacks'\nimport React from 'react'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nconst getCardSize = createGetStackSize({ sizeX: 1, sizeY: 0.9 })\n\nexport const Card = styled(SizableStack, {\n  name: 'Card',\n  alignItems: 'flex-start',\n  flexDirection: 'column',\n  backgroundColor: '$background',\n  overflow: 'hidden',\n\n  variants: {\n    size: {\n      '...size': (size, extras) => {\n        const { tokens } = extras\n        const token = tokens.size[size]\n        const sizeNum = isVariable(token) ? +token.val : size\n        return {\n          ...getCardSize(size, extras),\n          ...getSizedElevation(sizeNum, extras),\n        }\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\nexport type CardProps = GetProps<typeof Card>\n"],
-  "mappings": "AAAA;AACA;AACA;AAGA,MAAM;AAEN,MAAM,cAAc,mBAAmB,EAAE,OAAO,GAAG,OAAO,IAAI,CAAC;AAExD,MAAM,OAAO,OAAO,cAAc;AAAA,EACvC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,MAAM,WAAW;AAC3B,cAAM,EAAE,WAAW;AACnB,cAAM,QAAQ,OAAO,KAAK;AAC1B,cAAM,UAAU,WAAW,KAAK,IAAI,CAAC,MAAM,MAAM;AACjD,eAAO;AAAA,aACF,YAAY,MAAM,MAAM;AAAA,aACxB,kBAAkB,SAAS,MAAM;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;",
+  "sourcesContent": ["import { GetProps, createGetStackSize, isVariable, styled } from '@tamagui/core'\nimport { ThemeableSizableStack, getSizedElevation } from '@tamagui/stacks'\nimport React from 'react'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\nconst getCardSize = createGetStackSize({ sizeX: 1, sizeY: 0.9 })\n\nexport const Card = styled(ThemeableSizableStack, {\n  name: 'Card',\n  alignItems: 'flex-start',\n  flexDirection: 'column',\n  backgroundColor: '$background',\n  overflow: 'hidden',\n\n  variants: {\n    size: {\n      '...size': (size, extras) => {\n        const { tokens } = extras\n        const token = tokens.size[size]\n        const sizeNum = isVariable(token) ? +token.val : size\n        return {\n          ...getCardSize(size, extras),\n          ...getSizedElevation(sizeNum, extras),\n        }\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\nexport type CardProps = GetProps<typeof Card>\n"],
+  "mappings": "AAAA;AACA;AACA;AAGA,MAAM;AAEN,MAAM,cAAc,mBAAmB,EAAE,OAAO,GAAG,OAAO,IAAI,CAAC;AAExD,MAAM,OAAO,OAAO,uBAAuB;AAAA,EAChD,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,MAAM,WAAW;AAC3B,cAAM,EAAE,WAAW;AACnB,cAAM,QAAQ,OAAO,KAAK;AAC1B,cAAM,UAAU,WAAW,KAAK,IAAI,CAAC,MAAM,MAAM;AACjD,eAAO;AAAA,aACF,YAAY,MAAM,MAAM;AAAA,aACxB,kBAAkB,SAAS,MAAM;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;",
   "names": []
 }

package/dist/esm/views/Input.js

@@ -15,7 +15,7 @@ const Input = styled(TextInput, {
   focusStyle: {
     borderColor: "$borderColorFocus",
     borderWidth: 2,
-    margin: -1
+    marginHorizontal: -1
   },
   variants: {
     size: {

package/dist/esm/views/Input.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Input.tsx"],
-  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { TextInput } from 'react-native'\n\nimport { inputSizeVariant } from '../helpers/inputHelpers'\n\nexport const Input = styled(TextInput, {\n  name: 'Input',\n  borderWidth: 1,\n  color: '$color',\n  borderColor: '$borderColor',\n  backgroundColor: '$background',\n  paddingVertical: '$2',\n  paddingHorizontal: '$2',\n\n  hoverStyle: {\n    borderColor: '$borderColorHover',\n  },\n\n  focusStyle: {\n    borderColor: '$borderColorFocus',\n    borderWidth: 2,\n    margin: -1,\n  },\n\n  variants: {\n    size: {\n      '...size': inputSizeVariant,\n    },\n  },\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\nexport type InputProps = GetProps<typeof Input>\n\n// fixes flex bug:\n// <XStack space=\"$1\">\n//   <Input flex={1} size=\"$1\" placeholder=\"Size 1...\" />\n//   <Button size=\"$1\">Go</Button>\n// </XStack>\n// ...(isWeb && {\n// flex: 1,\n// width: '0%',\n// }),\n"],
-  "mappings": "AAAA;AACA;AAEA;AAEO,MAAM,QAAQ,OAAO,WAAW;AAAA,EACrC,MAAM;AAAA,EACN,aAAa;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EAEnB,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;",
+  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { TextInput } from 'react-native'\n\nimport { inputSizeVariant } from '../helpers/inputHelpers'\n\nexport const Input = styled(TextInput, {\n  name: 'Input',\n  borderWidth: 1,\n  color: '$color',\n  borderColor: '$borderColor',\n  backgroundColor: '$background',\n  paddingVertical: '$2',\n  paddingHorizontal: '$2',\n\n  hoverStyle: {\n    borderColor: '$borderColorHover',\n  },\n\n  focusStyle: {\n    borderColor: '$borderColorFocus',\n    borderWidth: 2,\n    marginHorizontal: -1,\n  },\n\n  variants: {\n    size: {\n      '...size': inputSizeVariant,\n    },\n  },\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\nexport type InputProps = GetProps<typeof Input>\n\n// fixes flex bug:\n// <XStack space=\"$1\">\n//   <Input flex={1} size=\"$1\" placeholder=\"Size 1...\" />\n//   <Button size=\"$1\">Go</Button>\n// </XStack>\n// ...(isWeb && {\n// flex: 1,\n// width: '0%',\n// }),\n"],
+  "mappings": "AAAA;AACA;AAEA;AAEO,MAAM,QAAQ,OAAO,WAAW;AAAA,EACrC,MAAM;AAAA,EACN,aAAa;AAAA,EACb,OAAO;AAAA,EACP,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EAEnB,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB;AAAA,EACpB;AAAA,EAEA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;",
   "names": []
 }

package/dist/jsx/index.js

@@ -30,6 +30,8 @@ import {
   GetAnimationKeys,
   GetProps,
   GetVariantProps,
+  GenericTextVariants,
+  GenericStackVariants,
   Media,
   MediaKeys,
   MediaPropKeys,
@@ -92,6 +94,8 @@ import {
   getStylesAtomic,
   getThemes,
   getTokens,
+  getVariableValue,
+  getVariableName,
   isObj,
   isTamaguiElement,
   isVariable,
@@ -157,7 +161,9 @@ export {
   FontTransformTokens,
   FontWeightTokens,
   GenericFont,
+  GenericStackVariants,
   GenericTamaguiConfig,
+  GenericTextVariants,
   GetAnimationKeys,
   GetProps,
   GetVariantProps,
@@ -217,6 +223,8 @@ export {
   getStylesAtomic,
   getThemes,
   getTokens,
+  getVariableName,
+  getVariableValue,
   isChrome,
   isObj,
   isSSR,

package/dist/jsx/views/Button.js

@@ -10,12 +10,12 @@ import {
   themeable,
   useTheme
 } from "@tamagui/core";
-import { SizableStack } from "@tamagui/stacks";
+import { ThemeableSizableStack } from "@tamagui/stacks";
 import { SizableText } from "@tamagui/text";
 import React, { forwardRef, isValidElement, useContext } from "react";
 import { getFontSize } from "../helpers/getFontSize";
 React["createElement"];
-const ButtonFrame = styled(SizableStack, {
+const ButtonFrame = styled(ThemeableSizableStack, {
   name: "Button",
   tag: "button",
   size: "$4",

package/dist/jsx/views/Card.js

@@ -1,9 +1,9 @@
 import { createGetStackSize, isVariable, styled } from "@tamagui/core";
-import { SizableStack, getSizedElevation } from "@tamagui/stacks";
+import { ThemeableSizableStack, getSizedElevation } from "@tamagui/stacks";
 import React from "react";
 React["createElement"];
 const getCardSize = createGetStackSize({ sizeX: 1, sizeY: 0.9 });
-const Card = styled(SizableStack, {
+const Card = styled(ThemeableSizableStack, {
   name: "Card",
   alignItems: "flex-start",
   flexDirection: "column",

package/dist/jsx/views/Input.js

@@ -15,7 +15,7 @@ const Input = styled(TextInput, {
   focusStyle: {
     borderColor: "$borderColorFocus",
     borderWidth: 2,
-    margin: -1
+    marginHorizontal: -1
   },
   variants: {
     size: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tamagui",
-  "version": "1.0.1-beta.21",
+  "version": "1.0.1-beta.25",
   "sideEffects": [
     "*.css",
     "polyfills.ts"
@@ -28,22 +28,22 @@
     "@react-native-aria/focus": "^0.2.5",
     "@react-native-aria/overlays": "^0.3.2",
     "@react-native-community/blur": "^3.6.0",
-    "@tamagui/animate-presence": "^1.0.1-beta.21",
-    "@tamagui/compose-refs": "^1.0.1-beta.21",
-    "@tamagui/core": "^1.0.1-beta.21",
-    "@tamagui/create-context": "^1.0.1-beta.21",
+    "@tamagui/animate-presence": "^1.0.1-beta.25",
+    "@tamagui/compose-refs": "^1.0.1-beta.25",
+    "@tamagui/core": "^1.0.1-beta.25",
+    "@tamagui/create-context": "^1.0.1-beta.25",
     "@tamagui/expo-linear-gradient": "^11.2.8",
-    "@tamagui/fake-react-native": "^1.0.1-beta.21",
-    "@tamagui/helpers": "^1.0.1-beta.21",
-    "@tamagui/popover": "^1.0.1-beta.21",
-    "@tamagui/popper": "^1.0.1-beta.21",
-    "@tamagui/separator": "^1.0.1-beta.21",
-    "@tamagui/stacks": "^1.0.1-beta.21",
-    "@tamagui/text": "^1.0.1-beta.21",
-    "@tamagui/tooltip": "^1.0.1-beta.21",
-    "@tamagui/use-controllable-state": "^1.0.1-beta.21",
-    "@tamagui/use-debounce": "^1.0.1-beta.21",
-    "@tamagui/use-force-update": "^1.0.1-beta.21",
+    "@tamagui/fake-react-native": "^1.0.1-beta.25",
+    "@tamagui/helpers": "^1.0.1-beta.25",
+    "@tamagui/popover": "^1.0.1-beta.25",
+    "@tamagui/popper": "^1.0.1-beta.25",
+    "@tamagui/separator": "^1.0.1-beta.25",
+    "@tamagui/stacks": "^1.0.1-beta.25",
+    "@tamagui/text": "^1.0.1-beta.25",
+    "@tamagui/tooltip": "^1.0.1-beta.25",
+    "@tamagui/use-controllable-state": "^1.0.1-beta.25",
+    "@tamagui/use-debounce": "^1.0.1-beta.25",
+    "@tamagui/use-force-update": "^1.0.1-beta.25",
     "expo-linear-gradient": "~11.0.3",
     "expo-modules-core": "^0.9.1",
     "react": "*",
@@ -54,7 +54,7 @@
     "react-native-web": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.21",
+    "@tamagui/build": "^1.0.1-beta.25",
     "@types/node": "^16.11.9",
     "@types/react": "^17.0.35",
     "react-native-web": "^0.17.5"

package/types/index.d.ts

@@ -12,7 +12,7 @@ export * from '@tamagui/separator';
 export * from '@tamagui/use-controllable-state';
 export * from '@tamagui/use-debounce';
 export * from '@tamagui/use-force-update';
-export { AnimationKeys, ColorTokens, CreateTamaguiConfig, CreateTamaguiProps, FontColorTokens, FontLetterSpacingTokens, FontLineHeightTokens, FontSizeTokens, FontStyleTokens, FontTokens, FontTransformTokens, FontWeightTokens, GenericFont, GenericTamaguiConfig, GetAnimationKeys, GetProps, GetVariantProps, Media, MediaKeys, MediaPropKeys, MediaQueries, mediaQueryConfig, MediaQueryState, RNWTextProps, RNWViewProps, Shorthands, SizeTokens, SpaceTokens, StackPropsBase, StackPropsBaseShared, StaticConfig, StaticConfigParsed, TamaguiBaseTheme, TamaguiComponent, TamaguiComponentPropsBase, TamaguiConfig, TamaguiCustomConfig, TamaguiInternalConfig, TamaguiProviderProps, TextProps, TextPropsBase, TextPropsBaseShared, ThemeKeys, ThemeName, ThemeObject, ThemeProps, Themes, ThemeValueFallback, Tokens, TransformStyleProps, VariantSpreadExtras, VariantSpreadFunction, ZIndexTokens, Spacer, Stack, Text, Theme, ThemeInverse, ThemeReset, TextAncestorContext, isChrome, isSSR, isTouchDevice, isWeb, isWebIOS, supportsTouchWeb, addMediaQueryListener, createComponent, createFont, createShorthands, createTheme, createTokens, createVariable, getConfig, getHasConfigured, getMedia, getStylesAtomic, getThemes, getTokens, isObj, isTamaguiElement, isVariable, matchMedia, mediaObjectToString, mediaState, spacedChildren, styled, themeable, Variable, withStaticProperties, useConstant, useDefaultThemeName, useIsMounted, useIsomorphicLayoutEffect, useIsTouchDevice, useMedia, usePressable, useTheme, useThemeName, useUnmountEffect, } from '@tamagui/core';
+export { AnimationKeys, ColorTokens, CreateTamaguiConfig, CreateTamaguiProps, FontColorTokens, FontLetterSpacingTokens, FontLineHeightTokens, FontSizeTokens, FontStyleTokens, FontTokens, FontTransformTokens, FontWeightTokens, GenericFont, GenericTamaguiConfig, GetAnimationKeys, GetProps, GetVariantProps, GenericTextVariants, GenericStackVariants, Media, MediaKeys, MediaPropKeys, MediaQueries, mediaQueryConfig, MediaQueryState, RNWTextProps, RNWViewProps, Shorthands, SizeTokens, SpaceTokens, StackPropsBase, StackPropsBaseShared, StaticConfig, StaticConfigParsed, TamaguiBaseTheme, TamaguiComponent, TamaguiComponentPropsBase, TamaguiConfig, TamaguiCustomConfig, TamaguiInternalConfig, TamaguiProviderProps, TextProps, TextPropsBase, TextPropsBaseShared, ThemeKeys, ThemeName, ThemeObject, ThemeProps, Themes, ThemeValueFallback, Tokens, TransformStyleProps, VariantSpreadExtras, VariantSpreadFunction, ZIndexTokens, Spacer, Stack, Text, Theme, ThemeInverse, ThemeReset, TextAncestorContext, isChrome, isSSR, isTouchDevice, isWeb, isWebIOS, supportsTouchWeb, addMediaQueryListener, createComponent, createFont, createShorthands, createTheme, createTokens, createVariable, getConfig, getHasConfigured, getMedia, getStylesAtomic, getThemes, getTokens, getVariableValue, getVariableName, isObj, isTamaguiElement, isVariable, matchMedia, mediaObjectToString, mediaState, spacedChildren, styled, themeable, Variable, withStaticProperties, useConstant, useDefaultThemeName, useIsMounted, useIsomorphicLayoutEffect, useIsTouchDevice, useMedia, usePressable, useTheme, useThemeName, useUnmountEffect, } from '@tamagui/core';
 export * from './createTamagui';
 export * from './viewTypes';
 export * from './hooks/useKeyboardDismissable';

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}