@tamagui/core 1.74.13 → 1.74.14

package/dist/native.js

@@ -1818,7 +1818,19 @@ var require_useMedia_native = __commonJS({
           }
         }
       ) : {}
-    ), mediaQueryConfig2 = {}, getMedia2 = () => mediaState2, mediaKeys = /* @__PURE__ */ new Set(), isMediaKey = (key) => mediaKeys.has(key) || key[0] === "$" && (key.startsWith("$platform-") || key.startsWith("$theme-") || key.startsWith("$group-")), initState, defaultMediaImportance = Object.keys(import_pseudoDescriptors.pseudoDescriptors).length, mediaKeysOrdered, getMediaKeyImportance = (key) => {
+    ), mediaQueryConfig2 = {}, getMedia2 = () => mediaState2, mediaKeys = /* @__PURE__ */ new Set(), isMediaKey = (key) => {
+      if (mediaKeys.has(key))
+        return !0;
+      if (key[0] === "$") {
+        if (key.startsWith("$platform-"))
+          return "platform";
+        if (key.startsWith("$theme-"))
+          return "theme";
+        if (key.startsWith("$group-"))
+          return "group";
+      }
+      return !1;
+    }, initState, defaultMediaImportance = Object.keys(import_pseudoDescriptors.pseudoDescriptors).length, mediaKeysOrdered, getMediaKeyImportance = (key) => {
       if (process.env.NODE_ENV === "development" && key[0] === "$")
         throw new Error("use short key");
       return (0, import_config.getConfig)().settings.mediaPropOrder ? defaultMediaImportance : mediaKeysOrdered.indexOf(key) + 100;
@@ -2302,11 +2314,11 @@ var require_createMediaStyle_native = __commonJS({
     module2.exports = __toCommonJS2(createMediaStyle_exports);
     var import_config = require_config_native(), import_useMedia = require_useMedia_native(), import_getGroupPropParts = require_getGroupPropParts_native(), MEDIA_SEP = "_", prefixes = null, selectors = null, groupPseudoToPseudoCSSMap = {
       press: "active"
-    }, createMediaStyle = (styleObject, mediaKeyIn, mediaQueries, negate, priority) => {
-      let { property, identifier, rules } = styleObject, conf = (0, import_config.getConfig)(), enableMediaPropOrder = conf.settings.mediaPropOrder, isThemeMedia = mediaKeyIn.startsWith("theme-"), isPlatformMedia = !isThemeMedia && mediaKeyIn.startsWith("platform-"), isGroup = !isThemeMedia && !isPlatformMedia && mediaKeyIn.startsWith("group-"), isNonWindowMedia = isThemeMedia || isPlatformMedia || isGroup, negKey = negate ? "0" : "", ogPrefix = identifier.slice(0, identifier.indexOf("-") + 1), id = `${ogPrefix}${MEDIA_SEP}${mediaKeyIn.replace("-", "")}${negKey}${MEDIA_SEP}`, styleRule = "", groupMediaKey, containerName, nextIdentifier = identifier.replace(ogPrefix, id), styleInner = rules.map((rule) => rule.replace(identifier, nextIdentifier)).join(";");
+    }, createMediaStyle = (styleObject, mediaKeyIn, mediaQueries, type, negate, priority) => {
+      let { property, identifier, rules } = styleObject, conf = (0, import_config.getConfig)(), enableMediaPropOrder = conf.settings.mediaPropOrder, isTheme = type === "theme", isPlatform = type === "platform", isGroup = type === "group", isNonWindowMedia = isTheme || isPlatform || isGroup, negKey = negate ? "0" : "", ogPrefix = identifier.slice(0, identifier.indexOf("-") + 1), id = `${ogPrefix}${MEDIA_SEP}${mediaKeyIn.replace("-", "")}${negKey}${MEDIA_SEP}`, styleRule = "", groupMediaKey, containerName, nextIdentifier = identifier.replace(ogPrefix, id), styleInner = rules.map((rule) => rule.replace(identifier, nextIdentifier)).join(";");
       if (isNonWindowMedia) {
         let precedenceImportancePrefix = new Array((priority || 0) + (isGroup ? 1 : 0)).fill(":root").join("");
-        if (isThemeMedia || isGroup) {
+        if (isTheme || isGroup) {
           let groupInfo = (0, import_getGroupPropParts.getGroupPropParts)(mediaKeyIn), mediaName = groupInfo == null ? void 0 : groupInfo.name;
           groupMediaKey = groupInfo == null ? void 0 : groupInfo.media, isGroup && (containerName = mediaName);
           let name = (isGroup ? "group_" : "") + mediaName, selectorStart = styleInner.indexOf(":root"), selectorEnd = styleInner.lastIndexOf("{"), selector = styleInner.slice(selectorStart, selectorEnd), precedenceSpace = conf.themeClassNameOnRoot ? "" : " ", pseudoSelectorName = groupInfo.pseudo ? groupPseudoToPseudoCSSMap[groupInfo.pseudo] || groupInfo.pseudo : void 0, pseudoSelector = pseudoSelectorName ? `:${pseudoSelectorName}` : "", presedencePrefix = `:root${precedenceImportancePrefix}${precedenceSpace}`, mediaSelector = `.t_${name}${pseudoSelector}`, nextSelector = `${presedencePrefix}${mediaSelector} ${selector.replace(
@@ -3520,7 +3532,7 @@ var require_getSplitStyles_native = __commonJS({
             case "accessibilityRequired":
             default:
           }
-        let isValidStyleKeyInit = keyInit in validStyleProps, isShorthand = keyInit in shorthands, isVariant = !isValidStyleKeyInit && variants && keyInit in variants, isStyleLikeKey = isShorthand || isValidStyleKeyInit || isVariant, isPseudo = keyInit in import_helpers.validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && (0, import_useMedia.isMediaKey)(keyInit), isMediaOrPseudo = isMedia || isPseudo, isStyleProp = isMediaOrPseudo || isVariant && !styleProps.noExpand || isValidStyleKeyInit || isShorthand;
+        let isValidStyleKeyInit = keyInit in validStyleProps, isShorthand = keyInit in shorthands, isVariant = !isValidStyleKeyInit && variants && keyInit in variants, isStyleLikeKey = isShorthand || isValidStyleKeyInit || isVariant, isPseudo = keyInit in import_helpers.validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && (0, import_useMedia.isMediaKey)(keyInit), isMediaOrPseudo = !!(isMedia || isPseudo), isStyleProp = isMediaOrPseudo || isVariant && !styleProps.noExpand || isValidStyleKeyInit || isShorthand;
         if (isStyleProp && (props.asChild === "except-style" || props.asChild === "except-style-web"))
           continue;
         let shouldPassProp = !isStyleProp || // is in parent variants
@@ -3567,7 +3579,7 @@ current`, {
         if (expanded) {
           for (let [key, val] of expanded)
             if (!(val == null || key in usedKeys)) {
-              if (isPseudo = key in import_helpers.validPseudoKeys, isMedia = !isPseudo && !isValidStyleKeyInit && (0, import_useMedia.isMediaKey)(key), isMediaOrPseudo = isMedia || isPseudo, isVariant = variants && key in variants, (inlineProps != null && inlineProps.has(key) || IS_STATIC && inlineWhenUnflattened != null && inlineWhenUnflattened.has(key)) && (viewProps[key] = props[key] ?? val), styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo || ((_b = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) == null ? void 0 : _b[keyInit]))) {
+              if (isPseudo = key in import_helpers.validPseudoKeys, isMedia = !isPseudo && !isValidStyleKeyInit && (0, import_useMedia.isMediaKey)(key), isMediaOrPseudo = !!(isMedia || isPseudo), isVariant = variants && key in variants, (inlineProps != null && inlineProps.has(key) || IS_STATIC && inlineWhenUnflattened != null && inlineWhenUnflattened.has(key)) && (viewProps[key] = props[key] ?? val), styleProps.noExpand && isPseudo || isHOC && (isMediaOrPseudo || ((_b = parentStaticConfig == null ? void 0 : parentStaticConfig.variants) == null ? void 0 : _b[keyInit]))) {
                 passDownProp(viewProps, key, val, isMediaOrPseudo), process.env.NODE_ENV === "development" && debug === "verbose" && (console.groupCollapsed(` - passing down prop ${key}`), console.info({ val, after: { ...viewProps[key] } }), console.groupEnd());
                 continue;
               }
@@ -3632,8 +3644,7 @@ current`, {
               } else if (isMedia) {
                 if (!val)
                   continue;
-                let isPlatformMedia = key.startsWith("$platform-");
-                if (isPlatformMedia) {
+                if (isMedia === "platform") {
                   let platform = key.slice(10);
                   if (
                     // supports web, ios, android
@@ -3678,14 +3689,15 @@ current`, {
                       style2,
                       mediaKeyShort,
                       import_useMedia.mediaQueryConfig,
+                      isMedia,
                       !1,
                       priority
                     );
                     `${style2.property}${PROP_SPLIT}${mediaKeyShort}` in usedKeys || out.identifier;
                   }
                 } else {
-                  let isThemeMedia = !isPlatformMedia && mediaKeyShort.startsWith("theme-"), isGroupMedia = !isPlatformMedia && !isThemeMedia && mediaKeyShort.startsWith("group-");
-                  if (!isThemeMedia && !isPlatformMedia && !isGroupMedia && !mediaState2[mediaKeyShort])
+                  let isThemeMedia = isMedia === "theme", isGroupMedia = isMedia === "group";
+                  if (!isThemeMedia && isMedia !== "platform" && !isGroupMedia && !mediaState2[mediaKeyShort])
                     continue;
                   let importanceBump = 0;
                   if (isThemeMedia) {
@@ -4462,6 +4474,7 @@ var require_Theme_native = __commonJS({
     )), __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), Theme_exports = {};
     __export2(Theme_exports, {
       Theme: () => Theme,
+      getThemeCNStyle: () => getThemeCNStyle,
       useThemedChildren: () => useThemedChildren,
       wrapThemeElements: () => wrapThemeElements
     });
@@ -4484,7 +4497,7 @@ var require_Theme_native = __commonJS({
       return useThemedChildren(themeState, children, props, isRoot);
     });
     Theme.avoidForwardRef = !0;
-    function useThemedChildren(themeState, children, props, isRoot = !1) {
+    function useThemedChildren(themeState, children, props, isRoot = !1, avoidWrap = !1) {
       let { themeManager, isNewTheme } = themeState, { shallow, forceClassName } = props, hasEverThemed = (0, import_react.useRef)(!1);
       if (isNewTheme && (hasEverThemed.current = !0), !(isNewTheme || props.inverse || hasEverThemed.current || forceClassName || isRoot))
         return children;
@@ -4495,32 +4508,37 @@ var require_Theme_native = __commonJS({
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Theme, { name: themeManager.state.parentName, children: child.props.children })
       ) : child));
       let elementsWithContext = themeManager ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeManagerContext.ThemeManagerContext.Provider, { value: themeManager, children: next }) : next;
-      return forceClassName === !1 ? elementsWithContext : import_constants2.isWeb ? wrapThemeElements({
+      return forceClassName === !1 ? elementsWithContext : import_constants2.isWeb && !avoidWrap ? wrapThemeElements({
         children: elementsWithContext,
         themeState,
         forceClassName,
         isRoot
       }) : elementsWithContext;
     }
+    function getThemeCNStyle(themeState, isRoot = !1) {
+      var _a, _b;
+      if (!themeState.isNewTheme)
+        return;
+      let themeColor = (_a = themeState.state) != null && _a.theme && themeState.isNewTheme ? (0, import_createVariable.variableToString)(themeState.state.theme.color) : "", style = themeColor ? {
+        color: themeColor
+      } : void 0, className = ((_b = themeState.state) == null ? void 0 : _b.className) || "";
+      return isRoot && (className = className.replace("t_sub_theme", "")), { style, className };
+    }
     function wrapThemeElements({
       children,
       themeState,
       forceClassName,
       isRoot
     }) {
-      var _a, _b, _c, _d;
+      var _a, _b;
       if (isRoot && forceClassName === !1)
         return children;
       let inverse = (_a = themeState.state) == null ? void 0 : _a.inverse;
       if (!themeState.isNewTheme && !inverse && !forceClassName)
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "_dsp_contents is_Theme", children });
-      let themeColor = (_b = themeState.state) != null && _b.theme && themeState.isNewTheme ? (0, import_createVariable.variableToString)(themeState.state.theme.color) : "", colorStyle = themeColor ? {
-        color: themeColor
-      } : void 0, className = ((_c = themeState.state) == null ? void 0 : _c.className) || "";
-      isRoot && (className = className.replace("t_sub_theme", ""));
-      let themedChildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${className} _dsp_contents is_Theme`, style: colorStyle, children });
+      let { className, style } = getThemeCNStyle(themeState, isRoot), themedChildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `${className} _dsp_contents is_Theme`, style, children });
       if (inverse != null || forceClassName) {
-        let name = ((_d = themeState.state) == null ? void 0 : _d.name) || "";
+        let name = ((_b = themeState.state) == null ? void 0 : _b.name) || "";
         themedChildren = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "span",
           {
@@ -4538,7 +4556,7 @@ var require_Theme_native = __commonJS({
 var require_themeable_native = __commonJS({
   "../web/dist/cjs/helpers/themeable.native.js"(exports, module2) {
     "use strict";
-    var __create2 = Object.create, __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
+    var __defProp2 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __hasOwnProp2 = Object.prototype.hasOwnProperty, __export2 = (target, all) => {
       for (var name in all)
         __defProp2(target, name, { get: all[name], enumerable: !0 });
     }, __copyProps2 = (to, from, except, desc) => {
@@ -4546,26 +4564,15 @@ var require_themeable_native = __commonJS({
         for (let key of __getOwnPropNames2(from))
           !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
       return to;
-    }, __toESM2 = (mod, isNodeMode, target) => (target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
-      // If the importer is in node compatibility mode or this is not an ESM
-      // file that has been converted to a CommonJS file using a Babel-
-      // compatible transform (i.e. "__esModule" has not been set), then set
-      // "default" to the CommonJS "module.exports" for node compatibility.
-      isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", { value: mod, enumerable: !0 }) : target,
-      mod
-    )), __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), themeable_exports = {};
+    }, __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: !0 }), mod), themeable_exports = {};
     __export2(themeable_exports, {
       themeable: () => themeable
     });
     module2.exports = __toCommonJS2(themeable_exports);
-    var import_react = __toESM2(require("react")), import_Theme = require_Theme_native(), import_jsx_runtime = require("react/jsx-runtime");
-    function themeable(component, staticConfig) {
+    var import_react = require("react"), import_Theme = require_Theme_native(), import_jsx_runtime = require("react/jsx-runtime");
+    function themeable(Component, staticConfig) {
       let withTheme = (0, import_react.forwardRef)(function(props, ref) {
-        let { themeInverse, theme, componentName, themeReset, ...rest } = props, element = import_react.default.createElement(component, {
-          ...rest,
-          ref,
-          "data-disable-theme": !0
-        });
+        let { themeInverse, theme, componentName, themeReset, ...rest } = props, element = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ref, ...rest, "data-disable-theme": !0 });
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           import_Theme.Theme,
           {
@@ -4579,7 +4586,7 @@ var require_themeable_native = __commonJS({
           }
         );
       });
-      return withTheme.displayName = `Themed(${(component == null ? void 0 : component.displayName) || (component == null ? void 0 : component.name) || "Anonymous"})`, withTheme;
+      return withTheme.displayName = `Themed(${(Component == null ? void 0 : Component.displayName) || (Component == null ? void 0 : Component.name) || "Anonymous"})`, withTheme;
     }
   }
 });
@@ -4945,6 +4952,8 @@ var require_createComponent_native = __commonJS({
           onMouseDown,
           onMouseEnter,
           onMouseLeave,
+          onFocus,
+          onBlur,
           separator,
           // ignore from here on out
           forceStyle: _forceStyle,
@@ -5028,7 +5037,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         fontFamily && fontFamily[0] === "$" && (fontFamily = fontFamily.slice(1));
         let fontFamilyClassName = fontFamily ? `font_${fontFamily}` : "", style = avoidAnimationStyle ? splitStyles.style : animationStyles || splitStyles.style, className;
         viewProps.style = style;
-        let runtimePressStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.pressStyle), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onLongPress || onClick), runtimeHoverStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = runtimeHoverStyle || onHoverIn || onHoverOut, isHoverable = import_constants2.isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), handlesPressEvents = !(import_constants2.isWeb || asChild), shouldAttach = !!(attachPress || isHoverable || runtimePressStyle || runtimeHoverStyle);
+        let runtimePressStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.pressStyle), runtimeFocusStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.focusStyle), attachPress = !!(groupName || runtimePressStyle || onPress || onPressOut || onPressIn || onLongPress || onClick), runtimeHoverStyle = !disabled && noClassNames && (pseudos == null ? void 0 : pseudos.hoverStyle), needsHoverState = runtimeHoverStyle || onHoverIn || onHoverOut, isHoverable = import_constants2.isWeb && !!(groupName || needsHoverState || onMouseEnter || onMouseLeave), handlesPressEvents = !(import_constants2.isWeb || asChild), shouldAttach = !!(attachPress || isHoverable || runtimePressStyle || runtimeHoverStyle || runtimeFocusStyle);
         process.env.NODE_ENV === "development" && time && time`events-setup`;
         let events = shouldAttach && !isDisabled && !props.asChild ? {
           onPressOut: attachPress ? (e) => {
@@ -5053,9 +5062,11 @@ If you meant to do this, you can disable this warning - either change untilMeasu
           onPress: attachPress ? (e) => {
             unPress(), import_constants2.isWeb && (onClick == null || onClick(e)), onPress == null || onPress(e);
           } : void 0,
-          onLongPress: attachPress && onLongPress ? (e) => {
-            unPress(), onLongPress == null || onLongPress(e);
-          } : void 0
+          ...attachPress && onLongPress && {
+            onLongPress: (e) => {
+              unPress(), onLongPress == null || onLongPress(e);
+            }
+          }
         } : null;
         events && !asChild && Object.assign(events, {
           cancelable: !viewProps.rejectResponderTermination,
@@ -5101,7 +5112,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
               }
             };
         }, [groupName]);
-        if (groupName && subGroupContext && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, { groups: subGroupContext, children: content })), process.env.NODE_ENV === "development" && time && time`group-context`, content = disableThemeProp ? content : (0, import_Theme.useThemedChildren)(themeState, content, themeStateProps), process.env.NODE_ENV === "development" && time && time`themed-children`, process.env.NODE_ENV === "development" && props.debug === "visualize" && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeDebug.ThemeDebug, { themeState, themeProps: props, children: content })), staticConfig.context) {
+        if (groupName && subGroupContext && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ComponentContext.ComponentContext.Provider, { groups: subGroupContext, children: content })), process.env.NODE_ENV === "development" && time && time`group-context`, content = disableThemeProp ? content : (0, import_Theme.useThemedChildren)(themeState, content, themeStateProps, !1), process.env.NODE_ENV === "development" && time && time`themed-children`, process.env.NODE_ENV === "development" && props.debug === "visualize" && (content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ThemeDebug.ThemeDebug, { themeState, themeProps: props, children: content })), staticConfig.context) {
           let contextProps = staticConfig.context.props;
           for (let key in contextProps)
             (key in style || key in viewProps) && (overriddenContextProps ||= {}, overriddenContextProps[key] = style[key] ?? viewProps[key]);
@@ -5168,12 +5179,12 @@ If you meant to do this, you can disable this warning - either change untilMeasu
       function extractable(Component2, extended) {
         return Component2.staticConfig = extendStyledConfig(extended), Component2.styleable = styleable, Component2;
       }
-      function styleable(Component2, extended) {
+      function styleable(Component2, options) {
         var _a2;
         let ComponentForwardedRef = ((_a2 = Component2.render) == null ? void 0 : _a2.length) === 2 ? Component2 : (
           // memo because theme changes otherwise would always re-render
           (0, import_react.memo)((0, import_react.forwardRef)(Component2))
-        ), extendedConfig = extendStyledConfig(extended), out = (0, import_themeable.themeable)(ComponentForwardedRef, extendedConfig);
+        ), extendedConfig = extendStyledConfig(options == null ? void 0 : options.staticConfig), out = options != null && options.disableTheme ? ComponentForwardedRef : (0, import_themeable.themeable)(ComponentForwardedRef, extendedConfig);
         return out.staticConfig = extendedConfig, out.styleable = styleable, out;
       }
       return res.extractable = extractable, res.styleable = styleable, res;
@@ -6319,6 +6330,7 @@ var require_useProps_native = __commonJS({
           mediaState: media,
           noSkip: !0,
           noClassNames: !0,
+          resolveValues: "auto",
           ...opts
         },
         null,