@tamagui/core 1.0.1-beta.72 → 1.0.1-beta.75

package/dist/jsx/hooks/useFeatures.js

@@ -1,17 +1,15 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { useIsomorphicLayoutEffect } from "../constants/platform";
 import { getSubStyle } from "../helpers/getSplitStyles";
 import { addMediaQueryListener, mediaState, removeMediaQueryListener } from "./useMedia";
-const createDefinition = /* @__PURE__ */ __name(({
+const createDefinition = ({
   Component,
   propNames
 }) => ({
   isEnabled: (props) => propNames.some((name) => !!props[name]),
   Component
-}), "createDefinition");
+});
 let featureDefinitions = null;
-const useFeatures = /* @__PURE__ */ __name((props, utils) => {
+const useFeatures = (props, utils) => {
   if (!featureDefinitions) {
     featureDefinitions = loadFeatures();
   }
@@ -28,14 +26,13 @@ const useFeatures = /* @__PURE__ */ __name((props, utils) => {
     elements,
     enabled
   };
-}, "useFeatures");
+};
 function loadFeatures() {
   return {
     animation: loadAnimationFeature(),
     mediaQuery: loadMediaQueryFeature()
   };
 }
-__name(loadFeatures, "loadFeatures");
 function loadAnimationFeature() {
   return createDefinition({
     Component: ({ _utils, ...props }) => {
@@ -83,7 +80,6 @@ function loadAnimationFeature() {
     propNames: ["animation"]
   });
 }
-__name(loadAnimationFeature, "loadAnimationFeature");
 const defaults = {
   left: 0,
   right: 0,
@@ -127,7 +123,6 @@ function ensureBaseHasDefaults(base, ...pseudos) {
     }
   }
 }
-__name(ensureBaseHasDefaults, "ensureBaseHasDefaults");
 function merge(base, next) {
   if (!next.transform || !base.transform) {
     Object.assign(base, next);
@@ -145,7 +140,6 @@ function merge(base, next) {
     }
   }
 }
-__name(merge, "merge");
 function loadMediaQueryFeature() {
   const mediaPropNames = Object.keys(mediaState);
   return createDefinition({
@@ -166,7 +160,6 @@ function loadMediaQueryFeature() {
     propNames: mediaPropNames
   });
 }
-__name(loadMediaQueryFeature, "loadMediaQueryFeature");
 export {
   useFeatures
 };

package/dist/jsx/hooks/useId.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import * as React from "react";
 import { isWeb, useIsomorphicLayoutEffect } from "../constants/platform";
 let serverHandoffComplete = false;
@@ -7,7 +5,6 @@ let id = 0;
 function genId() {
   return ++id;
 }
-__name(genId, "genId");
 function useId(providedId) {
   var _a;
   if (isWeb) {
@@ -30,7 +27,6 @@ function useId(providedId) {
   }, []);
   return (_a = providedId != null ? providedId : id2) != null ? _a : void 0;
 }
-__name(useId, "useId");
 export {
   useId
 };

package/dist/jsx/hooks/useIsMounted.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { useRef } from "react";
 import { useIsomorphicLayoutEffect } from "../constants/platform";
 function useIsMounted() {
@@ -12,7 +10,6 @@ function useIsMounted() {
   }, []);
   return isMounted;
 }
-__name(useIsMounted, "useIsMounted");
 export {
   useIsMounted
 };

package/dist/jsx/hooks/useIsTouchDevice.js

@@ -1,8 +1,6 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { useState } from "react";
 import { isTouchable, useIsomorphicLayoutEffect } from "../constants/platform";
-const useIsTouchDevice = /* @__PURE__ */ __name(() => {
+const useIsTouchDevice = () => {
   const [touchOnly, setTouchOnly] = useState(false);
   useIsomorphicLayoutEffect(() => {
     if (isTouchable) {
@@ -10,7 +8,7 @@ const useIsTouchDevice = /* @__PURE__ */ __name(() => {
     }
   }, []);
   return touchOnly;
-}, "useIsTouchDevice");
+};
 export {
   useIsTouchDevice
 };

package/dist/jsx/hooks/useMedia.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { useForceUpdate } from "@tamagui/use-force-update";
 import { useRef } from "react";
 import { useIsomorphicLayoutEffect } from "../constants/platform";
@@ -7,20 +5,20 @@ import { matchMedia } from "../helpers/matchMedia";
 import { useConstant } from "./useConstant";
 const mediaState = {};
 const mediaQueryListeners = {};
-const addMediaQueryListener = /* @__PURE__ */ __name((key, cb) => {
+const addMediaQueryListener = (key, cb) => {
   mediaQueryListeners[key] = mediaQueryListeners[key] || /* @__PURE__ */ new Set();
   mediaQueryListeners[key].add(cb);
-}, "addMediaQueryListener");
-const removeMediaQueryListener = /* @__PURE__ */ __name((key, cb) => {
+};
+const removeMediaQueryListener = (key, cb) => {
   var _a;
   (_a = mediaQueryListeners[key]) == null ? void 0 : _a.delete(cb);
-}, "removeMediaQueryListener");
+};
 let hasConfigured = false;
 const mediaQueryConfig = {};
-const getMedia = /* @__PURE__ */ __name(() => {
+const getMedia = () => {
   return mediaState;
-}, "getMedia");
-const configureMedia = /* @__PURE__ */ __name(({
+};
+const configureMedia = ({
   queries,
   defaultActive = ["sm", "xs"]
 } = {}) => {
@@ -48,8 +46,7 @@ const configureMedia = /* @__PURE__ */ __name(({
           }
         }
       };
-      __name(update, "update");
-      const getMatch = /* @__PURE__ */ __name(() => matchMedia(str), "getMatch");
+      const getMatch = () => matchMedia(str);
       const match = getMatch();
       if (!match || typeof match.addListener !== "function") {
         throw new Error("\u26A0\uFE0F No match (seeing this in RN sometimes)");
@@ -63,8 +60,8 @@ const configureMedia = /* @__PURE__ */ __name(({
       mediaState[propKey] = isDefaultActive;
     }
   }
-}, "configureMedia");
-const useMedia = /* @__PURE__ */ __name(() => {
+};
+const useMedia = () => {
   const forceUpdate = useForceUpdate();
   const state = useRef();
   if (!state.current) {
@@ -125,11 +122,10 @@ const useMedia = /* @__PURE__ */ __name(() => {
       }
     });
   });
-}, "useMedia");
+};
 function camelToHyphen(str) {
   return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`).toLowerCase();
 }
-__name(camelToHyphen, "camelToHyphen");
 function mediaObjectToString(query) {
   if (typeof query === "string") {
     return query;
@@ -145,7 +141,6 @@ function mediaObjectToString(query) {
     return `(${feature}: ${value})`;
   }).join(" and ");
 }
-__name(mediaObjectToString, "mediaObjectToString");
 export {
   addMediaQueryListener,
   configureMedia,

package/dist/jsx/hooks/usePressable.js

@@ -1,13 +1,11 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var _a, _b;
 import { Pressable } from "react-native";
 const getPressable = (_b = (_a = Pressable) == null ? void 0 : _a["type"]) == null ? void 0 : _b["render"];
-const usePressable = /* @__PURE__ */ __name((props) => {
+const usePressable = (props) => {
   const out = getPressable(props);
   const { children, style, ...pressableProps } = out.props;
   return [pressableProps, style];
-}, "usePressable");
+};
 export {
   usePressable
 };

package/dist/jsx/hooks/useTheme.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { useForceUpdate } from "@tamagui/use-force-update";
 import { useContext, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { getConfig } from "../conf";
@@ -8,7 +6,7 @@ import { areEqualSets } from "../helpers/areEqualSets";
 import { ThemeContext } from "../ThemeContext";
 import { ThemeManager, ThemeManagerContext, emptyManager } from "../ThemeManager";
 import { useConstant } from "./useConstant";
-const useTheme = /* @__PURE__ */ __name((themeName, componentName, props, forceUpdate) => {
+const useTheme = (themeName, componentName, props, forceUpdate) => {
   const { name, theme, themes, themeManager, className, didChangeTheme } = useChangeThemeEffect(themeName, componentName, props, forceUpdate);
   if (process.env.NODE_ENV === "development") {
     if ((props == null ? void 0 : props.debug) === "verbose") {
@@ -91,12 +89,12 @@ const useTheme = /* @__PURE__ */ __name((themeName, componentName, props, forceU
       }
     });
   }, [name, theme, className, didChangeTheme]);
-}, "useTheme");
+};
 const GetThemeManager = Symbol("GetThemeManager");
-const getThemeManagerIfChanged = /* @__PURE__ */ __name((theme) => {
+const getThemeManagerIfChanged = (theme) => {
   return theme == null ? void 0 : theme[GetThemeManager];
-}, "getThemeManagerIfChanged");
-const useThemeName = /* @__PURE__ */ __name((opts) => {
+};
+const useThemeName = (opts) => {
   const parent = useContext(ThemeManagerContext);
   const [name, setName] = useState((parent == null ? void 0 : parent.name) || "");
   useIsomorphicLayoutEffect(() => {
@@ -110,12 +108,12 @@ const useThemeName = /* @__PURE__ */ __name((opts) => {
     });
   }, [parent]);
   return name;
-}, "useThemeName");
-const useDefaultThemeName = /* @__PURE__ */ __name(() => {
+};
+const useDefaultThemeName = () => {
   var _a;
   return (_a = useContext(ThemeContext)) == null ? void 0 : _a.defaultTheme;
-}, "useDefaultThemeName");
-const useChangeThemeEffect = /* @__PURE__ */ __name((name, componentName, props, forceUpdateProp) => {
+};
+const useChangeThemeEffect = (name, componentName, props, forceUpdateProp) => {
   const debug = props && props["debug"];
   const parentManager = useContext(ThemeManagerContext) || emptyManager;
   const { themes } = useContext(ThemeContext);
@@ -156,7 +154,7 @@ const useChangeThemeEffect = /* @__PURE__ */ __name((name, componentName, props,
     themes,
     themeManager
   };
-}, "useChangeThemeEffect");
+};
 export {
   getThemeManagerIfChanged,
   useChangeThemeEffect,

package/dist/jsx/hooks/useUnmountEffect.js

@@ -1,10 +1,7 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { useEffect } from "react";
 function useUnmountEffect(callback) {
   return useEffect(() => () => callback(), []);
 }
-__name(useUnmountEffect, "useUnmountEffect");
 export {
   useUnmountEffect
 };

package/dist/jsx/insertFont.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { setConfigFont } from "./conf";
 import { createFont } from "./createFont";
 import { createVariables } from "./createVariables";
@@ -9,10 +7,9 @@ function insertFont(name, fontIn) {
   const tokened = createVariables(font, name);
   const parsed = parseFont(tokened);
   registerFontVariables(parsed);
-  setConfigFont(name, parsed);
+  setConfigFont(name, tokened, parsed);
   return parsed;
 }
-__name(insertFont, "insertFont");
 function parseFont(definition) {
   const parsed = {};
   for (const attrKey in definition) {
@@ -32,7 +29,6 @@ function parseFont(definition) {
   }
   return parsed;
 }
-__name(parseFont, "parseFont");
 function registerFontVariables(parsedFont) {
   for (const fkey in parsedFont) {
     if (fkey === "family") {
@@ -48,7 +44,6 @@ function registerFontVariables(parsedFont) {
     }
   }
 }
-__name(registerFontVariables, "registerFontVariables");
 export {
   insertFont,
   parseFont,

package/dist/jsx/styled.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { Image, Text, TextInput } from "react-native";
 import { createComponent } from "./createComponent";
 import { RNComponents } from "./helpers/RNComponents";
@@ -46,7 +44,6 @@ function styled(Component, options, staticExtractionOptions) {
   const component = createComponent(staticConfigProps, Component);
   return component;
 }
-__name(styled, "styled");
 export {
   styled
 };

package/dist/jsx/views/Slot.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { composeRefs } from "@tamagui/compose-refs";
 import * as React from "react";
 import { isWeb } from "../constants/platform";
@@ -20,9 +18,9 @@ const SlotClone = React.forwardRef((props, forwardedRef) => {
   return React.Children.count(children) > 1 ? React.Children.only(null) : null;
 });
 SlotClone.displayName = "SlotClone";
-const Slottable = /* @__PURE__ */ __name(({ children }) => {
+const Slottable = ({ children }) => {
   return <>{children}</>;
-}, "Slottable");
+};
 const pressMap = isWeb ? {
   onPress: "onClick",
   onPressOut: "onMouseUp",
@@ -58,7 +56,6 @@ function mergeProps(child, slotProps) {
   }
   return { ...slotProps, ...overrideProps };
 }
-__name(mergeProps, "mergeProps");
 const handleRegex = /^on[A-Z]/;
 function mergeEvent(a, b) {
   return (...args) => {
@@ -66,7 +63,6 @@ function mergeEvent(a, b) {
     b == null ? void 0 : b(...args);
   };
 }
-__name(mergeEvent, "mergeEvent");
 export {
   Slot,
   Slottable,

package/dist/jsx/views/TextAncestorContext.js

@@ -1,13 +1,11 @@
-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) => {
+const TextAncestorProvider = (props) => {
   return <TextAncestorContext.Provider value={false}>{props.children}</TextAncestorContext.Provider>;
-}, "TextAncestorProvider");
+};
 export {
   FallbackNativeContext,
   TextAncestorContext,

package/dist/jsx/views/Theme.js

@@ -1,11 +1,9 @@
-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 "../hooks/useTheme";
 React["createElement"];
-const Theme = memo(/* @__PURE__ */ __name(function Theme2(props) {
+const Theme = memo(function Theme2(props) {
   var _a, _b;
   const { name, theme, themeManager, themes, className } = useChangeThemeEffect(props.name, props.componentName, props);
   const missingTheme = !themes || !name || !theme;
@@ -23,7 +21,7 @@ const Theme = memo(/* @__PURE__ */ __name(function Theme2(props) {
     }}>{contents}</span>;
   }
   return contents;
-}, "Theme"));
+});
 export {
   Theme
 };

package/dist/jsx/views/ThemeInverse.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { useState } from "react";
 import { useIsomorphicLayoutEffect } from "../constants/platform";
 import { useDefaultThemeName, useThemeName } from "../hooks/useTheme";
@@ -11,8 +9,7 @@ let inversions = {
 function setThemeInversions(next) {
   inversions = next;
 }
-__name(setThemeInversions, "setThemeInversions");
-const ThemeInverse = /* @__PURE__ */ __name((props) => {
+const ThemeInverse = (props) => {
   const themeName = useThemeName();
   const defaultTheme = useDefaultThemeName();
   const [name, setName] = useState(null);
@@ -20,7 +17,7 @@ const ThemeInverse = /* @__PURE__ */ __name((props) => {
     setName(inversions[themeName] || inversions[defaultTheme || ""] || null);
   }, [defaultTheme, themeName]);
   return <Theme name={name}>{props.children}</Theme>;
-}, "ThemeInverse");
+};
 export {
   ThemeInverse,
   setThemeInversions

package/dist/jsx/views/ThemeProvider.js

@@ -1,12 +1,10 @@
-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) => {
+const ThemeProvider = (props) => {
   if (!getHasConfigured()) {
     throw new Error(`Missing configureThemes() call, add to your root file`);
   }
@@ -30,7 +28,7 @@ const ThemeProvider = /* @__PURE__ */ __name((props) => {
     };
   }, [props.themes]);
   return <ThemeContext.Provider value={themeContext}><Theme className={props.className} name={props.defaultTheme} disableThemeClass={props.disableRootThemeClass}>{props.children}</Theme></ThemeContext.Provider>;
-}, "ThemeProvider");
+};
 export {
   ThemeProvider
 };

package/dist/jsx/views/ThemeReset.js

@@ -1,11 +1,9 @@
-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 ThemeReset = (props) => {
   const themeManager = useContext(ThemeManagerContext);
   const [name, setName] = useState(null);
   if (!isWeb || typeof document !== "undefined") {
@@ -28,7 +26,7 @@ const ThemeReset = /* @__PURE__ */ __name((props) => {
     return props.children || null;
   }
   return <Theme className="tui-theme-reset" reset name={name}>{props.children}</Theme>;
-}, "ThemeReset");
+};
 export {
   ThemeReset
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "1.0.1-beta.72",
+  "version": "1.0.1-beta.75",
   "source": "src/index.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -21,11 +21,11 @@
   ],
   "dependencies": {
     "@expo/match-media": "^0.3.0",
-    "@tamagui/compose-refs": "^1.0.1-beta.72",
-    "@tamagui/helpers": "^1.0.1-beta.72",
+    "@tamagui/compose-refs": "^1.0.1-beta.75",
+    "@tamagui/helpers": "^1.0.1-beta.75",
     "@tamagui/ow": "^0.28.1",
-    "@tamagui/use-debounce": "^1.0.1-beta.72",
-    "@tamagui/use-force-update": "^1.0.1-beta.72",
+    "@tamagui/use-debounce": "^1.0.1-beta.75",
+    "@tamagui/use-force-update": "^1.0.1-beta.75",
     "expo-screen-orientation": "^4.2.0",
     "hyphenate-style-name": "^1.0.4",
     "normalize-css-color": "^1.0.2",
@@ -36,7 +36,7 @@
     "react-native-web": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.72",
+    "@tamagui/build": "^1.0.1-beta.75",
     "@types/react": "^17.0.35",
     "csstype": "^3.0.10",
     "esbuild": "^0.14.36",

package/types/conf.d.ts

@@ -1,6 +1,6 @@
 import { ConfigListener, TamaguiInternalConfig } from './types';
 export declare const setConfig: (next: TamaguiInternalConfig) => void;
-export declare const setConfigFont: (name: string, font: any) => 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> & {

package/types/conf.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAI/D,eAAO,MAAM,SAAS,SAAU,qBAAqB,SAMpD,CAAA;AAED,eAAO,MAAM,aAAa,SAAU,MAAM,QAAQ,GAAG,SAKpD,CAAA;AAED,eAAO,MAAM,gBAAgB,eAAe,CAAA;AAC5C,eAAO,MAAM,SAAS;;;;;;;;;;;;kCAAc,CAAA;AACpC,eAAO,MAAM,SAAS,gFAA2B,CAAA;AACjD,eAAO,MAAM,SAAS;;;;CAAqB,CAAA;AAE3C,eAAO,MAAM,eAAe,qBAA4B,CAAA;AAExD,eAAO,MAAM,gBAAgB,OAAQ,cAAc,SAMlD,CAAA"}
+{"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAI/D,eAAO,MAAM,SAAS,SAAU,qBAAqB,SAMpD,CAAA;AAED,eAAO,MAAM,aAAa,SAAU,MAAM,QAAQ,GAAG,cAAc,GAAG,SAMrE,CAAA;AAED,eAAO,MAAM,gBAAgB,eAAe,CAAA;AAC5C,eAAO,MAAM,SAAS;;;;;;;;;;;;kCAAc,CAAA;AACpC,eAAO,MAAM,SAAS,gFAA2B,CAAA;AACjD,eAAO,MAAM,SAAS;;;;CAAqB,CAAA;AAE3C,eAAO,MAAM,eAAe,qBAA4B,CAAA;AAExD,eAAO,MAAM,gBAAgB,OAAQ,cAAc,SAMlD,CAAA"}