@tamagui/ui 1.93.0 → 3.0.0-beta.637.1

package/linear-gradient/index.d.ts

@@ -1 +0,0 @@
-  export * from '../types/linear-gradient'

package/linear-gradient/index.js

@@ -1 +0,0 @@
-export * from '../dist/esm/linear-gradient'

package/native.d.ts

@@ -1 +0,0 @@
-export * from './types'

package/native.js

@@ -1 +0,0 @@
-Object.assign(module.exports, require('./dist/native'))

package/src/createTamagui.ts

@@ -1,72 +0,0 @@
-import { createTamagui as createTamaguiCore } from '@tamagui/core'
-
-/**
- * Adds some helpful validation at dev time only for `tamagui` specifically
- **/
-
-export const createTamagui: typeof createTamaguiCore =
-  process.env.NODE_ENV !== 'development'
-    ? createTamaguiCore
-    : (conf) => {
-        const sizeTokenKeys = ['$true']
-
-        const hasKeys = (expectedKeys: string[], obj: Record<any, any>) => {
-          return expectedKeys.every((k) => typeof obj[k] !== 'undefined')
-        }
-
-        const tamaguiConfig = createTamaguiCore(conf)
-
-        // size and space should be fully defined
-        for (const name of ['size', 'space'] as const) {
-          const tokenSet = tamaguiConfig.tokensParsed[name]
-          if (!tokenSet) {
-            throw new Error(
-              `Expected tokens for "${name}" in ${Object.keys(
-                tamaguiConfig.tokensParsed
-              ).join(', ')}`
-            )
-          }
-          if (!hasKeys(sizeTokenKeys, tokenSet)) {
-            throw new Error(`
-createTamagui() missing expected tokens.${name}:
-
-Received: ${Object.keys(tokenSet).join(', ')}
-
-Expected: ${sizeTokenKeys.join(', ')}
-
-Tamagui expects a "true" key that is the same value as your default size. This is so 
-it can size things up or down from the defaults without assuming which keys you use.
-
-Please define a "true" or "$true" key on your size and space tokens like so (example):
-
-size: {
-  sm: 2,
-  md: 10,
-  true: 10, // this means "md" is your default size
-  lg: 20,
-}
-
-`)
-          }
-        }
-
-        // others must define subset of size tokens
-        const expected = Object.keys(tamaguiConfig.tokensParsed.size)
-        for (const name of ['radius', 'zIndex'] as const) {
-          const tokenSet = tamaguiConfig.tokensParsed[name]
-          const received = Object.keys(tokenSet)
-          const hasSomeOverlap = received.some((rk) => expected.includes(rk))
-          if (!hasSomeOverlap) {
-            throw new Error(`
-createTamagui() invalid tokens.${name}:
-
-Received: ${received.join(', ')}
-
-Expected a subset of: ${expected.join(', ')}
-
-`)
-          }
-        }
-
-        return tamaguiConfig
-      }

package/src/helpers/inputHelpers.tsx

@@ -1,56 +0,0 @@
-import type { SizeVariantSpreadFunction } from '@tamagui/core'
-import { getVariableValue, isWeb } from '@tamagui/core'
-import { getButtonSized } from '@tamagui/get-button-sized'
-import { getFontSized } from '@tamagui/get-font-sized'
-import { getSpace } from '@tamagui/get-token'
-
-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 = getSpace(val, {
-    shift: -1,
-    bounds: [2],
-  })
-  const fontStyle = getFontSized(val as any, extras)
-  // lineHeight messes up input on native
-  if (!isWeb && fontStyle) {
-    delete fontStyle['lineHeight']
-  }
-  return {
-    ...fontStyle,
-    ...buttonStyles,
-    paddingHorizontal,
-  }
-}
-
-export const textAreaSizeVariant: SizeVariantSpreadFunction<any> = (
-  val = '$true',
-  extras
-) => {
-  const { props } = extras
-  const buttonStyles = getButtonSized(val, extras)
-  const fontStyle = getFontSized(val as any, extras)!
-  const lines = props.rows ?? props.numberOfLines
-  const height =
-    typeof lines === 'number' ? lines * getVariableValue(fontStyle.lineHeight) : 'auto'
-  const paddingVertical = getSpace(val, {
-    shift: -2,
-    bounds: [2],
-  })
-  const paddingHorizontal = getSpace(val, {
-    shift: -1,
-    bounds: [2],
-  })
-  return {
-    ...buttonStyles,
-    ...fontStyle,
-    paddingVertical,
-    paddingHorizontal,
-    height,
-  }
-}

package/src/lib/linear-gradient.native.ts

@@ -1 +0,0 @@
-export * from 'expo-linear-gradient'

package/src/linear-gradient.ts

@@ -1 +0,0 @@
-export * from '@tamagui/linear-gradient'

package/src/setup.ts

@@ -1,12 +0,0 @@
-import '@tamagui/polyfill-dev'
-
-import * as React from 'react'
-
-// this fixes various issues people run into (storybook, etc in discord)
-// React doesn't really tree shake so not much danger here...
-globalThis['React'] ||= React
-
-// for SSR
-if (typeof requestAnimationFrame === 'undefined') {
-  globalThis['requestAnimationFrame'] = setImmediate
-}

package/src/viewTypes.tsx

@@ -1,50 +0,0 @@
-import type { TextStyle, ViewStyle } from 'react-native'
-
-export type ShorthandViewStyleProps = {
-  w?: ViewStyle['width']
-  h?: ViewStyle['height']
-
-  p?: ViewStyle['padding']
-  pt?: ViewStyle['paddingTop']
-  pb?: ViewStyle['paddingBottom']
-  pl?: ViewStyle['paddingLeft']
-  pr?: ViewStyle['paddingRight']
-  px?: ViewStyle['paddingHorizontal']
-  py?: ViewStyle['paddingVertical']
-  m?: ViewStyle['margin']
-  mt?: ViewStyle['marginTop']
-  mb?: ViewStyle['marginBottom']
-  ml?: ViewStyle['marginLeft']
-  mr?: ViewStyle['marginRight']
-  mx?: ViewStyle['marginHorizontal']
-  my?: ViewStyle['marginVertical']
-
-  f?: ViewStyle['flex']
-  fd?: ViewStyle['flexDirection']
-  fw?: ViewStyle['flexWrap']
-  fg?: ViewStyle['flexGrow']
-  fs?: ViewStyle['flexShrink']
-  fb?: ViewStyle['flexBasis']
-
-  ai?: ViewStyle['alignItems']
-  ac?: ViewStyle['alignContent']
-  jc?: ViewStyle['justifyContent']
-  als?: ViewStyle['alignSelf']
-
-  bc?: ViewStyle['backgroundColor']
-
-  br?: ViewStyle['borderRadius']
-  btrr?: ViewStyle['borderTopRightRadius']
-  bbrr?: ViewStyle['borderBottomRightRadius']
-  bblr?: ViewStyle['borderBottomLeftRadius']
-  btlr?: ViewStyle['borderTopLeftRadius']
-
-  pe?: 'box-none' | 'none' | 'box-only' | 'auto'
-  zi?: ViewStyle['zIndex']
-}
-
-export type ShorthandTextStyleProps = ShorthandViewStyleProps & {
-  ta?: TextStyle['textAlign']
-  fs?: TextStyle['fontSize']
-  lh?: TextStyle['lineHeight']
-}

package/src/views/Anchor.tsx

@@ -1,43 +0,0 @@
-import { isWeb } from '@tamagui/constants'
-import { styled } from '@tamagui/core'
-import type { SizableTextProps } from '@tamagui/text'
-import { SizableText } from '@tamagui/text'
-import { Linking } from 'react-native'
-
-export interface AnchorExtraProps {
-  href?: string
-  target?: string
-  rel?: string
-}
-
-export type AnchorProps = SizableTextProps & AnchorExtraProps
-
-const AnchorFrame = styled(SizableText, {
-  name: 'Anchor',
-  tag: 'a',
-  accessibilityRole: 'link',
-})
-
-export const Anchor = AnchorFrame.styleable<AnchorExtraProps>(
-  ({ href, target, ...props }, ref) => {
-    return (
-      <AnchorFrame
-        {...props}
-        {...(isWeb
-          ? {
-              href,
-              target,
-            }
-          : {
-              onPress: (event) => {
-                props.onPress?.(event)
-                if (href !== undefined) {
-                  Linking.openURL(href)
-                }
-              },
-            })}
-        ref={ref as any}
-      />
-    )
-  }
-)

package/src/views/EnsureFlexed.tsx

@@ -1,16 +0,0 @@
-import { Text, styled } from '@tamagui/core'
-
-// expands flex elements when they should push a far as they "want" naturally
-
-export const EnsureFlexed = styled(Text, {
-  opacity: 0,
-  lineHeight: 0,
-  height: 0,
-  display: 'flex',
-  fontSize: 200,
-  children: 'wwwwwwwwwwwwwwwwwww',
-  pointerEvents: 'none',
-})
-
-// @tamgui/core checks for this in spacing
-EnsureFlexed['isVisuallyHidden'] = true

package/src/views/Fieldset.tsx

@@ -1,19 +0,0 @@
-import type { GetProps } from '@tamagui/core'
-import { styled } from '@tamagui/core'
-import { YStack } from '@tamagui/stacks'
-
-export const Fieldset = styled(YStack, {
-  name: 'Fieldset',
-  tag: 'fieldset',
-
-  variants: {
-    horizontal: {
-      true: {
-        flexDirection: 'row',
-        alignItems: 'center',
-      },
-    },
-  } as const,
-})
-
-export type FieldsetProps = GetProps<typeof Fieldset>

package/src/views/Input.tsx

@@ -1,135 +0,0 @@
-import { isWeb } from '@tamagui/constants'
-import type { GetProps } from '@tamagui/core'
-import { styled, useComposedRefs, useTheme } from '@tamagui/core'
-import { registerFocusable, useFocusable } from '@tamagui/focusable'
-import { TextInput } from 'react-native'
-
-import { inputSizeVariant } from '../helpers/inputHelpers'
-import { useEffect, useRef } from 'react'
-
-export const defaultStyles = {
-  size: '$true',
-  fontFamily: '$body',
-  borderWidth: 1,
-  outlineWidth: 0,
-  color: '$color',
-
-  ...(isWeb
-    ? {
-        tabIndex: 0,
-      }
-    : {
-        focusable: true,
-      }),
-
-  borderColor: '$borderColor',
-  backgroundColor: '$background',
-
-  // this fixes a flex bug where it overflows container
-  minWidth: 0,
-
-  hoverStyle: {
-    borderColor: '$borderColorHover',
-  },
-
-  focusStyle: {
-    borderColor: '$borderColorFocus',
-  },
-
-  focusVisibleStyle: {
-    outlineColor: '$outlineColor',
-    outlineWidth: 2,
-    outlineStyle: 'solid',
-  },
-} as const
-
-export const InputFrame = styled(
-  TextInput,
-  {
-    name: 'Input',
-
-    variants: {
-      unstyled: {
-        false: defaultStyles,
-      },
-
-      size: {
-        '...size': inputSizeVariant,
-      },
-
-      disabled: {
-        true: {},
-      },
-    } as const,
-
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_HEADLESS === '1' ? true : false,
-    },
-  },
-  {
-    isInput: true,
-
-    accept: {
-      placeholderTextColor: 'color',
-      selectionColor: 'color',
-    } as const,
-  }
-)
-
-// const x = <InputFrame selectionColor="" />
-
-export type Input = TextInput
-
-export type InputFrameProps = GetProps<typeof InputFrame>
-
-export type InputExtraProps = {
-  rows?: number
-}
-
-export type InputProps = InputFrameProps & InputExtraProps
-
-export const Input = InputFrame.styleable<InputExtraProps>((propsIn, forwardedRef) => {
-  const ref = useRef<Input>(null)
-  const composedRefs = useComposedRefs(forwardedRef, ref)
-  const props = useInputProps(propsIn, composedRefs)
-
-  if (process.env.TAMAGUI_TARGET === 'native') {
-    useEffect(() => {
-      if (!props.id) return
-      if (props.disabled) return
-
-      return registerFocusable(props.id, {
-        focusAndSelect: () => {
-          ref.current?.focus()
-        },
-        focus: () => {},
-      })
-    }, [props.id, props.disabled])
-  }
-
-  return <InputFrame {...props} />
-})
-
-export function useInputProps(props: InputProps, ref: any) {
-  const theme = useTheme()
-  const { onChangeText, ref: combinedRef } = useFocusable({
-    // @ts-ignore
-    props,
-    ref,
-    isInput: true,
-  })
-
-  const placeholderColorProp = props.placeholderTextColor
-  const placeholderTextColor =
-    theme[placeholderColorProp as any]?.get() ??
-    placeholderColorProp ??
-    theme.placeholderColor?.get()
-
-  return {
-    ref: combinedRef,
-    readOnly: props.disabled,
-    ...props,
-    placeholderTextColor,
-    onChangeText,
-  }
-}

package/src/views/Skeleton.tsx

@@ -1,39 +0,0 @@
-// import { GetProps, TamaguiElement, styled } from '@tamagui/core'
-// import { LinearGradient, LinearGradientProps } from '@tamagui/linear-gradient'
-// import { YStack } from '@tamagui/stacks'
-// import { forwardRef } from 'react'
-
-// import { VisuallyHidden } from './VisuallyHidden'
-
-// export const SkeletonFrame = styled(YStack, {
-//   name: 'Skeleton',
-//   backgroundColor: '$backgroundHover',
-//   overflow: 'hidden',
-//   position: 'relative',
-// })
-
-// export type SkeletonProps = GetProps<typeof SkeletonFrame>
-
-// export const Skeleton = SkeletonFrame.extractable(
-//   forwardRef<TamaguiElement>(({ children, ...props }: SkeletonProps, ref) => {
-//     return (
-//       <SkeletonFrame ref={ref} {...props}>
-//         <SkeletonShine />
-//         <VisuallyHidden preserveDimensions>{children}</VisuallyHidden>
-//       </SkeletonFrame>
-//     )
-//   })
-// )
-
-// export const SkeletonShine = (props: LinearGradientProps) => {
-//   return (
-//     <LinearGradient
-//       position="absolute"
-//       top={0}
-//       bottom={0}
-//       width="25%"
-//       colors={['$background', '$color']}
-//       {...props}
-//     />
-//   )
-// }

package/src/views/Spinner.tsx

@@ -1,34 +0,0 @@
-import type { ColorTokens, TamaguiElement, ThemeTokens } from '@tamagui/core'
-import { themeable, useTheme, variableToString } from '@tamagui/core'
-import type { YStackProps } from '@tamagui/stacks'
-import { YStack } from '@tamagui/stacks'
-import * as React from 'react'
-import { ActivityIndicator } from 'react-native'
-
-export type SpinnerProps = Omit<YStackProps, 'children'> & {
-  size?: 'small' | 'large'
-  color?: (ColorTokens | ThemeTokens | (string & {})) | null
-}
-
-export const Spinner: React.ForwardRefExoticComponent<
-  SpinnerProps & React.RefAttributes<any>
-> = YStack.extractable(
-  themeable(
-    React.forwardRef<TamaguiElement>((props: SpinnerProps, ref) => {
-      const { size, color: colorProp, ...stackProps } = props
-      const theme = useTheme()
-      let color = colorProp as string
-      if (color && color[0] === '$') {
-        color = variableToString(theme[color])
-      }
-      return (
-        <YStack ref={ref} {...stackProps}>
-          <ActivityIndicator size={size} color={color} />
-        </YStack>
-      )
-    }),
-    {
-      componentName: 'Spinner',
-    }
-  )
-) as any

package/src/views/TamaguiProvider.server.tsx

@@ -1,3 +0,0 @@
-import { TamaguiProvider as OGProvider } from '@tamagui/core'
-
-export const TamaguiProvider = OGProvider

package/src/views/TamaguiProvider.tsx

@@ -1,11 +0,0 @@
-import type { TamaguiProviderProps } from '@tamagui/core'
-import { TamaguiProvider as OGProvider } from '@tamagui/core'
-import { PortalProvider } from '@tamagui/portal'
-
-export const TamaguiProvider = ({ children, ...props }: TamaguiProviderProps) => {
-  return (
-    <OGProvider {...props}>
-      <PortalProvider shouldAddRootHost>{children}</PortalProvider>
-    </OGProvider>
-  )
-}

package/src/views/Text.tsx

@@ -1,15 +0,0 @@
-import { Text as TamaguiText, styled } from '@tamagui/core'
-
-export const Text = styled(TamaguiText, {
-  variants: {
-    unstyled: {
-      false: {
-        color: '$color',
-      },
-    },
-  },
-
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === '1' ? true : false,
-  },
-})

package/src/views/TextArea.tsx

@@ -1,68 +0,0 @@
-import { isWeb } from '@tamagui/constants'
-import { styled, useComposedRefs } from '@tamagui/core'
-
-import { textAreaSizeVariant } from '../helpers/inputHelpers'
-import type { Input, InputExtraProps, InputProps } from './Input'
-import { InputFrame, defaultStyles, useInputProps } from './Input'
-import { registerFocusable } from '@tamagui/focusable'
-import { useEffect, useRef } from 'react'
-
-/**
- * Is basically Input but with rows = 4 to start
- */
-
-export const TextAreaFrame = styled(InputFrame, {
-  name: 'TextArea',
-  multiline: true,
-  // this attribute fixes firefox newline issue
-  whiteSpace: 'pre-wrap',
-
-  variants: {
-    unstyled: {
-      false: {
-        height: 'auto',
-        ...defaultStyles,
-      },
-    },
-
-    size: {
-      '...size': textAreaSizeVariant,
-    },
-  } as const,
-
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === '1' ? true : false,
-  },
-})
-
-export type TextAreaProps = InputProps
-
-export const TextArea = TextAreaFrame.styleable<InputExtraProps>(
-  (propsIn, forwardedRef) => {
-    const ref = useRef<Input>(null)
-    const composedRefs = useComposedRefs(forwardedRef, ref)
-
-    const props = useInputProps(propsIn, composedRefs)
-    // defaults to 4 rows
-    const linesProp = {
-      // web uses rows now, but native not caught up :/
-      [isWeb ? 'rows' : 'numberOfLines']: propsIn.unstyled ? undefined : 4,
-    }
-
-    if (process.env.TAMAGUI_TARGET === 'native') {
-      useEffect(() => {
-        if (!props.id) return
-        if (props.disabled) return
-
-        return registerFocusable(props.id, {
-          focusAndSelect: () => {
-            ref.current?.focus()
-          },
-          focus: () => {},
-        })
-      }, [props.id, props.disabled])
-    }
-
-    return <TextAreaFrame {...linesProp} {...props} />
-  }
-) as typeof Input

package/src/views/VisuallyHidden.tsx

@@ -1,38 +0,0 @@
-import { Stack, styled } from '@tamagui/core'
-
-export const VisuallyHidden = styled(Stack, {
-  position: 'absolute',
-  width: 1,
-  height: 1,
-  margin: -1,
-  zIndex: -10000,
-  overflow: 'hidden',
-  opacity: 0.00000001,
-  pointerEvents: 'none',
-
-  variants: {
-    preserveDimensions: {
-      true: {
-        position: 'relative',
-        width: 'auto',
-        height: 'auto',
-      },
-    } as const,
-
-    visible: {
-      true: {
-        position: 'relative',
-        width: 'auto',
-        height: 'auto',
-        margin: 0,
-        zIndex: 1,
-        overflow: 'visible',
-        opacity: 1,
-        pointerEvents: 'auto',
-      },
-    } as const,
-  },
-})
-
-// @tamgui/core checks for this in spacing
-VisuallyHidden['isVisuallyHidden'] = true

package/types/createTamagui.d.ts

@@ -1,6 +0,0 @@
-import { createTamagui as createTamaguiCore } from '@tamagui/core';
-/**
- * Adds some helpful validation at dev time only for `tamagui` specifically
- **/
-export declare const createTamagui: typeof createTamaguiCore;
-//# sourceMappingURL=createTamagui.d.ts.map

package/types/createTamagui.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createTamagui.d.ts","sourceRoot":"","sources":["../src/createTamagui.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAElE;;IAEI;AAEJ,eAAO,MAAM,aAAa,EAAE,OAAO,iBAiE5B,CAAA"}

package/types/helpers/inputHelpers.d.ts

@@ -1,4 +0,0 @@
-import type { SizeVariantSpreadFunction } from '@tamagui/core';
-export declare const inputSizeVariant: SizeVariantSpreadFunction<any>;
-export declare const textAreaSizeVariant: SizeVariantSpreadFunction<any>;
-//# sourceMappingURL=inputHelpers.d.ts.map

package/types/helpers/inputHelpers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"inputHelpers.d.ts","sourceRoot":"","sources":["../../src/helpers/inputHelpers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,eAAe,CAAA;AAM9D,eAAO,MAAM,gBAAgB,EAAE,yBAAyB,CAAC,GAAG,CAsB3D,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,yBAAyB,CAAC,GAAG,CAyB9D,CAAA"}

package/types/lib/linear-gradient.native.d.ts

@@ -1,2 +0,0 @@
-export * from 'expo-linear-gradient';
-//# sourceMappingURL=linear-gradient.native.d.ts.map

package/types/lib/linear-gradient.native.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"linear-gradient.native.d.ts","sourceRoot":"","sources":["../../src/lib/linear-gradient.native.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}

package/types/linear-gradient.d.ts

@@ -1,2 +0,0 @@
-export * from '@tamagui/linear-gradient';
-//# sourceMappingURL=linear-gradient.d.ts.map

package/types/linear-gradient.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"linear-gradient.d.ts","sourceRoot":"","sources":["../src/linear-gradient.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA"}