@tamagui/ui 1.93.0

package/src/views/Input.tsx

@@ -0,0 +1,135 @@
+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

@@ -0,0 +1,39 @@
+// 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

@@ -0,0 +1,34 @@
+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

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

package/src/views/TamaguiProvider.tsx

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,68 @@
+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

@@ -0,0 +1,38 @@
+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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1 @@
+{"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/index.d.ts

@@ -0,0 +1,57 @@
+import './setup';
+export * from '@tamagui/accordion';
+export * from '@tamagui/adapt';
+export * from '@tamagui/alert-dialog';
+export * from '@tamagui/animate-presence';
+export * from '@tamagui/avatar';
+export * from '@tamagui/button';
+export * from '@tamagui/card';
+export * from '@tamagui/checkbox';
+export * from '@tamagui/compose-refs';
+export * from '@tamagui/create-context';
+export * from '@tamagui/dialog';
+export * from '@tamagui/font-size';
+export * from '@tamagui/form';
+export * from '@tamagui/group';
+export * from '@tamagui/react-native-media-driver';
+export * from '@tamagui/elements';
+export * from '@tamagui/helpers-tamagui';
+export * from '@tamagui/image';
+export * from '@tamagui/label';
+export * from '@tamagui/list-item';
+export * from '@tamagui/popover';
+export * from '@tamagui/popper';
+export * from '@tamagui/portal';
+export * from '@tamagui/progress';
+export * from '@tamagui/radio-group';
+export * from '@tamagui/scroll-view';
+export * from '@tamagui/select';
+export * from '@tamagui/separator';
+export * from '@tamagui/shapes';
+export * from '@tamagui/sheet';
+export * from '@tamagui/slider';
+export * from '@tamagui/stacks';
+export * from '@tamagui/switch';
+export * from '@tamagui/tabs';
+export * from '@tamagui/text';
+export * from '@tamagui/theme';
+export * from '@tamagui/toggle-group';
+export * from '@tamagui/tooltip';
+export * from '@tamagui/use-controllable-state';
+export * from '@tamagui/use-debounce';
+export * from '@tamagui/use-force-update';
+export * from '@tamagui/use-window-dimensions';
+export * from '@tamagui/visually-hidden';
+export * from './createTamagui';
+export * from './viewTypes';
+export * from './views/TamaguiProvider';
+export * from './views/Anchor';
+export * from './views/EnsureFlexed';
+export * from './views/Fieldset';
+export * from './views/Input';
+export * from './views/Spinner';
+export * from './views/TextArea';
+export * from './views/Text';
+export type { AnimationKeys, ColorTokens, CreateTamaguiConfig, CreateTamaguiProps, FontColorTokens, FontLanguages, FontLetterSpacingTokens, FontLineHeightTokens, FontSizeTokens, FontStyleTokens, FontTokens, FontTransformTokens, FontWeightTokens, GenericFont, GenericStackVariants, GenericTamaguiConfig, GenericTextVariants, GetAnimationKeys, GetProps, GetRef, GroupNames, Longhands, Media, MediaPropKeys, MediaQueries, MediaQueryState, RadiusTokens, Shorthands, SizeTokens, SpacerProps, SpaceTokens, SpecificTokens, StackNonStyleProps, ViewProps, StackProps, StaticConfig, Styleable, TamaguiBaseTheme, TamaguiBuildOptions, TamaguiComponent, TamaguiConfig, TamaguiCustomConfig, TamaguiElement, TamaguiInternalConfig, TamaguiProviderProps, TamaguiSettings, TamaguiTextElement, TextNonStyleProps, TextProps, ThemeKeys, ThemeName, ThemeParsed, ThemeProps, Themes, ThemeTokens, ThemeValueFallback, Token, Tokens, TypeOverride, Variable, VariantSpreadExtras, VariantSpreadFunction, ZIndexTokens, } from '@tamagui/core';
+export { Configuration, ComponentContext, FontLanguage, Spacer, Stack, Theme, Unspaced, View, createComponent, createFont, createShorthands, createStyledContext, createTheme, createTokens, createVariable, getConfig, getMedia, getStylesAtomic, getThemes, getToken, getTokenValue, getTokens, getVariable, setupReactNative, getVariableName, getVariableValue, insertFont, setupDev, isChrome, isClient, isServer, isTamaguiComponent, isTamaguiElement, isTouchable, isVariable, isWeb, isWebTouchable, matchMedia, mediaObjectToString, mediaQueryConfig, mediaState, spacedChildren, styled, themeable, useDidFinishSSR, useEvent, useGet, useIsTouchDevice, useIsomorphicLayoutEffect, useMedia, useProps, usePropsAndStyle, useStyle, useConfiguration, useTheme, useThemeName, variableToString, withStaticProperties, } from '@tamagui/core';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

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

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

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

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

@@ -0,0 +1 @@
+{"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

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

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

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

package/types/setup.d.ts

@@ -0,0 +1,2 @@
+import '@tamagui/polyfill-dev';
+//# sourceMappingURL=setup.d.ts.map

package/types/setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../src/setup.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAA"}

package/types/viewTypes.d.ts

@@ -0,0 +1,43 @@
+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'];
+};
+//# sourceMappingURL=viewTypes.d.ts.map

package/types/viewTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"viewTypes.d.ts","sourceRoot":"","sources":["../src/viewTypes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExD,MAAM,MAAM,uBAAuB,GAAG;IACpC,CAAC,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAA;IACtB,CAAC,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;IAEvB,CAAC,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACxB,EAAE,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;IAC5B,EAAE,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAA;IAC/B,EAAE,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAA;IAC7B,EAAE,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IAC9B,EAAE,CAAC,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAA;IACnC,EAAE,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAA;IACjC,CAAC,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;IACvB,EAAE,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IAC3B,EAAE,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IAC9B,EAAE,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;IAC5B,EAAE,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,CAAA;IAC7B,EAAE,CAAC,EAAE,SAAS,CAAC,kBAAkB,CAAC,CAAA;IAClC,EAAE,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAEhC,CAAC,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;IACrB,EAAE,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAA;IAC/B,EAAE,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAC1B,EAAE,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAC1B,EAAE,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;IAC5B,EAAE,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IAE3B,EAAE,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;IAC5B,EAAE,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IAC9B,EAAE,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAChC,GAAG,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IAE5B,EAAE,CAAC,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAA;IAEjC,EAAE,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAA;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC,sBAAsB,CAAC,CAAA;IACxC,IAAI,CAAC,EAAE,SAAS,CAAC,yBAAyB,CAAC,CAAA;IAC3C,IAAI,CAAC,EAAE,SAAS,CAAC,wBAAwB,CAAC,CAAA;IAC1C,IAAI,CAAC,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAA;IAEvC,EAAE,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAA;IAC9C,EAAE,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,uBAAuB,GAAG;IAC9D,EAAE,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAA;IAC3B,EAAE,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAC1B,EAAE,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAA;CAC7B,CAAA"}

package/types/views/Anchor.d.ts

@@ -0,0 +1,15 @@
+import type { SizableTextProps } from '@tamagui/text';
+export interface AnchorExtraProps {
+    href?: string;
+    target?: string;
+    rel?: string;
+}
+export type AnchorProps = SizableTextProps & AnchorExtraProps;
+export declare const Anchor: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/core").GetFinalProps<import("@tamagui/core").TextNonStyleProps, import("@tamagui/core").TextStylePropsBase, {
+    size?: import("@tamagui/core").FontSizeTokens | undefined;
+    unstyled?: boolean | undefined;
+}>, keyof AnchorExtraProps> & AnchorExtraProps, import("@tamagui/core").TamaguiTextElement, import("@tamagui/core").TextNonStyleProps & AnchorExtraProps, import("@tamagui/core").TextStylePropsBase, {
+    size?: import("@tamagui/core").FontSizeTokens | undefined;
+    unstyled?: boolean | undefined;
+}, import("@tamagui/core").StaticConfigPublic>;
+//# sourceMappingURL=Anchor.d.ts.map

package/types/views/Anchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.d.ts","sourceRoot":"","sources":["../../src/views/Anchor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAIrD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,MAAM,MAAM,WAAW,GAAG,gBAAgB,GAAG,gBAAgB,CAAA;AAQ7D,eAAO,MAAM,MAAM;;;;;;8CAsBlB,CAAA"}

package/types/views/EnsureFlexed.d.ts

@@ -0,0 +1,2 @@
+export declare const EnsureFlexed: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiTextElement, import("@tamagui/core").RNTamaguiTextNonStyleProps, import("@tamagui/core").TextStylePropsBase, {}, import("@tamagui/core").StaticConfigPublic>;
+//# sourceMappingURL=EnsureFlexed.d.ts.map

package/types/views/EnsureFlexed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnsureFlexed.d.ts","sourceRoot":"","sources":["../../src/views/EnsureFlexed.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,yQAQvB,CAAA"}

package/types/views/Fieldset.d.ts

@@ -0,0 +1,14 @@
+import type { GetProps } from '@tamagui/core';
+export declare const Fieldset: import("@tamagui/core").TamaguiComponent<import("@tamagui/core").TamaDefer, import("@tamagui/core").TamaguiElement, import("@tamagui/core").RNTamaguiViewNonStyleProps, import("@tamagui/core").StackStyleBase, {
+    elevation?: number | import("@tamagui/core").SizeTokens | undefined;
+    inset?: number | import("@tamagui/core").SizeTokens | {
+        top?: number | undefined;
+        bottom?: number | undefined;
+        left?: number | undefined;
+        right?: number | undefined;
+    } | undefined;
+    horizontal?: boolean | undefined;
+    fullscreen?: boolean | undefined;
+}, import("@tamagui/core").StaticConfigPublic>;
+export type FieldsetProps = GetProps<typeof Fieldset>;
+//# sourceMappingURL=Fieldset.d.ts.map

package/types/views/Fieldset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../src/views/Fieldset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAI7C,eAAO,MAAM,QAAQ;;;;;;;;;;8CAYnB,CAAA;AAEF,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA"}