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

package/dist/jsx/createComponent.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { composeEventHandlers, stylePropsView, validStyles } from "@tamagui/helpers";
 import { useForceUpdate } from "@tamagui/use-force-update";
 import React, {
@@ -64,7 +62,6 @@ function mergeShorthands({ defaultProps }, { shorthands }) {
     defaultProps[shorthands[key] || key] = defaultProps[key];
   }
 }
-__name(mergeShorthands, "mergeShorthands");
 let initialTheme;
 function createComponent(configIn, ParentComponent) {
   const staticConfig = (() => {
@@ -164,6 +161,7 @@ function createComponent(configIn, ParentComponent) {
       space: spaceProp,
       spaceDirection: _spaceDirection,
       disabled: disabledProp,
+      onMouseUp,
       onMouseDown,
       onMouseEnter,
       onMouseLeave,
@@ -442,6 +440,7 @@ function createComponent(configIn, ParentComponent) {
       [pressOutKey]: attachPress ? (e) => {
         unPress();
         onPressOut == null ? void 0 : onPressOut(e);
+        onMouseUp == null ? void 0 : onMouseUp(e);
       } : void 0,
       ...isHoverable && {
         onMouseEnter: attachHover ? (e) => {
@@ -560,18 +559,18 @@ function createComponent(configIn, ParentComponent) {
         });
       }
     }
-    const pressability = isWeb ? null : useMemo(() => {
-      if (attachPress && events) {
-        const pressability2 = new Pressability(events);
-        internal.current.unmountEffects = [
-          () => {
-            pressability2.reset();
-          }
-        ];
-        return pressability2;
-      }
-    }, []);
     if (process.env.TAMAGUI_TARGET === "native") {
+      const pressability = useMemo(() => {
+        if (attachPress && events) {
+          const pressability2 = new Pressability(events);
+          internal.current.unmountEffects = [
+            () => {
+              pressability2.reset();
+            }
+          ];
+          return pressability2;
+        }
+      }, []);
       if (attachPress && events) {
         pressability.configure(events);
         const eventHandlers = pressability.getEventHandlers();
@@ -719,11 +718,10 @@ function createComponent(configIn, ParentComponent) {
   };
   return res;
 }
-__name(createComponent, "createComponent");
 const DefaultProps = /* @__PURE__ */ new Map();
-const Unspaced = /* @__PURE__ */ __name((props) => {
+const Unspaced = (props) => {
   return props.children;
-}, "Unspaced");
+};
 Unspaced["isUnspaced"] = true;
 const Spacer = createComponent({
   memo: true,
@@ -830,26 +828,21 @@ function spacedChildren({
   }
   return final;
 }
-__name(spacedChildren, "spacedChildren");
 function createSpacer({ key, direction, space, spaceFlex }) {
   return <Spacer key={key} direction={direction === "both" ? void 0 : direction === "row" || direction === "row-reverse" ? "horizontal" : "vertical"} size={space} {...spaceFlex && {
     flex: spaceFlex
   }} />;
 }
-__name(createSpacer, "createSpacer");
 function isUnspaced(child) {
   var _a, _b;
   return ((_a = child == null ? void 0 : child["type"]) == null ? void 0 : _a["isVisuallyHidden"]) || ((_b = child == null ? void 0 : child["type"]) == null ? void 0 : _b["isUnspaced"]);
 }
-__name(isUnspaced, "isUnspaced");
 function AbsoluteFill(props) {
   return <View pointerEvents="box-none" style={StyleSheet.absoluteFill}>{props.children}</View>;
 }
-__name(AbsoluteFill, "AbsoluteFill");
 function processIDRefList(idRefList) {
   return Array.isArray(idRefList) ? idRefList.join(" ") : idRefList;
 }
-__name(processIDRefList, "processIDRefList");
 const accessibilityRoleToWebRole = {
   adjustable: "slider",
   button: "button",
@@ -1023,7 +1016,6 @@ function assignNativePropsToWeb(elementType, viewProps, nativeProps) {
     viewProps.id = nativeProps.nativeID;
   }
 }
-__name(assignNativePropsToWeb, "assignNativePropsToWeb");
 function addPseudoToStyles(styles, initialPseudos, pseudos, name, force = false) {
   const pseudoStyle = pseudos[name];
   const shouldNestObject = isWeb && name !== "enterStyle" && name !== "exitStyle";
@@ -1033,7 +1025,6 @@ function addPseudoToStyles(styles, initialPseudos, pseudos, name, force = false)
     styles.push(shouldNestObject && !force ? { [name]: style } : style);
   }
 }
-__name(addPseudoToStyles, "addPseudoToStyles");
 export {
   AbsoluteFill,
   Spacer,

package/dist/jsx/createFont.js

@@ -1,7 +1,5 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { validateFont } from "./helpers/validate";
-const createFont = /* @__PURE__ */ __name((font) => {
+const createFont = (font) => {
   if (process.env.NODE_ENV === "development") {
     validateFont(font);
   }
@@ -21,7 +19,7 @@ const createFont = /* @__PURE__ */ __name((font) => {
     }
   }
   return Object.freeze(font);
-}, "createFont");
+};
 export {
   createFont
 };

package/dist/jsx/createShorthands.js

@@ -1,9 +1,6 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 function createShorthands(shorthands) {
   return Object.freeze(shorthands);
 }
-__name(createShorthands, "createShorthands");
 export {
   createShorthands
 };

package/dist/jsx/createTamagui.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { configListeners, getHasConfigured, setConfig } from "./conf";
 import { THEME_CLASSNAME_PREFIX } from "./constants/constants";
 import { isWeb } from "./constants/platform";
@@ -173,10 +171,10 @@ function createTamagui(config) {
     };
   })();
   const tokensParsed = parseTokens(config.tokens);
-  const getCSS = /* @__PURE__ */ __name(() => {
+  const getCSS = () => {
     return `${themeConfig.css}
 ${getInsertedRules().join("\n")}`;
-  }, "getCSS");
+  };
   if (config.shorthands) {
     for (const key in config.shorthands) {
       reversedShorthands[config.shorthands[key]] = key;
@@ -211,9 +209,8 @@ ${getInsertedRules().join("\n")}`;
   }
   return next;
 }
-__name(createTamagui, "createTamagui");
 const reversedShorthands = {};
-const parseTokens = /* @__PURE__ */ __name((tokens) => {
+const parseTokens = (tokens) => {
   const res = {};
   for (const key in tokens) {
     res[key] = {};
@@ -222,7 +219,7 @@ const parseTokens = /* @__PURE__ */ __name((tokens) => {
     }
   }
   return res;
-}, "parseTokens");
+};
 function ensureThemeVariable(theme, key) {
   const val = theme[key];
   const themeKey = key;
@@ -242,7 +239,6 @@ function ensureThemeVariable(theme, key) {
     }
   }
 }
-__name(ensureThemeVariable, "ensureThemeVariable");
 export {
   createTamagui,
   reversedShorthands

package/dist/jsx/createTheme.js

@@ -1,8 +1,6 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const createTheme = /* @__PURE__ */ __name((theme) => {
+const createTheme = (theme) => {
   return theme;
-}, "createTheme");
+};
 export {
   createTheme
 };

package/dist/jsx/createTokens.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { createVariables } from "./createVariables";
 import { validateTokens } from "./helpers/validate";
 function createTokens(tokens) {
@@ -8,7 +6,6 @@ function createTokens(tokens) {
   }
   return createVariables(tokens);
 }
-__name(createTokens, "createTokens");
 export {
   createTokens
 };

package/dist/jsx/createVariable.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var _a;
 import { isWeb } from "./constants/platform";
 const IS_VARIABLE_SYMBOL = "__isVariable__";
@@ -20,37 +18,32 @@ class Variable {
     return `${isWeb ? this.variable : this.val}`;
   }
 }
-__name(Variable, "Variable");
 _a = IS_VARIABLE_SYMBOL;
-const createVariable = /* @__PURE__ */ __name((props) => {
+const createVariable = (props) => {
   if (isVariable(props)) {
     return props;
   }
   return new Variable(props);
-}, "createVariable");
+};
 function isVariable(v) {
   return !!(v instanceof Variable || v && v[IS_VARIABLE_SYMBOL]);
 }
-__name(isVariable, "isVariable");
 function getVariableValue(v) {
   if (isVariable(v))
     return v.val;
   return v;
 }
-__name(getVariableValue, "getVariableValue");
 function getVariableName(v) {
   if (isVariable(v))
     return v.name;
   return v;
 }
-__name(getVariableName, "getVariableName");
 function getVariableVariable(v) {
   if (isVariable(v))
     return v.variable;
   return v;
 }
-__name(getVariableVariable, "getVariableVariable");
-const createCSSVariable = /* @__PURE__ */ __name((nameProp, includeVar = true) => {
+const createCSSVariable = (nameProp, includeVar = true) => {
   if (process.env.NODE_ENV === "development") {
     if (!nameProp || typeof nameProp !== "string") {
       console.warn("invalid name", nameProp);
@@ -59,7 +52,7 @@ const createCSSVariable = /* @__PURE__ */ __name((nameProp, includeVar = true) =
   }
   const name = nameProp.replace(/[^a-z0-9\_\-]+/i, "_");
   return includeVar ? `var(--${name})` : name;
-}, "createCSSVariable");
+};
 export {
   Variable,
   createCSSVariable,

package/dist/jsx/createVariables.js

@@ -1,7 +1,5 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { createVariable, isVariable } from "./createVariable";
-const createVariables = /* @__PURE__ */ __name((tokens, parentPath = "") => {
+const createVariables = (tokens, parentPath = "") => {
   const res = {};
   for (const key in tokens) {
     let val = tokens[key];
@@ -27,7 +25,7 @@ const createVariables = /* @__PURE__ */ __name((tokens, parentPath = "") => {
     }
   }
   return res;
-}, "createVariables");
+};
 export {
   createVariables
 };

package/dist/jsx/helpers/areEqualSets.js

@@ -1,6 +1,4 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const areEqualSets = /* @__PURE__ */ __name((a, b) => {
+const areEqualSets = (a, b) => {
   if (a.size !== b.size)
     return false;
   for (const val in a) {
@@ -9,7 +7,7 @@ const areEqualSets = /* @__PURE__ */ __name((a, b) => {
     }
   }
   return true;
-}, "areEqualSets");
+};
 export {
   areEqualSets
 };

package/dist/jsx/helpers/calc.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { isWeb } from "../constants/platform";
 import { getVariableVariable } from "../createVariable";
 const operators = {
@@ -8,7 +6,7 @@ const operators = {
   "/": (a, b) => a / b,
   "*": (a, b) => a * b
 };
-const calc = /* @__PURE__ */ __name((...valuesAndOperators) => {
+const calc = (...valuesAndOperators) => {
   if (isWeb) {
     let res2 = "calc(";
     for (const cur of valuesAndOperators) {
@@ -35,14 +33,14 @@ const calc = /* @__PURE__ */ __name((...valuesAndOperators) => {
     }
   }
   return res;
-}, "calc");
-const convertToVariableOrNumber = /* @__PURE__ */ __name((v) => {
+};
+const convertToVariableOrNumber = (v) => {
   const varOrVal = getVariableVariable(v);
   if (typeof varOrVal === "number") {
     return `${varOrVal}px`;
   }
   return varOrVal;
-}, "convertToVariableOrNumber");
+};
 export {
   calc
 };

package/dist/jsx/helpers/createMediaStyle.js

@@ -1,8 +1,6 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { mediaObjectToString } from "../hooks/useMedia";
 const MEDIA_SEP = "_";
-const createMediaStyle = /* @__PURE__ */ __name(({ identifier, rules }, mediaKey, mediaQueries, negate, importance) => {
+const createMediaStyle = ({ identifier, rules }, mediaKey, mediaQueries, negate, importance) => {
   const mediaKeys = Object.keys(mediaQueries);
   const importance_ = Math.max(0, importance == void 0 ? mediaKeys.indexOf(mediaKey) : importance || 0);
   const precendencePrefix = new Array(importance_ + 1).fill(":root").join("");
@@ -24,7 +22,7 @@ const createMediaStyle = /* @__PURE__ */ __name(({ identifier, rules }, mediaKey
     styleRule,
     identifier: nextIdentifier
   };
-}, "createMediaStyle");
+};
 export {
   MEDIA_SEP,
   createMediaStyle

package/dist/jsx/helpers/createPropMapper.js

@@ -1,18 +1,16 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { getConfig } from "../conf";
 import { isWeb } from "../constants/platform";
 import { isVariable } from "../createVariable";
 import { expandStyle, expandStyles } from "./generateAtomicStyles";
 import { getVariantExtras } from "./getVariantExtras";
 import { isObj } from "./isObj";
-const getReturnVariablesAs = /* @__PURE__ */ __name((props, state) => {
+const getReturnVariablesAs = (props, state) => {
   return !!props.animation || state.resolveVariablesAs === "value" ? isWeb ? "non-color-value" : "value" : "auto";
-}, "getReturnVariablesAs");
-const createPropMapper = /* @__PURE__ */ __name((staticConfig) => {
+};
+const createPropMapper = (staticConfig) => {
   const variants = staticConfig.variants || {};
   const defaultProps = staticConfig.defaultProps || {};
-  const mapper = /* @__PURE__ */ __name((key, value, theme, propsIn, state, avoidDefaultProps = false, debug) => {
+  const mapper = (key, value, theme, propsIn, state, avoidDefaultProps = false, debug) => {
     const conf = getConfig();
     if (!conf) {
       console.trace("no conf! err");
@@ -40,10 +38,10 @@ const createPropMapper = /* @__PURE__ */ __name((staticConfig) => {
     if (shouldReturn) {
       return expandStyle(key, value) || [[key, value]];
     }
-  }, "mapper");
+  };
   return mapper;
-}, "createPropMapper");
-const resolveVariants = /* @__PURE__ */ __name((key, value, props, defaultProps, theme, variants, fontFamily, conf, returnVariablesAs, staticConfig, parentVariantKey, avoidDefaultProps = false, debug) => {
+};
+const resolveVariants = (key, value, props, defaultProps, theme, variants, fontFamily, conf, returnVariablesAs, staticConfig, parentVariantKey, avoidDefaultProps = false, debug) => {
   var _a;
   const variant = variants && variants[key];
   if (variant && value !== void 0) {
@@ -71,8 +69,8 @@ const resolveVariants = /* @__PURE__ */ __name((key, value, props, defaultProps,
       return null;
     }
   }
-}, "resolveVariants");
-const resolveTokensAndVariants = /* @__PURE__ */ __name((key, value, props, defaultProps, theme, variants, fontFamily, conf, returnVariablesAs, staticConfig, parentVariantKey, avoidDefaultProps, debug) => {
+};
+const resolveTokensAndVariants = (key, value, props, defaultProps, theme, variants, fontFamily, conf, returnVariablesAs, staticConfig, parentVariantKey, avoidDefaultProps, debug) => {
   var _a;
   let res = {};
   for (const rKey in value) {
@@ -106,7 +104,7 @@ const resolveTokensAndVariants = /* @__PURE__ */ __name((key, value, props, defa
     }
   }
   return res;
-}, "resolveTokensAndVariants");
+};
 function getVariantDefinition(variant, key, value) {
   if (typeof variant === "function") {
     return variant;
@@ -130,12 +128,11 @@ function getVariantDefinition(variant, key, value) {
   fn = fn || variant[value];
   return fn || variant["..."] || variant["...size"];
 }
-__name(getVariantDefinition, "getVariantDefinition");
 const fontShorthand = {
   fontSize: "size",
   fontWeight: "weight"
 };
-const getToken = /* @__PURE__ */ __name((key, value, { tokensParsed, fontsParsed }, theme, fontFamily = "$body", resolveAs, debug) => {
+const getToken = (key, value, { tokensParsed, fontsParsed }, theme, fontFamily = "$body", resolveAs, debug) => {
   var _a, _b, _c;
   let valOrVar;
   let hasSet = false;
@@ -193,7 +190,7 @@ Set the debug prop to true to see more detailed debug information.`);
     }
   }
   return value;
-}, "getToken");
+};
 function getVariableValue(key, valOrVar, resolveAs = "auto") {
   if (isVariable(valOrVar)) {
     if (resolveAs === "variable") {
@@ -214,7 +211,6 @@ function getVariableValue(key, valOrVar, resolveAs = "auto") {
   }
   return valOrVar;
 }
-__name(getVariableValue, "getVariableValue");
 const tokenCategories = {
   radius: {
     borderRadius: true,

package/dist/jsx/helpers/createShallowUpdate.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { useCallback } from "react";
 function createShallowUpdate(setter) {
   return useCallback((next) => {
@@ -13,7 +11,6 @@ function createShallowUpdate(setter) {
     });
   }, [setter]);
 }
-__name(createShallowUpdate, "createShallowUpdate");
 export {
   createShallowUpdate
 };

package/dist/jsx/helpers/createTamaguiProvider.js

@@ -1,11 +1,9 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import * as React from "react";
 import { ButtonInsideButtonContext } from "../contexts/ButtonInsideButtonContext";
 import { TextAncestorProvider } from "../views/TextAncestorContext";
 import { ThemeProvider } from "../views/ThemeProvider";
 function createTamaguiProvider(config) {
-  return /* @__PURE__ */ __name(function TamaguiProvider({
+  return function TamaguiProvider({
     disableInjectCSS,
     children,
     ...themePropsProvider
@@ -23,9 +21,8 @@ function createTamaguiProvider(config) {
       }, [disableInjectCSS]);
     }
     return <ButtonInsideButtonContext.Provider value={false}><TextAncestorProvider><ThemeProvider themes={config.themes} defaultTheme={config.defaultTheme || "light"} themeClassNameOnRoot={config.themeClassNameOnRoot} disableRootThemeClass={config.disableRootThemeClass} {...themePropsProvider}>{children}</ThemeProvider></TextAncestorProvider></ButtonInsideButtonContext.Provider>;
-  }, "TamaguiProvider");
+  };
 }
-__name(createTamaguiProvider, "createTamaguiProvider");
 export {
   createTamaguiProvider
 };

package/dist/jsx/helpers/extendStaticConfig.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import { stylePropsView } from "@tamagui/helpers";
 import { createPropMapper } from "./createPropMapper";
 import { mergeProps } from "./mergeProps";
@@ -51,14 +49,13 @@ function extendStaticConfig(config, parent) {
     })
   });
 }
-__name(extendStaticConfig, "extendStaticConfig");
-const parseStaticConfig = /* @__PURE__ */ __name((config) => {
+const parseStaticConfig = (config) => {
   return {
     ...config,
     parsed: true,
     propMapper: createPropMapper(config)
   };
-}, "parseStaticConfig");
+};
 export {
   extendStaticConfig,
   parseStaticConfig

package/dist/jsx/helpers/fixNativeShadow.js

@@ -1,7 +1,5 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const fixNativeShadow = /* @__PURE__ */ __name((a) => {
-}, "fixNativeShadow");
+const fixNativeShadow = (a) => {
+};
 export {
   fixNativeShadow
 };

package/dist/jsx/helpers/fixNativeShadow.native.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 const matchRgbaHsla = /(rgba|hsla)\(\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,})\s*\)$/;
 function fixNativeShadow(props) {
   var _a, _b;
@@ -25,7 +23,6 @@ function fixNativeShadow(props) {
     props.shadowOpacity = (_b = props.shadowOpacity) != null ? _b : 1;
   }
 }
-__name(fixNativeShadow, "fixNativeShadow");
 export {
   fixNativeShadow
 };