@tamagui/core 1.0.1-beta.190 → 1.0.1-beta.192

package/src/helpers/expandStyles.ts

@@ -1,6 +1,7 @@
 import { isWeb } from '@tamagui/constants'
 
 import { getConfig } from '../config'
+import { CreateShorthands } from '../types'
 import { expandStyle } from './expandStyle'
 import { colorToRGBA, normalizeColor } from './normalizeColor'
 import { normalizeValueWithProperty } from './normalizeValueWithProperty.js'

package/src/helpers/getSplitStyles.tsx

@@ -45,8 +45,11 @@ const skipProps = {
   animateOnly: true,
   debug: true,
   componentName: true,
+}
 
-  ...(!isWeb && {
+// native only skips
+if (process.env.TAMAGUI_TARGET === 'native') {
+  Object.assign(skipProps, {
     tag: true,
     whiteSpace: true,
     wordWrap: true,
@@ -58,7 +61,7 @@ const skipProps = {
     contain: true,
     boxSizing: true,
     boxShadow: true,
-  }),
+  })
 }
 
 type TransformNamespaceKey = 'transform' | PseudoPropKeys | MediaQueryKey
@@ -478,17 +481,13 @@ export const getSplitStyles: StyleSplitter = (
     }
   }
 
-  if (shouldDoClasses) {
-    const atomic = getStylesAtomic(style)
-    for (const atomicStyle of atomic) {
-      const key = atomicStyle.property
-      // pointerEvents box-none must be CSS-ified
-      // should probably have a few more exceptions here!
-      if (key === 'pointerEvents' || !state.dynamicStylesInline) {
+  if (process.env.TAMAGUI_TARGET === 'web') {
+    if (shouldDoClasses) {
+      const atomic = getStylesAtomic(style)
+      for (const atomicStyle of atomic) {
+        const key = atomicStyle.property
         addStyleToInsertRules(rulesToInsert, atomicStyle)
         mergeClassName(transforms, classNames, key, atomicStyle.identifier)
-      } else {
-        style[key] = atomicStyle.value
       }
     }
   }

package/src/helpers/insertStyleRule.tsx

@@ -2,7 +2,7 @@
 // this should avoid re-inserts, but need to test the perf trade-offs
 // i tested with the site itself and the initial insert was trivial
 
-import { StyleObject } from '@tamagui/helpers'
+import type { StyleObject } from '@tamagui/helpers'
 
 const allSelectors = {}
 const allRules = {}
@@ -17,17 +17,16 @@ function addTransform(identifier: string, css: string, rule?: CSSRule) {
   const s = css.indexOf('transform:')
   if (s === -1) {
     if (process.env.NODE_ENV === 'development') {
-      // sometimes getting empty style rules from webpack... :/ only in dev
-      if (css.indexOf('{ }')) {
-        console.log('wah wah')
-        return false
-      }
+      // eslint-disable-next-line no-console
       console.groupCollapsed(`❌ Invalid transform, likely used deg/% improperly ${identifier}`)
+      // eslint-disable-next-line no-console
       console.log('rule:', rule)
+      // eslint-disable-next-line no-console
       console.trace()
+      // eslint-disable-next-line no-console
       console.groupEnd()
     } else {
-      console.warn(`Missing transform`, identifier, css, rule)
+      // missing transform
     }
     return false
   }
@@ -95,11 +94,12 @@ export function updateInserted() {
 
 function getTamaguiSelector(rule: CSSRule | null): readonly [string, CSSStyleRule] | null {
   if (rule instanceof CSSStyleRule) {
-    if (rule.selectorText.startsWith('._')) {
-      return [rule.selectorText.slice(1), rule]
+    const text = rule.selectorText
+    if (text.startsWith('._')) {
+      return [text.slice(1), rule]
     }
-    if (rule.selectorText.startsWith(':root') && rule.selectorText.includes('._')) {
-      return [getIdentifierFromTamaguiSelector(rule.selectorText), rule]
+    if (text.startsWith(':root') && text.includes('._')) {
+      return [getIdentifierFromTamaguiSelector(text), rule]
     }
   } else if (rule instanceof CSSMediaRule) {
     // tamagui only ever inserts 1 rule per media

package/src/helpers/proxyThemeVariables.tsx

@@ -1,8 +1,10 @@
 export function proxyThemeVariables<A extends Object>(obj: A): A {
-  if (process.env.NODE_ENV === 'development' && !obj) {
-    // eslint-disable-next-line no-console
-    console.trace(`empty value for proxyThemeVariables`, obj)
-    return obj
+  if (process.env.NODE_ENV === 'development') {
+    if (!obj || typeof obj !== 'object') {
+      // eslint-disable-next-line no-console
+      console.trace(`Empty value for proxyThemeVariables, broken config`, obj)
+      return obj
+    }
   }
   return new Proxy<A>(obj || {}, {
     has(target, key) {

package/src/types.tsx

@@ -28,9 +28,8 @@ export type TamaguiElement = HTMLElement | View
 
 export type DebugProp = boolean | 'break' | 'verbose'
 
-//
 // base props that are accepted by createComponent (additional to react-native-web)
-//
+
 export type TamaguiComponentPropsBase = {
   hitSlop?: PressableProps['hitSlop']
   asChild?: boolean
@@ -49,6 +48,9 @@ export type TamaguiComponentPropsBase = {
   tag?: string
   theme?: ThemeName | null
   componentName?: string
+  /**
+   * Forces the pseudo style state to be on
+   */
   forceStyle?: 'hover' | 'press' | 'focus'
   onHoverIn?: (e: MouseEvent) => any
   onHoverOut?: (e: MouseEvent) => any
@@ -59,9 +61,6 @@ export type TamaguiComponentPropsBase = {
   onMouseEnter?: (e: MouseEvent) => any
   onMouseLeave?: (e: MouseEvent) => any
   onMouseDown?: (e: MouseEvent) => any
-  // WEB STYLES
-  userSelect?: Properties['userSelect']
-  cursor?: Properties['cursor']
 }
 
 export type ReactComponentWithRef<Props, Ref> = React.ForwardRefExoticComponent<
@@ -116,7 +115,13 @@ type GenericThemes = {
       }
 }
 
-type GenericShorthands = {}
+type AllStyleKeys = keyof StackStylePropsBase | keyof TextStylePropsBase
+
+export type CreateShorthands = {
+  [key: string]: AllStyleKeys
+}
+
+export type GenericShorthands = {}
 
 // sm: { minWidth: 100 }
 type GenericMedia = {
@@ -256,14 +261,21 @@ type ArrayIntersection<A extends any[]> = A[keyof A]
 
 type GetAltThemeNames<S> = (S extends `${string}_${infer Alt}` ? GetAltThemeNames<Alt> : S) | S
 
-export type SpacerProps = Omit<StackProps, 'flex' | 'direction' | 'size'> & {
+type SpacerPropsBase = {
   size?: number | SpaceTokens | null
   flex?: boolean | number
   direction?: SpaceDirection
 }
+type SpacerOwnProps = SpacerPropsBase &
+  //
+  WithThemeShorthandsPseudosMediaAnimation<SpacerPropsBase>
+
+export type SpacerProps = Omit<StackProps, 'flex' | 'direction' | 'size'> &
+  //
+  SpacerOwnProps
 
 export type CreateTamaguiProps = {
-  shorthands?: GenericTamaguiConfig['shorthands']
+  shorthands?: CreateShorthands
   media?: GenericTamaguiConfig['media']
   animations?: AnimationDriver<any>
   fonts: GenericTamaguiConfig['fonts']
@@ -574,46 +586,30 @@ type WithThemeShorthandsAndPseudos<A extends object> =
 type WithThemeShorthandsPseudosMediaAnimation<A extends object> = WithThemeShorthandsAndPseudos<A> &
   MediaProps<WithThemeShorthandsAndPseudos<A>>
 
-//
-// Stack
-//
+/**
+ * Base style-only props (no media, pseudo):
+ */
 
-type WebOnlyStyleProps = {
+type StylePropsWebOnly = {
+  // we make this a style prop as it is on web
+  pointerEvents?: ViewProps['pointerEvents']
   // WEB ONLY
-  cursor?: string
+  cursor?: Properties['cursor']
   // WEB ONLY
-  contain?: 'none' | 'strict' | 'content' | 'size' | 'layout' | 'paint' | string
+  contain?: Properties['contain']
   // WEB ONLY values: inherit, inline, block, content
   display?: 'inherit' | 'none' | 'inline' | 'block' | 'contents' | 'flex' | 'inline-flex'
-  // WEB ONLY pointerEvents can be a style prop
-  pointerEvents?: ViewProps['pointerEvents']
+  // WEB ONLY
+  userSelect?: Properties['userSelect']
 }
 
 export type StackStylePropsBase = Omit<ViewStyle, 'display' | 'backfaceVisibility' | 'elevation'> &
   TransformStyleProps &
-  WebOnlyStyleProps
-
-export type StackPropsBaseShared = Omit<ViewProps, 'display' | 'children'> &
-  RNWViewProps &
-  TamaguiComponentPropsBase
-
-export type StackStyleProps = WithThemeShorthandsPseudosMediaAnimation<StackStylePropsBase>
-export type StackPropsBase = StackPropsBaseShared & WithThemeAndShorthands<StackStylePropsBase>
-export type StackProps = StackPropsBaseShared & StackStyleProps
-
-export type GestureReponderEvent = Exclude<View['props']['onResponderMove'], void> extends (
-  event: infer Event
-) => void
-  ? Event
-  : never
-
-//
-// Text props
-//
+  StylePropsWebOnly
 
 export type TextStylePropsBase = Omit<TextStyle, 'display' | 'backfaceVisibility'> &
   TransformStyleProps &
-  WebOnlyStyleProps & {
+  StylePropsWebOnly & {
     ellipse?: boolean
     selectable?: boolean
     textDecorationDistance?: number
@@ -622,12 +618,29 @@ export type TextStylePropsBase = Omit<TextStyle, 'display' | 'backfaceVisibility
     wordWrap?: Properties['wordWrap']
   }
 
-export type TextPropsBaseShared = Omit<ReactTextProps, 'children'> &
+//
+// Stack
+//
+
+export type StackNonStyleProps = Omit<ViewProps, 'display' | 'children'> &
+  RNWViewProps &
+  TamaguiComponentPropsBase
+
+export type StackStyleProps = WithThemeShorthandsPseudosMediaAnimation<StackStylePropsBase>
+export type StackPropsBase = StackNonStyleProps & WithThemeAndShorthands<StackStylePropsBase>
+export type StackProps = StackNonStyleProps & StackStyleProps
+
+//
+// Text props
+//
+
+export type TextNonStyleProps = Omit<ReactTextProps, 'children'> &
   RNWTextProps &
   TamaguiComponentPropsBase
-export type TextPropsBase = TextPropsBaseShared & WithThemeAndShorthands<TextStylePropsBase>
+
+export type TextPropsBase = TextNonStyleProps & WithThemeAndShorthands<TextStylePropsBase>
 export type TextStyleProps = WithThemeShorthandsPseudosMediaAnimation<TextStylePropsBase>
-export type TextProps = TextPropsBaseShared & TextStyleProps
+export type TextProps = TextNonStyleProps & TextStyleProps
 
 // could actually infer from parent
 export type ViewOrTextProps = WithThemeShorthandsPseudosMediaAnimation<
@@ -1305,3 +1318,9 @@ export type UseAnimationHook = (
 ) => null | {
   style?: StackStylePropsBase | StackStylePropsBase[]
 }
+
+export type GestureReponderEvent = Exclude<View['props']['onResponderMove'], void> extends (
+  event: infer Event
+) => void
+  ? Event
+  : never

package/src/views/Slot.tsx

@@ -2,33 +2,31 @@
 
 import { composeRefs } from '@tamagui/compose-refs'
 import { isWeb } from '@tamagui/constants'
-import * as React from 'react'
+import { Children, ReactElement, ReactNode, cloneElement, forwardRef, isValidElement } from 'react'
 
 /* -------------------------------------------------------------------------------------------------
  * Slot
  * -----------------------------------------------------------------------------------------------*/
 
 export type SlotProps = {
-  children?: React.ReactNode
+  children?: ReactNode
 }
 
-export const Slot = React.forwardRef<HTMLElement, SlotProps>((props, forwardedRef) => {
+export const Slot = forwardRef<HTMLElement, SlotProps>((props, forwardedRef) => {
   const { children, ...slotProps } = props
-  const childrenArray = React.Children.toArray(children)
+  const childrenArray = Children.toArray(children)
   const slottable = childrenArray.find(isSlottable)
 
   if (slottable) {
     // the new element to render is the one passed as a child of `Slottable`
-    const newElement = slottable.props.children as React.ReactNode
+    const newElement = slottable.props.children as ReactNode
 
     const newChildren = childrenArray.map((child) => {
       if (child === slottable) {
         // because the new element will be the one rendered, we are only interested
         // in grabbing its children (`newElement.props.children`)
-        if (React.Children.count(newElement) > 1) return React.Children.only(null)
-        return React.isValidElement(newElement)
-          ? (newElement.props.children as React.ReactNode)
-          : null
+        if (Children.count(newElement) > 1) return Children.only(null)
+        return isValidElement(newElement) ? (newElement.props.children as ReactNode) : null
       } else {
         return child
       }
@@ -36,9 +34,7 @@ export const Slot = React.forwardRef<HTMLElement, SlotProps>((props, forwardedRe
 
     return (
       <SlotClone {...slotProps} ref={forwardedRef}>
-        {React.isValidElement(newElement)
-          ? React.cloneElement(newElement, undefined, newChildren)
-          : null}
+        {isValidElement(newElement) ? cloneElement(newElement, undefined, newChildren) : null}
       </SlotClone>
     )
   }
@@ -57,21 +53,21 @@ Slot.displayName = 'Slot'
  * -----------------------------------------------------------------------------------------------*/
 
 interface SlotCloneProps {
-  children: React.ReactNode
+  children: ReactNode
 }
 
-const SlotClone = React.forwardRef<any, SlotCloneProps>((props, forwardedRef) => {
+const SlotClone = forwardRef<any, SlotCloneProps>((props, forwardedRef) => {
   const { children, ...slotProps } = props
 
-  if (React.isValidElement(children)) {
+  if (isValidElement(children)) {
     const childProps = {
       ...mergeSlotProps(children, slotProps),
       ref: composeRefs(forwardedRef, (children as any).ref),
     }
-    return React.cloneElement(children, childProps)
+    return cloneElement(children, childProps)
   }
 
-  return React.Children.count(children) > 1 ? React.Children.only(null) : null
+  return Children.count(children) > 1 ? Children.only(null) : null
 })
 
 SlotClone.displayName = 'SlotClone'
@@ -80,7 +76,7 @@ SlotClone.displayName = 'SlotClone'
  * Slottable
  * -----------------------------------------------------------------------------------------------*/
 
-export const Slottable = ({ children }: { children: React.ReactNode }) => {
+export const Slottable = ({ children }: { children: ReactNode }) => {
   return <>{children}</>
 }
 
@@ -88,8 +84,8 @@ export const Slottable = ({ children }: { children: React.ReactNode }) => {
 
 type AnyProps = Record<string, any>
 
-function isSlottable(child: React.ReactNode): child is React.ReactElement {
-  return React.isValidElement(child) && child.type === Slottable
+function isSlottable(child: ReactNode): child is ReactElement {
+  return isValidElement(child) && child.type === Slottable
 }
 
 const pressMap = isWeb

package/types/Tamagui.d.ts

@@ -7,7 +7,7 @@ declare class TamaguiManager {
         [key: string]: Partial<import("./types").TamaguiBaseTheme> & {
             [key: string]: import("./types").VariableVal;
         };
-    }, {}, {
+    }, import("./types").GenericShorthands, {
         [key: string]: {
             [key: string]: string | number;
         };

package/types/config.d.ts

@@ -6,7 +6,7 @@ export declare const getConfig: () => TamaguiInternalConfig<import("./types").Cr
     [key: string]: Partial<import("./types").TamaguiBaseTheme> & {
         [key: string]: import("./types").VariableVal;
     };
-}, {}, {
+}, import("./types").GenericShorthands, {
     [key: string]: {
         [key: string]: string | number;
     };

package/types/createShorthands.d.ts

@@ -1,2 +1,3 @@
-export declare function createShorthands<A extends Record<string, string>>(shorthands: A): A;
+import { CreateShorthands } from './types';
+export declare function createShorthands<A extends CreateShorthands>(shorthands: A): A;
 //# sourceMappingURL=createShorthands.d.ts.map

package/types/helpers/expandStyles.d.ts

@@ -9,11 +9,11 @@ export declare const defaultOffset: {
  *   2. Normalizes various inconsistent styles to be more consistent
  *   3. Expands react-native shorthands, ie paddingHorizontal => paddingLeft, paddingRight
  */
-export declare function expandStyles(style: Record<string, any>, config?: import("..").TamaguiInternalConfig<import("..").CreateTokens<import("..").VariableVal>, {
-    [key: string]: Partial<import("..").TamaguiBaseTheme> & {
-        [key: string]: import("..").VariableVal;
+export declare function expandStyles(style: Record<string, any>, config?: import("../types").TamaguiInternalConfig<import("../types").CreateTokens<import("../types").VariableVal>, {
+    [key: string]: Partial<import("../types").TamaguiBaseTheme> & {
+        [key: string]: import("../types").VariableVal;
     };
-}, {}, {
+}, import("../types").GenericShorthands, {
     [key: string]: {
         [key: string]: string | number;
     };
@@ -21,6 +21,6 @@ export declare function expandStyles(style: Record<string, any>, config?: import
     [key: string]: string | any[] | {
         [key: string]: any;
     };
-}, import("..").GenericFonts>): Record<string, any>;
+}, import("../types").GenericFonts>): Record<string, any>;
 export declare function fixStyles(style: Record<string, any>): void;
 //# sourceMappingURL=expandStyles.d.ts.map

package/types/helpers/insertStyleRule.d.ts

@@ -1,4 +1,4 @@
-import { StyleObject } from '@tamagui/helpers';
+import type { StyleObject } from '@tamagui/helpers';
 export declare const insertedTransforms: {};
 export declare const getAllSelectors: () => {};
 export declare const getAllRules: () => unknown[];

package/types/types.d.ts

@@ -30,6 +30,9 @@ export declare type TamaguiComponentPropsBase = {
     tag?: string;
     theme?: ThemeName | null;
     componentName?: string;
+    /**
+     * Forces the pseudo style state to be on
+     */
     forceStyle?: 'hover' | 'press' | 'focus';
     onHoverIn?: (e: MouseEvent) => any;
     onHoverOut?: (e: MouseEvent) => any;
@@ -39,8 +42,6 @@ export declare type TamaguiComponentPropsBase = {
     onMouseEnter?: (e: MouseEvent) => any;
     onMouseLeave?: (e: MouseEvent) => any;
     onMouseDown?: (e: MouseEvent) => any;
-    userSelect?: Properties['userSelect'];
-    cursor?: Properties['cursor'];
 };
 export declare type ReactComponentWithRef<Props, Ref> = React.ForwardRefExoticComponent<Props & React.RefAttributes<Ref>>;
 export declare type ConfigListener = (conf: TamaguiInternalConfig) => void;
@@ -88,7 +89,11 @@ declare type GenericThemes = {
         [key: string]: VariableVal;
     });
 };
-declare type GenericShorthands = {};
+declare type AllStyleKeys = keyof StackStylePropsBase | keyof TextStylePropsBase;
+export declare type CreateShorthands = {
+    [key: string]: AllStyleKeys;
+};
+export declare type GenericShorthands = {};
 declare type GenericMedia = {
     [key: string]: {
         [key: string]: number | string;
@@ -148,13 +153,15 @@ export declare type AnimationKeys = TamaguiConfig['animations'] extends Animatio
 export declare type FontLanguages = ArrayIntersection<TamaguiConfig['fontLanguages']>;
 declare type ArrayIntersection<A extends any[]> = A[keyof A];
 declare type GetAltThemeNames<S> = (S extends `${string}_${infer Alt}` ? GetAltThemeNames<Alt> : S) | S;
-export declare type SpacerProps = Omit<StackProps, 'flex' | 'direction' | 'size'> & {
+declare type SpacerPropsBase = {
     size?: number | SpaceTokens | null;
     flex?: boolean | number;
     direction?: SpaceDirection;
 };
+declare type SpacerOwnProps = SpacerPropsBase & WithThemeShorthandsPseudosMediaAnimation<SpacerPropsBase>;
+export declare type SpacerProps = Omit<StackProps, 'flex' | 'direction' | 'size'> & SpacerOwnProps;
 export declare type CreateTamaguiProps = {
-    shorthands?: GenericTamaguiConfig['shorthands'];
+    shorthands?: CreateShorthands;
     media?: GenericTamaguiConfig['media'];
     animations?: AnimationDriver<any>;
     fonts: GenericTamaguiConfig['fonts'];
@@ -333,19 +340,18 @@ export declare type PseudoStyles = {
 declare type WithThemeAndShorthands<A extends object> = WithThemeValues<A> & WithShorthands<WithThemeValues<A>>;
 declare type WithThemeShorthandsAndPseudos<A extends object> = WithThemeAndShorthands<A> & PseudoProps<WithThemeAndShorthands<A>>;
 declare type WithThemeShorthandsPseudosMediaAnimation<A extends object> = WithThemeShorthandsAndPseudos<A> & MediaProps<WithThemeShorthandsAndPseudos<A>>;
-declare type WebOnlyStyleProps = {
-    cursor?: string;
-    contain?: 'none' | 'strict' | 'content' | 'size' | 'layout' | 'paint' | string;
-    display?: 'inherit' | 'none' | 'inline' | 'block' | 'contents' | 'flex' | 'inline-flex';
+/**
+ * Base style-only props (no media, pseudo):
+ */
+declare type StylePropsWebOnly = {
     pointerEvents?: ViewProps['pointerEvents'];
+    cursor?: Properties['cursor'];
+    contain?: Properties['contain'];
+    display?: 'inherit' | 'none' | 'inline' | 'block' | 'contents' | 'flex' | 'inline-flex';
+    userSelect?: Properties['userSelect'];
 };
-export declare type StackStylePropsBase = Omit<ViewStyle, 'display' | 'backfaceVisibility' | 'elevation'> & TransformStyleProps & WebOnlyStyleProps;
-export declare type StackPropsBaseShared = Omit<ViewProps, 'display' | 'children'> & RNWViewProps & TamaguiComponentPropsBase;
-export declare type StackStyleProps = WithThemeShorthandsPseudosMediaAnimation<StackStylePropsBase>;
-export declare type StackPropsBase = StackPropsBaseShared & WithThemeAndShorthands<StackStylePropsBase>;
-export declare type StackProps = StackPropsBaseShared & StackStyleProps;
-export declare type GestureReponderEvent = Exclude<View['props']['onResponderMove'], void> extends (event: infer Event) => void ? Event : never;
-export declare type TextStylePropsBase = Omit<TextStyle, 'display' | 'backfaceVisibility'> & TransformStyleProps & WebOnlyStyleProps & {
+export declare type StackStylePropsBase = Omit<ViewStyle, 'display' | 'backfaceVisibility' | 'elevation'> & TransformStyleProps & StylePropsWebOnly;
+export declare type TextStylePropsBase = Omit<TextStyle, 'display' | 'backfaceVisibility'> & TransformStyleProps & StylePropsWebOnly & {
     ellipse?: boolean;
     selectable?: boolean;
     textDecorationDistance?: number;
@@ -353,10 +359,14 @@ export declare type TextStylePropsBase = Omit<TextStyle, 'display' | 'backfaceVi
     whiteSpace?: Properties['whiteSpace'];
     wordWrap?: Properties['wordWrap'];
 };
-export declare type TextPropsBaseShared = Omit<ReactTextProps, 'children'> & RNWTextProps & TamaguiComponentPropsBase;
-export declare type TextPropsBase = TextPropsBaseShared & WithThemeAndShorthands<TextStylePropsBase>;
+export declare type StackNonStyleProps = Omit<ViewProps, 'display' | 'children'> & RNWViewProps & TamaguiComponentPropsBase;
+export declare type StackStyleProps = WithThemeShorthandsPseudosMediaAnimation<StackStylePropsBase>;
+export declare type StackPropsBase = StackNonStyleProps & WithThemeAndShorthands<StackStylePropsBase>;
+export declare type StackProps = StackNonStyleProps & StackStyleProps;
+export declare type TextNonStyleProps = Omit<ReactTextProps, 'children'> & RNWTextProps & TamaguiComponentPropsBase;
+export declare type TextPropsBase = TextNonStyleProps & WithThemeAndShorthands<TextStylePropsBase>;
 export declare type TextStyleProps = WithThemeShorthandsPseudosMediaAnimation<TextStylePropsBase>;
-export declare type TextProps = TextPropsBaseShared & TextStyleProps;
+export declare type TextProps = TextNonStyleProps & TextStyleProps;
 export declare type ViewOrTextProps = WithThemeShorthandsPseudosMediaAnimation<Omit<TextStylePropsBase, keyof StackStylePropsBase> & StackStylePropsBase>;
 export declare type TamaguiComponent<Props = any, Ref = any, BaseProps = {}, VariantProps = {}> = ReactComponentWithRef<Props, Ref> & StaticComponentObject;
 declare type StaticComponentObject = {
@@ -617,5 +627,6 @@ export declare type UseAnimationHelpers = {
 export declare type UseAnimationHook = (props: UseAnimationProps, helpers: UseAnimationHelpers) => null | {
     style?: StackStylePropsBase | StackStylePropsBase[];
 };
+export declare type GestureReponderEvent = Exclude<View['props']['onResponderMove'], void> extends (event: infer Event) => void ? Event : never;
 export {};
 //# sourceMappingURL=types.d.ts.map

package/types/views/Slot.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
+import { ReactNode } from 'react';
 export declare type SlotProps = {
-    children?: React.ReactNode;
+    children?: ReactNode;
 };
-export declare const Slot: React.ForwardRefExoticComponent<SlotProps & React.RefAttributes<HTMLElement>>;
+export declare const Slot: import("react").ForwardRefExoticComponent<SlotProps & import("react").RefAttributes<HTMLElement>>;
 export declare const Slottable: ({ children }: {
-    children: React.ReactNode;
+    children: ReactNode;
 }) => JSX.Element;
 export declare function mergeEvent(a?: Function, b?: Function): (...args: unknown[]) => void;
 //# sourceMappingURL=Slot.d.ts.map

package/src/constants/platform.native.ts

@@ -1,14 +0,0 @@
-import { useLayoutEffect } from 'react'
-import { Platform } from 'react-native'
-
-export const isAndroid = Platform?.OS === 'android'
-export const isIOS = Platform?.OS === 'ios'
-export const isWeb = false
-export const isWindowDefined = false
-export const isServer = false
-export const isClient = false
-export const isRSC = false
-export const useIsomorphicLayoutEffect = useLayoutEffect
-export const isChrome = false
-export const isWebTouchable = false
-export const isTouchable = true

package/src/constants/platform.ts

@@ -1,41 +0,0 @@
-import { useEffect, useLayoutEffect } from 'react'
-import { Platform } from 'react-native'
-
-export const isAndroid = Platform?.OS === 'android'
-export const isIOS = Platform?.OS === 'ios'
-export const isWeb = process.env.TAMAGUI_TARGET === 'web'
-export const isWindowDefined = typeof window !== 'undefined'
-export const isServer = isWeb && !isWindowDefined
-export const isClient = isWeb && isWindowDefined
-
-// may want to move to VITE_RSC_BUILD
-export const isRSC = process.env.ENABLE_RSC
-  ? // note this is statically analyzed so no funny business, just access it without optional chaining
-    // @ts-ignore
-    import.meta.env
-    ? // @ts-ignore
-      import.meta.env.SSR
-    : false
-  : false
-
-const idFn = () => {}
-export const useIsomorphicLayoutEffect = isRSC ? idFn : isServer ? useEffect : useLayoutEffect
-export const isChrome = typeof navigator !== 'undefined' && /Chrome/.test(navigator.userAgent || '')
-export const isWebTouchable = isClient && 'ontouchstart' in window
-export const isTouchable = !isWeb || isWebTouchable
-
-if (process.env.NODE_ENV === 'development') {
-  if (!process.env.TAMAGUI_TARGET) {
-    // eslint-disable-next-line no-console
-    console.warn(`Must set TAMAGUI_TARGET to "web" or "native"`)
-  } else if (
-    isClient &&
-    process.env.TAMAGUI_TARGET !== 'web' &&
-    process.env.TAMAGUI_IGNORE_TARGET !== '1'
-  ) {
-    // eslint-disable-next-line no-console
-    console.warn(
-      `Must set TAMAGUI_TARGET to "web" for web apps - if you have window defined outside of the browser, set TAMAGUI_IGNORE_TARGET=1 to hide this`
-    )
-  }
-}