@tamagui/core 1.0.1-beta.99 → 1.0.1-rc.0

package/types/helpers/useShallowSetState.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DebugProp } from '../types';
+export declare function useShallowSetState<State extends Object>(setter: React.Dispatch<React.SetStateAction<State>>, debug?: DebugProp, debugName?: string): (next: Partial<State>) => void;
+//# sourceMappingURL=useShallowSetState.d.ts.map

package/types/hooks/getThemeUnwrapped.d.ts

@@ -0,0 +1,3 @@
+export declare const getThemeUnwrapped: (theme: any) => any;
+export declare const GetThemeUnwrapped: unique symbol;
+//# sourceMappingURL=getThemeUnwrapped.d.ts.map

package/types/hooks/useElementLayout.d.ts

@@ -0,0 +1,19 @@
+import { RefObject } from 'react';
+export declare type LayoutValue = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    left: number;
+    top: number;
+};
+export declare type LayoutEvent = {
+    nativeEvent: {
+        layout: LayoutValue;
+        target: any;
+    };
+    timeStamp: number;
+};
+export declare const measureLayout: (node: HTMLElement, relativeTo: HTMLElement | null, callback: Function) => void;
+export declare function useElementLayout(ref: RefObject<Element>, onLayout?: ((e: LayoutEvent) => void) | null): void;
+//# sourceMappingURL=useElementLayout.d.ts.map

package/types/hooks/useId.d.ts

@@ -1,9 +1,2 @@
-declare function useId(idFromProps: string): string;
-declare function useId(idFromProps: number): number;
-declare function useId(idFromProps: string | number): string | number;
-declare function useId(idFromProps: string | undefined | null): string | undefined;
-declare function useId(idFromProps: number | undefined | null): number | undefined;
-declare function useId(idFromProps: string | number | undefined | null): string | number | undefined;
-declare function useId(): string | undefined;
-export { useId };
+export { useId } from 'react';
 //# sourceMappingURL=useId.d.ts.map

package/types/hooks/useMedia.d.ts

@@ -1,12 +1,28 @@
-import { ConfigureMediaQueryOptions, MediaQueries, MediaQueryObject, MediaQueryState } from '../types';
+import { MediaQueries, MediaQueryKey, MediaQueryObject, MediaQueryState, TamaguiInternalConfig } from '../types';
 export declare const mediaState: MediaQueryState;
-export declare const addMediaQueryListener: (key: string, cb: any) => void;
-export declare const removeMediaQueryListener: (key: string, cb: any) => void;
+declare type MediaListener = (next: boolean) => void;
+export declare function addMediaQueryListener(key: MediaQueryKey, cb: MediaListener): () => void;
+export declare function removeMediaQueryListener(key: MediaQueryKey, cb: MediaListener): void;
 export declare const mediaQueryConfig: MediaQueries;
 export declare const getMedia: () => MediaQueryState;
-export declare const configureMedia: ({ queries, defaultActive, }?: ConfigureMediaQueryOptions) => void;
-export declare const useMedia: () => {
-    [x: string]: boolean;
+export declare const getInitialMediaState: () => MediaQueryState;
+export declare const getMediaKeyImportance: (key: string) => number;
+export declare const configureMedia: (config: TamaguiInternalConfig) => void;
+export declare function useMediaListeners(config: TamaguiInternalConfig): void;
+export declare function useMedia(): {
+    [key in MediaQueryKey]: boolean;
 };
+/**
+ * Useful for more complex components that need access to the currently active props,
+ * accounting for the currently active media queries.
+ *
+ * Use sparingly, is will loop props and trigger re-render on all media queries.
+ *
+ * */
+export declare function useMediaPropsActive<A extends Object>(props: A): {
+    [Key in keyof A extends `$${string}` ? never : keyof A]?: A[Key];
+};
+export declare function mergeMediaByImportance(onto: Record<string, any>, key: string, value: any, importancesUsed: Record<string, number>): boolean;
 export declare function mediaObjectToString(query: string | MediaQueryObject): string;
+export {};
 //# sourceMappingURL=useMedia.d.ts.map

package/types/hooks/useSafeRef.d.ts

@@ -0,0 +1,4 @@
+export declare const useSafeRef: <T>(initialValue: T) => {
+    current: T;
+};
+//# sourceMappingURL=useSafeRef.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,45 +1,15 @@
-import { ThemeManager } from '../ThemeManager';
-import { ThemeName, ThemeObject } from '../types';
-export declare type ThemeProps = {
-    className?: string;
-    disableThemeClass?: boolean;
-    name: Exclude<ThemeName, number> | null;
-    componentName?: string;
-    children?: any;
-    reset?: boolean;
-    debug?: boolean | 'verbose';
-};
-export declare const useTheme: (themeName?: string | null, componentName?: string, props?: ThemeProps, forceUpdate?: any) => ThemeObject;
-export declare const getThemeManagerIfChanged: (theme: any) => any;
-export declare const useThemeName: (opts?: {
-    parent?: true;
-}) => string;
-export declare const useDefaultThemeName: () => ThemeName | undefined;
-export declare const useChangeThemeEffect: (name?: string | null, componentName?: string, props?: ThemeProps, forceUpdateProp?: any) => {
-    didChangeTheme: boolean;
-    themes: {
-        [key: string]: Partial<import("../types").TamaguiBaseTheme> & {
-            [key: string]: import("../types").VariableVal;
-        };
-    };
+import { ThemeManager } from '../helpers/ThemeManager';
+import { ThemeParsed, ThemeProps } from '../types';
+export declare type ChangedThemeResponse = {
     themeManager: ThemeManager | null;
     name: string;
-    theme: Partial<import("../types").TamaguiBaseTheme> & {
-        [key: string]: import("../types").VariableVal;
-    };
-    className: string;
-} | {
-    didChangeTheme: boolean;
-    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;
+    isNewTheme?: boolean;
+    theme?: ThemeParsed | null;
+    className?: string;
 };
+export declare const useTheme: (props?: ThemeProps) => ThemeParsed;
+export declare const getThemeManager: (theme: any) => ThemeManager | undefined;
+export declare const getThemeIsNewTheme: (theme: any) => ThemeManager | undefined;
+export declare const activeThemeManagers: Set<ThemeManager>;
+export declare const useChangeThemeEffect: (props: ThemeProps, root?: boolean) => ChangedThemeResponse;
 //# sourceMappingURL=useTheme.d.ts.map

package/types/hooks/useThemeName.d.ts

@@ -0,0 +1,5 @@
+import { ThemeName } from '../types';
+export declare function useThemeName(opts?: {
+    parent?: true;
+}): ThemeName;
+//# sourceMappingURL=useThemeName.d.ts.map

package/types/index.d.ts

@@ -8,17 +8,17 @@ export * from './createTokens';
 export * from './createVariable';
 export * from './createVariables';
 export * from './insertFont';
+export * from './addTheme';
+export * from './updateTheme';
 export * from './styled';
 export * from './types';
+export * from './setupReactNative';
 export type { RNWTextProps, RNWViewProps } from './types-rnw';
-export { getHasConfigured, getConfig, getThemes, getTokens, onConfiguredOnce } from './conf';
+export { getConfig, getThemes, getTokens, onConfiguredOnce } from './config';
 export * from './constants/constants';
-export * from './constants/platform';
-export { createDOMProps } from '@tamagui/rnw';
-export * from './helpers/calc';
-export * from './helpers/createShallowUpdate';
-export * from './helpers/getStackSize';
+export * from './helpers/useShallowSetState';
 export * from './helpers/getVariantExtras';
+export * from './helpers/getAnimationDriver';
 export * from './helpers/getExpandedShorthands';
 export * from './helpers/getSize';
 export * from './helpers/getSplitStyles';
@@ -26,30 +26,30 @@ export * from './helpers/getStylesAtomic';
 export * from './helpers/pseudoDescriptors';
 export * from './helpers/mergeProps';
 export * from './helpers/expandStyles';
-export * from './helpers/getFont';
-export * from './helpers/isObj';
 export * from './helpers/isTamaguiElement';
 export * from './helpers/isTamaguiComponent';
 export * from './helpers/matchMedia';
 export * from './helpers/themeable';
 export * from './helpers/withStaticProperties';
-export * from './contexts/ButtonInsideButtonContext';
-export * from './hooks/useConstant';
+export * from './contexts/ButtonNestingContext';
 export * from './hooks/useId';
-export * from './hooks/useIsMounted';
 export * from './hooks/useIsTouchDevice';
-export * from './hooks/useMedia';
-export * from './hooks/usePressable';
+export { configureMedia, getMedia, mediaState, useMedia, useMediaPropsActive, mediaObjectToString, addMediaQueryListener, removeMediaQueryListener, mediaQueryConfig, } from './hooks/useMedia';
 export * from './hooks/useTheme';
-export * from './hooks/useUnmountEffect';
+export * from './hooks/useThemeName';
+export * from './hooks/useSafeRef';
 export * from './views/Slot';
 export * from './views/Stack';
 export * from './views/Text';
-export { TextAncestorProvider, TextAncestorContext } from './views/TextAncestorContext';
+export * from './contexts/TextAncestorContext';
 export * from './views/Theme';
-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-did-finish-ssr';
+export * from '@tamagui/use-event';
+export * from '@tamagui/compose-refs';
 export * from '@tamagui/helpers';
+export * from '@tamagui/constants';
 //# sourceMappingURL=index.d.ts.map

package/types/inject-styles.d.ts

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

package/types/insertFont.d.ts

@@ -1,6 +1,9 @@
 import { DeepVariableObject } from './createVariables';
 import { GenericFont } from './types';
+/**
+ * Runtime dynamic insert font
+ */
 export declare function insertFont<A extends GenericFont>(name: string, fontIn: A): DeepVariableObject<A>;
 export declare function parseFont<A extends GenericFont>(definition: A): DeepVariableObject<A>;
-export declare function registerFontVariables(parsedFont: any, collect?: boolean): string;
+export declare function registerFontVariables(parsedFont: any): string[];
 //# sourceMappingURL=insertFont.d.ts.map

package/types/setupReactNative.d.ts

@@ -0,0 +1,5 @@
+import { StaticConfig } from './types';
+export declare const ReactNativeStaticConfigs: WeakMap<any, Partial<StaticConfig> | null>;
+export declare function getReactNativeConfig(Component: any): Partial<StaticConfig> | null | undefined;
+export declare function setupReactNative(rnExports: Record<string, any>): void;
+//# sourceMappingURL=setupReactNative.d.ts.map

package/types/static.d.ts

@@ -1,19 +1,3 @@
-export * from './styled';
-export * from './createComponent';
-export * from './createFont';
-export * from './createTokens';
-export * from './createTamagui';
-export * from './createVariable';
-export * from './constants/constants';
-export * from './hooks/useMedia';
-export * from './hooks/useTheme';
-export * from './helpers/isObj';
-export * from './helpers/getStylesAtomic';
-export * from './helpers/expandStyles';
-export * from './helpers/pseudoDescriptors';
+export * from './index';
 export * from './helpers/proxyThemeVariables';
-export * from './helpers/getSplitStyles';
-export * from '@tamagui/helpers';
-export * from './types';
-export * from '@tamagui/rnw';
 //# sourceMappingURL=static.d.ts.map

package/types/styled.d.ts

@@ -1,4 +1,4 @@
-import { GetProps, GetVariantValues, MediaProps, PseudoProps, StaticConfig, StylableComponent, TamaguiComponent, VariantDefinitions, VariantSpreadFunction } from './types';
+import { GetProps, GetVariantValues, MediaProps, PseudoProps, StaticConfig, StylableComponent, TamaguiComponent, TamaguiElement, VariantDefinitions, VariantSpreadFunction } from './types';
 export declare type StyledOptions<ParentComponent extends StylableComponent> = GetProps<ParentComponent> & {
     name?: string;
     variants?: VariantDefinitions<ParentComponent> | undefined;
@@ -6,11 +6,15 @@ export declare type StyledOptions<ParentComponent extends StylableComponent> = G
         [key: string]: any;
     };
 };
+declare type GetBaseProps<A extends StylableComponent> = A extends TamaguiComponent<any, any, infer P> ? P : GetProps<A>;
+declare type GetVariantProps<A extends StylableComponent> = A extends TamaguiComponent<any, any, any, infer V> ? V : {};
 export declare function styled<ParentComponent extends StylableComponent, Variants extends VariantDefinitions<ParentComponent> | void = VariantDefinitions<ParentComponent> | void>(Component: ParentComponent, options?: GetProps<ParentComponent> & {
     name?: string;
     variants?: Variants | undefined;
     defaultVariants?: {
         [key: string]: any;
     };
-}, staticExtractionOptions?: Partial<StaticConfig>): TamaguiComponent<Variants extends void ? GetProps<ParentComponent> : (ParentComponent extends TamaguiComponent<any, any, infer P, {}> ? P : GetProps<ParentComponent>) & Omit<ParentComponent extends TamaguiComponent<any, any, any, infer V> ? V : {}, keyof (Variants extends void ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })> & (Variants extends void ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; }) & MediaProps<Partial<(ParentComponent extends TamaguiComponent<any, any, infer P, {}> ? P : GetProps<ParentComponent>) & Omit<ParentComponent extends TamaguiComponent<any, any, any, infer V> ? V : {}, keyof (Variants extends void ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })> & (Variants extends void ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })>> & PseudoProps<Partial<(ParentComponent extends TamaguiComponent<any, any, infer P, {}> ? P : GetProps<ParentComponent>) & Omit<ParentComponent extends TamaguiComponent<any, any, any, infer V> ? V : {}, keyof (Variants extends void ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })> & (Variants extends void ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })>>, any, ParentComponent extends TamaguiComponent<any, any, infer P, {}> ? P : GetProps<ParentComponent>, (ParentComponent extends TamaguiComponent<any, any, any, infer V> ? V : {}) & (Variants extends void ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })>;
+    acceptsClassName?: boolean;
+}, staticExtractionOptions?: Partial<StaticConfig>): TamaguiComponent<Variants extends void ? GetProps<ParentComponent> : GetBaseProps<ParentComponent> & Omit<GetVariantProps<ParentComponent>, keyof (Variants extends void ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })> & (Variants extends void ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; }) & MediaProps<Partial<GetBaseProps<ParentComponent> & Omit<GetVariantProps<ParentComponent>, keyof (Variants extends void ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })> & (Variants extends void ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })>> & PseudoProps<Partial<GetBaseProps<ParentComponent> & Omit<GetVariantProps<ParentComponent>, keyof (Variants extends void ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })> & (Variants extends void ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })>>, TamaguiElement, GetBaseProps<ParentComponent>, GetVariantProps<ParentComponent> & (Variants extends void ? {} : { [Key in keyof Variants]?: (Variants[Key] extends VariantSpreadFunction<any, infer Val> ? Val : GetVariantValues<keyof Variants[Key]>) | undefined; })>;
+export {};
 //# sourceMappingURL=styled.d.ts.map