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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "1.0.1-beta.136",
+  "version": "1.0.1-beta.139",
   "source": "src/index.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -22,12 +22,12 @@
   ],
   "dependencies": {
     "@expo/match-media": "^0.3.0",
-    "@tamagui/compose-refs": "^1.0.1-beta.136",
-    "@tamagui/helpers": "^1.0.1-beta.136",
-    "@tamagui/rnw": "^1.0.1-beta.136",
-    "@tamagui/use-debounce": "^1.0.1-beta.136",
-    "@tamagui/use-event": "^1.0.1-beta.136",
-    "@tamagui/use-force-update": "^1.0.1-beta.136",
+    "@tamagui/compose-refs": "^1.0.1-beta.139",
+    "@tamagui/helpers": "^1.0.1-beta.139",
+    "@tamagui/rnw": "^1.0.1-beta.139",
+    "@tamagui/use-debounce": "^1.0.1-beta.139",
+    "@tamagui/use-event": "^1.0.1-beta.139",
+    "@tamagui/use-force-update": "^1.0.1-beta.139",
     "expo-screen-orientation": "^4.3.0",
     "hyphenate-style-name": "^1.0.4",
     "normalize-css-color": "^1.0.2",
@@ -38,7 +38,7 @@
     "react-native-web": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.136",
+    "@tamagui/build": "^1.0.1-beta.139",
     "@types/react": "^18.0.15",
     "csstype": "^3.0.10",
     "esbuild": "^0.14.49",

package/types/addTheme.d.ts

@@ -0,0 +1,11 @@
+import { ThemeObject } from './types';
+export declare function addTheme({ name: themeName, theme: themeIn, insertCSS, update, }: {
+    name: string;
+    theme: ThemeObject;
+    insertCSS?: boolean;
+    update?: boolean;
+}): {
+    theme: any;
+    cssRules: string[];
+};
+//# sourceMappingURL=addTheme.d.ts.map

package/types/{ThemeContext.d.ts → contexts/ThemeContext.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ThemeName, Themes } from './types';
+import { ThemeName, Themes } from '../types';
 export declare const ThemeContext: import("react").Context<{
     themes: Themes;
     defaultTheme: ThemeName;

package/types/createTheme.d.ts

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

package/types/{ThemeManager.d.ts → helpers/ThemeManager.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ThemeObject, Themes } from './types';
+import { ThemeObject, Themes } from '../types';
 declare type ThemeListener = (name: string | null, themeManager: ThemeManager) => void;
 export declare type SetActiveThemeProps = {
     className?: string;
@@ -26,12 +26,12 @@ export declare class ThemeManager {
     get didChangeTheme(): boolean | null;
     get parentName(): string | null;
     get fullName(): string;
-    getValue(key: string): import("./types").VariableVal | undefined;
-    update({ name, theme, className }?: SetActiveThemeProps): boolean;
+    getValue(key: string): import("../types").VariableVal | undefined;
+    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;
+        theme: (Partial<import("../types").TamaguiBaseTheme> & {
+            [key: string]: import("../types").VariableVal;
         }) | null;
         className?: undefined;
     } | {

package/types/helpers/getSplitStyles.d.ts

@@ -14,6 +14,7 @@ declare type StyleSplitter = (props: {
     classNames: ClassNamesObject;
     rulesToInsert: RulesToInsert;
     viewProps: StackProps;
+    fontFamily: string | undefined;
 };
 export declare const PROP_SPLIT = "-";
 export declare const pseudoCNInverse: {

package/types/helpers/getThemeCSSRules.d.ts

@@ -0,0 +1,8 @@
+import { CreateTamaguiProps, ThemeObject } from '../types';
+export declare function getThemeCSSRules({ config, themeName, theme, names, }: {
+    config: CreateTamaguiProps;
+    themeName: string;
+    theme: ThemeObject;
+    names: string[];
+}): string[];
+//# sourceMappingURL=getThemeCSSRules.d.ts.map

package/types/helpers/getThemeCSSRules.native.d.ts

@@ -0,0 +1,2 @@
+export declare function getThemeCSSRules(): never[];
+//# sourceMappingURL=getThemeCSSRules.native.d.ts.map

package/types/helpers/mergeProps.d.ts

@@ -1,2 +1,4 @@
-export declare const mergeProps: (a: Object, b: Object, leaveOutClassNames?: boolean) => readonly [Record<string, string>, Record<string, string>];
+declare type StringRecord = Record<string, string>;
+export declare const mergeProps: (a: Object, b: Object, leaveOutClassNames?: boolean, inverseShorthands?: StringRecord) => readonly [StringRecord, StringRecord];
+export {};
 //# sourceMappingURL=mergeProps.d.ts.map

package/types/helpers/themes.d.ts

@@ -0,0 +1,4 @@
+import { CreateTamaguiProps } from '../types';
+export declare function ensureThemeVariable(theme: any, key: string): void;
+export declare function proxyThemeToParents(themeName: string, theme: any, themes: CreateTamaguiProps['themes']): any;
+//# sourceMappingURL=themes.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,10 +1,11 @@
 import { ConfigureMediaQueryOptions, MediaQueries, MediaQueryKey, MediaQueryObject, MediaQueryState } from '../types';
 export declare const mediaState: MediaQueryState;
-export declare function addMediaQueryListener(key: MediaQueryKey, cb: any): void;
+export declare function addMediaQueryListener(key: MediaQueryKey, cb: any): () => void;
 export declare function removeMediaQueryListener(key: MediaQueryKey, cb: any): void;
 export declare const mediaQueryConfig: MediaQueries;
 export declare const getMedia: () => MediaQueryState;
 export declare const configureMedia: ({ queries, defaultActive, }?: ConfigureMediaQueryOptions) => void;
+export declare function useMediaQueryListeners(): void;
 export declare function useMedia(): {
     [key in MediaQueryKey]: boolean;
 };

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/useTheme.d.ts

@@ -1,4 +1,4 @@
-import { ThemeManager } from '../ThemeManager';
+import { ThemeManager } from '../helpers/ThemeManager';
 import { ThemeName, ThemeObject } from '../types';
 export declare type ThemeProps = {
     className?: string;
@@ -15,6 +15,7 @@ export declare const useThemeName: (opts?: {
     parent?: true;
 }) => string;
 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> & {

package/types/index.d.ts

@@ -8,6 +8,8 @@ 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 type { RNWTextProps, RNWViewProps } from './types-rnw';
@@ -39,15 +41,16 @@ export * from './hooks/useConstant';
 export * from './hooks/useId';
 export * from './hooks/useIsMounted';
 export * from './hooks/useIsTouchDevice';
-export * from './hooks/useMedia';
+export { configureMedia, getMedia, mediaState, useMedia, mediaObjectToString, addMediaQueryListener, removeMediaQueryListener, mediaQueryConfig, } from './hooks/useMedia';
 export * from './hooks/usePressable';
 export * from './hooks/useTheme';
 export * from './hooks/useIsSSR';
 export * from './hooks/useUnmountEffect';
+export * from './hooks/useSafeRef';
 export * from './views/Slot';
 export * from './views/Stack';
 export * from './views/Text';
-export { TextAncestorProvider, TextAncestorContext } from './views/TextAncestorContext';
+export { TextAncestorProvider, TextAncestorContext } from './contexts/TextAncestorContext';
 export * from './views/Theme';
 export * from './views/ThemeInverse';
 export * from './views/ThemeProvider';

package/types/types.d.ts

@@ -163,7 +163,7 @@ export declare type CreateTamaguiProps = {
         Text?: TextProps;
         Spacer?: SpacerProps;
     };
-    mediaQueryDefaultActive?: MediaQueryKey[];
+    mediaQueryDefaultActive?: Record<MediaQueryKey, boolean>;
     cssStyleSeparator?: string;
     maxDarkLightNesting?: number;
     shouldAddPrefersColorThemes?: boolean;
@@ -223,7 +223,7 @@ export declare type MediaQueries = {
 };
 export declare type ConfigureMediaQueryOptions = {
     queries?: MediaQueries;
-    defaultActive?: MediaQueryKey[];
+    defaultActive?: Record<MediaQueryKey, boolean>;
 };
 export declare type TransformStyleProps = {
     x?: number;

package/types/updateTheme.d.ts

@@ -0,0 +1,9 @@
+import { ThemeObject } from './types';
+export declare function updateTheme({ name, theme }: {
+    name: string;
+    theme: ThemeObject;
+}): {
+    theme: any;
+    cssRules: string[];
+};
+//# sourceMappingURL=updateTheme.d.ts.map

package/types/views/Theme.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
+import { ThemeManager } from '../helpers/ThemeManager';
 import { ThemeProps } from '../hooks/useTheme';
-import { ThemeManager } from '../ThemeManager';
 export declare const Theme: React.NamedExoticComponent<ThemeProps>;
 export declare function wrapThemeManagerContext(children: any, themeManager?: ThemeManager | null, shouldSetChildrenThemeToParent?: boolean): any;
 //# sourceMappingURL=Theme.d.ts.map

package/types/defaultComponentState.d.ts

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

package/types/helpers/nativeGestureHandler.native.d.ts

@@ -1,2 +0,0 @@
-export * from 'react-native-gesture-handler';
-//# sourceMappingURL=nativeGestureHandler.native.d.ts.map