tamagui 1.0.2 → 1.0.4

package/dist/jsx/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export * from './setup'\n\nexport * from '@tamagui/adapt'\nexport * from '@tamagui/alert-dialog'\nexport * from '@tamagui/animate-presence'\nexport * from '@tamagui/avatar'\nexport * from '@tamagui/button'\nexport * from '@tamagui/card'\nexport * from '@tamagui/compose-refs'\nexport * from '@tamagui/create-context'\nexport * from '@tamagui/dialog'\nexport * from '@tamagui/font-size'\nexport * from '@tamagui/helpers-tamagui'\nexport * from '@tamagui/image'\nexport * from '@tamagui/label'\nexport * from '@tamagui/list-item'\nexport * from '@tamagui/popover'\nexport * from '@tamagui/popper'\nexport * from '@tamagui/portal'\nexport * from '@tamagui/progress'\nexport * from '@tamagui/scroll-view'\nexport * from '@tamagui/select'\nexport * from '@tamagui/separator'\nexport * from '@tamagui/shapes'\nexport * from '@tamagui/sheet'\nexport * from '@tamagui/slider'\nexport * from '@tamagui/stacks'\nexport * from '@tamagui/switch'\nexport * from '@tamagui/text'\nexport * from '@tamagui/tooltip'\nexport * from '@tamagui/use-controllable-state'\nexport * from '@tamagui/use-debounce'\nexport * from '@tamagui/use-force-update'\nexport * from '@tamagui/use-window-dimensions'\nexport * from '@tamagui/visually-hidden'\n\nexport * from './createTamagui'\n\nexport * from './views/TamaguiProvider'\nexport * from './viewTypes'\n\nexport * from './views/Anchor'\nexport * from './views/EnsureFlexed'\nexport * from './views/Fieldset'\nexport * from './views/Form'\nexport * from './views/Grid'\nexport * from './views/Input'\nexport * from './views/Group'\nexport * from './views/Layouts'\nexport * from './views/LinearGradient'\n// export * from './views/Skeleton'\nexport * from './views/Spinner'\nexport * from './views/TextArea'\n\n// since we overlap with StackProps and potentially others\n// lets be explicit on what gets exported\nexport type {\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  MediaPropKeys,\n  MediaQueries,\n  MediaQueryState,\n  RNWTextProps,\n  RNWViewProps,\n  Shorthands,\n  Slot,\n  Slottable,\n  SizeTokens,\n  SpaceTokens,\n  SpacerProps,\n  StackPropsBase,\n  TamaguiElement,\n  StackNonStyleProps,\n  StaticConfig,\n  StaticConfigParsed,\n  TamaguiBaseTheme,\n  TamaguiComponent,\n  TamaguiComponentPropsBase,\n  TamaguiConfig,\n  FontLanguages,\n  TamaguiCustomConfig,\n  TamaguiInternalConfig,\n  TamaguiProviderProps,\n  TextProps,\n  TextPropsBase,\n  TextNonStyleProps,\n  ThemeKeys,\n  ThemeName,\n  ThemeParsed,\n  ThemeProps,\n  Themes,\n  ThemeValueFallback,\n  Tokens,\n  TransformStyleProps,\n  VariantSpreadExtras,\n  VariantSpreadFunction,\n  ZIndexTokens,\n} from '@tamagui/core'\n\nexport {\n  // components\n  Spacer,\n  Stack,\n  Text,\n  Theme,\n  FontLanguage,\n  Unspaced,\n  // context,\n  TextAncestorContext,\n  // constants\n  isChrome,\n  isClient,\n  isServer,\n  isTouchable,\n  isWeb,\n  isWebTouchable,\n  mediaQueryConfig,\n  createComponent,\n  createFont,\n  createShorthands,\n  createTheme,\n  addTheme,\n  updateTheme,\n  createTokens,\n  createVariable,\n  getConfig,\n  getAnimationDriver,\n  getMedia,\n  getStylesAtomic,\n  getThemes,\n  getTokens,\n  getVariable,\n  variableToString,\n  getVariableValue,\n  getVariableName,\n  insertFont,\n  isTamaguiElement,\n  isTamaguiComponent,\n  isVariable,\n  matchMedia,\n  mediaObjectToString,\n  mediaState,\n  spacedChildren,\n  styled,\n  themeable,\n  withStaticProperties,\n  // hooks\n  useGet,\n  useEvent,\n  useDidFinishSSR,\n  useIsomorphicLayoutEffect,\n  useIsTouchDevice,\n  useMedia,\n  useTheme,\n  useThemeName,\n  useSafeRef,\n} from '@tamagui/core'\n"],
-  "mappings": "AAAA,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AAEd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AAiEd;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
+  "sourcesContent": ["export * from './setup'\n\nexport * from '@tamagui/adapt'\nexport * from '@tamagui/alert-dialog'\nexport * from '@tamagui/animate-presence'\nexport * from '@tamagui/avatar'\nexport * from '@tamagui/button'\nexport * from '@tamagui/card'\nexport * from '@tamagui/compose-refs'\nexport * from '@tamagui/create-context'\nexport * from '@tamagui/dialog'\nexport * from '@tamagui/font-size'\nexport * from '@tamagui/helpers-tamagui'\nexport * from '@tamagui/image'\nexport * from '@tamagui/label'\nexport * from '@tamagui/linear-gradient'\nexport * from '@tamagui/list-item'\nexport * from '@tamagui/popover'\nexport * from '@tamagui/popper'\nexport * from '@tamagui/portal'\nexport * from '@tamagui/progress'\nexport * from '@tamagui/scroll-view'\nexport * from '@tamagui/select'\nexport * from '@tamagui/separator'\nexport * from '@tamagui/shapes'\nexport * from '@tamagui/sheet'\nexport * from '@tamagui/slider'\nexport * from '@tamagui/stacks'\nexport * from '@tamagui/switch'\nexport * from '@tamagui/text'\nexport * from '@tamagui/tooltip'\nexport * from '@tamagui/use-controllable-state'\nexport * from '@tamagui/use-debounce'\nexport * from '@tamagui/use-force-update'\nexport * from '@tamagui/use-window-dimensions'\nexport * from '@tamagui/visually-hidden'\n\nexport * from './createTamagui'\n\nexport * from './views/TamaguiProvider'\nexport * from './viewTypes'\n\nexport * from './views/Anchor'\nexport * from './views/EnsureFlexed'\nexport * from './views/Fieldset'\nexport * from './views/Form'\nexport * from './views/Grid'\nexport * from './views/Input'\nexport * from './views/Group'\nexport * from './views/Layouts'\n// export * from './views/Skeleton'\nexport * from './views/Spinner'\nexport * from './views/TextArea'\n\n// since we overlap with StackProps and potentially others\n// lets be explicit on what gets exported\nexport type {\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  MediaPropKeys,\n  MediaQueries,\n  MediaQueryState,\n  RNWTextProps,\n  RNWViewProps,\n  Shorthands,\n  SizeTokens,\n  SpaceTokens,\n  SpacerProps,\n  StackPropsBase,\n  TamaguiElement,\n  StackNonStyleProps,\n  StaticConfig,\n  StaticConfigParsed,\n  TamaguiBaseTheme,\n  TamaguiComponent,\n  TamaguiComponentPropsBase,\n  TamaguiConfig,\n  FontLanguages,\n  TamaguiCustomConfig,\n  TamaguiInternalConfig,\n  TamaguiProviderProps,\n  TextProps,\n  TextPropsBase,\n  TextNonStyleProps,\n  ThemeKeys,\n  ThemeName,\n  ThemeParsed,\n  ThemeProps,\n  Themes,\n  ThemeValueFallback,\n  Tokens,\n  TransformStyleProps,\n  VariantSpreadExtras,\n  VariantSpreadFunction,\n  ZIndexTokens,\n} from '@tamagui/core'\n\nexport {\n  // components\n  Spacer,\n  Stack,\n  Text,\n  Theme,\n  FontLanguage,\n  Unspaced,\n  // context,\n  TextAncestorContext,\n  // constants\n  isChrome,\n  isClient,\n  isServer,\n  isTouchable,\n  isWeb,\n  isWebTouchable,\n  mediaQueryConfig,\n  createComponent,\n  createFont,\n  createShorthands,\n  createTheme,\n  addTheme,\n  updateTheme,\n  createTokens,\n  createVariable,\n  getConfig,\n  getAnimationDriver,\n  getMedia,\n  getStylesAtomic,\n  getThemes,\n  getTokens,\n  getVariable,\n  variableToString,\n  getVariableValue,\n  getVariableName,\n  insertFont,\n  isTamaguiElement,\n  isTamaguiComponent,\n  isVariable,\n  matchMedia,\n  mediaObjectToString,\n  mediaState,\n  spacedChildren,\n  styled,\n  themeable,\n  withStaticProperties,\n  // hooks\n  useGet,\n  useEvent,\n  useDidFinishSSR,\n  useIsomorphicLayoutEffect,\n  useIsTouchDevice,\n  useMedia,\n  useTheme,\n  useThemeName,\n  useSafeRef,\n} from '@tamagui/core'\n"],
+  "mappings": "AAAA,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AAEd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AA+Dd;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
   "names": []
 }

package/dist/jsx/views/Fieldset.js

@@ -2,6 +2,7 @@ import { styled } from "@tamagui/core";
 import { YStack } from "@tamagui/stacks";
 const Fieldset = styled(YStack, {
   name: "Fieldset",
+  tag: "fieldset",
   variants: {
     horizontal: {
       true: {

package/dist/jsx/views/Fieldset.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Fieldset.tsx"],
-  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { YStack } from '@tamagui/stacks'\n\nexport const Fieldset = styled(YStack, {\n  name: 'Fieldset',\n\n  variants: {\n    horizontal: {\n      true: {\n        flexDirection: 'row',\n        alignItems: 'center',\n      },\n    },\n  } as const,\n})\n\nexport type FieldsetProps = GetProps<typeof Fieldset>\n"],
-  "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,cAAc;AAEhB,MAAM,WAAW,OAAO,QAAQ;AAAA,EACrC,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,eAAe;AAAA,QACf,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
+  "sourcesContent": ["import { GetProps, styled } from '@tamagui/core'\nimport { YStack } from '@tamagui/stacks'\n\nexport const Fieldset = styled(YStack, {\n  name: 'Fieldset',\n  tag: 'fieldset',\n\n  variants: {\n    horizontal: {\n      true: {\n        flexDirection: 'row',\n        alignItems: 'center',\n      },\n    },\n  } as const,\n})\n\nexport type FieldsetProps = GetProps<typeof Fieldset>\n"],
+  "mappings": "AAAA,SAAmB,cAAc;AACjC,SAAS,cAAc;AAEhB,MAAM,WAAW,OAAO,QAAQ;AAAA,EACrC,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,eAAe;AAAA,QACf,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
   "names": []
 }

package/dist/jsx/views/Group.js

@@ -18,14 +18,14 @@ const GroupFrame = styled(ThemeableStack, {
   y: 0,
   variants: {
     size: (val, { tokens }) => {
-      const borderRadius = tokens.radius[val] ?? val ?? tokens.radius["$4"];
+      const borderRadius = tokens.radius[val] ?? val ?? tokens.radius["$true"];
       return {
         borderRadius
       };
     }
   },
   defaultVariants: {
-    size: "$4"
+    size: "$true"
   }
 });
 function createGroup(verticalDefault) {
@@ -34,7 +34,7 @@ function createGroup(verticalDefault) {
     const {
       children: childrenProp,
       space,
-      size = "$4",
+      size = "$true",
       spaceDirection,
       separator,
       scrollable,

package/dist/jsx/views/Group.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Group.tsx"],
-  "sourcesContent": ["import {\n  GetProps,\n  TamaguiElement,\n  getConfig,\n  getExpandedShorthands,\n  getTokens,\n  getVariableValue,\n  isTamaguiElement,\n  mergeProps,\n  spacedChildren,\n  styled,\n  useMediaPropsActive,\n} from '@tamagui/core'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport React, { Children, forwardRef, isValidElement } from 'react'\nimport { ScrollView } from 'react-native'\n\nexport const GroupFrame = styled(ThemeableStack, {\n  name: 'GroupFrame',\n  backgroundColor: '$background',\n  y: 0,\n\n  variants: {\n    size: (val, { tokens }) => {\n      const borderRadius = tokens.radius[val] ?? val ?? tokens.radius['$4']\n      return {\n        borderRadius,\n      }\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$4',\n  },\n})\n\nexport type GroupProps = GetProps<typeof GroupFrame> & {\n  scrollable?: boolean\n  /**\n   * @default false\n   */\n  showScrollIndicator?: boolean\n  disabled?: boolean\n  vertical?: boolean\n  disablePassBorderRadius?: boolean\n}\n\nfunction createGroup(verticalDefault: boolean) {\n  return forwardRef<TamaguiElement, GroupProps>((props, ref) => {\n    const activeProps = useMediaPropsActive(props)\n\n    const {\n      children: childrenProp,\n      space,\n      size = '$4',\n      spaceDirection,\n      separator,\n      scrollable,\n      vertical = verticalDefault,\n      disabled: disabledProp,\n      disablePassBorderRadius: disablePassBorderRadiusProp,\n      borderRadius,\n      ...restProps\n    } = getExpandedShorthands(activeProps)\n\n    const radius =\n      borderRadius ??\n      (size ? getVariableValue(getTokens(true).radius[size]) - 1 : undefined)\n    const hasRadius = radius !== undefined\n    const disablePassBorderRadius = disablePassBorderRadiusProp ?? !hasRadius\n    const childrens = Children.toArray(childrenProp)\n    const children = childrens.map((child, i) => {\n      if (!isValidElement(child)) return child\n      const disabled = child.props.disabled ?? disabledProp\n\n      const isFirst = i === 0\n      const isLast = i === childrens.length - 1\n\n      const radiusStyles = disablePassBorderRadius\n        ? null\n        : {\n            borderTopLeftRadius: 0,\n            borderTopRightRadius: 0,\n            borderBottomLeftRadius: 0,\n            borderBottomRightRadius: 0,\n            ...(hasRadius && {\n              ...(isFirst &&\n                !vertical && {\n                  borderTopLeftRadius: radius,\n                  borderBottomLeftRadius: radius,\n                }),\n              ...(isFirst &&\n                vertical && {\n                  borderTopLeftRadius: radius,\n                  borderTopRightRadius: radius,\n                }),\n              ...(isLast &&\n                !vertical && {\n                  borderTopRightRadius: radius,\n                  borderBottomRightRadius: radius,\n                }),\n              ...(isLast &&\n                vertical && {\n                  borderBottomLeftRadius: radius,\n                  borderBottomRightRadius: radius,\n                }),\n            }),\n          }\n\n      const props = {\n        disabled,\n        ...(isTamaguiElement(child) ? radiusStyles : { style: radiusStyles }),\n      }\n\n      return cloneElementWithPropOrder(child, props)\n    })\n\n    return (\n      <GroupFrame\n        ref={ref}\n        size={size}\n        flexDirection={!vertical ? 'row' : 'column'}\n        borderRadius={borderRadius}\n        {...restProps}\n      >\n        {wrapScroll(\n          activeProps,\n          spacedChildren({\n            direction: spaceDirection,\n            separator,\n            space,\n            children,\n          })\n        )}\n      </GroupFrame>\n    )\n  })\n}\n\nexport const YGroup = createGroup(true)\nexport const XGroup = createGroup(false)\n\nconst wrapScroll = (\n  { scrollable, vertical, showScrollIndicator = false }: GroupProps,\n  children: any\n) => {\n  if (scrollable)\n    return (\n      <ScrollView\n        {...(vertical && {\n          showsVerticalScrollIndicator: showScrollIndicator,\n        })}\n        {...(!vertical && {\n          horizontal: true,\n          showsHorizontalScrollIndicator: showScrollIndicator,\n        })}\n      >\n        {children}\n      </ScrollView>\n    )\n  return children\n}\n\nconst cloneElementWithPropOrder = (child: any, props: Object) => {\n  const next = mergeProps(child.props, props, false, getConfig().shorthands)[0]\n  return React.cloneElement({ ...child, props: null }, next)\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {\n  GetProps,\n  TamaguiElement,\n  getConfig,\n  getExpandedShorthands,\n  getTokens,\n  getVariableValue,\n  isTamaguiElement,\n  mergeProps,\n  spacedChildren,\n  styled,\n  useMediaPropsActive,\n} from '@tamagui/core'\nimport { ThemeableStack } from '@tamagui/stacks'\nimport React, { Children, forwardRef, isValidElement } from 'react'\nimport { ScrollView } from 'react-native'\n\nexport const GroupFrame = styled(ThemeableStack, {\n  name: 'GroupFrame',\n  backgroundColor: '$background',\n  y: 0,\n\n  variants: {\n    size: (val, { tokens }) => {\n      const borderRadius = tokens.radius[val] ?? val ?? tokens.radius['$true']\n      return {\n        borderRadius,\n      }\n    },\n  } as const,\n\n  defaultVariants: {\n    size: '$true',\n  },\n})\n\nexport type GroupProps = GetProps<typeof GroupFrame> & {\n  scrollable?: boolean\n  /**\n   * @default false\n   */\n  showScrollIndicator?: boolean\n  disabled?: boolean\n  vertical?: boolean\n  disablePassBorderRadius?: boolean\n}\n\nfunction createGroup(verticalDefault: boolean) {\n  return forwardRef<TamaguiElement, GroupProps>((props, ref) => {\n    const activeProps = useMediaPropsActive(props)\n\n    const {\n      children: childrenProp,\n      space,\n      size = '$true',\n      spaceDirection,\n      separator,\n      scrollable,\n      vertical = verticalDefault,\n      disabled: disabledProp,\n      disablePassBorderRadius: disablePassBorderRadiusProp,\n      borderRadius,\n      ...restProps\n    } = getExpandedShorthands(activeProps)\n\n    const radius =\n      borderRadius ??\n      (size ? getVariableValue(getTokens(true).radius[size]) - 1 : undefined)\n\n    const hasRadius = radius !== undefined\n    const disablePassBorderRadius = disablePassBorderRadiusProp ?? !hasRadius\n    const childrens = Children.toArray(childrenProp)\n    const children = childrens.map((child, i) => {\n      if (!isValidElement(child)) return child\n      const disabled = child.props.disabled ?? disabledProp\n\n      const isFirst = i === 0\n      const isLast = i === childrens.length - 1\n\n      const radiusStyles = disablePassBorderRadius\n        ? null\n        : {\n            borderTopLeftRadius: 0,\n            borderTopRightRadius: 0,\n            borderBottomLeftRadius: 0,\n            borderBottomRightRadius: 0,\n            ...(hasRadius && {\n              ...(isFirst &&\n                !vertical && {\n                  borderTopLeftRadius: radius,\n                  borderBottomLeftRadius: radius,\n                }),\n              ...(isFirst &&\n                vertical && {\n                  borderTopLeftRadius: radius,\n                  borderTopRightRadius: radius,\n                }),\n              ...(isLast &&\n                !vertical && {\n                  borderTopRightRadius: radius,\n                  borderBottomRightRadius: radius,\n                }),\n              ...(isLast &&\n                vertical && {\n                  borderBottomLeftRadius: radius,\n                  borderBottomRightRadius: radius,\n                }),\n            }),\n          }\n\n      const props = {\n        disabled,\n        ...(isTamaguiElement(child) ? radiusStyles : { style: radiusStyles }),\n      }\n\n      return cloneElementWithPropOrder(child, props)\n    })\n\n    return (\n      <GroupFrame\n        ref={ref}\n        size={size}\n        flexDirection={!vertical ? 'row' : 'column'}\n        borderRadius={borderRadius}\n        {...restProps}\n      >\n        {wrapScroll(\n          activeProps,\n          spacedChildren({\n            direction: spaceDirection,\n            separator,\n            space,\n            children,\n          })\n        )}\n      </GroupFrame>\n    )\n  })\n}\n\nexport const YGroup = createGroup(true)\nexport const XGroup = createGroup(false)\n\nconst wrapScroll = (\n  { scrollable, vertical, showScrollIndicator = false }: GroupProps,\n  children: any\n) => {\n  if (scrollable)\n    return (\n      <ScrollView\n        {...(vertical && {\n          showsVerticalScrollIndicator: showScrollIndicator,\n        })}\n        {...(!vertical && {\n          horizontal: true,\n          showsHorizontalScrollIndicator: showScrollIndicator,\n        })}\n      >\n        {children}\n      </ScrollView>\n    )\n  return children\n}\n\nconst cloneElementWithPropOrder = (child: any, props: Object) => {\n  const next = mergeProps(child.props, props, false, getConfig().shorthands)[0]\n  return React.cloneElement({ ...child, props: null }, next)\n}\n"],
+  "mappings": "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",
   "names": ["props"]
 }

package/dist/jsx/views/Input.js

@@ -32,7 +32,7 @@ const InputFrame = styled(
       }
     },
     defaultVariants: {
-      size: "$4"
+      size: "$true"
     }
   },
   {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Input.tsx"],
-  "sourcesContent": ["import { GetProps, setupReactNative, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\nimport { TextInput } from 'react-native'\n\nimport { inputSizeVariant } from '../helpers/inputHelpers'\n\nsetupReactNative({\n  TextInput,\n})\n\nexport const InputFrame = styled(\n  TextInput,\n  {\n    name: 'Input',\n    fontFamily: '$body',\n    borderWidth: 1,\n    outlineWidth: 0,\n    color: '$color',\n    focusable: true,\n    borderColor: '$borderColor',\n    backgroundColor: '$background',\n    placeholderTextColor: '$placeholderColor',\n\n    // this fixes a flex bug where it overflows container\n    minWidth: 0,\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    } as const,\n\n    defaultVariants: {\n      size: '$4',\n    },\n  },\n  {\n    isInput: true,\n  }\n)\n\nexport type InputProps = GetProps<typeof InputFrame>\n\nexport const Input = focusableInputHOC(InputFrame)\n"],
+  "sourcesContent": ["import { GetProps, setupReactNative, styled } from '@tamagui/core'\nimport { focusableInputHOC } from '@tamagui/focusable'\nimport { TextInput } from 'react-native'\n\nimport { inputSizeVariant } from '../helpers/inputHelpers'\n\nsetupReactNative({\n  TextInput,\n})\n\nexport const InputFrame = styled(\n  TextInput,\n  {\n    name: 'Input',\n    fontFamily: '$body',\n    borderWidth: 1,\n    outlineWidth: 0,\n    color: '$color',\n    focusable: true,\n    borderColor: '$borderColor',\n    backgroundColor: '$background',\n    placeholderTextColor: '$placeholderColor',\n\n    // this fixes a flex bug where it overflows container\n    minWidth: 0,\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    } as const,\n\n    defaultVariants: {\n      size: '$true',\n    },\n  },\n  {\n    isInput: true,\n  }\n)\n\nexport type InputProps = GetProps<typeof InputFrame>\n\nexport const Input = focusableInputHOC(InputFrame)\n"],
   "mappings": "AAAA,SAAmB,kBAAkB,cAAc;AACnD,SAAS,yBAAyB;AAClC,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAEjC,iBAAiB;AAAA,EACf;AACF,CAAC;AAEM,MAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,IACE,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,cAAc;AAAA,IACd,OAAO;AAAA,IACP,WAAW;AAAA,IACX,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IAGtB,UAAU;AAAA,IAEV,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,IAEA,YAAY;AAAA,MACV,aAAa;AAAA,MACb,aAAa;AAAA,MACb,kBAAkB;AAAA,IACpB;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA;AAAA,IACE,SAAS;AAAA,EACX;AACF;AAIO,MAAM,QAAQ,kBAAkB,UAAU;",
   "names": []
 }

package/dist/jsx/views/Skeleton.js

@@ -1,7 +1,7 @@
 import { styled } from "@tamagui/core";
+import { LinearGradient } from "@tamagui/linear-gradient";
 import { YStack } from "@tamagui/stacks";
 import { forwardRef } from "react";
-import { LinearGradient } from "./LinearGradient";
 import { VisuallyHidden } from "./VisuallyHidden";
 const SkeletonFrame = styled(YStack, {
   name: "Skeleton",

package/dist/jsx/views/Skeleton.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/views/Skeleton.tsx"],
-  "sourcesContent": ["import { GetProps, TamaguiElement, styled } from '@tamagui/core'\nimport { YStack } from '@tamagui/stacks'\nimport { forwardRef } from 'react'\n\nimport { LinearGradient, LinearGradientProps } from './LinearGradient'\nimport { VisuallyHidden } from './VisuallyHidden'\n\nexport const SkeletonFrame = styled(YStack, {\n  name: 'Skeleton',\n  backgroundColor: '$backgroundHover',\n  overflow: 'hidden',\n  position: 'relative',\n})\n\nexport type SkeletonProps = GetProps<typeof SkeletonFrame>\n\nexport const Skeleton = SkeletonFrame.extractable(\n  forwardRef<TamaguiElement>(({ children, ...props }: SkeletonProps, ref) => {\n    return (\n      <SkeletonFrame ref={ref} {...props}>\n        <SkeletonShine />\n        <VisuallyHidden preserveDimensions>{children}</VisuallyHidden>\n      </SkeletonFrame>\n    )\n  }),\n)\n\nexport const SkeletonShine = (props: LinearGradientProps) => {\n  return (\n    <LinearGradient\n      position=\"absolute\"\n      top={0}\n      bottom={0}\n      width=\"25%\"\n      colors={['$background', '$color']}\n      {...props}\n    />\n  )\n}\n"],
-  "mappings": "AAAA,SAAmC,cAAc;AACjD,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAE3B,SAAS,sBAA2C;AACpD,SAAS,sBAAsB;AAExB,MAAM,gBAAgB,OAAO,QAAQ;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAIM,MAAM,WAAW,cAAc;AAAA,EACpC,WAA2B,CAAC,EAAE,aAAa,MAAM,GAAkB,QAAQ;AACzE,WACE,CAAC,cAAc,KAAK,SAAS;AAAA,MAC3B,CAAC,cAAc;AAAA,MACf,CAAC,eAAe,oBAAoB,SAAS,EAA5C;AAAA,IACH,EAHC;AAAA,EAKL,CAAC;AACH;AAEO,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,SACE,CAAC,eACC,SAAS,WACT,KAAK,GACL,QAAQ,GACR,MAAM,MACN,QAAQ,CAAC,eAAe,QAAQ,OAC5B,OACN;AAEJ;",
+  "sourcesContent": ["import { GetProps, TamaguiElement, styled } from '@tamagui/core'\nimport { LinearGradient, LinearGradientProps } from '@tamagui/linear-gradient'\nimport { YStack } from '@tamagui/stacks'\nimport { forwardRef } from 'react'\n\nimport { VisuallyHidden } from './VisuallyHidden'\n\nexport const SkeletonFrame = styled(YStack, {\n  name: 'Skeleton',\n  backgroundColor: '$backgroundHover',\n  overflow: 'hidden',\n  position: 'relative',\n})\n\nexport type SkeletonProps = GetProps<typeof SkeletonFrame>\n\nexport const Skeleton = SkeletonFrame.extractable(\n  forwardRef<TamaguiElement>(({ children, ...props }: SkeletonProps, ref) => {\n    return (\n      <SkeletonFrame ref={ref} {...props}>\n        <SkeletonShine />\n        <VisuallyHidden preserveDimensions>{children}</VisuallyHidden>\n      </SkeletonFrame>\n    )\n  })\n)\n\nexport const SkeletonShine = (props: LinearGradientProps) => {\n  return (\n    <LinearGradient\n      position=\"absolute\"\n      top={0}\n      bottom={0}\n      width=\"25%\"\n      colors={['$background', '$color']}\n      {...props}\n    />\n  )\n}\n"],
+  "mappings": "AAAA,SAAmC,cAAc;AACjD,SAAS,sBAA2C;AACpD,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAE3B,SAAS,sBAAsB;AAExB,MAAM,gBAAgB,OAAO,QAAQ;AAAA,EAC1C,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AACZ,CAAC;AAIM,MAAM,WAAW,cAAc;AAAA,EACpC,WAA2B,CAAC,EAAE,aAAa,MAAM,GAAkB,QAAQ;AACzE,WACE,CAAC,cAAc,KAAK,SAAS;AAAA,MAC3B,CAAC,cAAc;AAAA,MACf,CAAC,eAAe,oBAAoB,SAAS,EAA5C;AAAA,IACH,EAHC;AAAA,EAKL,CAAC;AACH;AAEO,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,SACE,CAAC,eACC,SAAS,WACT,KAAK,GACL,QAAQ,GACR,MAAM,MACN,QAAQ,CAAC,eAAe,QAAQ,OAC5B,OACN;AAEJ;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tamagui",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "sideEffects": [
     "*.css",
     "*setup.js"
@@ -25,59 +25,70 @@
     "check": "yarn check-circular-deps",
     "check-circular-deps": "npx madge --circular ./src/index.ts"
   },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
   "dependencies": {
-    "@tamagui/adapt": "^1.0.2",
-    "@tamagui/alert-dialog": "^1.0.2",
-    "@tamagui/animate-presence": "^1.0.2",
-    "@tamagui/avatar": "^1.0.2",
-    "@tamagui/button": "^1.0.2",
-    "@tamagui/card": "^1.0.2",
-    "@tamagui/compose-refs": "^1.0.2",
-    "@tamagui/core": "^1.0.2",
-    "@tamagui/create-context": "^1.0.2",
-    "@tamagui/dialog": "^1.0.2",
-    "@tamagui/fake-react-native": "^1.0.2",
-    "@tamagui/font-size": "^1.0.2",
-    "@tamagui/get-button-sized": "^1.0.2",
-    "@tamagui/get-font-sized": "^1.0.2",
-    "@tamagui/helpers": "^1.0.2",
-    "@tamagui/helpers-tamagui": "^1.0.2",
-    "@tamagui/image": "^1.0.2",
-    "@tamagui/label": "^1.0.2",
-    "@tamagui/list-item": "^1.0.2",
-    "@tamagui/popover": "^1.0.2",
-    "@tamagui/popper": "^1.0.2",
-    "@tamagui/portal": "^1.0.2",
-    "@tamagui/progress": "^1.0.2",
-    "@tamagui/react-native-media-driver": "^1.0.2",
-    "@tamagui/scroll-view": "^1.0.2",
-    "@tamagui/select": "^1.0.2",
-    "@tamagui/separator": "^1.0.2",
-    "@tamagui/shapes": "^1.0.2",
-    "@tamagui/sheet": "^1.0.2",
-    "@tamagui/slider": "^1.0.2",
-    "@tamagui/stacks": "^1.0.2",
-    "@tamagui/switch": "^1.0.2",
-    "@tamagui/text": "^1.0.2",
-    "@tamagui/tooltip": "^1.0.2",
-    "@tamagui/use-controllable-state": "^1.0.2",
-    "@tamagui/use-debounce": "^1.0.2",
-    "@tamagui/use-event": "^1.0.2",
-    "@tamagui/use-force-update": "^1.0.2",
-    "@tamagui/use-window-dimensions": "^1.0.2",
-    "@tamagui/visually-hidden": "^1.0.2",
-    "expo-linear-gradient": "^12.0.1",
-    "expo-screen-orientation": "^5.0.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "@tamagui/adapt": "^1.0.4",
+    "@tamagui/alert-dialog": "^1.0.4",
+    "@tamagui/animate-presence": "^1.0.4",
+    "@tamagui/avatar": "^1.0.4",
+    "@tamagui/button": "^1.0.4",
+    "@tamagui/card": "^1.0.4",
+    "@tamagui/compose-refs": "^1.0.4",
+    "@tamagui/core": "^1.0.4",
+    "@tamagui/create-context": "^1.0.4",
+    "@tamagui/dialog": "^1.0.4",
+    "@tamagui/fake-react-native": "^1.0.4",
+    "@tamagui/font-size": "^1.0.4",
+    "@tamagui/get-button-sized": "^1.0.4",
+    "@tamagui/get-font-sized": "^1.0.4",
+    "@tamagui/get-size": "^1.0.4",
+    "@tamagui/helpers": "^1.0.4",
+    "@tamagui/helpers-tamagui": "^1.0.4",
+    "@tamagui/image": "^1.0.4",
+    "@tamagui/label": "^1.0.4",
+    "@tamagui/linear-gradient": "^1.0.4",
+    "@tamagui/list-item": "^1.0.4",
+    "@tamagui/popover": "^1.0.4",
+    "@tamagui/popper": "^1.0.4",
+    "@tamagui/portal": "^1.0.4",
+    "@tamagui/progress": "^1.0.4",
+    "@tamagui/react-native-media-driver": "^1.0.4",
+    "@tamagui/scroll-view": "^1.0.4",
+    "@tamagui/select": "^1.0.4",
+    "@tamagui/separator": "^1.0.4",
+    "@tamagui/shapes": "^1.0.4",
+    "@tamagui/sheet": "^1.0.4",
+    "@tamagui/slider": "^1.0.4",
+    "@tamagui/stacks": "^1.0.4",
+    "@tamagui/switch": "^1.0.4",
+    "@tamagui/text": "^1.0.4",
+    "@tamagui/tooltip": "^1.0.4",
+    "@tamagui/use-controllable-state": "^1.0.4",
+    "@tamagui/use-debounce": "^1.0.4",
+    "@tamagui/use-event": "^1.0.4",
+    "@tamagui/use-force-update": "^1.0.4",
+    "@tamagui/use-window-dimensions": "^1.0.4",
+    "@tamagui/visually-hidden": "^1.0.4"
   },
   "peerDependencies": {
+    "expo-screen-orientation": "*",
+    "react": "*",
+    "react-dom": "*",
     "react-native-web": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.2",
+    "@tamagui/build": "^1.0.4",
     "@types/node": "^16.11.9",
     "@types/react": "^18.0.15",
+    "expo-screen-orientation": "^5.0.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-native-web": "^0.18.3"
   },
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14"

package/src/helpers/inputHelpers.tsx

@@ -1,18 +1,17 @@
-import {
-  SizeVariantSpreadFunction,
-  getVariableValue,
-  isWeb,
-  stepTokenUpOrDown,
-} from '@tamagui/core'
+import { SizeVariantSpreadFunction, getVariableValue, isWeb } from '@tamagui/core'
 import { getButtonSized } from '@tamagui/get-button-sized'
 import { getFontSized } from '@tamagui/get-font-sized'
+import { stepTokenUpOrDown } from '@tamagui/get-size'
 
-export const inputSizeVariant: SizeVariantSpreadFunction<any> = (val = '$4', extras) => {
+export const inputSizeVariant: SizeVariantSpreadFunction<any> = (
+  val = '$true',
+  extras
+) => {
   if (extras.props.multiline || extras.props.numberOfLines > 1) {
     return textAreaSizeVariant(val, extras)
   }
   const buttonStyles = getButtonSized(val, extras)
-  const paddingHorizontal = stepTokenUpOrDown(extras.tokens.space, val, -1, [2])
+  const paddingHorizontal = stepTokenUpOrDown('space', val, -1, [2])
   const fontStyle = getFontSized(val, extras)
   // lineHeight messes up input on native
   if (!isWeb && fontStyle) {
@@ -26,7 +25,7 @@ export const inputSizeVariant: SizeVariantSpreadFunction<any> = (val = '$4', ext
 }
 
 export const textAreaSizeVariant: SizeVariantSpreadFunction<any> = (
-  val = '$4',
+  val = '$true',
   extras
 ) => {
   const { props } = extras
@@ -35,8 +34,8 @@ export const textAreaSizeVariant: SizeVariantSpreadFunction<any> = (
   const height = props.numberOfLines
     ? (props.numberOfLines || 1) * getVariableValue(fontStyle.lineHeight)
     : 'auto'
-  const paddingVertical = stepTokenUpOrDown(extras.tokens.space, val, -2, [2])
-  const paddingHorizontal = stepTokenUpOrDown(extras.tokens.space, val, -1, [2])
+  const paddingVertical = stepTokenUpOrDown('space', val, -2, [2])
+  const paddingHorizontal = stepTokenUpOrDown('space', val, -1, [2])
   return {
     ...buttonStyles,
     ...fontStyle,

package/src/index.ts

@@ -13,6 +13,7 @@ export * from '@tamagui/font-size'
 export * from '@tamagui/helpers-tamagui'
 export * from '@tamagui/image'
 export * from '@tamagui/label'
+export * from '@tamagui/linear-gradient'
 export * from '@tamagui/list-item'
 export * from '@tamagui/popover'
 export * from '@tamagui/popper'
@@ -47,7 +48,6 @@ export * from './views/Grid'
 export * from './views/Input'
 export * from './views/Group'
 export * from './views/Layouts'
-export * from './views/LinearGradient'
 // export * from './views/Skeleton'
 export * from './views/Spinner'
 export * from './views/TextArea'
@@ -81,8 +81,6 @@ export type {
   RNWTextProps,
   RNWViewProps,
   Shorthands,
-  Slot,
-  Slottable,
   SizeTokens,
   SpaceTokens,
   SpacerProps,

package/src/views/Fieldset.tsx

@@ -3,6 +3,7 @@ import { YStack } from '@tamagui/stacks'
 
 export const Fieldset = styled(YStack, {
   name: 'Fieldset',
+  tag: 'fieldset',
 
   variants: {
     horizontal: {

package/src/views/Group.tsx

@@ -22,7 +22,7 @@ export const GroupFrame = styled(ThemeableStack, {
 
   variants: {
     size: (val, { tokens }) => {
-      const borderRadius = tokens.radius[val] ?? val ?? tokens.radius['$4']
+      const borderRadius = tokens.radius[val] ?? val ?? tokens.radius['$true']
       return {
         borderRadius,
       }
@@ -30,7 +30,7 @@ export const GroupFrame = styled(ThemeableStack, {
   } as const,
 
   defaultVariants: {
-    size: '$4',
+    size: '$true',
   },
 })
 
@@ -52,7 +52,7 @@ function createGroup(verticalDefault: boolean) {
     const {
       children: childrenProp,
       space,
-      size = '$4',
+      size = '$true',
       spaceDirection,
       separator,
       scrollable,
@@ -66,6 +66,7 @@ function createGroup(verticalDefault: boolean) {
     const radius =
       borderRadius ??
       (size ? getVariableValue(getTokens(true).radius[size]) - 1 : undefined)
+
     const hasRadius = radius !== undefined
     const disablePassBorderRadius = disablePassBorderRadiusProp ?? !hasRadius
     const childrens = Children.toArray(childrenProp)

package/src/views/Input.tsx

@@ -41,7 +41,7 @@ export const InputFrame = styled(
     } as const,
 
     defaultVariants: {
-      size: '$4',
+      size: '$true',
     },
   },
   {

package/src/views/Skeleton.tsx

@@ -1,8 +1,8 @@
 import { GetProps, TamaguiElement, styled } from '@tamagui/core'
+import { LinearGradient, LinearGradientProps } from '@tamagui/linear-gradient'
 import { YStack } from '@tamagui/stacks'
 import { forwardRef } from 'react'
 
-import { LinearGradient, LinearGradientProps } from './LinearGradient'
 import { VisuallyHidden } from './VisuallyHidden'
 
 export const SkeletonFrame = styled(YStack, {
@@ -22,7 +22,7 @@ export const Skeleton = SkeletonFrame.extractable(
         <VisuallyHidden preserveDimensions>{children}</VisuallyHidden>
       </SkeletonFrame>
     )
-  }),
+  })
 )
 
 export const SkeletonShine = (props: LinearGradientProps) => {

package/types/index.d.ts

@@ -12,6 +12,7 @@ export * from '@tamagui/font-size';
 export * from '@tamagui/helpers-tamagui';
 export * from '@tamagui/image';
 export * from '@tamagui/label';
+export * from '@tamagui/linear-gradient';
 export * from '@tamagui/list-item';
 export * from '@tamagui/popover';
 export * from '@tamagui/popper';
@@ -43,9 +44,8 @@ export * from './views/Grid';
 export * from './views/Input';
 export * from './views/Group';
 export * from './views/Layouts';
-export * from './views/LinearGradient';
 export * from './views/Spinner';
 export * from './views/TextArea';
-export type { AnimationKeys, ColorTokens, CreateTamaguiConfig, CreateTamaguiProps, FontColorTokens, FontLetterSpacingTokens, FontLineHeightTokens, FontSizeTokens, FontStyleTokens, FontTokens, FontTransformTokens, FontWeightTokens, GenericFont, GenericTamaguiConfig, GetAnimationKeys, GetProps, GetVariantProps, GenericTextVariants, GenericStackVariants, Media, MediaPropKeys, MediaQueries, MediaQueryState, RNWTextProps, RNWViewProps, Shorthands, Slot, Slottable, SizeTokens, SpaceTokens, SpacerProps, StackPropsBase, TamaguiElement, StackNonStyleProps, StaticConfig, StaticConfigParsed, TamaguiBaseTheme, TamaguiComponent, TamaguiComponentPropsBase, TamaguiConfig, FontLanguages, TamaguiCustomConfig, TamaguiInternalConfig, TamaguiProviderProps, TextProps, TextPropsBase, TextNonStyleProps, ThemeKeys, ThemeName, ThemeParsed, ThemeProps, Themes, ThemeValueFallback, Tokens, TransformStyleProps, VariantSpreadExtras, VariantSpreadFunction, ZIndexTokens, } from '@tamagui/core';
+export type { AnimationKeys, ColorTokens, CreateTamaguiConfig, CreateTamaguiProps, FontColorTokens, FontLetterSpacingTokens, FontLineHeightTokens, FontSizeTokens, FontStyleTokens, FontTokens, FontTransformTokens, FontWeightTokens, GenericFont, GenericTamaguiConfig, GetAnimationKeys, GetProps, GetVariantProps, GenericTextVariants, GenericStackVariants, Media, MediaPropKeys, MediaQueries, MediaQueryState, RNWTextProps, RNWViewProps, Shorthands, SizeTokens, SpaceTokens, SpacerProps, StackPropsBase, TamaguiElement, StackNonStyleProps, StaticConfig, StaticConfigParsed, TamaguiBaseTheme, TamaguiComponent, TamaguiComponentPropsBase, TamaguiConfig, FontLanguages, TamaguiCustomConfig, TamaguiInternalConfig, TamaguiProviderProps, TextProps, TextPropsBase, TextNonStyleProps, ThemeKeys, ThemeName, ThemeParsed, ThemeProps, Themes, ThemeValueFallback, Tokens, TransformStyleProps, VariantSpreadExtras, VariantSpreadFunction, ZIndexTokens, } from '@tamagui/core';
 export { Spacer, Stack, Text, Theme, FontLanguage, Unspaced, TextAncestorContext, isChrome, isClient, isServer, isTouchable, isWeb, isWebTouchable, mediaQueryConfig, createComponent, createFont, createShorthands, createTheme, addTheme, updateTheme, createTokens, createVariable, getConfig, getAnimationDriver, getMedia, getStylesAtomic, getThemes, getTokens, getVariable, variableToString, getVariableValue, getVariableName, insertFont, isTamaguiElement, isTamaguiComponent, isVariable, matchMedia, mediaObjectToString, mediaState, spacedChildren, styled, themeable, withStaticProperties, useGet, useEvent, useDidFinishSSR, useIsomorphicLayoutEffect, useIsTouchDevice, useMedia, useTheme, useThemeName, useSafeRef, } from '@tamagui/core';
 //# sourceMappingURL=index.d.ts.map

package/types/views/LinearGradient.d.ts

@@ -2,7 +2,7 @@ import { ColorTokens, ThemeTokens } from '@tamagui/core';
 import { YStackProps } from '@tamagui/stacks';
 import * as React from 'react';
 import { View } from 'react-native';
-import { LinearGradientProps as ExpoLinearGradientProps } from '../lib/linear-gradient';
+import { LinearGradientProps as ExpoLinearGradientProps } from '../../../linear-gradient/src/linear-gradient';
 export type LinearGradientProps = Omit<ExpoLinearGradientProps, 'colors'> & Omit<YStackProps, 'children' | keyof ExpoLinearGradientProps> & {
     colors?: (ColorTokens | ThemeTokens | (string & {}))[];
 };

package/types/views/Skeleton.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { GetProps, TamaguiElement } from '@tamagui/core';
-import { LinearGradientProps } from './LinearGradient';
+import { LinearGradientProps } from '@tamagui/linear-gradient';
 export declare const SkeletonFrame: import("@tamagui/core").TamaguiComponent<(Omit<import("react-native").ViewProps, "display" | "children"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{}, "elevation" | "fullscreen"> & {
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;

package/src/lib/linear-gradient.ts

@@ -1,2 +0,0 @@
-export { LinearGradient } from 'expo-linear-gradient'
-export type { LinearGradientProps } from 'expo-linear-gradient'

package/src/views/LinearGradient.tsx

@@ -1,71 +0,0 @@
-import {
-  ColorTokens,
-  ThemeTokens,
-  getVariable,
-  styled,
-  themeable,
-  useTheme,
-} from '@tamagui/core'
-import { YStack, YStackProps } from '@tamagui/stacks'
-import * as React from 'react'
-import { StyleSheet, View } from 'react-native'
-
-import {
-  LinearGradient as ExpoLinearGradient,
-  LinearGradientProps as ExpoLinearGradientProps,
-} from '../lib/linear-gradient'
-
-//
-export type LinearGradientProps = Omit<ExpoLinearGradientProps, 'colors'> &
-  Omit<YStackProps, 'children' | keyof ExpoLinearGradientProps> & {
-    colors?: (ColorTokens | ThemeTokens | (string & {}))[]
-  }
-
-export const LinearGradient: React.ForwardRefExoticComponent<
-  LinearGradientProps & React.RefAttributes<HTMLElement | View>
-> = YStack.extractable(
-  themeable(
-    React.forwardRef((props: LinearGradientProps, ref) => {
-      const {
-        start,
-        end,
-        colors: colorsProp,
-        locations,
-        children,
-        ...stackProps
-      } = props
-      const colors = useThemeColors(colorsProp || [])
-      return (
-        // @ts-ignore
-        <LinearGradientFrame ref={ref} {...stackProps}>
-          <ExpoLinearGradient
-            start={start}
-            end={end}
-            colors={colors}
-            locations={locations}
-            style={StyleSheet.absoluteFill}
-          >
-            {children}
-          </ExpoLinearGradient>
-        </LinearGradientFrame>
-      )
-    }),
-  ),
-) as any
-
-const LinearGradientFrame = styled(YStack, {
-  name: 'LinearGradient',
-  overflow: 'hidden',
-  position: 'relative',
-})
-
-// resolve tamagui theme values
-const useThemeColors = (colors: string[]) => {
-  const theme = useTheme()
-  return colors.map((color) => {
-    if (color[0] === '$') {
-      return getVariable(theme[color] || color)
-    }
-    return color
-  })
-}