@tamagui/core 1.79.17 → 1.79.19

package/dist/native.js

@@ -1241,7 +1241,7 @@ var require_config_native = __commonJS({
     });
     module2.exports = __toCommonJS2(config_exports);
     var import_constants3 = require_index_native3(), conf, setConfig = (next) => {
-      conf = next, configListeners.forEach((cb) => cb(next));
+      conf = next;
     }, setConfigFont = (name, font, fontParsed) => {
       if (process.env.NODE_ENV === "development" && !conf)
         throw new Error("Haven't called createTamagui yet");
@@ -4797,7 +4797,7 @@ var require_createComponent_native = __commonJS({
       spacedChildren: () => spacedChildren
     });
     module2.exports = __toCommonJS2(createComponent_exports);
-    var import_compose_refs = require_index_native5(), import_constants3 = require_index_native3(), import_helpers = require_index_native4(), import_use_did_finish_ssr = require_index_native6(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_proxyThemeVariables = require_proxyThemeVariables_native(), import_themeable = require_themeable_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), import_ThemeDebug = require_ThemeDebug_native(), import_jsx_runtime = require("react/jsx-runtime"), tamaguiConfig, AnimatedText, AnimatedView, initialTheme, time, debugKeyListeners, startVisualizer, mouseUps = /* @__PURE__ */ new Set();
+    var import_compose_refs = require_index_native5(), import_constants3 = require_index_native3(), import_helpers = require_index_native4(), import_use_did_finish_ssr = require_index_native6(), import_react3 = __toESM2(require("react")), import_config = require_config_native(), import_constants22 = require_constants_native2(), import_ComponentContext = require_ComponentContext_native(), import_createVariable = require_createVariable_native(), import_defaultComponentState = require_defaultComponentState_native(), import_createShallowSetState = require_createShallowSetState_native(), import_getSplitStyles = require_getSplitStyles_native(), import_log = require_log_native(), import_mergeProps = require_mergeProps_native(), import_proxyThemeVariables = require_proxyThemeVariables_native(), import_themeable = require_themeable_native(), import_useMedia = require_useMedia_native(), import_useTheme = require_useTheme_native(), import_setupHooks = require_setupHooks_native(), import_Slot = require_Slot_native(), import_Theme = require_Theme_native(), import_ThemeDebug = require_ThemeDebug_native(), import_jsx_runtime = require("react/jsx-runtime"), tamaguiConfig, initialTheme, time, debugKeyListeners, startVisualizer, mouseUps = /* @__PURE__ */ new Set();
     if (typeof document < "u") {
       let cancelTouches = () => {
         mouseUps.forEach((x) => x()), mouseUps.clear();
@@ -4827,9 +4827,14 @@ var require_createComponent_native = __commonJS({
     var BaseText, BaseView, hasSetupBaseViews = !1;
     function createComponent(staticConfig) {
       var _a;
-      let config = null;
+      let config = null, defaultProps = staticConfig.defaultProps;
       (0, import_config.onConfiguredOnce)((conf) => {
-        if (config = conf, !tamaguiConfig && (tamaguiConfig = conf, !initialTheme)) {
+        var _a2;
+        if (config = conf, staticConfig.componentName) {
+          let defaultForComponent = (_a2 = conf.defaultProps) == null ? void 0 : _a2[staticConfig.componentName];
+          defaultForComponent && (defaultProps = { ...defaultForComponent, ...defaultProps });
+        }
+        if (!tamaguiConfig && (tamaguiConfig = conf, !initialTheme)) {
           let next = conf.themes[Object.keys(conf.themes)[0]];
           initialTheme = (0, import_proxyThemeVariables.proxyThemeVariables)(next), process.env.NODE_ENV === "development" && (initialTheme || (0, import_log.log)("Warning: Missing theme"));
         }
@@ -4841,7 +4846,7 @@ var require_createComponent_native = __commonJS({
         isHOC,
         validStyles: validStyles2 = {},
         variants = {}
-      } = staticConfig, defaultComponentClassName = `is_${staticConfig.componentName}`, defaultProps = staticConfig.defaultProps;
+      } = staticConfig, defaultComponentClassName = `is_${staticConfig.componentName}`;
       process.env.NODE_ENV === "development" && (_a = staticConfig.defaultProps) != null && _a.debug && process.env.IS_STATIC !== "is_static" && (0, import_log.log)(`\u{1F41B} [${staticConfig.componentName || "Component"}]`, {
         staticConfig,
         defaultProps,
@@ -4900,17 +4905,21 @@ var require_createComponent_native = __commonJS({
         })(), usePresence = animationsConfig == null ? void 0 : animationsConfig.usePresence, presence = willBeAnimated && (usePresence == null ? void 0 : usePresence()) || null, hasEnterStyle = !!props.enterStyle, needsMount = !!((!import_constants3.isWeb || import_constants3.isClient) && willBeAnimated);
         process.env.NODE_ENV === "development" && time && time`pre-use-state`;
         let initialState = willBeAnimated ? supportsCSSVars ? import_defaultComponentState.defaultComponentStateShouldEnter : import_defaultComponentState.defaultComponentState : import_defaultComponentState.defaultComponentStateMounted, states = (0, import_react3.useState)(initialState), state = propsIn.forceStyle ? { ...states[0], [propsIn.forceStyle]: !0 } : states[0], setState = states[1], setStateShallow = (0, import_createShallowSetState.createShallowSetState)(setState), groupName = props.group, groupClassName = groupName ? `t_group_${props.group}` : "";
-        if (groupName && !stateRef.current.group && (stateRef.current.group = {
-          listeners: /* @__PURE__ */ new Set(),
-          emit(name, state2) {
-            this.listeners.forEach((l) => l(name, state2));
-          },
-          subscribe(cb) {
-            return this.listeners.add(cb), () => {
-              this.listeners.delete(cb);
-            };
-          }
-        }), groupName) {
+        if (groupName && !stateRef.current.group) {
+          let listeners = /* @__PURE__ */ new Set();
+          stateRef.current.group = {
+            listeners,
+            emit(name, state2) {
+              listeners.forEach((l) => l(name, state2));
+            },
+            subscribe(cb) {
+              return listeners.add(cb), () => {
+                listeners.delete(cb);
+              };
+            }
+          };
+        }
+        if (groupName) {
           let groupContextState = componentContext.groups.state, og = setStateShallow;
           setStateShallow = (state2) => {
             og(state2), stateRef.current.group.emit(groupName, {
@@ -4928,10 +4937,8 @@ var require_createComponent_native = __commonJS({
         willBeAnimated && !supportsCSSVars && !presence && isHydrated && (import_constants3.isServer || state.unmounted === !0) && (isAnimated = !1), willBeAnimated && !stateRef.current.hasAnimated && (stateRef.current.hasAnimated = !0);
         let componentClassName = props.asChild ? "" : props.componentName ? `is_${props.componentName}` : defaultComponentClassName, hasTextAncestor = !!(import_constants3.isWeb && isText && componentContext.inText), isDisabled = props.disabled ?? ((_c = props.accessibilityState) == null ? void 0 : _c.disabled);
         process.env.NODE_ENV === "development" && time && time`use-context`;
-        let element = import_constants3.isWeb && (!Component || typeof Component == "string") && props.tag || Component, BaseTextComponent = BaseText || element || "span", BaseViewComponent = BaseView || element || (hasTextAncestor ? "span" : "div");
-        AnimatedText = animationsConfig ? animationsConfig.Text : BaseTextComponent, AnimatedView = animationsConfig ? animationsConfig.View : BaseViewComponent;
-        let elementType = isText ? (isAnimated ? AnimatedText : null) || BaseTextComponent : (isAnimated ? AnimatedView : null) || BaseViewComponent;
-        if (isAnimated && presence) {
+        let element = import_constants3.isWeb && (!Component || typeof Component == "string") && props.tag || Component, elementType = isText ? BaseText || element || "span" : BaseView || element || (hasTextAncestor ? "span" : "div");
+        if (animationsConfig && willBeAnimated && (animationsConfig.Text && (elementType = animationsConfig.Text), animationsConfig.View && (elementType = animationsConfig.View)), isAnimated && presence) {
           let presenceState = presence[2];
           if (presenceState) {
             let isEntering = state.unmounted, isExiting2 = !presenceState.isPresent, enterExitVariant = presenceState.enterExitVariant, enterVariant = enterExitVariant ?? presenceState.enterVariant, exitVariant = enterExitVariant ?? presenceState.exitVariant;
@@ -5070,7 +5077,7 @@ If you meant to do this, you can disable this warning - either change untilMeasu
         ), process.env.NODE_ENV === "development" && time && time`destructure`;
         let disabled = ((_f = props.accessibilityState) == null ? void 0 : _f.disabled) || // @ts-expect-error (comes from core)
         props.accessibilityDisabled, viewProps = nonTamaguiProps;
-        isHOC && _themeProp && (viewProps.theme = _themeProp), groupName && (nonTamaguiProps.onLayout = (0, import_helpers.composeEventHandlers)(
+        hasAnimationProp && props.tag && !props.role && !props.accessibilityRole && (viewProps.role = props.tag), isHOC && _themeProp && (viewProps.theme = _themeProp), groupName && (nonTamaguiProps.onLayout = (0, import_helpers.composeEventHandlers)(
           nonTamaguiProps.onLayout,
           (e) => {
             stateRef.current.group.emit(groupName, {
@@ -5945,7 +5952,7 @@ ${runtimeStyles}`;
         // const tokens = [...getToken(tokens.size[0])]
         // .spacer-sm + ._dsp_contents._dsp-sm-hidden { margin-left: -var(--${}) }
       };
-      return (0, import_useMedia.configureMedia)(config), (0, import_config.setConfig)(config), import_config.configListeners.size && (import_config.configListeners.forEach((cb) => cb(config)), import_config.configListeners.clear()), createdConfigs.set(config, !0), process.env.NODE_ENV === "development" && ((_a = process.env.DEBUG) != null && _a.startsWith("tamagui") && console.info("Tamagui config:", config), globalThis.Tamagui || (globalThis.Tamagui = import_Tamagui.Tamagui)), config;
+      return (0, import_useMedia.configureMedia)(config), (0, import_config.setConfig)(config), createdConfigs.set(config, !0), import_config.configListeners.size && (import_config.configListeners.forEach((cb) => cb(config)), import_config.configListeners.clear()), process.env.NODE_ENV === "development" && ((_a = process.env.DEBUG) != null && _a.startsWith("tamagui") && console.info("Tamagui config:", config), globalThis.Tamagui || (globalThis.Tamagui = import_Tamagui.Tamagui)), config;
     }
     function getThemesDeduped(themes) {
       let dedupedThemes = [], existing = /* @__PURE__ */ new Map();