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

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`
-    )
-  }
-}

package/types/conf.d.ts

@@ -1,26 +0,0 @@
-import { ConfigListener, TamaguiInternalConfig } from './types';
-export declare const setConfig: (next: TamaguiInternalConfig) => void;
-export declare const setConfigFont: (name: string, font: any, fontParsed: any) => void;
-export declare const getHasConfigured: () => boolean;
-export declare const getConfig: () => TamaguiInternalConfig<import("./types").CreateTokens<import("./types").VariableVal>, {
-    [key: string]: Partial<import("./types").TamaguiBaseTheme> & {
-        [key: string]: import("./types").VariableVal;
-    };
-}, {}, {
-    [key: string]: {
-        [key: string]: string | number;
-    };
-}, {
-    [key: string]: string | {
-        [key: string]: any;
-    };
-}, import("./types").GenericFonts>;
-export declare const getTokens: () => import("./types").CreateTokens<import("./createVariable").Variable<import("./createVariable").VariableValue>>;
-export declare const getThemes: () => {
-    [key: string]: Partial<import("./types").TamaguiBaseTheme> & {
-        [key: string]: import("./types").VariableVal;
-    };
-};
-export declare const configListeners: Set<ConfigListener>;
-export declare const onConfiguredOnce: (cb: ConfigListener) => void;
-//# sourceMappingURL=conf.d.ts.map

package/types/createComponent.server.d.ts

@@ -1,36 +0,0 @@
-import React from 'react';
-import { SpaceDirection, SpaceTokens, SpacerProps, StaticConfig, StaticConfigParsed, StylableComponent, TamaguiComponent, TamaguiElement } from './types';
-export declare const mouseUps: Set<Function>;
-export declare function createComponent<ComponentPropTypes extends Object = {}, Ref = TamaguiElement, BaseProps = never>(configIn: Partial<StaticConfig> | StaticConfigParsed, ParentComponent?: StylableComponent): TamaguiComponent<ComponentPropTypes, Ref, BaseProps, {}>;
-export declare const Unspaced: {
-    (props: {
-        children?: any;
-    }): any;
-    isUnspaced: boolean;
-};
-export declare const Spacer: TamaguiComponent<SpacerProps, TamaguiElement, never, {}>;
-export declare type SpacedChildrenProps = {
-    isZStack?: boolean;
-    children?: React.ReactNode;
-    space?: SpaceTokens | number | null;
-    spaceFlex?: boolean | number;
-    direction?: SpaceDirection;
-    separator?: React.ReactNode;
-};
-export declare function spacedChildren({ isZStack, children, space, direction, spaceFlex, separator, }: SpacedChildrenProps): React.ReactNode;
-export declare function processIDRefList(idRefList: string | Array<string>): string;
-export declare const accessibilityRoleToWebRole: {
-    adjustable: string;
-    button: string;
-    header: string;
-    image: string;
-    imagebutton: null;
-    keyboardkey: null;
-    label: null;
-    link: string;
-    none: string;
-    search: string;
-    summary: string;
-    text: null;
-};
-//# sourceMappingURL=createComponent.server.d.ts.map

package/types/helpers/createShallowUpdate.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-export declare function useShallowSetState<State extends Object>(setter: React.Dispatch<React.SetStateAction<State>>): (next: Partial<State>) => void;
-//# sourceMappingURL=createShallowUpdate.d.ts.map

package/types/helpers/cssHash.d.ts

@@ -1,2 +0,0 @@
-export declare function cssHash(val: string, maxLen?: number): string;
-//# sourceMappingURL=cssHash.d.ts.map

package/types/helpers/useAnimationDriver.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=useAnimationDriver.d.ts.map

package/types/hooks/useAnimationDriver.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=useAnimationDriver.d.ts.map

package/types/hooks/useDidFinishSSR.d.ts

@@ -1,3 +0,0 @@
-export declare function useSetupHasSSRRendered(): void;
-export declare function useDidFinishSSR(): boolean;
-//# sourceMappingURL=useDidFinishSSR.d.ts.map

package/types/hooks/useFeatures.d.ts

@@ -1,23 +0,0 @@
-import { RefObject } from 'react';
-import { View, ViewStyle } from 'react-native';
-import { PseudoStyles, SplitStyleState, StaticConfigParsed, TamaguiComponentState, UseAnimationHook } from '../types';
-declare type FeatureUtils = {
-    forceUpdate: Function;
-    state: SplitStyleState;
-    setStateShallow: (next: Partial<TamaguiComponentState>) => void;
-    useAnimations?: UseAnimationHook;
-    pseudos: PseudoStyles;
-    style: ViewStyle | null | undefined;
-    staticConfig: StaticConfigParsed;
-    theme: any;
-    onDidAnimate?: () => void;
-    hostRef: RefObject<HTMLElement | View>;
-};
-export declare const useFeatures: (props: any, utils?: FeatureUtils) => {
-    elements: JSX.Element[];
-    enabled: {
-        mediaQuery?: boolean | undefined;
-    };
-};
-export {};
-//# sourceMappingURL=useFeatures.d.ts.map

package/types/hooks/useIsSSR.d.ts

@@ -1,4 +0,0 @@
-export declare const useIsSSR: (props?: {
-    immediate?: boolean;
-}) => boolean;
-//# sourceMappingURL=useIsSSR.d.ts.map

package/types/hooks/useServerContext.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=useServerContext.d.ts.map