@tamagui/ui 1.93.0

package/linear-gradient/index.d.ts

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

package/linear-gradient/index.js

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

package/native.d.ts

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

package/native.js

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

package/package.json

@@ -0,0 +1,140 @@
+{
+  "name": "@tamagui/ui",
+  "version": "1.93.0",
+  "removeSideEffects": true,
+  "alsoPublishAs": [
+    "@tamagui/ui"
+  ],
+  "sideEffects": [
+    "setup.js"
+  ],
+  "source": "src/index.ts",
+  "types": "./types/index.d.ts",
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "module:jsx": "dist/jsx",
+  "tamagui": {
+    "bundle.native": "./src/index.ts",
+    "bundle.native.test": "./src/index.ts"
+  },
+  "files": [
+    "src",
+    "types",
+    "dist",
+    "linear-gradient",
+    "native.js",
+    "native.d.ts"
+  ],
+  "scripts": {
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build",
+    "lint": "../../node_modules/.bin/biome check src",
+    "lint:fix": "../../node_modules/.bin/biome check --apply-unsafe src",
+    "check": "yarn check-circular-deps",
+    "check-circular-deps": "npx madge --circular ./src/index.ts"
+  },
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "react-native": "./dist/cjs/index.native.js"
+    },
+    "./web": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "react-native": "./dist/cjs/index.native.js"
+    },
+    "./native": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/native.js",
+      "require": "./dist/native.js"
+    },
+    "./native-test": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/test.native.js",
+      "require": "./dist/test.native.js"
+    },
+    "./linear-gradient": {
+      "types": "./types/linear-gradient.d.ts",
+      "import": "./dist/esm/linear-gradient.js",
+      "require": "./dist/cjs/linear-gradient.js",
+      "react-native": "./dist/cjs/linear-gradient.native.js"
+    }
+  },
+  "dependencies": {
+    "@tamagui/accordion": "1.93.0",
+    "@tamagui/adapt": "1.93.0",
+    "@tamagui/alert-dialog": "1.93.0",
+    "@tamagui/animate-presence": "1.93.0",
+    "@tamagui/avatar": "1.93.0",
+    "@tamagui/button": "1.93.0",
+    "@tamagui/card": "1.93.0",
+    "@tamagui/checkbox": "1.93.0",
+    "@tamagui/compose-refs": "1.93.0",
+    "@tamagui/constants": "1.93.0",
+    "@tamagui/core": "1.93.0",
+    "@tamagui/create-context": "1.93.0",
+    "@tamagui/dialog": "1.93.0",
+    "@tamagui/elements": "1.93.0",
+    "@tamagui/fake-react-native": "1.93.0",
+    "@tamagui/focusable": "1.93.0",
+    "@tamagui/font-size": "1.93.0",
+    "@tamagui/form": "1.93.0",
+    "@tamagui/get-button-sized": "1.93.0",
+    "@tamagui/get-font-sized": "1.93.0",
+    "@tamagui/get-token": "1.93.0",
+    "@tamagui/group": "1.93.0",
+    "@tamagui/helpers-tamagui": "1.93.0",
+    "@tamagui/image": "1.93.0",
+    "@tamagui/label": "1.93.0",
+    "@tamagui/linear-gradient": "1.93.0",
+    "@tamagui/list-item": "1.93.0",
+    "@tamagui/polyfill-dev": "1.93.0",
+    "@tamagui/popover": "1.93.0",
+    "@tamagui/popper": "1.93.0",
+    "@tamagui/portal": "1.93.0",
+    "@tamagui/progress": "1.93.0",
+    "@tamagui/radio-group": "1.93.0",
+    "@tamagui/react-native-media-driver": "1.93.0",
+    "@tamagui/scroll-view": "1.93.0",
+    "@tamagui/select": "1.93.0",
+    "@tamagui/separator": "1.93.0",
+    "@tamagui/shapes": "1.93.0",
+    "@tamagui/sheet": "1.93.0",
+    "@tamagui/slider": "1.93.0",
+    "@tamagui/stacks": "1.93.0",
+    "@tamagui/switch": "1.93.0",
+    "@tamagui/tabs": "1.93.0",
+    "@tamagui/text": "1.93.0",
+    "@tamagui/theme": "1.93.0",
+    "@tamagui/toggle-group": "1.93.0",
+    "@tamagui/tooltip": "1.93.0",
+    "@tamagui/use-controllable-state": "1.93.0",
+    "@tamagui/use-debounce": "1.93.0",
+    "@tamagui/use-force-update": "1.93.0",
+    "@tamagui/use-window-dimensions": "1.93.0",
+    "@tamagui/visually-hidden": "1.93.0"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "react-native-web": "*"
+  },
+  "devDependencies": {
+    "@tamagui/build": "1.93.0",
+    "react": "^18.2.0",
+    "react-native": "^0.73.4",
+    "react-native-web": "^0.19.10"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/tamagui/tamagui.git",
+    "directory": "packages/tamagui"
+  },
+  "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14"
+}

package/src/createTamagui.ts

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

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

@@ -0,0 +1,190 @@
+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'
+
+// since we overlap with StackProps and potentially others
+// lets be explicit on what gets exported
+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,
+  // components
+  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,
+  // constants
+  isChrome,
+  isClient,
+  isServer,
+  isTamaguiComponent,
+  isTamaguiElement,
+  isTouchable,
+  isVariable,
+  isWeb,
+  isWebTouchable,
+  matchMedia,
+  mediaObjectToString,
+  mediaQueryConfig,
+  mediaState,
+  spacedChildren,
+  styled,
+  themeable,
+  useDidFinishSSR,
+  useEvent,
+  // hooks
+  useGet,
+  useIsTouchDevice,
+  useIsomorphicLayoutEffect,
+  useMedia,
+  useProps,
+  usePropsAndStyle,
+  useStyle,
+  useConfiguration,
+  useTheme,
+  useThemeName,
+  variableToString,
+  withStaticProperties,
+} from '@tamagui/core'

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

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

package/src/linear-gradient.ts

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

package/src/setup.ts

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

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

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

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

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