@tamagui/core 1.0.1-beta.139 → 1.0.1-beta.142

package/types/createComponent.server.d.ts

@@ -0,0 +1,36 @@
+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/createTamagui.d.ts

@@ -1,3 +1,3 @@
 import { CreateTamaguiProps, InferTamaguiConfig } from './types';
-export declare function createTamagui<Conf extends CreateTamaguiProps>(config: Conf): InferTamaguiConfig<Conf>;
+export declare function createTamagui<Conf extends CreateTamaguiProps>(configIn: Conf): InferTamaguiConfig<Conf>;
 //# sourceMappingURL=createTamagui.d.ts.map

package/types/createTheme.d.ts

@@ -2,6 +2,6 @@ import { Variable } from './createVariable';
 declare type GenericTheme = {
     [key: string]: string | Variable;
 };
-export declare const createTheme: <Theme extends GenericTheme>(theme: Theme) => { [K in keyof Theme]: string | Variable<any> | Theme[K]; };
+export declare const createTheme: <Theme extends GenericTheme>(theme: Theme) => { [K in keyof Theme]: string | Variable<import("./createVariable").VariableValue> | Theme[K]; };
 export {};
 //# sourceMappingURL=createTheme.d.ts.map

package/types/createVariable.d.ts

@@ -1,21 +1,24 @@
-declare const IS_VARIABLE_SYMBOL = "__isVariable__";
-declare type VariableIn<A extends string | number = any> = {
+declare const IS_VAR = "__isVar__";
+export declare type VariableValue = string | number;
+declare type VariableIn<A extends VariableValue = VariableValue> = {
     val: A;
     name: string;
     key: string;
     isFloating?: boolean;
 };
-export declare class Variable<A extends string | number = any> {
-    [IS_VARIABLE_SYMBOL]: boolean;
-    key: string;
-    name: string;
-    val: A;
+export declare type Variable<A extends VariableValue = VariableValue> = VariableIn<A> & {
+    [IS_VAR]?: true;
+    variable?: string;
+};
+export declare const createVariable: <A extends string | number = any>(props: VariableIn<A>) => VariableIn<A> | {
     variable: string;
-    isFloating: boolean;
-    constructor(props: VariableIn);
-    toString(): string;
-}
-export declare const createVariable: <A extends string | number = any>(props: VariableIn<A>) => Variable<any>;
+    val: A;
+    name: string;
+    key: string;
+    isFloating?: boolean | undefined;
+    __isVar__: boolean;
+};
+export declare function variableToString(vrble?: any): string;
 export declare function isVariable(v: Variable | any): v is Variable;
 export declare function getVariableValue(v: Variable | any): any;
 export declare function getVariableName(v: Variable | any): any;

package/types/helpers/RNComponents.d.ts

@@ -1,2 +1,2 @@
-export declare const RNComponents: WeakMap<object, any>;
+export declare const RNComponents: Set<any>;
 //# sourceMappingURL=RNComponents.d.ts.map

package/types/helpers/ThemeManager.d.ts

@@ -30,14 +30,8 @@ export declare class ThemeManager {
     update({ name, theme, className }?: SetActiveThemeProps, force?: boolean): boolean;
     getNextTheme(props?: GetNextThemeProps, debug?: any): {
         name: string;
-        theme: (Partial<import("../types").TamaguiBaseTheme> & {
-            [key: string]: import("../types").VariableVal;
-        }) | null;
-        className?: undefined;
-    } | {
-        name: string;
-        theme: any;
-        className: string;
+        theme: ThemeObject | null;
+        className: string | undefined;
     };
     getClassName(name: string): string;
     track(uuid: any, keys: Set<string>): void;

package/types/helpers/getAnimationDriver.d.ts

@@ -0,0 +1,6 @@
+export declare function getAnimationDriver(): import("..").AnimationDriver<{
+    [key: string]: string | {
+        [key: string]: any;
+    };
+}>;
+//# sourceMappingURL=getAnimationDriver.d.ts.map

package/types/helpers/registerCSSVariable.d.ts

@@ -1,5 +1,5 @@
-import { Variable } from '../createVariable';
+import { Variable, VariableValue } from '../createVariable';
 export declare const registerCSSVariable: (v: Variable) => void;
 export declare const variableToCSS: (v: Variable) => string;
-export declare const tokensValueToVariable: Map<string, Variable<any>>;
+export declare const tokensValueToVariable: Map<VariableValue, any>;
 //# sourceMappingURL=registerCSSVariable.d.ts.map

package/types/helpers/useAnimationDriver.d.ts

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

package/types/hooks/useAnimationDriver.d.ts

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

package/types/hooks/useServerContext.d.ts

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

package/types/hooks/useServerHooks.d.ts

@@ -0,0 +1,4 @@
+import { useRef, useState } from 'react';
+export declare const useServerState: typeof useState;
+export declare const useServerRef: typeof useRef;
+//# sourceMappingURL=useServerHooks.d.ts.map

package/types/hooks/useTheme.d.ts

@@ -1,6 +1,6 @@
 import { ThemeManager } from '../helpers/ThemeManager';
 import { ThemeName, ThemeObject } from '../types';
-export declare type ThemeProps = {
+export interface ThemeProps {
     className?: string;
     disableThemeClass?: boolean;
     name: Exclude<ThemeName, number> | null;
@@ -8,7 +8,7 @@ export declare type ThemeProps = {
     children?: any;
     reset?: boolean;
     debug?: boolean | 'verbose';
-};
+}
 export declare const useTheme: (themeName?: string | null, componentName?: string, props?: ThemeProps, forceUpdate?: any) => ThemeObject;
 export declare const getThemeManager: (theme: any) => ThemeManager | undefined;
 export declare const useThemeName: (opts?: {
@@ -17,26 +17,10 @@ export declare const useThemeName: (opts?: {
 export declare const useDefaultThemeName: () => ThemeName | undefined;
 export declare const activeThemeManagers: Set<ThemeManager>;
 export declare const useChangeThemeEffect: (name?: string | null, componentName?: string, props?: ThemeProps, forceUpdateProp?: any) => {
-    themes: {
-        [key: string]: Partial<import("../types").TamaguiBaseTheme> & {
-            [key: string]: import("../types").VariableVal;
-        };
-    };
-    themeManager: ThemeManager | null;
-    name: string;
-    theme: (Partial<import("../types").TamaguiBaseTheme> & {
-        [key: string]: import("../types").VariableVal;
-    }) | null;
-    className?: undefined;
-} | {
-    themes: {
-        [key: string]: Partial<import("../types").TamaguiBaseTheme> & {
-            [key: string]: import("../types").VariableVal;
-        };
-    };
+    themes: Record<string, ThemeObject>;
     themeManager: ThemeManager | null;
     name: string;
-    theme: any;
-    className: string;
+    theme: ThemeObject | null;
+    className?: string | undefined;
 };
 //# sourceMappingURL=useTheme.d.ts.map

package/types/index.d.ts

@@ -13,7 +13,7 @@ export * from './updateTheme';
 export * from './styled';
 export * from './types';
 export type { RNWTextProps, RNWViewProps } from './types-rnw';
-export { getHasConfigured, getConfig, getThemes, getTokens, onConfiguredOnce } from './conf';
+export { getHasConfigured, getConfig, getThemes, getTokens, onConfiguredOnce } from './config';
 export * from './constants/constants';
 export * from './constants/platform';
 export { createDOMProps } from '@tamagui/rnw';
@@ -21,6 +21,7 @@ export * from './helpers/calc';
 export * from './helpers/createShallowUpdate';
 export * from './helpers/getStackSize';
 export * from './helpers/getVariantExtras';
+export * from './helpers/getAnimationDriver';
 export * from './helpers/getExpandedShorthands';
 export * from './helpers/getSize';
 export * from './helpers/getSplitStyles';
@@ -56,6 +57,7 @@ export * from './views/ThemeInverse';
 export * from './views/ThemeProvider';
 export * from './views/ThemeReset';
 export * from './views/FontLanguage';
+export * from './views/TamaguiProvider';
 export * from '@tamagui/use-force-update';
 export * from '@tamagui/use-event';
 export * from '@tamagui/helpers';

package/types/injectStyles.d.ts

@@ -0,0 +1,7 @@
+interface InjectStylesOptions {
+    filePath: string;
+    css: string;
+}
+export declare const injectStyles: ({ filePath, css }: InjectStylesOptions) => void;
+export {};
+//# sourceMappingURL=injectStyles.d.ts.map

package/types/types.d.ts

@@ -170,7 +170,6 @@ export declare type CreateTamaguiProps = {
     themeClassNameOnRoot?: boolean;
 };
 export declare type TamaguiInternalConfig<A extends GenericTokens = GenericTokens, B extends GenericThemes = GenericThemes, C extends GenericShorthands = GenericShorthands, D extends GenericMedia = GenericMedia, E extends GenericAnimations = GenericAnimations, F extends GenericFonts = GenericFonts> = Omit<CreateTamaguiProps, keyof GenericTamaguiConfig> & CreateTamaguiConfig<A, B, C, D, E, F> & {
-    Provider: (props: TamaguiProviderProps) => any;
     tokensParsed: CreateTokens<Variable>;
     themeConfig: any;
     fontsParsed: GenericFonts;
@@ -337,6 +336,7 @@ declare type StaticComponentObject = {
     extractable: <X>(a: X, opts?: Partial<StaticConfig>) => X;
 };
 export declare type TamaguiProviderProps = Partial<Omit<ThemeProviderProps, 'children'>> & {
+    config: TamaguiInternalConfig;
     disableInjectCSS?: boolean;
     children?: React.ReactNode;
 };
@@ -460,9 +460,32 @@ export declare type SplitStyleState = TamaguiComponentState & {
 declare type AnimationConfig = {
     [key: string]: any;
 };
+export declare type AnimatedNumberStrategy = {
+    type: 'spring';
+    stiffness?: number;
+    damping?: number;
+    mass?: number;
+    overshootClamping?: boolean;
+    restSpeedThreshold?: number;
+    restDisplacementThreshold?: number;
+} | {
+    type: 'timing';
+    duration: number;
+} | {
+    type: 'direct';
+};
+export declare type UniversalAnimatedNumber<A> = {
+    getInstance(): A;
+    getValue(): number;
+    setValue(next: number, config?: AnimatedNumberStrategy): void;
+    stop(): void;
+};
 export declare type AnimationDriver<A extends AnimationConfig = AnimationConfig> = {
     avoidClasses?: boolean;
     useAnimations: UseAnimationHook;
+    useAnimatedNumber: (initial: number) => UniversalAnimatedNumber<any>;
+    useAnimatedNumberStyle: <V extends UniversalAnimatedNumber<any>>(val: V, getStyle: (current: any) => any) => void;
+    useAnimatedNumberReaction: (val: UniversalAnimatedNumber<any>, onValue: (current: number) => void) => void;
     animations: A;
     View?: any;
     Text?: any;

package/types/views/TamaguiProvider.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { TamaguiProviderProps } from '../types';
+export declare function TamaguiProvider({ children, disableInjectCSS, config, ...themePropsProvider }: TamaguiProviderProps): JSX.Element;
+//# sourceMappingURL=TamaguiProvider.d.ts.map

package/types/views/ThemeProvider.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 export declare type ThemeProviderProps = {
     className?: string;
-    themes: any;
     defaultTheme: string;
     disableRootThemeClass?: boolean;
     themeClassNameOnRoot?: boolean;

package/dist/cjs/Pressability.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Pressability.tsx"],
-  "sourcesContent": ["export const Pressability = {} as any\nexport const usePressability = {} as Function\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,eAAe,CAAC;AACtB,MAAM,kBAAkB,CAAC;",
-  "names": []
-}

package/dist/cjs/Pressability.native.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Pressability.native.tsx"],
-  "sourcesContent": ["export const Pressability = require('react-native/Libraries/Pressability/Pressability').default\nexport const usePressability =\n  require('react-native/Libraries/Pressability/usePressability').default\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,eAAe,QAAQ,kDAAkD,EAAE;AACjF,MAAM,kBACX,QAAQ,qDAAqD,EAAE;",
-  "names": []
-}

package/dist/cjs/ThemeContext.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ThemeContext.tsx"],
-  "sourcesContent": ["import { createContext } from 'react'\n\nimport { ThemeName, Themes } from './types'\n\nexport const ThemeContext = createContext<{ themes: Themes; defaultTheme: ThemeName } | null>(null)\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAIvB,MAAM,eAAe,gCAAkE,IAAI;",
-  "names": []
-}