@tamagui/core 1.0.0-alpha.8 → 1.0.0-beta.179

package/dist/jsx/views/Text.js

@@ -0,0 +1,60 @@
+import { stylePropsTextOnly, validStyles } from "@tamagui/helpers";
+import { isWeb } from "../constants/platform";
+import { createComponent } from "../createComponent";
+const ellipseStyle = {
+  maxWidth: "100%",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+};
+const Text = createComponent({
+  isText: true,
+  defaultProps: {
+    display: isWeb ? "inline" : "flex",
+    boxSizing: "border-box",
+    fontFamily: "System",
+    wordWrap: "break-word"
+  },
+  variants: {
+    numberOfLines: {
+      1: ellipseStyle,
+      ":number": (lines) => lines > 1 ? { WebkitLineClamp: 1 } : null
+    },
+    selectable: {
+      true: {
+        userSelect: "text",
+        cursor: "text"
+      },
+      false: {
+        userSelect: "none"
+      }
+    },
+    pressable: {
+      true: {
+        cursor: "pointer"
+      }
+    },
+    ellipse: {
+      true: isWeb ? ellipseStyle : {
+        numberOfLines: 1,
+        lineBreakMode: "clip"
+      }
+    }
+  },
+  deoptProps: new Set(isWeb ? [] : ["ellipse"]),
+  validStyles: {
+    ...validStyles,
+    ...stylePropsTextOnly,
+    ...isWeb && {
+      userSelect: true,
+      textOverflow: true,
+      whiteSpace: true,
+      wordWrap: true,
+      selectable: true,
+      cursor: true
+    }
+  }
+});
+export {
+  Text
+};

package/dist/jsx/views/TextAncestorContext.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var _a, _b;
+import { createContext } from "react";
+import { rnw } from "../constants/rnw";
+const FallbackNativeContext = createContext(false);
+const TextAncestorContext = (_b = (_a = rnw) == null ? void 0 : _a.TextAncestorContext) != null ? _b : FallbackNativeContext;
+const TextAncestorProvider = /* @__PURE__ */ __name((props) => {
+  return <TextAncestorContext.Provider value={false}>{props.children}</TextAncestorContext.Provider>;
+}, "TextAncestorProvider");
+export {
+  FallbackNativeContext,
+  TextAncestorContext,
+  TextAncestorProvider
+};

package/dist/jsx/views/Theme.js

@@ -0,0 +1,40 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React, { memo, useMemo } from "react";
+import { isWeb } from "../constants/platform";
+import { wrapThemeManagerContext } from "../helpers/wrapThemeManagerContext";
+import { useChangeThemeEffect } from "../static";
+React["createElement"];
+const Theme = memo(/* @__PURE__ */ __name(function Theme2(props) {
+  var _a, _b;
+  const { name, theme, themeManager, themes, className } = useChangeThemeEffect(props.name, void 0, props);
+  const contents = useMemo(() => {
+    if (!name || !theme) {
+      return props.children;
+    }
+    return wrapThemeManagerContext(props.children, themeManager);
+  }, [props.children, themeManager]);
+  if (!themes) {
+    console.warn("Error, no themes in context", props);
+    return props.children;
+  }
+  if (!name || !theme) {
+    if (process.env.NODE_ENV === "development" && name && !theme) {
+      console.warn(`No theme found by name ${name}`);
+    }
+    return props.children;
+  }
+  if (isWeb) {
+    if (props.disableThemeClass) {
+      return contents;
+    }
+    return <div className={props.className ? `${className || ""} ${props.className || ""}` : className || ""} style={{
+      display: "contents",
+      color: (_b = (_a = themes[name]) == null ? void 0 : _a.color) == null ? void 0 : _b.toString()
+    }}>{contents}</div>;
+  }
+  return contents;
+}, "Theme"));
+export {
+  Theme
+};

package/dist/jsx/views/ThemeInverse.js

@@ -0,0 +1,22 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { useDefaultThemeName, useThemeName } from "../hooks/useTheme";
+import { Theme } from "./Theme";
+let inversions = {
+  light: "dark",
+  dark: "light"
+};
+function setThemeInversions(next) {
+  inversions = next;
+}
+__name(setThemeInversions, "setThemeInversions");
+const ThemeInverse = /* @__PURE__ */ __name((props) => {
+  const themeName = useThemeName();
+  const defaultTheme = useDefaultThemeName();
+  const name = inversions[themeName] || inversions[defaultTheme || ""] || null;
+  return <Theme name={name}>{props.children}</Theme>;
+}, "ThemeInverse");
+export {
+  ThemeInverse,
+  setThemeInversions
+};

package/dist/jsx/views/ThemeProvider.js

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React, { useLayoutEffect, useMemo } from "react";
+import { getHasConfigured } from "../conf";
+import { THEME_CLASSNAME_PREFIX } from "../constants/constants";
+import { ThemeContext } from "../ThemeContext";
+import { Theme } from "./Theme";
+React["createElement"];
+const ThemeProvider = /* @__PURE__ */ __name((props) => {
+  if (!getHasConfigured()) {
+    throw new Error(`Missing configureThemes() call, add to your root file`);
+  }
+  if (typeof document !== "undefined") {
+    useLayoutEffect(() => {
+      if (props.disableRootThemeClass) {
+        return;
+      }
+      const cn = `${THEME_CLASSNAME_PREFIX}${props.defaultTheme}`;
+      document.body.classList.add(cn);
+      return () => {
+        document.body.classList.remove(cn);
+      };
+    }, []);
+  }
+  const themeContext = useMemo(() => {
+    return {
+      themes: props.themes,
+      defaultTheme: props.defaultTheme
+    };
+  }, [props.themes]);
+  return <ThemeContext.Provider value={themeContext}><Theme name={props.defaultTheme} disableThemeClass={props.disableRootThemeClass}>{props.children}</Theme></ThemeContext.Provider>;
+}, "ThemeProvider");
+export {
+  ThemeProvider
+};

package/dist/jsx/views/ThemeReset.js

@@ -0,0 +1,34 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import React, { useContext, useLayoutEffect, useState } from "react";
+import { isWeb } from "../constants/platform";
+import { ThemeManagerContext } from "../ThemeManager";
+import { Theme } from "./Theme";
+React["createElement"];
+const ThemeReset = /* @__PURE__ */ __name((props) => {
+  const themeManager = useContext(ThemeManagerContext);
+  const [name, setName] = useState(null);
+  if (!isWeb || typeof document !== "undefined") {
+    useLayoutEffect(() => {
+      if (!themeManager)
+        return;
+      if (name !== themeManager.parentName) {
+        setName(themeManager.parentName);
+      }
+    }, [themeManager == null ? void 0 : themeManager.parentName]);
+    useLayoutEffect(() => {
+      if (!themeManager)
+        return;
+      return themeManager.onChangeTheme(() => {
+        setName(themeManager.parentName);
+      });
+    }, []);
+  }
+  if (!themeManager || !props.children) {
+    return props.children || null;
+  }
+  return <Theme className="tui-theme-reset" name={name}>{props.children}</Theme>;
+}, "ThemeReset");
+export {
+  ThemeReset
+};

package/package.json

@@ -1,24 +1,28 @@
 {
   "name": "@tamagui/core",
-  "version": "1.0.0-alpha.8",
+  "version": "1.0.0-beta.179+a2bba1a8",
   "source": "src/index.ts",
   "main": "dist/cjs",
-  "module": "dist",
-  "typings": "types.d.ts",
+  "module": "dist/esm",
+  "typings": "types",
+  "sideEffects": [
+    "*.css"
+  ],
   "scripts": {
-    "build": "tamagui-build --separate",
-    "watch": "tamagui-build --separate --watch"
+    "build": "tamagui-build",
+    "watch": "tamagui-build --watch",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build"
   },
   "files": [
-    "_",
-    "types.d.ts",
-    "dist",
-    "src"
+    "types",
+    "dist"
   ],
   "dependencies": {
-    "@tamagui/helpers": "^1.0.0-alpha.8",
-    "@tamagui/use-debounce": "^1.0.0-alpha.8",
-    "@tamagui/use-force-update": "^1.0.0-alpha.8",
+    "@tamagui/helpers": "^1.0.0-beta.179+a2bba1a8",
+    "@tamagui/ow": "^0.28.1",
+    "@tamagui/use-debounce": "^1.0.0-beta.179+a2bba1a8",
+    "@tamagui/use-force-update": "^1.0.0-beta.179+a2bba1a8",
     "react": "*",
     "react-dom": "*"
   },
@@ -26,17 +30,15 @@
     "react-native-web": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.0-alpha.8",
-    "@tamagui/ow": "^0.28.1",
+    "@tamagui/build": "^1.0.0-beta.179+a2bba1a8",
     "@types/react": "^17.0.35",
-    "esbuild": "^0.11.20",
-    "typescript": "^4.4.4"
+    "csstype": "^3.0.10",
+    "esbuild": "^0.14.36",
+    "react-native-web": "^0.17.5",
+    "typescript": "^4.5.2"
   },
   "publishConfig": {
     "access": "public"
   },
-  "engines": {
-    "node": ">=16"
-  },
-  "gitHead": "ecb0afe6782276b1f2ece90320fd2748f2f05c93"
+  "gitHead": "a2bba1a86895896d70f8d1b91a5faf94adf776e4"
 }

package/types/Tamagui.d.ts

@@ -0,0 +1,13 @@
+import { TamaguiInternalConfig } from './types';
+declare class TamaguiManager {
+    config: TamaguiInternalConfig | null;
+    rnw: Record<string, any>;
+    get allSelectors(): {};
+    get allTransforms(): {};
+    get identifierToValue(): Map<string, any>;
+}
+export declare const Tamagui: TamaguiManager;
+export declare const getValueFromIdentifier: (identifier: string) => any;
+export declare const setIdentifierValue: (identifier: string, value: any) => void;
+export {};
+//# sourceMappingURL=Tamagui.d.ts.map

package/types/Tamagui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tamagui.d.ts","sourceRoot":"","sources":["../src/Tamagui.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAI/C,cAAM,cAAc;IAClB,MAAM,EAAE,qBAAqB,GAAG,IAAI,CAAO;IAC3C,GAAG,sBAAM;IAET,IAAI,YAAY,OAEf;IAED,IAAI,aAAa,OAEhB;IAED,IAAI,iBAAiB,qBAEpB;CACF;AAED,eAAO,MAAM,OAAO,gBAAuB,CAAA;AAI3C,eAAO,MAAM,sBAAsB,eAAgB,MAAM,QAExD,CAAA;AAED,eAAO,MAAM,kBAAkB,eAAgB,MAAM,SAAS,GAAG,SAEhE,CAAA"}

package/types/ThemeContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ThemeName, Themes } from './types';
+export declare const ThemeContext: import("react").Context<{
+    themes: Themes;
+    defaultTheme: ThemeName;
+} | null>;
+//# sourceMappingURL=ThemeContext.d.ts.map

package/types/ThemeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../src/ThemeContext.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAE3C,eAAO,MAAM,YAAY;YAA2B,MAAM;kBAAgB,SAAS;SAAgB,CAAA"}

package/types/ThemeManager.d.ts

@@ -0,0 +1,49 @@
+/// <reference types="react" />
+import { ThemeObject, Themes } from './types';
+declare type ThemeListener = (name: string | null, themeManager: ThemeManager) => void;
+export declare type SetActiveThemeProps = {
+    className?: string;
+    parentManager?: ThemeManager | null;
+    name?: string | null;
+    theme?: any;
+};
+export declare class ThemeManager {
+    #private;
+    name: string | null;
+    theme: ThemeObject | null;
+    parentManager: ThemeManager | null;
+    keys: Map<any, Set<string>>;
+    listeners: Map<any, Function>;
+    themeListeners: Set<ThemeListener>;
+    className: string | null;
+    constructor(name?: string | null, theme?: ThemeObject | null, parentManager?: ThemeManager | null);
+    get parentName(): string | null;
+    get fullName(): string;
+    getValue(key: string): import("./types").VariableVal | undefined;
+    update({ name, theme, className }?: SetActiveThemeProps): boolean;
+    getNextTheme(opts?: {
+        themes?: Themes;
+        name?: string | null;
+        componentName?: string | null;
+    }, props?: any): {
+        name: string;
+        theme: Partial<import("./types").TamaguiBaseTheme> & {
+            [key: string]: import("./types").VariableVal;
+        };
+        className: string;
+    } | {
+        name: string | null;
+        theme: (Partial<import("./types").TamaguiBaseTheme> & {
+            [key: string]: import("./types").VariableVal;
+        }) | null;
+        className?: undefined;
+    };
+    track(uuid: any, keys: Set<string>): void;
+    notifyListeners(): void;
+    onChangeTheme(cb: ThemeListener): () => void;
+    onUpdate(uuid: any, cb: Function): () => void;
+}
+export declare const ThemeManagerContext: import("react").Context<ThemeManager | null>;
+export declare const emptyManager: ThemeManager;
+export {};
+//# sourceMappingURL=ThemeManager.d.ts.map

package/types/ThemeManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeManager.d.ts","sourceRoot":"","sources":["../src/ThemeManager.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAE7C,aAAK,aAAa,GAAG,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,YAAY,EAAE,YAAY,KAAK,IAAI,CAAA;AAE9E,oBAAY,mBAAmB,GAAG;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,GAAG,CAAA;CACZ,CAAA;AAED,qBAAa,YAAY;;IAOd,IAAI,EAAE,MAAM,GAAG,IAAI;IACnB,KAAK,EAAE,WAAW,GAAG,IAAI;IACzB,aAAa,EAAE,YAAY,GAAG,IAAI;IAR3C,IAAI,wBAA8B;IAClC,SAAS,qBAA2B;IACpC,cAAc,qBAA2B;IACzC,SAAS,EAAE,MAAM,GAAG,IAAI,CAAO;gBAGtB,IAAI,GAAE,MAAM,GAAG,IAAW,EAC1B,KAAK,GAAE,WAAW,GAAG,IAAW,EAChC,aAAa,GAAE,YAAY,GAAG,IAAW;IAqBlD,IAAI,UAAU,kBAEb;IAED,IAAI,QAAQ,IAAI,MAAM,CAMrB;IAGD,QAAQ,CAAC,GAAG,EAAE,MAAM;IAmBpB,MAAM,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAE,mBAAwB;IAgB3D,YAAY,CACV,IAAI,GAAE;QAAE,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KAAO,EACnF,KAAK,CAAC,EAAE,GAAG;;;;;;;;;;;;;IAiEb,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC;IAKlC,eAAe;IAYf,aAAa,CAAC,EAAE,EAAE,aAAa;IAO/B,QAAQ,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ;CAOjC;AAED,eAAO,MAAM,mBAAmB,8CAA2C,CAAA;AAC3E,eAAO,MAAM,YAAY,cAAqB,CAAA"}

package/types/conf.d.ts

@@ -0,0 +1,25 @@
+import { ConfigListener, TamaguiInternalConfig } from './types';
+export declare const setConfig: (next: TamaguiInternalConfig) => 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;
+    };
+}, {}, {
+    [x: string]: {
+        [key: string]: string | number;
+    };
+}, {
+    [key: string]: string | {
+        [key: string]: any;
+    };
+}>;
+export declare const getTokens: () => import("./types").CreateTokens<import("./createVariable").Variable>;
+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/conf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAI/D,eAAO,MAAM,SAAS,SAAU,qBAAqB,SAMpD,CAAA;AAED,eAAO,MAAM,gBAAgB,eAAe,CAAA;AAC5C,eAAO,MAAM,SAAS;;;;;;;;;;;;EAAc,CAAA;AACpC,eAAO,MAAM,SAAS,2EAA2B,CAAA;AACjD,eAAO,MAAM,SAAS;;;;CAAqB,CAAA;AAE3C,eAAO,MAAM,eAAe,qBAA4B,CAAA;AAExD,eAAO,MAAM,gBAAgB,OAAQ,cAAc,SAWlD,CAAA"}

package/{dist/packages/core/src → types}/constants/constants.d.ts

@@ -1,3 +1,5 @@
+export declare const THEME_NAME_SEPARATOR = "_";
+export declare const THEME_CLASSNAME_PREFIX = "tui_";
 export declare const stackDefaultStyles: {
     display?: string | undefined;
     flexBasis?: string | undefined;

package/types/constants/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,MAAM,CAAA;AACvC,eAAO,MAAM,sBAAsB,SAAS,CAAA;AAE5C,eAAO,MAAM,kBAAkB;;;;;;CAS9B,CAAA"}

package/{dist/packages/core/src → types}/constants/platform.d.ts

@@ -1,4 +1,6 @@
 import { useEffect } from 'react';
+export declare const isAndroid: boolean;
+export declare const isIOS: boolean;
 export declare const isWeb: boolean;
 export declare const isSSR: boolean;
 export declare const useIsomorphicLayoutEffect: typeof useEffect;

package/types/constants/platform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"platform.d.ts","sourceRoot":"","sources":["../../src/constants/platform.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAmB,MAAM,OAAO,CAAA;AAGlD,eAAO,MAAM,SAAS,SAA6B,CAAA;AACnD,eAAO,MAAM,KAAK,SAAyB,CAAA;AAE3C,eAAO,MAAM,KAAK,SAEgD,CAAA;AAElE,eAAO,MAAM,KAAK,SAAyC,CAAA;AAC3D,eAAO,MAAM,yBAAyB,kBAAsC,CAAA;AAC5E,eAAO,MAAM,QAAQ,SAA+E,CAAA;AACpG,eAAO,MAAM,gBAAgB,SAA4D,CAAA;AACzF,eAAO,MAAM,aAAa,SAA6B,CAAA;AACvD,eAAO,MAAM,QAAQ,SAKA,CAAA"}

package/types/constants/rnw.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rnw.d.ts","sourceRoot":"","sources":["../../src/constants/rnw.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,CAAA"}

package/types/contexts/ButtonInsideButtonContext.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const ButtonInsideButtonContext: import("react").Context<boolean>;
+//# sourceMappingURL=ButtonInsideButtonContext.d.ts.map

package/types/contexts/ButtonInsideButtonContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonInsideButtonContext.d.ts","sourceRoot":"","sources":["../../src/contexts/ButtonInsideButtonContext.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,yBAAyB,kCAAuB,CAAA"}

package/types/createComponent.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { View, ViewStyle } from 'react-native';
+import { SpaceTokens, StackProps, StaticComponent, StaticConfig, StaticConfigParsed } from './types';
+export declare const mouseUps: Set<Function>;
+declare type DefaultProps = {};
+export declare function createComponent<ComponentPropTypes extends Object = DefaultProps, Ref = View>(configIn: Partial<StaticConfig> | StaticConfigParsed): StaticComponent<ComponentPropTypes, {}, Ref, StaticConfigParsed>;
+export declare const Spacer: StaticComponent<Omit<StackProps, "flex" | "direction"> & {
+    size?: SpaceTokens | undefined;
+    flex?: number | boolean | undefined;
+    direction?: "horizontal" | "vertical" | undefined;
+}, {}, View, StaticConfigParsed>;
+export declare function spacedChildren({ isZStack, children, space, flexDirection, spaceFlex, }: {
+    isZStack?: boolean;
+    children: any;
+    space?: any;
+    spaceFlex?: boolean | number;
+    flexDirection?: ViewStyle['flexDirection'];
+}): any[];
+export declare const AbsoluteFill: (props: any) => JSX.Element;
+export {};
+//# sourceMappingURL=createComponent.d.ts.map

package/types/createComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAoB,IAAI,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAmBhE,OAAO,EACL,WAAW,EACX,UAAU,EACV,eAAe,EACf,YAAY,EACZ,kBAAkB,EAGnB,MAAM,SAAS,CAAA;AAGhB,eAAO,MAAM,QAAQ,eAAsB,CAAA;AAS3C,aAAK,YAAY,GAAG,EAAE,CAAA;AAetB,wBAAgB,eAAe,CAAC,kBAAkB,SAAS,MAAM,GAAG,YAAY,EAAE,GAAG,GAAG,IAAI,EAC1F,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,kBAAkB,oEA2lBrD;AAKD,eAAO,MAAM,MAAM;;;;gCA2CjB,CAAA;AAEF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,aAAa,EACb,SAAS,GACV,EAAE;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,GAAG,CAAA;IACb,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAA;CAC3C,SA2CA;AA4CD,eAAO,MAAM,YAAY,UAAW,GAAG,gBAepC,CAAA"}

package/types/createFont.d.ts

@@ -0,0 +1,3 @@
+import { GenericFont } from './types';
+export declare const createFont: <A extends GenericFont>(font: A) => A;
+//# sourceMappingURL=createFont.d.ts.map

package/types/createFont.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFont.d.ts","sourceRoot":"","sources":["../src/createFont.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,eAAO,MAAM,UAAU,uCA2BtB,CAAA"}

package/types/createShorthands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createShorthands.d.ts","sourceRoot":"","sources":["../src/createShorthands.ts"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,UAAU,EAAE,CAAC,GAAG,CAAC,CAEnF"}

package/types/createTamagui.d.ts

@@ -0,0 +1,16 @@
+import { Variable } from './createVariable';
+import { AnimationDriver, CreateTamaguiConfig, GenericTamaguiConfig, MediaQueryKey, TamaguiInternalConfig } from './types';
+export declare type CreateTamaguiProps = Partial<Omit<GenericTamaguiConfig, 'themes' | 'tokens' | 'animations'>> & {
+    animations?: AnimationDriver<any>;
+    tokens: GenericTamaguiConfig['tokens'];
+    themes: {
+        [key: string]: {
+            [key: string]: string | number | Variable;
+        };
+    };
+    mediaQueryDefaultActive?: MediaQueryKey[];
+    cssStyleSeparator?: string;
+    maxDarkLightNesting?: number;
+};
+export declare function createTamagui<Conf extends CreateTamaguiProps>(config: Conf): Conf extends Partial<CreateTamaguiConfig<infer A, infer B, infer C, infer D, infer E>> ? TamaguiInternalConfig<A, B, C, D, E> : unknown;
+//# sourceMappingURL=createTamagui.d.ts.map

package/types/createTamagui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTamagui.d.ts","sourceRoot":"","sources":["../src/createTamagui.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAiD,MAAM,kBAAkB,CAAA;AAI1F,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACb,qBAAqB,EACtB,MAAM,SAAS,CAAA;AAEhB,oBAAY,kBAAkB,GAE5B,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,QAAQ,GAAG,QAAQ,GAAG,YAAY,CAAC,CAAC,GAAG;IACxE,UAAU,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAA;IACjC,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG;YACb,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;SAC1C,CAAA;KACF,CAAA;IAID,uBAAuB,CAAC,EAAE,aAAa,EAAE,CAAA;IAIzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAQ1B,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAA;AAKH,wBAAgB,aAAa,CAAC,IAAI,SAAS,kBAAkB,EAC3D,MAAM,EAAE,IAAI,GACX,IAAI,SAAS,OAAO,CAAC,mBAAmB,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,GACrF,qBAAqB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GACpC,OAAO,CAoJV"}

package/types/createTheme.d.ts

@@ -0,0 +1,7 @@
+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 | Theme[K]; };
+export {};
+//# sourceMappingURL=createTheme.d.ts.map

package/types/createTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTheme.d.ts","sourceRoot":"","sources":["../src/createTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAE3C,aAAK,YAAY,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;CAAE,CAAA;AAExD,eAAO,MAAM,WAAW,qGAId,CAAA"}

package/{dist/packages/core/src → types}/createTokens.d.ts

@@ -3,10 +3,15 @@ import { CreateTokens } from './types';
 export declare function createTokens<T extends CreateTokens>(tokens: T): MakeTokens<T>;
 export declare const mapTokensToVariables: (tokens: CreateTokens, parentPath?: string) => CreateTokens<Variable>;
 declare type MakeTokens<T> = T extends {
-    font: infer A;
-    fontSize: infer B;
-    lineHeight: infer C;
-    letterSpace: infer D;
+    font: {
+        [key in infer A]: {
+            size: infer B;
+            lineHeight: infer C;
+            letterSpacing: infer D;
+            weight: infer Z;
+            family: infer Y;
+        };
+    };
     color: infer E;
     space: infer F;
     size: infer G;
@@ -14,16 +19,21 @@ declare type MakeTokens<T> = T extends {
     zIndex: infer J;
 } ? {
     font: {
-        [key in keyof A]: Variable;
-    };
-    fontSize: {
-        [key in keyof B]: Variable;
-    };
-    lineHeight: {
-        [key in keyof C]: Variable;
-    };
-    letterSpace: {
-        [key in keyof D]: Variable;
+        [key in A]: {
+            size: {
+                [key in keyof B]: Variable;
+            };
+            lineHeight: {
+                [key in keyof C]: Variable;
+            };
+            letterSpacing: {
+                [key in keyof D]: Variable;
+            };
+            weight: {
+                [key in keyof Z]: Variable;
+            };
+            family: Y;
+        };
     };
     color: {
         [key in keyof E]: Variable;

package/types/createTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTokens.d.ts","sourceRoot":"","sources":["../src/createTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,kBAAkB,CAAA;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAItC,wBAAgB,YAAY,CAAC,CAAC,SAAS,YAAY,EAAE,MAAM,EAAE,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAM7E;AAMD,eAAO,MAAM,oBAAoB,WACvB,YAAY,0BAEnB,aAAa,QAAQ,CAavB,CAAA;AAGD,aAAK,UAAU,CAAC,CAAC,IAAI,CAAC,SAAS;IAC7B,IAAI,EAAE;SACH,GAAG,IAAI,MAAM,CAAC,GAAG;YAChB,IAAI,EAAE,MAAM,CAAC,CAAA;YACb,UAAU,EAAE,MAAM,CAAC,CAAA;YACnB,aAAa,EAAE,MAAM,CAAC,CAAA;YACtB,MAAM,EAAE,MAAM,CAAC,CAAA;YACf,MAAM,EAAE,MAAM,CAAC,CAAA;SAChB;KACF,CAAA;IACD,KAAK,EAAE,MAAM,CAAC,CAAA;IACd,KAAK,EAAE,MAAM,CAAC,CAAA;IACd,IAAI,EAAE,MAAM,CAAC,CAAA;IACb,MAAM,EAAE,MAAM,CAAC,CAAA;IACf,MAAM,EAAE,MAAM,CAAC,CAAA;CAChB,GACG;IACE,IAAI,EAAE;SACH,GAAG,IAAI,CAAC,GAAG;YACV,IAAI,EAAE;iBACH,GAAG,IAAI,MAAM,CAAC,GAAG,QAAQ;aAC3B,CAAA;YACD,UAAU,EAAE;iBACT,GAAG,IAAI,MAAM,CAAC,GAAG,QAAQ;aAC3B,CAAA;YACD,aAAa,EAAE;iBACZ,GAAG,IAAI,MAAM,CAAC,GAAG,QAAQ;aAC3B,CAAA;YACD,MAAM,EAAE;iBACL,GAAG,IAAI,MAAM,CAAC,GAAG,QAAQ;aAC3B,CAAA;YACD,MAAM,EAAE,CAAC,CAAA;SACV;KACF,CAAA;IACD,KAAK,EAAE;SACJ,GAAG,IAAI,MAAM,CAAC,GAAG,QAAQ;KAC3B,CAAA;IACD,KAAK,EAAE;SACJ,GAAG,IAAI,MAAM,CAAC,GAAG,QAAQ;KAC3B,CAAA;IACD,IAAI,EAAE;SACH,GAAG,IAAI,MAAM,CAAC,GAAG,QAAQ;KAC3B,CAAA;IACD,MAAM,EAAE;SACL,GAAG,IAAI,MAAM,CAAC,GAAG,QAAQ;KAC3B,CAAA;IACD,MAAM,EAAE;SACL,GAAG,IAAI,MAAM,CAAC,GAAG,QAAQ;KAC3B,CAAA;CACF,GACD,KAAK,CAAA"}

package/{dist/packages/core/src → types}/createVariable.d.ts

@@ -1,14 +1,19 @@
+export declare const IS_VARIABLE_SYMBOL = "__isVariable__";
 export declare class Variable {
+    [IS_VARIABLE_SYMBOL]: boolean;
     name: string;
     val: string | number;
     variable: string | number;
     constructor({ val, name }: VariableIn);
+    toString(): string;
 }
 declare type VariableIn = {
-    val: string | number;
+    val: string | number | Variable;
     name: string;
 };
 export declare const createVariable: (props: VariableIn) => Variable;
 export declare function isVariable(v: Variable | any): v is Variable;
+export declare function getVariableValue(v: Variable | any): any;
+export declare const createCSSVariable: (val: string, includeVar?: boolean) => string;
 export {};
 //# sourceMappingURL=createVariable.d.ts.map

package/types/createVariable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createVariable.d.ts","sourceRoot":"","sources":["../src/createVariable.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,mBAAmB,CAAA;AAElD,qBAAa,QAAQ;IAInB,CAAC,kBAAkB,CAAC,UAAO;IAE3B,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;gBAEb,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,UAAU;IAOrC,QAAQ;CAGT;AAED,aAAK,UAAU,GAAG;IAAE,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAA;AAEnE,eAAO,MAAM,cAAc,UAAW,UAAU,aAAwB,CAAA;AAExE,wBAAgB,UAAU,CAAC,CAAC,EAAE,QAAQ,GAAG,GAAG,GAAG,CAAC,IAAI,QAAQ,CAE3D;AAED,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,QAAQ,GAAG,GAAG,OAKjD;AAGD,eAAO,MAAM,iBAAiB,QAAS,MAAM,iCAG5C,CAAA"}

package/types/defaultComponentState.d.ts

@@ -0,0 +1,13 @@
+export declare type ComponentState = typeof defaultComponentState;
+export declare const defaultComponentState: {
+    hover: boolean;
+    press: boolean;
+    pressIn: boolean;
+    focus: boolean;
+    mounted: boolean;
+    animation: {
+        style?: any;
+        avoidClasses?: boolean | undefined;
+    } | null;
+};
+//# sourceMappingURL=defaultComponentState.d.ts.map

package/types/defaultComponentState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultComponentState.d.ts","sourceRoot":"","sources":["../src/defaultComponentState.tsx"],"names":[],"mappings":"AAAA,oBAAY,cAAc,GAAG,OAAO,qBAAqB,CAAA;AAEzD,eAAO,MAAM,qBAAqB;;;;;;;gBAQtB,GAAG;;;CAGd,CAAA"}

package/types/helpers/addStylesUsingClassname.d.ts

@@ -0,0 +1,3 @@
+export declare function useStylesAsClassname(styles: any[], disable?: boolean, debug?: boolean): string;
+export declare function addStylesUsingClassname(styles: any[], debug?: boolean | 'verbose', onAdd?: (identifier: string, rules: string[]) => any): string;
+//# sourceMappingURL=addStylesUsingClassname.d.ts.map

package/types/helpers/addStylesUsingClassname.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"addStylesUsingClassname.d.ts","sourceRoot":"","sources":["../../src/helpers/addStylesUsingClassname.tsx"],"names":[],"mappings":"AAYA,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,OAAO,UAAQ,EAAE,KAAK,UAAQ,UAiBjF;AAED,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,GAAG,EAAE,EACb,KAAK,GAAE,OAAO,GAAG,SAAiB,EAClC,KAAK,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,UA6BrD"}

package/types/helpers/areEqualSets.d.ts

@@ -0,0 +1,2 @@
+export declare const areEqualSets: (a: Set<string>, b: Set<string>) => boolean;
+//# sourceMappingURL=areEqualSets.d.ts.map

package/types/helpers/areEqualSets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"areEqualSets.d.ts","sourceRoot":"","sources":["../../src/helpers/areEqualSets.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,MAAO,IAAI,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,YAQ1D,CAAA"}

package/types/helpers/createMediaStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createMediaStyle.d.ts","sourceRoot":"","sources":["../../src/helpers/createMediaStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAG9C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAKvC,eAAO,MAAM,SAAS,MAAM,CAAA;AAE5B,eAAO,MAAM,gBAAgB,0BACJ,WAAW,YACxB,MAAM,gBACF,YAAY;;;CAgC3B,CAAA"}